@instructure/ui-simple-select 8.56.1 → 8.56.2-pr-snapshot-1721749364069

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.56.2-pr-snapshot-1721749364069](https://github.com/instructure/instructure-ui/compare/v8.56.1...v8.56.2-pr-snapshot-1721749364069) (2024-07-23)
+
+**Note:** Version bump only for package @instructure/ui-simple-select
+
+
+
+
+
 ## [8.56.1](https://github.com/instructure/instructure-ui/compare/v8.56.0...v8.56.1) (2024-06-13)
 
 **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 _Children = require("@instructure/ui-prop-types/lib/Children.js");
+var _uiPropTypes = require("@instructure/ui-prop-types");
 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: _Children.Children.oneOf([_Option.Option])
+  children: _uiPropTypes.Children.oneOf([_Option.Option])
 };
 const allowedProps = exports.allowedProps = ['renderLabel', 'children'];

package/lib/SimpleSelect/SimpleSelectLocator.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SimpleSelectLocator = void 0;
-var _locator = require("@instructure/ui-test-locator/lib/utils/locator.js");
-var _SelectLocator = require("@instructure/ui-select/lib/Select/SelectLocator");
+var _uiTestLocator = require("@instructure/ui-test-locator");
+var _SelectLocator = require("@instructure/ui-select/es/Select/SelectLocator");
 var _index = require("./index");
 /*
  * The MIT License (MIT)
@@ -37,7 +37,7 @@ var _index = require("./index");
 /* eslint-enable no-restricted-imports */
 
 // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
-const SimpleSelectLocator = exports.SimpleSelectLocator = (0, _locator.locator)(_index.SimpleSelect.selector, {
+const SimpleSelectLocator = exports.SimpleSelectLocator = (0, _uiTestLocator.locator)(_index.SimpleSelect.selector, {
   findInput: _SelectLocator.SelectLocator.findInput,
   // TODO these dont work because TS doesnt find its type declarations,
   findOptionsList: _SelectLocator.SelectLocator.findOptionsList

package/lib/SimpleSelect/index.js

@@ -8,13 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.SimpleSelect = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-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 _uiTestable = require("@instructure/ui-testable");
+var _uiReactUtils = require("@instructure/ui-react-utils");
+var _uiSelect = require("@instructure/ui-select");
 var _Option = require("./Option");
 var _Group = require("./Group");
 var _props = require("./props");
@@ -51,7 +47,7 @@ category: components
 tags: form, field, dropdown
 ---
 **/
-let SimpleSelect = exports.SimpleSelect = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class SimpleSelect extends _react.Component {
+let SimpleSelect = exports.SimpleSelect = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec2 = (0, _uiTestable.testable)(), _dec(_class = _dec2(_class = (_class2 = class SimpleSelect extends _react.Component {
   constructor(props) {
     super(props);
     this.ref = null;
@@ -61,11 +57,11 @@ let SimpleSelect = exports.SimpleSelect = (_dec = (0, _withDeterministicId.withD
       let match;
       for (let i = 0; i < children.length; ++i) {
         const child = children[i];
-        if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Option.Option])) {
+        if ((0, _uiReactUtils.matchComponentTypes)(child, [_Option.Option])) {
           if (child.props[field] === value) {
             match = child;
           }
-        } else if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Group.Group])) {
+        } else if ((0, _uiReactUtils.matchComponentTypes)(child, [_Group.Group])) {
           const groupChildren = _react.Children.toArray(child.props.children);
           for (let j = 0; j < groupChildren.length; ++j) {
             const groupChild = groupChildren[j];
@@ -183,7 +179,7 @@ let SimpleSelect = exports.SimpleSelect = (_dec = (0, _withDeterministicId.withD
     return typeof this.props.value !== 'undefined';
   }
   get interaction() {
-    return (0, _getInteraction.getInteraction)({
+    return (0, _uiReactUtils.getInteraction)({
       props: this.props
     });
   }
@@ -220,9 +216,9 @@ let SimpleSelect = exports.SimpleSelect = (_dec = (0, _withDeterministicId.withD
     let match;
     for (let i = 0; i < children.length; i++) {
       const child = children[i];
-      if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Option.Option])) {
+      if ((0, _uiReactUtils.matchComponentTypes)(child, [_Option.Option])) {
         match = child;
-      } else if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Group.Group])) {
+      } else if ((0, _uiReactUtils.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];
       }
@@ -235,9 +231,9 @@ let SimpleSelect = exports.SimpleSelect = (_dec = (0, _withDeterministicId.withD
   renderChildren() {
     let children = _react.Children.toArray(this.props.children);
     children = _react.Children.map(children, child => {
-      if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Option.Option])) {
+      if ((0, _uiReactUtils.matchComponentTypes)(child, [_Option.Option])) {
         return this.renderOption(child);
-      } else if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Group.Group])) {
+      } else if ((0, _uiReactUtils.matchComponentTypes)(child, [_Group.Group])) {
         return this.renderGroup(child);
       }
       return null;
@@ -249,11 +245,11 @@ let SimpleSelect = exports.SimpleSelect = (_dec = (0, _withDeterministicId.withD
     return children;
   }
   renderEmptyOption() {
-    return /*#__PURE__*/_react.default.createElement(_Select.Select.Option, {
+    return /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Option, {
       id: this._emptyOptionId,
       isHighlighted: false,
       isSelected: false
-    }, (0, _callRenderProp.callRenderProp)(this.props.renderEmptyOption));
+    }, (0, _uiReactUtils.callRenderProp)(this.props.renderEmptyOption));
   }
   renderOption(option) {
     const _option$props = option.props,
@@ -276,7 +272,7 @@ let SimpleSelect = exports.SimpleSelect = (_dec = (0, _withDeterministicId.withD
         children
       }) : renderLabel;
     };
-    return /*#__PURE__*/_react.default.createElement(_Select.Select.Option, Object.assign({
+    return /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Option, Object.assign({
       id: id,
       value: value,
       key: option.key || id,
@@ -285,7 +281,7 @@ let SimpleSelect = exports.SimpleSelect = (_dec = (0, _withDeterministicId.withD
       isDisabled: option.props.isDisabled,
       renderBeforeLabel: getRenderLabel(renderBeforeLabel),
       renderAfterLabel: getRenderLabel(renderAfterLabel)
-    }, (0, _passthroughProps.passthroughProps)(rest)), children);
+    }, (0, _uiReactUtils.passthroughProps)(rest)), children);
   }
   renderGroup(group) {
     const _group$props = group.props,
@@ -293,10 +289,10 @@ let SimpleSelect = exports.SimpleSelect = (_dec = (0, _withDeterministicId.withD
       renderLabel = _group$props.renderLabel,
       children = _group$props.children,
       rest = (0, _objectWithoutProperties2.default)(_group$props, _excluded2);
-    return /*#__PURE__*/_react.default.createElement(_Select.Select.Group, Object.assign({
+    return /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Group, Object.assign({
       renderLabel: renderLabel,
       key: group.key || id
-    }, (0, _passthroughProps.passthroughProps)(rest)), _react.Children.map(children, child => this.renderOption(child)));
+    }, (0, _uiReactUtils.passthroughProps)(rest)), _react.Children.map(children, child => this.renderOption(child)));
   }
   render() {
     const _this$props = this.props,
@@ -329,7 +325,7 @@ let SimpleSelect = exports.SimpleSelect = (_dec = (0, _withDeterministicId.withD
       onHideOptions = _this$props.onHideOptions,
       children = _this$props.children,
       rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded3);
-    return /*#__PURE__*/_react.default.createElement(_Select.Select, Object.assign({
+    return /*#__PURE__*/_react.default.createElement(_uiSelect.Select, Object.assign({
       renderLabel: renderLabel,
       inputValue: this.state.inputValue,
       isShowingOptions: this.state.isShowingOptions,
@@ -359,7 +355,7 @@ let SimpleSelect = exports.SimpleSelect = (_dec = (0, _withDeterministicId.withD
       onRequestHideOptions: this.handleHideOptions,
       onRequestHighlightOption: this.handleHighlightOption,
       onRequestSelectOption: this.handleSelectOption
-    }, (0, _passthroughProps.passthroughProps)(rest)), this.renderChildren());
+    }, (0, _uiReactUtils.passthroughProps)(rest)), this.renderChildren());
   }
 }, _class2.displayName = "SimpleSelect", _class2.componentId = 'SimpleSelect', _class2.Option = _Option.Option, _class2.Group = _Group.Group, _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.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 _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 _uiPropTypes = require("@instructure/ui-prop-types");
+var _uiFormField = require("@instructure/ui-form-field");
+var _uiPosition = require("@instructure/ui-position");
 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(_FormPropTypes.FormPropTypes.message),
-  placement: _PositionPropTypes.PositionPropTypes.placement,
-  constrain: _PositionPropTypes.PositionPropTypes.constrain,
-  mountNode: _PositionPropTypes.PositionPropTypes.mountNode,
+  messages: _propTypes.default.arrayOf(_uiFormField.FormPropTypes.message),
+  placement: _uiPosition.PositionPropTypes.placement,
+  constrain: _uiPosition.PositionPropTypes.constrain,
+  mountNode: _uiPosition.PositionPropTypes.mountNode,
   onChange: _propTypes.default.func,
   onFocus: _propTypes.default.func,
   onBlur: _propTypes.default.func,
@@ -65,6 +65,6 @@ 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: _Children.Children.oneOf([_Group.Group, _Option.Option])
+  children: _uiPropTypes.Children.oneOf([_Group.Group, _Option.Option])
 };
 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": "8.56.1",
+  "version": "8.56.2-pr-snapshot-1721749364069",
   "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.23.2",
-    "@instructure/console": "8.56.1",
-    "@instructure/shared-types": "8.56.1",
-    "@instructure/ui-form-field": "8.56.1",
-    "@instructure/ui-position": "8.56.1",
-    "@instructure/ui-prop-types": "8.56.1",
-    "@instructure/ui-react-utils": "8.56.1",
-    "@instructure/ui-select": "8.56.1",
-    "@instructure/ui-testable": "8.56.1",
+    "@instructure/console": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/shared-types": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-form-field": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-position": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-prop-types": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-react-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-select": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-testable": "8.56.2-pr-snapshot-1721749364069",
     "prop-types": "^15.8.1"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.56.1",
-    "@instructure/ui-color-utils": "8.56.1",
-    "@instructure/ui-icons": "8.56.1",
-    "@instructure/ui-test-locator": "8.56.1",
-    "@instructure/ui-test-utils": "8.56.1",
-    "@instructure/ui-utils": "8.56.1",
+    "@instructure/ui-babel-preset": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-color-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-icons": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-test-locator": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-test-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-utils": "8.56.2-pr-snapshot-1721749364069",
     "@testing-library/jest-dom": "^6.1.4",
     "@testing-library/react": "^14.1.2"
   },