@instructure/ui-checkbox 8.56.3 → 8.56.5-pr-snapshot-1728655013879

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.56.5-pr-snapshot-1728655013879](https://github.com/instructure/instructure-ui/compare/v8.56.4...v8.56.5-pr-snapshot-1728655013879) (2024-10-11)
+
+**Note:** Version bump only for package @instructure/ui-checkbox
+
+
+
+
+
+## [8.56.4](https://github.com/instructure/instructure-ui/compare/v8.56.3...v8.56.4) (2024-10-02)
+
+**Note:** Version bump only for package @instructure/ui-checkbox
+
+
+
+
+
 ## [8.56.3](https://github.com/instructure/instructure-ui/compare/v8.56.2...v8.56.3) (2024-09-18)
 
 **Note:** Version bump only for package @instructure/ui-checkbox

package/lib/Checkbox/CheckboxFacade/__new-tests__/CheckboxFacade.test.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@testing-library/react");
 require("@testing-library/jest-dom");
-var _runAxeCheck = require("@instructure/ui-axe-check/lib/runAxeCheck.js");
+var _uiAxeCheck = require("@instructure/ui-axe-check");
 var _index = require("../index");
 var _CheckboxFacade, _CheckboxFacade2;
 /*
@@ -40,7 +40,7 @@ describe('<CheckboxFacade />', () => {
   it('should meet a11y standards', async () => {
     const _render = (0, _react2.render)(_CheckboxFacade2 || (_CheckboxFacade2 = /*#__PURE__*/_react.default.createElement(_index.CheckboxFacade, null, TEST_TEXT))),
       container = _render.container;
-    const axeCheck = await (0, _runAxeCheck.runAxeCheck)(container);
+    const axeCheck = await (0, _uiAxeCheck.runAxeCheck)(container);
     expect(axeCheck).toBe(true);
   });
 });

package/lib/Checkbox/CheckboxFacade/index.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.CheckboxFacade = void 0;
 var _react = require("react");
-var _SVGIcon2 = require("@instructure/ui-svg-images/lib/SVGIcon");
-var _IconCheckMarkSolid2 = require("@instructure/ui-icons/lib/IconCheckMarkSolid.js");
+var _uiSvgImages = require("@instructure/ui-svg-images");
+var _uiIcons = require("@instructure/ui-icons");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
@@ -60,7 +60,7 @@ let CheckboxFacade = exports.CheckboxFacade = (_dec = (0, _emotion.withStyle)(_s
   }
   renderIcon() {
     if (this.props.indeterminate) {
-      return _SVGIcon || (_SVGIcon = (0, _emotion.jsx)(_SVGIcon2.SVGIcon, {
+      return _SVGIcon || (_SVGIcon = (0, _emotion.jsx)(_uiSvgImages.SVGIcon, {
         viewBox: "0 0 1920 1920",
         inline: false
       }, (0, _emotion.jsx)("rect", {
@@ -70,7 +70,7 @@ let CheckboxFacade = exports.CheckboxFacade = (_dec = (0, _emotion.withStyle)(_s
         height: "280"
       })));
     } else if (this.props.checked) {
-      return _IconCheckMarkSolid || (_IconCheckMarkSolid = (0, _emotion.jsx)(_IconCheckMarkSolid2.IconCheckMarkSolid, {
+      return _IconCheckMarkSolid || (_IconCheckMarkSolid = (0, _emotion.jsx)(_uiIcons.IconCheckMarkSolid, {
         inline: false
       }));
     } else {

package/lib/Checkbox/ToggleFacade/__new-tests__/ToggleFacade.test.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@testing-library/react");
 require("@testing-library/jest-dom");
-var _runAxeCheck = require("@instructure/ui-axe-check/lib/runAxeCheck.js");
+var _uiAxeCheck = require("@instructure/ui-axe-check");
 var _index = require("../index");
 var _ToggleFacade, _ToggleFacade2;
 /*
@@ -40,7 +40,7 @@ describe('<ToggleFacade />', () => {
   it('should meet a11y standards', async () => {
     const _render = (0, _react2.render)(_ToggleFacade2 || (_ToggleFacade2 = /*#__PURE__*/_react.default.createElement(_index.ToggleFacade, null, TEST_TEXT))),
       container = _render.container;
-    const axeCheck = await (0, _runAxeCheck.runAxeCheck)(container);
+    const axeCheck = await (0, _uiAxeCheck.runAxeCheck)(container);
     expect(axeCheck).toBe(true);
   });
 });

package/lib/Checkbox/ToggleFacade/index.js

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.ToggleFacade = void 0;
 var _react = require("react");
-var _IconCheckSolid = require("@instructure/ui-icons/lib/IconCheckSolid.js");
-var _IconXSolid = require("@instructure/ui-icons/lib/IconXSolid.js");
+var _uiIcons = require("@instructure/ui-icons");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
@@ -63,11 +62,11 @@ let ToggleFacade = exports.ToggleFacade = (_dec = (0, _emotion.withStyle)(_style
       styles = _this$props3.styles,
       checked = _this$props3.checked;
     if (checked) {
-      return (0, _emotion.jsx)(_IconCheckSolid.IconCheckSolid, {
+      return (0, _emotion.jsx)(_uiIcons.IconCheckSolid, {
         css: styles === null || styles === void 0 ? void 0 : styles.iconSVG
       });
     } else {
-      return (0, _emotion.jsx)(_IconXSolid.IconXSolid, {
+      return (0, _emotion.jsx)(_uiIcons.IconXSolid, {
         css: styles === null || styles === void 0 ? void 0 : styles.iconSVG
       });
     }

package/lib/Checkbox/__new-tests__/Checkbox.test.js

@@ -5,7 +5,7 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@testing-library/react");
 var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
 require("@testing-library/jest-dom");
-var _runAxeCheck = require("@instructure/ui-axe-check/lib/runAxeCheck.js");
+var _uiAxeCheck = require("@instructure/ui-axe-check");
 var _index = require("../index");
 /*
  * The MIT License (MIT)
@@ -198,7 +198,7 @@ describe('<Checkbox />', () => {
           variant: 'simple'
         }),
         container = _renderCheckbox2.container;
-      const axeCheck = await (0, _runAxeCheck.runAxeCheck)(container);
+      const axeCheck = await (0, _uiAxeCheck.runAxeCheck)(container);
       expect(axeCheck).toBe(true);
     });
     it('`toggle` variant should meet standards', async () => {
@@ -206,7 +206,7 @@ describe('<Checkbox />', () => {
           variant: 'toggle'
         }),
         container = _renderCheckbox3.container;
-      const axeCheck = await (0, _runAxeCheck.runAxeCheck)(container);
+      const axeCheck = await (0, _uiAxeCheck.runAxeCheck)(container);
       expect(axeCheck).toBe(true);
     });
   });

package/lib/Checkbox/index.js

@@ -21,14 +21,13 @@ Object.defineProperty(exports, "ToggleFacade", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _keycode = _interopRequireDefault(require("keycode"));
-var _FormFieldMessages = require("@instructure/ui-form-field/lib/FormFieldMessages");
-var _createChainedFunction = require("@instructure/ui-utils/lib/createChainedFunction.js");
+var _uiFormField = require("@instructure/ui-form-field");
+var _uiUtils = require("@instructure/ui-utils");
 var _console = require("@instructure/console");
-var _isActiveElement = require("@instructure/ui-dom-utils/lib/isActiveElement.js");
-var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
-var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
-var _View = require("@instructure/ui-view/lib/View");
-var _testable = require("@instructure/ui-testable/lib/testable.js");
+var _uiDomUtils = require("@instructure/ui-dom-utils");
+var _uiReactUtils = require("@instructure/ui-react-utils");
+var _uiView = require("@instructure/ui-view");
+var _uiTestable = require("@instructure/ui-testable");
 var _emotion = require("@instructure/emotion");
 var _CheckboxFacade = require("./CheckboxFacade");
 var _ToggleFacade = require("./ToggleFacade");
@@ -65,7 +64,7 @@ category: components
 tags: toggle, switch
 ---
 **/
-let Checkbox = exports.Checkbox = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, null), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class Checkbox extends _react.Component {
+let Checkbox = exports.Checkbox = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, null), _dec3 = (0, _uiTestable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class Checkbox extends _react.Component {
   constructor(props) {
     super(props);
     this._defaultId = void 0;
@@ -151,7 +150,7 @@ let Checkbox = exports.Checkbox = (_dec = (0, _withDeterministicId.withDetermini
     return typeof this.props.checked === 'undefined' ? this.state.checked : this.props.checked;
   }
   get focused() {
-    return (0, _isActiveElement.isActiveElement)(this._input);
+    return (0, _uiDomUtils.isActiveElement)(this._input);
   }
   focus() {
     this._input && this._input.focus();
@@ -193,10 +192,10 @@ let Checkbox = exports.Checkbox = (_dec = (0, _withDeterministicId.withDetermini
   }
   renderMessages() {
     const messages = this.props.messages;
-    return messages && messages.length > 0 ? (0, _emotion.jsx)(_View.View, {
+    return messages && messages.length > 0 ? (0, _emotion.jsx)(_uiView.View, {
       display: "block",
       margin: "small 0 0"
-    }, (0, _emotion.jsx)(_FormFieldMessages.FormFieldMessages, {
+    }, (0, _emotion.jsx)(_uiFormField.FormFieldMessages, {
       messages: messages
     })) : null;
   }
@@ -213,15 +212,15 @@ let Checkbox = exports.Checkbox = (_dec = (0, _withDeterministicId.withDetermini
       indeterminate = _this$props5.indeterminate,
       variant = _this$props5.variant,
       styles = _this$props5.styles;
-    const props = (0, _omitProps.omitProps)(this.props, Checkbox.allowedProps);
+    const props = (0, _uiReactUtils.omitProps)(this.props, Checkbox.allowedProps);
     (0, _console.logError)(!(variant === 'toggle' && indeterminate), `[Checkbox] The \`toggle\` variant does not support the \`indeterminate\` property. Use the \`simple\` variant instead.`);
 
     /* eslint-disable jsx-a11y/mouse-events-have-key-events */
 
     return (0, _emotion.jsx)("div", {
       css: styles === null || styles === void 0 ? void 0 : styles.checkbox,
-      onMouseOver: (0, _createChainedFunction.createChainedFunction)(onMouseOver, this.handleMouseOver),
-      onMouseOut: (0, _createChainedFunction.createChainedFunction)(onMouseOut, this.handleMouseOut),
+      onMouseOver: (0, _uiUtils.createChainedFunction)(onMouseOver, this.handleMouseOver),
+      onMouseOut: (0, _uiUtils.createChainedFunction)(onMouseOut, this.handleMouseOut),
       ref: this.handleRef
     }, (0, _emotion.jsx)("input", Object.assign({}, props, {
       id: this.id,
@@ -234,9 +233,9 @@ let Checkbox = exports.Checkbox = (_dec = (0, _withDeterministicId.withDetermini
       "aria-checked": indeterminate ? 'mixed' : void 0,
       css: styles === null || styles === void 0 ? void 0 : styles.input,
       onChange: this.handleChange,
-      onKeyDown: (0, _createChainedFunction.createChainedFunction)(onKeyDown, this.handleKeyDown),
-      onFocus: (0, _createChainedFunction.createChainedFunction)(onFocus, this.handleFocus),
-      onBlur: (0, _createChainedFunction.createChainedFunction)(onBlur, this.handleBlur),
+      onKeyDown: (0, _uiUtils.createChainedFunction)(onKeyDown, this.handleKeyDown),
+      onFocus: (0, _uiUtils.createChainedFunction)(onFocus, this.handleFocus),
+      onBlur: (0, _uiUtils.createChainedFunction)(onBlur, this.handleBlur),
       checked: this.checked
     })), (0, _emotion.jsx)("label", {
       htmlFor: this.id,

package/lib/Checkbox/props.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.propTypes = exports.allowedProps = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _FormPropTypes = require("@instructure/ui-form-field/lib/FormPropTypes.js");
-var _controllable = require("@instructure/ui-prop-types/lib/controllable.js");
+var _uiFormField = require("@instructure/ui-form-field");
+var _uiPropTypes = require("@instructure/ui-prop-types");
 /*
  * The MIT License (MIT)
  *
@@ -36,9 +36,9 @@ const propTypes = exports.propTypes = {
   label: _propTypes.default.node.isRequired,
   id: _propTypes.default.string,
   value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
-  messages: _propTypes.default.arrayOf(_FormPropTypes.FormPropTypes.message),
+  messages: _propTypes.default.arrayOf(_uiFormField.FormPropTypes.message),
   defaultChecked: _propTypes.default.bool,
-  checked: (0, _controllable.controllable)(_propTypes.default.bool, 'onChange', 'defaultChecked'),
+  checked: (0, _uiPropTypes.controllable)(_propTypes.default.bool, 'onChange', 'defaultChecked'),
   onChange: _propTypes.default.func,
   onKeyDown: _propTypes.default.func,
   onFocus: _propTypes.default.func,

package/lib/CheckboxGroup/__new-tests__/CheckboxGroup.test.js

@@ -5,7 +5,7 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@testing-library/react");
 var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
 require("@testing-library/jest-dom");
-var _runAxeCheck = require("@instructure/ui-axe-check/lib/runAxeCheck.js");
+var _uiAxeCheck = require("@instructure/ui-axe-check");
 var _index = require("../index");
 var _Checkbox3 = require("../../Checkbox");
 var _Checkbox, _Checkbox2;
@@ -191,7 +191,7 @@ describe('<CheckboxGroup />', () => {
     it('should meet standards', async () => {
       const _renderCheckboxGroup3 = renderCheckboxGroup(),
         container = _renderCheckboxGroup3.container;
-      const axeCheck = await (0, _runAxeCheck.runAxeCheck)(container);
+      const axeCheck = await (0, _uiAxeCheck.runAxeCheck)(container);
       expect(axeCheck).toBe(true);
     });
   });

package/lib/CheckboxGroup/index.js

@@ -6,13 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.CheckboxGroup = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _FormFieldGroup = require("@instructure/ui-form-field/lib/FormFieldGroup");
-var _matchComponentTypes = require("@instructure/ui-react-utils/lib/matchComponentTypes.js");
-var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElement.js");
-var _pickProps = require("@instructure/ui-react-utils/lib/pickProps.js");
-var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
-var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
-var _testable = require("@instructure/ui-testable/lib/testable.js");
+var _uiFormField = require("@instructure/ui-form-field");
+var _uiReactUtils = require("@instructure/ui-react-utils");
+var _uiTestable = require("@instructure/ui-testable");
 var _Checkbox = require("../Checkbox");
 var _props = require("./props");
 var _dec, _dec2, _class, _class2;
@@ -44,7 +40,7 @@ var _dec, _dec2, _class, _class2;
 category: components
 ---
 **/
-let CheckboxGroup = exports.CheckboxGroup = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class CheckboxGroup extends _react.Component {
+let CheckboxGroup = exports.CheckboxGroup = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec2 = (0, _uiTestable.testable)(), _dec(_class = _dec2(_class = (_class2 = class CheckboxGroup extends _react.Component {
   constructor(props) {
     super(props);
     this._messagesId = void 0;
@@ -93,8 +89,8 @@ let CheckboxGroup = exports.CheckboxGroup = (_dec = (0, _withDeterministicId.wit
       disabled = _this$props.disabled,
       readOnly = _this$props.readOnly;
     return _react.Children.map(children, child => {
-      if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Checkbox.Checkbox])) {
-        return (0, _safeCloneElement.safeCloneElement)(child, {
+      if ((0, _uiReactUtils.matchComponentTypes)(child, [_Checkbox.Checkbox])) {
+        return (0, _uiReactUtils.safeCloneElement)(child, {
           key: `${child.props.name}`,
           name,
           label: child.props.label,
@@ -112,7 +108,7 @@ let CheckboxGroup = exports.CheckboxGroup = (_dec = (0, _withDeterministicId.wit
     });
   }
   render() {
-    return /*#__PURE__*/_react.default.createElement(_FormFieldGroup.FormFieldGroup, Object.assign({}, (0, _omitProps.omitProps)(this.props, CheckboxGroup.allowedProps), (0, _pickProps.pickProps)(this.props, _FormFieldGroup.FormFieldGroup.allowedProps), {
+    return /*#__PURE__*/_react.default.createElement(_uiFormField.FormFieldGroup, Object.assign({}, (0, _uiReactUtils.omitProps)(this.props, CheckboxGroup.allowedProps), (0, _uiReactUtils.pickProps)(this.props, _uiFormField.FormFieldGroup.allowedProps), {
       description: this.props.description,
       rowSpacing: "small",
       vAlign: "top",

package/lib/CheckboxGroup/props.js

@@ -6,9 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.propTypes = exports.allowedProps = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _FormPropTypes = require("@instructure/ui-form-field/lib/FormPropTypes.js");
-var _controllable = require("@instructure/ui-prop-types/lib/controllable.js");
-var _Children = require("@instructure/ui-prop-types/lib/Children.js");
+var _uiFormField = require("@instructure/ui-form-field");
+var _uiPropTypes = require("@instructure/ui-prop-types");
 var _Checkbox = require("../Checkbox");
 /*
  * The MIT License (MIT)
@@ -44,7 +43,7 @@ const propTypes = exports.propTypes = {
   /**
    * the selected values (must be accompanied by an `onChange` prop)
    */
-  value: (0, _controllable.controllable)(_propTypes.default.array),
+  value: (0, _uiPropTypes.controllable)(_propTypes.default.array),
   /**
    * when used with the `value` prop, the component will not control its own state
    */
@@ -57,11 +56,11 @@ const propTypes = exports.propTypes = {
     type: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only'])
       }`
    */
-  messages: _propTypes.default.arrayOf(_FormPropTypes.FormPropTypes.message),
+  messages: _propTypes.default.arrayOf(_uiFormField.FormPropTypes.message),
   /**
    * children of type `Checkbox`
    */
-  children: _Children.Children.oneOf([_Checkbox.Checkbox]),
+  children: _uiPropTypes.Children.oneOf([_Checkbox.Checkbox]),
   size: _propTypes.default.oneOf(['small', 'medium', 'large']),
   layout: _propTypes.default.oneOf(['stacked', 'columns', 'inline'])
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-checkbox",
-  "version": "8.56.3",
+  "version": "8.56.5-pr-snapshot-1728655013879",
   "description": " styled HTML input type='checkbox' component.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -24,28 +24,28 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.23.2",
-    "@instructure/console": "8.56.3",
-    "@instructure/emotion": "8.56.3",
-    "@instructure/shared-types": "8.56.3",
-    "@instructure/ui-dom-utils": "8.56.3",
-    "@instructure/ui-form-field": "8.56.3",
-    "@instructure/ui-icons": "8.56.3",
-    "@instructure/ui-prop-types": "8.56.3",
-    "@instructure/ui-react-utils": "8.56.3",
-    "@instructure/ui-svg-images": "8.56.3",
-    "@instructure/ui-testable": "8.56.3",
-    "@instructure/ui-utils": "8.56.3",
-    "@instructure/ui-view": "8.56.3",
-    "@instructure/uid": "8.56.3",
+    "@instructure/console": "8.56.5-pr-snapshot-1728655013879",
+    "@instructure/emotion": "8.56.5-pr-snapshot-1728655013879",
+    "@instructure/shared-types": "8.56.5-pr-snapshot-1728655013879",
+    "@instructure/ui-dom-utils": "8.56.5-pr-snapshot-1728655013879",
+    "@instructure/ui-form-field": "8.56.5-pr-snapshot-1728655013879",
+    "@instructure/ui-icons": "8.56.5-pr-snapshot-1728655013879",
+    "@instructure/ui-prop-types": "8.56.5-pr-snapshot-1728655013879",
+    "@instructure/ui-react-utils": "8.56.5-pr-snapshot-1728655013879",
+    "@instructure/ui-svg-images": "8.56.5-pr-snapshot-1728655013879",
+    "@instructure/ui-testable": "8.56.5-pr-snapshot-1728655013879",
+    "@instructure/ui-utils": "8.56.5-pr-snapshot-1728655013879",
+    "@instructure/ui-view": "8.56.5-pr-snapshot-1728655013879",
+    "@instructure/uid": "8.56.5-pr-snapshot-1728655013879",
     "keycode": "^2.2.1",
     "prop-types": "^15.8.1"
   },
   "devDependencies": {
-    "@instructure/ui-axe-check": "8.56.3",
-    "@instructure/ui-babel-preset": "8.56.3",
-    "@instructure/ui-color-utils": "8.56.3",
-    "@instructure/ui-test-utils": "8.56.3",
-    "@instructure/ui-themes": "8.56.3",
+    "@instructure/ui-axe-check": "8.56.5-pr-snapshot-1728655013879",
+    "@instructure/ui-babel-preset": "8.56.5-pr-snapshot-1728655013879",
+    "@instructure/ui-color-utils": "8.56.5-pr-snapshot-1728655013879",
+    "@instructure/ui-test-utils": "8.56.5-pr-snapshot-1728655013879",
+    "@instructure/ui-themes": "8.56.5-pr-snapshot-1728655013879",
     "@testing-library/jest-dom": "^6.1.4",
     "@testing-library/react": "^14.1.2",
     "@testing-library/user-event": "^14.5.1"