@instructure/ui-simple-select 10.13.1-pr-snapshot-1741357986437 → 10.13.1-snapshot-2

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [10.13.1-pr-snapshot-1741357986437](https://github.com/instructure/instructure-ui/compare/v10.13.0...v10.13.1-pr-snapshot-1741357986437) (2025-03-07)
+## [10.13.1-snapshot-2](https://github.com/instructure/instructure-ui/compare/v10.13.0...v10.13.1-snapshot-2) (2025-03-12)
 
 **Note:** Version bump only for package @instructure/ui-simple-select
 

package/lib/SimpleSelect/Group/props.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.propTypes = exports.allowedProps = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _uiPropTypes = require("@instructure/ui-prop-types");
+var _Children = require("@instructure/ui-prop-types/lib/Children.js");
 var _Option = require("../Option");
 /*
  * The MIT License (MIT)
@@ -34,6 +34,6 @@ var _Option = require("../Option");
 
 const propTypes = exports.propTypes = {
   renderLabel: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]).isRequired,
-  children: _uiPropTypes.Children.oneOf([_Option.Option])
+  children: _Children.Children.oneOf([_Option.Option])
 };
 const allowedProps = exports.allowedProps = ['renderLabel', 'children'];

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

@@ -8,8 +8,8 @@ var _vitest = require("vitest");
 var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
 require("@testing-library/jest-dom");
 var _generateA11yTests = require("@instructure/ui-scripts/lib/test/generateA11yTests");
-var _uiIcons = require("@instructure/ui-icons");
-var _uiAxeCheck = require("@instructure/ui-axe-check");
+var _IconCheckSolid2 = require("@instructure/ui-icons/lib/IconCheckSolid.js");
+var _runAxeCheck = require("@instructure/ui-axe-check/lib/runAxeCheck.js");
 var _SimpleSelect7 = _interopRequireDefault(require("../__examples__/SimpleSelect.examples"));
 var _index = _interopRequireDefault(require("../index"));
 var _SimpleSelect, _SimpleSelect2, _SimpleSelect3, _SimpleSelect4, _SimpleSelect5, _SimpleSelect6, _IconCheckSolid;
@@ -189,7 +189,7 @@ describe('<SimpleSelect />', () => {
     });
   });
   (0, _vitest.it)('should render icons before option and call renderBeforeLabel callback with necessary props', async () => {
-    const renderBeforeLabel = _vitest.vi.fn(() => _IconCheckSolid || (_IconCheckSolid = /*#__PURE__*/_react.default.createElement(_uiIcons.IconCheckSolid, {
+    const renderBeforeLabel = _vitest.vi.fn(() => _IconCheckSolid || (_IconCheckSolid = /*#__PURE__*/_react.default.createElement(_IconCheckSolid2.IconCheckSolid, {
       "data-testid": "option-icon"
     })));
     (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.default, {
@@ -266,7 +266,7 @@ describe('<SimpleSelect />', () => {
     }) => {
       const _render = (0, _react2.render)(content),
         container = _render.container;
-      const axeCheck = await (0, _uiAxeCheck.runAxeCheck)(container);
+      const axeCheck = await (0, _runAxeCheck.runAxeCheck)(container);
       expect(axeCheck).toBe(true);
     });
   });

package/lib/SimpleSelect/index.js

@@ -8,9 +8,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.SimpleSelect = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _uiTestable = require("@instructure/ui-testable");
-var _uiReactUtils = require("@instructure/ui-react-utils");
-var _uiSelect = require("@instructure/ui-select");
+var _testable = require("@instructure/ui-testable/lib/testable.js");
+var _matchComponentTypes = require("@instructure/ui-react-utils/lib/matchComponentTypes.js");
+var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
+var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
+var _getInteraction = require("@instructure/ui-react-utils/lib/getInteraction.js");
+var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
+var _Select = require("@instructure/ui-select/lib/Select");
 var _Option = require("./Option");
 var _Group = require("./Group");
 var _props = require("./props");
@@ -47,7 +51,7 @@ category: components
 tags: form, field, dropdown
 ---
 **/
-let SimpleSelect = exports.SimpleSelect = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec2 = (0, _uiTestable.testable)(), _dec(_class = _dec2(_class = (_SimpleSelect = class SimpleSelect extends _react.Component {
+let SimpleSelect = exports.SimpleSelect = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_SimpleSelect = class SimpleSelect extends _react.Component {
   constructor(props) {
     super(props);
     this.ref = null;
@@ -57,11 +61,11 @@ let SimpleSelect = exports.SimpleSelect = (_dec = (0, _uiReactUtils.withDetermin
       let match;
       for (let i = 0; i < children.length; ++i) {
         const child = children[i];
-        if ((0, _uiReactUtils.matchComponentTypes)(child, [_Option.Option])) {
+        if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Option.Option])) {
           if (child.props[field] === value) {
             match = child;
           }
-        } else if ((0, _uiReactUtils.matchComponentTypes)(child, [_Group.Group])) {
+        } else if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Group.Group])) {
           const groupChildren = _react.Children.toArray(child.props.children);
           for (let j = 0; j < groupChildren.length; ++j) {
             const groupChild = groupChildren[j];
@@ -179,7 +183,7 @@ let SimpleSelect = exports.SimpleSelect = (_dec = (0, _uiReactUtils.withDetermin
     return typeof this.props.value !== 'undefined';
   }
   get interaction() {
-    return (0, _uiReactUtils.getInteraction)({
+    return (0, _getInteraction.getInteraction)({
       props: this.props
     });
   }
@@ -238,9 +242,9 @@ let SimpleSelect = exports.SimpleSelect = (_dec = (0, _uiReactUtils.withDetermin
     let match;
     for (let i = 0; i < children.length; i++) {
       const child = children[i];
-      if ((0, _uiReactUtils.matchComponentTypes)(child, [_Option.Option])) {
+      if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Option.Option])) {
         match = child;
-      } else if ((0, _uiReactUtils.matchComponentTypes)(child, [_Group.Group])) {
+      } else if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Group.Group])) {
         // first child is a group, not an option, find first child in group
         match = _react.Children.toArray(child.props.children)[0];
       }
@@ -253,9 +257,9 @@ let SimpleSelect = exports.SimpleSelect = (_dec = (0, _uiReactUtils.withDetermin
   renderChildren() {
     let children = _react.Children.toArray(this.props.children);
     children = _react.Children.map(children, child => {
-      if ((0, _uiReactUtils.matchComponentTypes)(child, [_Option.Option])) {
+      if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Option.Option])) {
         return this.renderOption(child);
-      } else if ((0, _uiReactUtils.matchComponentTypes)(child, [_Group.Group])) {
+      } else if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Group.Group])) {
         return this.renderGroup(child);
       }
       return null;
@@ -267,11 +271,11 @@ let SimpleSelect = exports.SimpleSelect = (_dec = (0, _uiReactUtils.withDetermin
     return children;
   }
   renderEmptyOption() {
-    return /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Option, {
+    return /*#__PURE__*/_react.default.createElement(_Select.Select.Option, {
       id: this._emptyOptionId,
       isHighlighted: false,
       isSelected: false
-    }, (0, _uiReactUtils.callRenderProp)(this.props.renderEmptyOption));
+    }, (0, _callRenderProp.callRenderProp)(this.props.renderEmptyOption));
   }
   renderOption(option) {
     const _option$props = option.props,
@@ -294,7 +298,7 @@ let SimpleSelect = exports.SimpleSelect = (_dec = (0, _uiReactUtils.withDetermin
         children
       }) : renderLabel;
     };
-    return /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Option, Object.assign({
+    return /*#__PURE__*/_react.default.createElement(_Select.Select.Option, Object.assign({
       id: id,
       value: value,
       key: option.key || id,
@@ -303,7 +307,7 @@ let SimpleSelect = exports.SimpleSelect = (_dec = (0, _uiReactUtils.withDetermin
       isDisabled: option.props.isDisabled,
       renderBeforeLabel: getRenderLabel(renderBeforeLabel),
       renderAfterLabel: getRenderLabel(renderAfterLabel)
-    }, (0, _uiReactUtils.passthroughProps)(rest)), children);
+    }, (0, _passthroughProps.passthroughProps)(rest)), children);
   }
   renderGroup(group) {
     const _group$props = group.props,
@@ -311,10 +315,10 @@ let SimpleSelect = exports.SimpleSelect = (_dec = (0, _uiReactUtils.withDetermin
       renderLabel = _group$props.renderLabel,
       children = _group$props.children,
       rest = (0, _objectWithoutProperties2.default)(_group$props, _excluded2);
-    return /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Group, Object.assign({
+    return /*#__PURE__*/_react.default.createElement(_Select.Select.Group, Object.assign({
       renderLabel: renderLabel,
       key: group.key || id
-    }, (0, _uiReactUtils.passthroughProps)(rest)), _react.Children.map(children, child => this.renderOption(child)));
+    }, (0, _passthroughProps.passthroughProps)(rest)), _react.Children.map(children, child => this.renderOption(child)));
   }
   render() {
     const _this$props = this.props,
@@ -347,7 +351,7 @@ let SimpleSelect = exports.SimpleSelect = (_dec = (0, _uiReactUtils.withDetermin
       onHideOptions = _this$props.onHideOptions,
       children = _this$props.children,
       rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded3);
-    return /*#__PURE__*/_react.default.createElement(_uiSelect.Select, Object.assign({
+    return /*#__PURE__*/_react.default.createElement(_Select.Select, Object.assign({
       renderLabel: renderLabel,
       inputValue: this.state.inputValue,
       isShowingOptions: this.state.isShowingOptions,
@@ -378,7 +382,7 @@ let SimpleSelect = exports.SimpleSelect = (_dec = (0, _uiReactUtils.withDetermin
       onRequestHighlightOption: this.handleHighlightOption,
       onRequestSelectOption: this.handleSelectOption,
       isOptionContentAppliedToInput: this.props.isOptionContentAppliedToInput
-    }, (0, _uiReactUtils.passthroughProps)(rest)), this.renderChildren());
+    }, (0, _passthroughProps.passthroughProps)(rest)), this.renderChildren());
   }
 }, _SimpleSelect.displayName = "SimpleSelect", _SimpleSelect.componentId = 'SimpleSelect', _SimpleSelect.Option = _Option.Option, _SimpleSelect.Group = _Group.Group, _SimpleSelect.allowedProps = _props.allowedProps, _SimpleSelect.propTypes = _props.propTypes, _SimpleSelect.defaultProps = {
   size: 'medium',

package/lib/SimpleSelect/props.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.propTypes = exports.allowedProps = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _uiPropTypes = require("@instructure/ui-prop-types");
-var _uiFormField = require("@instructure/ui-form-field");
-var _uiPosition = require("@instructure/ui-position");
+var _Children = require("@instructure/ui-prop-types/lib/Children.js");
+var _FormPropTypes = require("@instructure/ui-form-field/lib/FormPropTypes.js");
+var _PositionPropTypes = require("@instructure/ui-position/lib/PositionPropTypes.js");
 var _Group = require("./Group");
 var _Option = require("./Option");
 /*
@@ -51,10 +51,10 @@ const propTypes = exports.propTypes = {
   visibleOptionsCount: _propTypes.default.number,
   optionsMaxHeight: _propTypes.default.string,
   optionsMaxWidth: _propTypes.default.string,
-  messages: _propTypes.default.arrayOf(_uiFormField.FormPropTypes.message),
-  placement: _uiPosition.PositionPropTypes.placement,
-  constrain: _uiPosition.PositionPropTypes.constrain,
-  mountNode: _uiPosition.PositionPropTypes.mountNode,
+  messages: _propTypes.default.arrayOf(_FormPropTypes.FormPropTypes.message),
+  placement: _PositionPropTypes.PositionPropTypes.placement,
+  constrain: _PositionPropTypes.PositionPropTypes.constrain,
+  mountNode: _PositionPropTypes.PositionPropTypes.mountNode,
   onChange: _propTypes.default.func,
   onFocus: _propTypes.default.func,
   onBlur: _propTypes.default.func,
@@ -65,7 +65,7 @@ const propTypes = exports.propTypes = {
   renderEmptyOption: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
   renderBeforeInput: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
   renderAfterInput: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
-  children: _uiPropTypes.Children.oneOf([_Group.Group, _Option.Option]),
+  children: _Children.Children.oneOf([_Group.Group, _Option.Option]),
   isOptionContentAppliedToInput: _propTypes.default.bool
 };
 const allowedProps = exports.allowedProps = ['renderLabel', 'value', 'defaultValue', 'id', 'size', 'assistiveText', 'placeholder', 'interaction', 'isRequired', 'isInline', 'width', 'visibleOptionsCount', 'optionsMaxHeight', 'optionsMaxWidth', 'messages', 'placement', 'constrain', 'mountNode', 'onChange', 'onFocus', 'onBlur', 'onShowOptions', 'onHideOptions', 'inputRef', 'listRef', 'renderEmptyOption', 'renderBeforeInput', 'renderAfterInput', 'children'];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-simple-select",
-  "version": "10.13.1-pr-snapshot-1741357986437",
+  "version": "10.13.1-snapshot-2",
   "description": "A component for standard select element behavior.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -24,23 +24,23 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.26.0",
-    "@instructure/console": "10.13.1-pr-snapshot-1741357986437",
-    "@instructure/shared-types": "10.13.1-pr-snapshot-1741357986437",
-    "@instructure/ui-form-field": "10.13.1-pr-snapshot-1741357986437",
-    "@instructure/ui-position": "10.13.1-pr-snapshot-1741357986437",
-    "@instructure/ui-prop-types": "10.13.1-pr-snapshot-1741357986437",
-    "@instructure/ui-react-utils": "10.13.1-pr-snapshot-1741357986437",
-    "@instructure/ui-select": "10.13.1-pr-snapshot-1741357986437",
-    "@instructure/ui-testable": "10.13.1-pr-snapshot-1741357986437",
+    "@instructure/console": "10.13.1-snapshot-2",
+    "@instructure/shared-types": "10.13.1-snapshot-2",
+    "@instructure/ui-form-field": "10.13.1-snapshot-2",
+    "@instructure/ui-position": "10.13.1-snapshot-2",
+    "@instructure/ui-prop-types": "10.13.1-snapshot-2",
+    "@instructure/ui-react-utils": "10.13.1-snapshot-2",
+    "@instructure/ui-select": "10.13.1-snapshot-2",
+    "@instructure/ui-testable": "10.13.1-snapshot-2",
     "prop-types": "^15.8.1"
   },
   "devDependencies": {
-    "@instructure/ui-axe-check": "10.13.1-pr-snapshot-1741357986437",
-    "@instructure/ui-babel-preset": "10.13.1-pr-snapshot-1741357986437",
-    "@instructure/ui-color-utils": "10.13.1-pr-snapshot-1741357986437",
-    "@instructure/ui-icons": "10.13.1-pr-snapshot-1741357986437",
-    "@instructure/ui-test-utils": "10.13.1-pr-snapshot-1741357986437",
-    "@instructure/ui-utils": "10.13.1-pr-snapshot-1741357986437",
+    "@instructure/ui-axe-check": "10.13.1-snapshot-2",
+    "@instructure/ui-babel-preset": "10.13.1-snapshot-2",
+    "@instructure/ui-color-utils": "10.13.1-snapshot-2",
+    "@instructure/ui-icons": "10.13.1-snapshot-2",
+    "@instructure/ui-test-utils": "10.13.1-snapshot-2",
+    "@instructure/ui-utils": "10.13.1-snapshot-2",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",