@khanacademy/wonder-blocks-icon-button - npm Package Compare versions

Comparing version 3.4.1 to 3.4.2

dist/es/index.js

 import _extends from '@babel/runtime/helpers/extends';
 import _objectWithoutPropertiesLoose from '@babel/runtime/helpers/objectWithoutPropertiesLoose';
-import { Component, createElement } from 'react';
+import * as React from 'react';
 import { __RouterContext } from 'react-router';
@@ -12,7 +12,7 @@ import { isClientSideUrl, getClickableBehavior } from '@khanacademy/wonder-blocks-clickable';
 
-const _excluded = ["skipClientNav", "color", "disabled", "focused", "hovered", "href", "icon", "kind", "light", "pressed", "style", "testId", "waiting"];
+const _excluded$1 = ["skipClientNav", "color", "disabled", "focused", "hovered", "href", "icon", "kind", "light", "pressed", "style", "testId", "waiting"];
 const StyledAnchor = addStyle("a");
 const StyledButton = addStyle("button");
 const StyledLink = addStyle(Link);
-class IconButtonCore extends Component {
+class IconButtonCore extends React.Component {
   renderInner(router) {
@@ -34,3 +34,3 @@ const _this$props = this.props,
     } = _this$props,
-          restProps = _objectWithoutPropertiesLoose(_this$props, _excluded);
+          restProps = _objectWithoutPropertiesLoose(_this$props, _excluded$1);
 
@@ -42,3 +42,3 @@ const buttonColor = color === "destructive" ? SemanticColor.controlDestructive : SemanticColor.controlDefault;
     const defaultStyle = [sharedStyles.shared, disabled && sharedStyles.disabled, buttonStyles.default, disabled && buttonStyles.disabled, !disabled && (pressed ? buttonStyles.active : (hovered || focused) && buttonStyles.focus)];
-    const child = /*#__PURE__*/createElement(Icon, {
+    const child = /*#__PURE__*/React.createElement(Icon, {
       size: "medium",
@@ -55,9 +55,9 @@ color: "currentColor",
     if (href && !disabled) {
-      return router && !skipClientNav && isClientSideUrl(href) ? /*#__PURE__*/createElement(StyledLink, _extends({}, commonProps, {
+      return router && !skipClientNav && isClientSideUrl(href) ? /*#__PURE__*/React.createElement(StyledLink, _extends({}, commonProps, {
         to: href
-      }), child) : /*#__PURE__*/createElement(StyledAnchor, _extends({}, commonProps, {
+      }), child) : /*#__PURE__*/React.createElement(StyledAnchor, _extends({}, commonProps, {
         href: href
       }), child);
     } else {
-      return /*#__PURE__*/createElement(StyledButton, _extends({
+      return /*#__PURE__*/React.createElement(StyledButton, _extends({
         type: "button"
@@ -71,3 +71,3 @@ }, commonProps, {
   render() {
-    return /*#__PURE__*/createElement(__RouterContext.Consumer, null, router => this.renderInner(router));
+    return /*#__PURE__*/React.createElement(__RouterContext.Consumer, null, router => this.renderInner(router));
   }
@@ -165,3 +165,3 @@
 
-const _excluded$1 = ["onClick", "href", "skipClientNav", "tabIndex", "target"],
+const _excluded = ["onClick", "href", "skipClientNav", "tabIndex", "target"],
       _excluded2 = ["tabIndex"];
@@ -205,3 +205,3 @@
  */
-class IconButton extends Component {
+class IconButton extends React.Component {
   renderClickableBehavior(router) {
@@ -216,6 +216,6 @@ const _this$props = this.props,
     } = _this$props,
-          sharedProps = _objectWithoutPropertiesLoose(_this$props, _excluded$1);
+          sharedProps = _objectWithoutPropertiesLoose(_this$props, _excluded);
 
     const ClickableBehavior = getClickableBehavior(href, skipClientNav, router);
-    return /*#__PURE__*/createElement(ClickableBehavior, {
+    return /*#__PURE__*/React.createElement(ClickableBehavior, {
       disabled: sharedProps.disabled,
@@ -232,3 +232,3 @@ href: href,
 
-      return /*#__PURE__*/createElement(IconButtonCore, _extends({}, sharedProps, state, childrenProps, {
+      return /*#__PURE__*/React.createElement(IconButtonCore, _extends({}, sharedProps, state, childrenProps, {
         skipClientNav: skipClientNav,
@@ -246,3 +246,3 @@ href: href,
   render() {
-    return /*#__PURE__*/createElement(__RouterContext.Consumer, null, router => this.renderClickableBehavior(router));
+    return /*#__PURE__*/React.createElement(__RouterContext.Consumer, null, router => this.renderClickableBehavior(router));
   }
@@ -258,2 +258,2 @@
 
-export default IconButton;
+export { IconButton as default };

package.json

 {
   "name": "@khanacademy/wonder-blocks-icon-button",
-  "version": "3.4.1",
+  "version": "3.4.2",
   "design": "v1",
@@ -19,3 +19,3 @@ "publishConfig": {
     "@babel/runtime": "^7.16.3",
-    "@khanacademy/wonder-blocks-clickable": "^2.2.1",
+    "@khanacademy/wonder-blocks-clickable": "^2.2.2",
     "@khanacademy/wonder-blocks-color": "^1.1.20",
@@ -33,4 +33,3 @@ "@khanacademy/wonder-blocks-core": "^4.0.0",
     "wb-dev-build-settings": "^0.2.0"
-  },
-  "gitHead": "9ebea88533e702011165072f090a377e02fa3f0f"
+  }
 }

src/components/__tests__/icon-button.test.js

 // @flow
 import * as React from "react";
 import {mount} from "enzyme";
+import "jest-enzyme";
 
@@ -5,0 +6,0 @@ import {MemoryRouter, Route, Switch} from "react-router-dom";

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Lines of code

1291

increased by0.08%

Worsened metrics

Total package byte prevSize

171735

decreased by-0.52%

Dependency changes

• Updated@khanacademy/wonder-blocks-clickable@^2.2.2