@khanacademy/wonder-blocks-form 7.0.2 → 7.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2018 Khan Academy
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/es/index.js

@@ -365,28 +365,29 @@ const ChoiceInternal = React.forwardRef(function ChoiceInternal(props, ref) {
     }, description);
   };
   const ChoiceCore = getChoiceCoreComponent();
-  return React.createElement(Id, {
-    id: id
-  }, uniqueId => {
-    const descriptionId = description ? `${uniqueId}-description` : undefined;
-    return React.createElement(View, {
-      style: style,
-      className: className
-    }, React.createElement(View, {
-      style: styles$4.wrapper,
-      tabIndex: -1
-    }, React.createElement(ChoiceCore, _extends({}, coreProps, {
-      id: uniqueId,
-      checked: checked,
-      "aria-describedby": descriptionId,
-      onClick: handleClick,
-      disabled: disabled,
-      error: error,
-      ref: ref
-    })), React.createElement(Strut, {
-      size: spacing.xSmall_8
-    }), label && getLabel(uniqueId)), description && getDescription(descriptionId));
-  });
+  return (React.createElement(Id, {
+      id: id
+    }, uniqueId => {
+      const descriptionId = description ? `${uniqueId}-description` : undefined;
+      return React.createElement(View, {
+        style: style,
+        className: className
+      }, React.createElement(View, {
+        style: styles$4.wrapper,
+        tabIndex: -1
+      }, React.createElement(ChoiceCore, _extends({}, coreProps, {
+        id: uniqueId,
+        checked: checked,
+        "aria-describedby": descriptionId,
+        onClick: handleClick,
+        disabled: disabled,
+        error: error,
+        ref: ref
+      })), React.createElement(Strut, {
+        size: spacing.xSmall_8
+      }), label && getLabel(uniqueId)), description && getDescription(descriptionId));
+    })
+  );
 });
 const styles$4 = StyleSheet.create({
   wrapper: {
@@ -987,7 +988,7 @@ var labeledTextField = React.forwardRef((props, ref) => React.createElement(Labe
 })));
 
 const _excluded = ["onChange", "value", "placeholder", "disabled", "id", "testId", "style", "readOnly", "autoComplete", "name", "className", "autoFocus", "rows", "spellCheck", "wrap", "minLength", "maxLength", "onClick", "onKeyDown", "onKeyUp", "onFocus", "onBlur", "validate", "onValidate", "required", "resizeType", "rootStyle", "error", "instantValidation"];
-const StyledTextArea = addStyle("textarea");
+const StyledTextarea = addStyle("textarea");
 const TextArea = React.forwardRef(function TextArea(props, ref) {
   const {
       onChange,
@@ -1051,7 +1052,7 @@ const TextArea = React.forwardRef(function TextArea(props, ref) {
     style: [{
       width: "100%"
     }, rootStyle]
-  }, React.createElement(StyledTextArea, _extends({
+  }, React.createElement(StyledTextarea, _extends({
     id: uniqueId,
     "data-testid": testId,
     ref: ref,

package/dist/index.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _extends = require('@babel/runtime/helpers/extends');
 var React = require('react');
 var _objectWithoutPropertiesLoose = require('@babel/runtime/helpers/objectWithoutPropertiesLoose');
@@ -14,10 +12,7 @@ var wonderBlocksIcon = require('@khanacademy/wonder-blocks-icon');
 var checkIcon = require('@phosphor-icons/core/bold/check-bold.svg');
 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;
+function _interopNamespaceDefault(e) {
     var n = Object.create(null);
     if (e) {
         Object.keys(e).forEach(function (k) {
@@ -30,15 +25,11 @@ function _interopNamespace(e) {
             }
         });
     }
-    n["default"] = e;
+    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);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
 const _excluded$7 = ["checked", "disabled", "error", "groupName", "id", "testId"];
 function mapCheckedToAriaChecked(value) {
@@ -63,7 +54,7 @@ const CheckboxCore = React__namespace.forwardRef(function CheckboxCore(props, re
       id,
       testId
     } = props,
-    sharedProps = _objectWithoutPropertiesLoose__default["default"](props, _excluded$7);
+    sharedProps = _objectWithoutPropertiesLoose(props, _excluded$7);
   const innerRef = React__namespace.useRef(null);
   React__namespace.useEffect(() => {
     if (innerRef.current != null) {
@@ -77,7 +68,7 @@ const CheckboxCore = React__namespace.forwardRef(function CheckboxCore(props, re
   const defaultStyle = [sharedStyles$1.inputReset, sharedStyles$1.default, !disabled && stateStyles.default, disabled && sharedStyles$1.disabled];
   const checkboxIcon = React__namespace.createElement(wonderBlocksIcon.PhosphorIcon, {
     color: disabled ? wonderBlocksTokens.semanticColor.icon.disabled : wonderBlocksTokens.semanticColor.icon.inverse,
-    icon: checked ? checkIcon__default["default"] : minusIcon__default["default"],
+    icon: checked ? checkIcon : minusIcon,
     size: "small",
     style: [sharedStyles$1.checkboxIcon, {
       width: checkSize,
@@ -85,7 +76,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__default["default"]({}, sharedProps, {
+  return React__namespace.createElement(React__namespace.Fragment, null, React__namespace.createElement(StyledInput$2, _extends({}, sharedProps, {
     ref: node => {
       innerRef.current = node;
       if (typeof ref === "function") {
@@ -223,10 +214,10 @@ const RadioCore = React__namespace.forwardRef(function RadioCore(props, ref) {
       id,
       testId
     } = props,
-    sharedProps = _objectWithoutPropertiesLoose__default["default"](props, _excluded$6);
+    sharedProps = _objectWithoutPropertiesLoose(props, _excluded$6);
   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__default["default"]({}, sharedProps, {
+  return React__namespace.createElement(React__namespace.Fragment, null, React__namespace.createElement(StyledInput$1, _extends({}, sharedProps, {
     type: "radio",
     "aria-invalid": error,
     checked: checked != null ? checked : undefined,
@@ -366,7 +357,7 @@ const ChoiceInternal = React__namespace.forwardRef(function ChoiceInternal(props
       className,
       variant
     } = props,
-    coreProps = _objectWithoutPropertiesLoose__default["default"](props, _excluded$5);
+    coreProps = _objectWithoutPropertiesLoose(props, _excluded$5);
   const handleClick = () => {
     if (variant === "radio" && checked) {
       return;
@@ -394,28 +385,29 @@ const ChoiceInternal = React__namespace.forwardRef(function ChoiceInternal(props
     }, description);
   };
   const ChoiceCore = getChoiceCoreComponent();
-  return React__namespace.createElement(wonderBlocksCore.Id, {
-    id: id
-  }, uniqueId => {
-    const descriptionId = description ? `${uniqueId}-description` : undefined;
-    return React__namespace.createElement(wonderBlocksCore.View, {
-      style: style,
-      className: className
-    }, React__namespace.createElement(wonderBlocksCore.View, {
-      style: styles$4.wrapper,
-      tabIndex: -1
-    }, React__namespace.createElement(ChoiceCore, _extends__default["default"]({}, coreProps, {
-      id: uniqueId,
-      checked: checked,
-      "aria-describedby": descriptionId,
-      onClick: handleClick,
-      disabled: disabled,
-      error: error,
-      ref: ref
-    })), React__namespace.createElement(wonderBlocksLayout.Strut, {
-      size: wonderBlocksTokens.spacing.xSmall_8
-    }), label && getLabel(uniqueId)), description && getDescription(descriptionId));
-  });
+  return (React__namespace.createElement(wonderBlocksCore.Id, {
+      id: id
+    }, uniqueId => {
+      const descriptionId = description ? `${uniqueId}-description` : undefined;
+      return React__namespace.createElement(wonderBlocksCore.View, {
+        style: style,
+        className: className
+      }, React__namespace.createElement(wonderBlocksCore.View, {
+        style: styles$4.wrapper,
+        tabIndex: -1
+      }, React__namespace.createElement(ChoiceCore, _extends({}, coreProps, {
+        id: uniqueId,
+        checked: checked,
+        "aria-describedby": descriptionId,
+        onClick: handleClick,
+        disabled: disabled,
+        error: error,
+        ref: ref
+      })), React__namespace.createElement(wonderBlocksLayout.Strut, {
+        size: wonderBlocksTokens.spacing.xSmall_8
+      }), label && getLabel(uniqueId)), description && getDescription(descriptionId));
+    })
+  );
 });
 const styles$4 = aphrodite.StyleSheet.create({
   wrapper: {
@@ -441,7 +433,7 @@ const Checkbox = React__namespace.forwardRef(function Checkbox(props, ref) {
     disabled = false,
     error = false
   } = props;
-  return React__namespace.createElement(ChoiceInternal, _extends__default["default"]({}, props, {
+  return React__namespace.createElement(ChoiceInternal, _extends({}, props, {
     variant: "checkbox",
     disabled: disabled,
     error: error,
@@ -455,8 +447,8 @@ const Radio = React__namespace.forwardRef(function Radio(props, ref) {
       disabled = false,
       error = false
     } = props,
-    otherProps = _objectWithoutPropertiesLoose__default["default"](props, _excluded$4);
-  return React__namespace.createElement(ChoiceInternal, _extends__default["default"]({}, otherProps, {
+    otherProps = _objectWithoutPropertiesLoose(props, _excluded$4);
+  return React__namespace.createElement(ChoiceInternal, _extends({}, otherProps, {
     variant: "radio",
     disabled: disabled,
     error: error,
@@ -472,7 +464,7 @@ const Choice = React__namespace.forwardRef(function Choice(props, ref) {
       onChange = () => {},
       variant
     } = props,
-    remainingProps = _objectWithoutPropertiesLoose__default["default"](props, _excluded$3);
+    remainingProps = _objectWithoutPropertiesLoose(props, _excluded$3);
   const getChoiceComponent = variant => {
     if (variant === "checkbox") {
       return Checkbox;
@@ -481,7 +473,7 @@ const Choice = React__namespace.forwardRef(function Choice(props, ref) {
     }
   };
   const ChoiceComponent = getChoiceComponent(variant);
-  return React__namespace.createElement(ChoiceComponent, _extends__default["default"]({}, remainingProps, {
+  return React__namespace.createElement(ChoiceComponent, _extends({}, remainingProps, {
     checked: checked,
     disabled: disabled,
     onChange: onChange,
@@ -699,7 +691,7 @@ const TextField = props => {
       onFocus,
       onBlur
     } = props,
-    otherProps = _objectWithoutPropertiesLoose__default["default"](props, _excluded$2);
+    otherProps = _objectWithoutPropertiesLoose(props, _excluded$2);
   const {
     errorMessage,
     onBlurValidation,
@@ -731,7 +723,7 @@ const TextField = props => {
   };
   return React__namespace.createElement(wonderBlocksCore.Id, {
     id: id
-  }, uniqueId => React__namespace.createElement(StyledInput, _extends__default["default"]({
+  }, uniqueId => React__namespace.createElement(StyledInput, _extends({
     style: [styles$2.input, wonderBlocksTypography.styles.LabelMedium, styles$2.default, !disabled && styles$2.defaultFocus, disabled && styles$2.disabled, hasError && styles$2.error, style],
     id: uniqueId,
     type: type,
@@ -819,7 +811,7 @@ const styles$2 = aphrodite.StyleSheet.create({
     }
   }
 });
-var TextField$1 = React__namespace.forwardRef((props, ref) => React__namespace.createElement(TextField, _extends__default["default"]({}, props, {
+var TextField$1 = React__namespace.forwardRef((props, ref) => React__namespace.createElement(TextField, _extends({}, props, {
   forwardedRef: ref
 })));
 
@@ -972,14 +964,14 @@ class LabeledTextField extends React__namespace.Component {
         ariaDescribedby,
         name
       } = _this$props,
-      otherProps = _objectWithoutPropertiesLoose__default["default"](_this$props, _excluded$1);
+      otherProps = _objectWithoutPropertiesLoose(_this$props, _excluded$1);
     return React__namespace.createElement(wonderBlocksCore.Id, {
       id: id
     }, uniqueId => React__namespace.createElement(FieldHeading, {
       id: uniqueId,
       testId: testId,
       style: style,
-      field: React__namespace.createElement(TextField$1, _extends__default["default"]({
+      field: React__namespace.createElement(TextField$1, _extends({
         id: `${uniqueId}-field`,
         "aria-describedby": ariaDescribedby ? ariaDescribedby : `${uniqueId}-error`,
         "aria-required": required ? "true" : "false",
@@ -1011,12 +1003,12 @@ LabeledTextField.defaultProps = {
   type: "text",
   disabled: false
 };
-var labeledTextField = React__namespace.forwardRef((props, ref) => React__namespace.createElement(LabeledTextField, _extends__default["default"]({}, props, {
+var labeledTextField = React__namespace.forwardRef((props, ref) => React__namespace.createElement(LabeledTextField, _extends({}, props, {
   forwardedRef: ref
 })));
 
 const _excluded = ["onChange", "value", "placeholder", "disabled", "id", "testId", "style", "readOnly", "autoComplete", "name", "className", "autoFocus", "rows", "spellCheck", "wrap", "minLength", "maxLength", "onClick", "onKeyDown", "onKeyUp", "onFocus", "onBlur", "validate", "onValidate", "required", "resizeType", "rootStyle", "error", "instantValidation"];
-const StyledTextArea = wonderBlocksCore.addStyle("textarea");
+const StyledTextarea = wonderBlocksCore.addStyle("textarea");
 const TextArea = React__namespace.forwardRef(function TextArea(props, ref) {
   const {
       onChange,
@@ -1049,7 +1041,7 @@ const TextArea = React__namespace.forwardRef(function TextArea(props, ref) {
       error,
       instantValidation = true
     } = props,
-    otherProps = _objectWithoutPropertiesLoose__default["default"](props, _excluded);
+    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
   const {
     errorMessage,
     onBlurValidation,
@@ -1080,7 +1072,7 @@ const TextArea = React__namespace.forwardRef(function TextArea(props, ref) {
     style: [{
       width: "100%"
     }, rootStyle]
-  }, React__namespace.createElement(StyledTextArea, _extends__default["default"]({
+  }, React__namespace.createElement(StyledTextarea, _extends({
     id: uniqueId,
     "data-testid": testId,
     ref: ref,

package/package.json

@@ -1,34 +1,34 @@
 {
   "name": "@khanacademy/wonder-blocks-form",
-  "version": "7.0.2",
+  "version": "7.1.0",
   "design": "v1",
   "description": "Form components for Wonder Blocks.",
   "main": "dist/index.js",
   "module": "dist/es/index.js",
   "types": "dist/index.d.ts",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "prepublishOnly": "../../utils/publish/package-pre-publish-check.sh"
-  },
   "author": "",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@babel/runtime": "^7.18.6",
-    "@khanacademy/wonder-blocks-clickable": "^6.0.0",
-    "@khanacademy/wonder-blocks-core": "^12.0.0",
-    "@khanacademy/wonder-blocks-icon": "^5.0.6",
-    "@khanacademy/wonder-blocks-layout": "^3.0.8",
-    "@khanacademy/wonder-blocks-tokens": "^4.1.0",
-    "@khanacademy/wonder-blocks-typography": "^3.0.6"
+    "@babel/runtime": "^7.24.5",
+    "@khanacademy/wonder-blocks-clickable": "6.1.0",
+    "@khanacademy/wonder-blocks-core": "12.1.0",
+    "@khanacademy/wonder-blocks-icon": "5.1.0",
+    "@khanacademy/wonder-blocks-layout": "3.1.0",
+    "@khanacademy/wonder-blocks-tokens": "4.2.0",
+    "@khanacademy/wonder-blocks-typography": "3.1.0"
   },
   "peerDependencies": {
+    "@phosphor-icons/core": "^2.0.2",
     "aphrodite": "^1.2.5",
     "react": "18.2.0"
   },
   "devDependencies": {
-    "@khanacademy/wb-dev-build-settings": "^2.0.0"
+    "@khanacademy/wb-dev-build-settings": "2.1.0"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
   }
 }