@khanacademy/wonder-blocks-form 4.7.4 → 4.7.5

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @khanacademy/wonder-blocks-form
 
+## 4.7.5
+
+### Patch Changes
+
+-   559e82d5: Update to build tooling, generating smaller output
+-   Updated dependencies [559e82d5]
+    -   @khanacademy/wonder-blocks-clickable@4.2.5
+    -   @khanacademy/wonder-blocks-core@6.4.3
+    -   @khanacademy/wonder-blocks-icon@4.1.3
+    -   @khanacademy/wonder-blocks-layout@2.1.2
+    -   @khanacademy/wonder-blocks-tokens@1.3.1
+    -   @khanacademy/wonder-blocks-typography@2.1.14
+
 ## 4.7.4
 
 ### Patch Changes

package/dist/es/index.js

@@ -1,4 +1,6 @@
+import _extends from '@babel/runtime/helpers/extends';
 import * as React from 'react';
+import _objectWithoutPropertiesLoose from '@babel/runtime/helpers/objectWithoutPropertiesLoose';
 import { StyleSheet } from 'aphrodite';
 import { addStyle, UniqueIDProvider, View, IDProvider } from '@khanacademy/wonder-blocks-core';
 import { Strut } from '@khanacademy/wonder-blocks-layout';
@@ -8,34 +10,6 @@ import { PhosphorIcon } from '@khanacademy/wonder-blocks-icon';
 import checkIcon from '@phosphor-icons/core/bold/check-bold.svg';
 import minusIcon from '@phosphor-icons/core/bold/minus-bold.svg';
 
-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);
-}
-
-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;
-}
-
 const _excluded$6 = ["checked", "disabled", "error", "groupName", "id", "testId"];
 function mapCheckedToAriaChecked(value) {
   switch (value) {

package/dist/index.js

@@ -2,7 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _extends = require('@babel/runtime/helpers/extends');
 var React = require('react');
+var _objectWithoutPropertiesLoose = require('@babel/runtime/helpers/objectWithoutPropertiesLoose');
 var aphrodite = require('aphrodite');
 var wonderBlocksCore = require('@khanacademy/wonder-blocks-core');
 var wonderBlocksLayout = require('@khanacademy/wonder-blocks-layout');
@@ -15,55 +17,29 @@ var minusIcon = require('@phosphor-icons/core/bold/minus-bold.svg');
 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]; }
+    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);
+    }
+    n["default"] = e;
+    return Object.freeze(n);
 }
 
+var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var _objectWithoutPropertiesLoose__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutPropertiesLoose);
 var checkIcon__default = /*#__PURE__*/_interopDefaultLegacy(checkIcon);
 var minusIcon__default = /*#__PURE__*/_interopDefaultLegacy(minusIcon);
 
-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);
-}
-
-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;
-}
-
 const _excluded$6 = ["checked", "disabled", "error", "groupName", "id", "testId"];
 function mapCheckedToAriaChecked(value) {
   switch (value) {
@@ -96,7 +72,7 @@ const CheckboxCore = React__namespace.forwardRef(function CheckboxCore(props, re
       id,
       testId
     } = props,
-    sharedProps = _objectWithoutPropertiesLoose(props, _excluded$6);
+    sharedProps = _objectWithoutPropertiesLoose__default["default"](props, _excluded$6);
   const innerRef = React__namespace.useRef(null);
   React__namespace.useEffect(() => {
     if (innerRef.current != null) {
@@ -118,7 +94,7 @@ const CheckboxCore = React__namespace.forwardRef(function CheckboxCore(props, re
     }]
   });
   const ariaChecked = mapCheckedToAriaChecked(checked);
-  return React__namespace.createElement(React__namespace.Fragment, null, React__namespace.createElement(StyledInput$2, _extends({}, sharedProps, {
+  return React__namespace.createElement(React__namespace.Fragment, null, React__namespace.createElement(StyledInput$2, _extends__default["default"]({}, sharedProps, {
     ref: node => {
       innerRef.current = node;
       if (typeof ref === "function") {
@@ -260,10 +236,10 @@ const RadioCore = React__namespace.forwardRef(function RadioCore(props, ref) {
       id,
       testId
     } = props,
-    sharedProps = _objectWithoutPropertiesLoose(props, _excluded$5);
+    sharedProps = _objectWithoutPropertiesLoose__default["default"](props, _excluded$5);
   const stateStyles = _generateStyles(checked, error);
   const defaultStyle = [sharedStyles.inputReset, sharedStyles.default, !disabled && stateStyles.default, disabled && sharedStyles.disabled];
-  return React__namespace.createElement(React__namespace.Fragment, null, React__namespace.createElement(StyledInput$1, _extends({}, sharedProps, {
+  return React__namespace.createElement(React__namespace.Fragment, null, React__namespace.createElement(StyledInput$1, _extends__default["default"]({}, sharedProps, {
     type: "radio",
     "aria-invalid": error,
     checked: checked != null ? checked : undefined,
@@ -394,7 +370,7 @@ const ChoiceInternal = React__namespace.forwardRef(function ChoiceInternal(props
       className,
       variant
     } = props,
-    coreProps = _objectWithoutPropertiesLoose(props, _excluded$4);
+    coreProps = _objectWithoutPropertiesLoose__default["default"](props, _excluded$4);
   const handleClick = () => {
     if (variant === "radio" && checked) {
       return;
@@ -434,7 +410,7 @@ const ChoiceInternal = React__namespace.forwardRef(function ChoiceInternal(props
     }, React__namespace.createElement(wonderBlocksCore.View, {
       style: styles$3.wrapper,
       tabIndex: -1
-    }, React__namespace.createElement(ChoiceCore, _extends({}, coreProps, {
+    }, React__namespace.createElement(ChoiceCore, _extends__default["default"]({}, coreProps, {
       id: uniqueId,
       checked: checked,
       "aria-describedby": descriptionId,
@@ -471,7 +447,7 @@ const Checkbox = React__namespace.forwardRef(function Checkbox(props, ref) {
     disabled = false,
     error = false
   } = props;
-  return React__namespace.createElement(ChoiceInternal, _extends({}, props, {
+  return React__namespace.createElement(ChoiceInternal, _extends__default["default"]({}, props, {
     variant: "checkbox",
     disabled: disabled,
     error: error,
@@ -485,8 +461,8 @@ const Radio = React__namespace.forwardRef(function Radio(props, ref) {
       disabled = false,
       error = false
     } = props,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded$3);
-  return React__namespace.createElement(ChoiceInternal, _extends({}, otherProps, {
+    otherProps = _objectWithoutPropertiesLoose__default["default"](props, _excluded$3);
+  return React__namespace.createElement(ChoiceInternal, _extends__default["default"]({}, otherProps, {
     variant: "radio",
     disabled: disabled,
     error: error,
@@ -502,7 +478,7 @@ const Choice = React__namespace.forwardRef(function Choice(props, ref) {
       onChange = () => {},
       variant
     } = props,
-    remainingProps = _objectWithoutPropertiesLoose(props, _excluded$2);
+    remainingProps = _objectWithoutPropertiesLoose__default["default"](props, _excluded$2);
   const getChoiceComponent = variant => {
     if (variant === "checkbox") {
       return Checkbox;
@@ -511,7 +487,7 @@ const Choice = React__namespace.forwardRef(function Choice(props, ref) {
     }
   };
   const ChoiceComponent = getChoiceComponent(variant);
-  return React__namespace.createElement(ChoiceComponent, _extends({}, remainingProps, {
+  return React__namespace.createElement(ChoiceComponent, _extends__default["default"]({}, remainingProps, {
     checked: checked,
     disabled: disabled,
     onChange: onChange,
@@ -742,11 +718,11 @@ class TextField extends React__namespace.Component {
         autoComplete,
         forwardedRef
       } = _this$props,
-      otherProps = _objectWithoutPropertiesLoose(_this$props, _excluded$1);
+      otherProps = _objectWithoutPropertiesLoose__default["default"](_this$props, _excluded$1);
     return React__namespace.createElement(wonderBlocksCore.IDProvider, {
       id: id,
       scope: "text-field"
-    }, uniqueId => React__namespace.createElement(StyledInput, _extends({
+    }, uniqueId => React__namespace.createElement(StyledInput, _extends__default["default"]({
       style: [styles$1.input, wonderBlocksTypography.styles.LabelMedium, styles$1.default, disabled ? styles$1.disabled : this.state.focused ? [styles$1.focused, light && styles$1.defaultLight] : !!this.state.error && [styles$1.error, light && styles$1.errorLight], !!this.state.error && styles$1.error, style && style],
       id: uniqueId,
       type: type,
@@ -823,7 +799,7 @@ const styles$1 = aphrodite.StyleSheet.create({
     boxShadow: `0px 0px 0px 1px ${wonderBlocksTokens.color.red}, 0px 0px 0px 2px ${wonderBlocksTokens.color.white}`
   }
 });
-var TextField$1 = React__namespace.forwardRef((props, ref) => React__namespace.createElement(TextField, _extends({}, props, {
+var TextField$1 = React__namespace.forwardRef((props, ref) => React__namespace.createElement(TextField, _extends__default["default"]({}, props, {
   forwardedRef: ref
 })));
 
@@ -976,7 +952,7 @@ class LabeledTextField extends React__namespace.Component {
         forwardedRef,
         ariaDescribedby
       } = _this$props,
-      otherProps = _objectWithoutPropertiesLoose(_this$props, _excluded);
+      otherProps = _objectWithoutPropertiesLoose__default["default"](_this$props, _excluded);
     return React__namespace.createElement(wonderBlocksCore.IDProvider, {
       id: id,
       scope: "labeled-text-field"
@@ -984,7 +960,7 @@ class LabeledTextField extends React__namespace.Component {
       id: uniqueId,
       testId: testId,
       style: style,
-      field: React__namespace.createElement(TextField$1, _extends({
+      field: React__namespace.createElement(TextField$1, _extends__default["default"]({
         id: `${uniqueId}-field`,
         "aria-describedby": ariaDescribedby ? ariaDescribedby : `${uniqueId}-error`,
         "aria-required": required ? "true" : "false",
@@ -1017,7 +993,7 @@ LabeledTextField.defaultProps = {
   disabled: false,
   light: false
 };
-var labeledTextField = React__namespace.forwardRef((props, ref) => React__namespace.createElement(LabeledTextField, _extends({}, props, {
+var labeledTextField = React__namespace.forwardRef((props, ref) => React__namespace.createElement(LabeledTextField, _extends__default["default"]({}, props, {
   forwardedRef: ref
 })));
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@khanacademy/wonder-blocks-form",
-  "version": "4.7.4",
+  "version": "4.7.5",
   "design": "v1",
   "description": "Form components for Wonder Blocks.",
   "main": "dist/index.js",
@@ -16,18 +16,18 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.18.6",
-    "@khanacademy/wonder-blocks-clickable": "^4.2.4",
-    "@khanacademy/wonder-blocks-core": "^6.4.2",
-    "@khanacademy/wonder-blocks-icon": "^4.1.2",
-    "@khanacademy/wonder-blocks-layout": "^2.1.1",
-    "@khanacademy/wonder-blocks-tokens": "^1.3.0",
-    "@khanacademy/wonder-blocks-typography": "^2.1.13"
+    "@khanacademy/wonder-blocks-clickable": "^4.2.5",
+    "@khanacademy/wonder-blocks-core": "^6.4.3",
+    "@khanacademy/wonder-blocks-icon": "^4.1.3",
+    "@khanacademy/wonder-blocks-layout": "^2.1.2",
+    "@khanacademy/wonder-blocks-tokens": "^1.3.1",
+    "@khanacademy/wonder-blocks-typography": "^2.1.14"
   },
   "peerDependencies": {
     "aphrodite": "^1.2.5",
     "react": "16.14.0"
   },
   "devDependencies": {
-    "@khanacademy/wb-dev-build-settings": "^1.0.0"
+    "@khanacademy/wb-dev-build-settings": "^1.0.1"
   }
 }