@khanacademy/wonder-blocks-clickable 4.2.4 → 4.2.5

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @khanacademy/wonder-blocks-clickable
 
+## 4.2.5
+
+### Patch Changes
+
+-   559e82d5: Update to build tooling, generating smaller output
+-   Updated dependencies [559e82d5]
+    -   @khanacademy/wonder-blocks-core@6.4.3
+    -   @khanacademy/wonder-blocks-tokens@1.3.1
+
 ## 4.2.4
 
 ### Patch Changes

package/dist/es/index.js

@@ -1,3 +1,5 @@
+import _objectWithoutPropertiesLoose from '@babel/runtime/helpers/objectWithoutPropertiesLoose';
+import _extends from '@babel/runtime/helpers/extends';
 import * as React from 'react';
 import { StyleSheet } from 'aphrodite';
 import { withRouter, Link } from 'react-router-dom';
@@ -5,34 +7,6 @@ import { __RouterContext } from 'react-router';
 import { addStyle } from '@khanacademy/wonder-blocks-core';
 import { color } from '@khanacademy/wonder-blocks-tokens';
 
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
 const getAppropriateTriggersForRole = role => {
   switch (role) {
     case "link":

package/dist/index.js

@@ -2,6 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _objectWithoutPropertiesLoose = require('@babel/runtime/helpers/objectWithoutPropertiesLoose');
+var _extends = require('@babel/runtime/helpers/extends');
 var React = require('react');
 var aphrodite = require('aphrodite');
 var reactRouterDom = require('react-router-dom');
@@ -9,54 +11,30 @@ var reactRouter = require('react-router');
 var wonderBlocksCore = require('@khanacademy/wonder-blocks-core');
 var wonderBlocksTokens = require('@khanacademy/wonder-blocks-tokens');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
 function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
+   if (e && e.__esModule) return e;
+   var n = Object.create(null);
+   if (e) {
+      Object.keys(e).forEach(function (k) {
+         if (k !== 'default') {
+            var d = Object.getOwnPropertyDescriptor(e, k);
+            Object.defineProperty(n, k, d.get ? d : {
+               enumerable: true,
+               get: function () { return e[k]; }
+            });
+         }
+      });
+   }
+   n["default"] = e;
+   return Object.freeze(n);
 }
 
+var _objectWithoutPropertiesLoose__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutPropertiesLoose);
+var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
 const getAppropriateTriggersForRole = role => {
   switch (role) {
     case "link":
@@ -107,7 +85,7 @@ const startState = {
 class ClickableBehavior extends React__namespace.Component {
   static getDerivedStateFromProps(props, state) {
     if (props.disabled) {
-      return _extends({}, startState, {
+      return _extends__default["default"]({}, startState, {
         focused: state.focused
       });
     } else {
@@ -356,7 +334,7 @@ class ClickableBehavior extends React__namespace.Component {
   }
   render() {
     const rel = this.props.rel || (this.props.target === "_blank" ? "noopener noreferrer" : undefined);
-    const childrenProps = this.props.disabled ? _extends({}, disabledHandlers, {
+    const childrenProps = this.props.disabled ? _extends__default["default"]({}, disabledHandlers, {
       onFocus: this.handleFocus,
       onBlur: this.handleBlur,
       tabIndex: this.props.tabIndex,
@@ -411,7 +389,7 @@ const Clickable = React__namespace.forwardRef(function Clickable(props, ref) {
     const activeHref = props.href && !props.disabled;
     const useClient = router && !props.skipClientNav && isClientSideUrl(props.href || "");
     if (activeHref && useClient && props.href) {
-      return React__namespace.createElement(StyledLink, _extends({}, commonProps, {
+      return React__namespace.createElement(StyledLink, _extends__default["default"]({}, commonProps, {
         to: props.href,
         role: props.role,
         target: props.target || undefined,
@@ -419,7 +397,7 @@ const Clickable = React__namespace.forwardRef(function Clickable(props, ref) {
         ref: ref
       }), props.children(clickableState));
     } else if (activeHref && !useClient) {
-      return React__namespace.createElement(StyledAnchor, _extends({}, commonProps, {
+      return React__namespace.createElement(StyledAnchor, _extends__default["default"]({}, commonProps, {
         href: props.href,
         role: props.role,
         target: props.target || undefined,
@@ -427,7 +405,7 @@ const Clickable = React__namespace.forwardRef(function Clickable(props, ref) {
         ref: ref
       }), props.children(clickableState));
     } else {
-      return React__namespace.createElement(StyledButton, _extends({}, commonProps, {
+      return React__namespace.createElement(StyledButton, _extends__default["default"]({}, commonProps, {
         type: "button",
         "aria-disabled": props.disabled,
         ref: ref
@@ -454,7 +432,7 @@ const Clickable = React__namespace.forwardRef(function Clickable(props, ref) {
         disabled,
         tabIndex
       } = props,
-      restProps = _objectWithoutPropertiesLoose(props, _excluded);
+      restProps = _objectWithoutPropertiesLoose__default["default"](props, _excluded);
     const ClickableBehavior = getClickableBehavior(href, skipClientNav, router);
     const getStyle = state => [styles.reset, styles.link, !hideDefaultFocusRing && state.focused && (light ? styles.focusedLight : styles.focused), disabled && styles.disabled, style];
     if (beforeNav) {
@@ -470,7 +448,7 @@ const Clickable = React__namespace.forwardRef(function Clickable(props, ref) {
         onMouseUp: onMouseUp,
         disabled: disabled,
         tabIndex: tabIndex
-      }, (state, childrenProps) => getCorrectTag(state, router, _extends({}, restProps, {
+      }, (state, childrenProps) => getCorrectTag(state, router, _extends__default["default"]({}, restProps, {
         "data-testid": testId,
         style: getStyle(state)
       }, childrenProps)));
@@ -487,7 +465,7 @@ const Clickable = React__namespace.forwardRef(function Clickable(props, ref) {
         target: target,
         disabled: disabled,
         tabIndex: tabIndex
-      }, (state, childrenProps) => getCorrectTag(state, router, _extends({}, restProps, {
+      }, (state, childrenProps) => getCorrectTag(state, router, _extends__default["default"]({}, restProps, {
         "data-testid": testId,
         style: getStyle(state)
       }, childrenProps)));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@khanacademy/wonder-blocks-clickable",
-  "version": "4.2.4",
+  "version": "4.2.5",
   "design": "v1",
   "description": "Clickable component for Wonder-Blocks.",
   "main": "dist/index.js",
@@ -16,8 +16,8 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.18.6",
-    "@khanacademy/wonder-blocks-core": "^6.4.2",
-    "@khanacademy/wonder-blocks-tokens": "^1.3.0"
+    "@khanacademy/wonder-blocks-core": "^6.4.3",
+    "@khanacademy/wonder-blocks-tokens": "^1.3.1"
   },
   "peerDependencies": {
     "aphrodite": "^1.2.5",
@@ -27,6 +27,6 @@
     "react-router-dom": "5.3.0"
   },
   "devDependencies": {
-    "@khanacademy/wb-dev-build-settings": "^1.0.0"
+    "@khanacademy/wb-dev-build-settings": "^1.0.1"
   }
 }