@instructure/ui-select 11.7.8 → 11.7.9-snapshot-1

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.
 
+## [11.7.9-snapshot-1](https://github.com/instructure/instructure-ui/compare/v11.7.8...v11.7.9-snapshot-1) (2026-10-06)
+
+**Note:** Version bump only for package @instructure/ui-select
+
+
+
+
+
 ## [11.7.8](https://github.com/instructure/instructure-ui/compare/v11.7.7...v11.7.8) (2026-10-02)
 
 **Note:** Version bump only for package @instructure/ui-select

package/lib/Select/v1/index.js

@@ -7,21 +7,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Select = void 0;
 var _react = require("react");
-var utils = _interopRequireWildcard(require("@instructure/ui-utils"));
-var _combineDataCid = require("@instructure/ui-utils/lib/combineDataCid.js");
-var _matchComponentTypes = require("@instructure/ui-react-utils/lib/matchComponentTypes.js");
-var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
-var _getInteraction = require("@instructure/ui-react-utils/lib/getInteraction.js");
-var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
-var _getBoundingClientRect = require("@instructure/ui-dom-utils/lib/getBoundingClientRect.js");
-var _isActiveElement = require("@instructure/ui-dom-utils/lib/isActiveElement.js");
+var _uiUtils = _interopRequireWildcard(require("@instructure/ui-utils"));
+var utils = _uiUtils;
+var _uiReactUtils = require("@instructure/ui-react-utils");
+var _uiDomUtils = require("@instructure/ui-dom-utils");
 var _v11_ = require("@instructure/ui-view/v11_6");
-var _Selectable = require("@instructure/ui-selectable/lib/Selectable");
+var _uiSelectable = require("@instructure/ui-selectable");
 var _v11_2 = require("@instructure/ui-popover/v11_6");
 var _v11_3 = require("@instructure/ui-text-input/v11_6");
 var _v11_4 = require("@instructure/ui-options/v11_6");
-var _IconArrowOpenDownLine = require("@instructure/ui-icons/lib/generated/IconArrowOpenDownLine.js");
-var _IconArrowOpenUpLine = require("@instructure/ui-icons/lib/generated/IconArrowOpenUpLine.js");
+var _uiIcons = require("@instructure/ui-icons");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
@@ -86,7 +81,7 @@ category: components
 tags: autocomplete, typeahead, combobox, dropdown, search, form
 ---
 **/
-let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = _dec2(_class = class Select extends _react.Component {
+let Select = exports.Select = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = _dec2(_class = class Select extends _react.Component {
   static displayName = 'Select';
   static componentId = 'Select';
   SCROLL_TOLERANCE = 0.5;
@@ -143,7 +138,7 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
     return _react.Children.toArray(group.props.children);
   }
   get focused() {
-    return this._input ? (0, _isActiveElement.isActiveElement)(this._input) : false;
+    return this._input ? (0, _uiDomUtils.isActiveElement)(this._input) : false;
   }
   get id() {
     return this.props.id || this._defaultId;
@@ -152,14 +147,14 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
     return this._inputContainer ? this._inputContainer.offsetWidth : undefined;
   }
   get interaction() {
-    return (0, _getInteraction.getInteraction)({
+    return (0, _uiReactUtils.getInteraction)({
       props: this.props
     });
   }
   get highlightedOptionId() {
     let highlightedOptionId;
     this.childrenArray.forEach(child => {
-      if ((0, _matchComponentTypes.matchComponentTypes)(child, [_index.Group])) {
+      if ((0, _uiReactUtils.matchComponentTypes)(child, [_index.Group])) {
         // group found
         this.getGroupChildrenArray(child).forEach(option => {
           // check options in group
@@ -179,7 +174,7 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
   get selectedOptionId() {
     const selectedOptionId = [];
     this.childrenArray.forEach(child => {
-      if ((0, _matchComponentTypes.matchComponentTypes)(child, [_index.Group])) {
+      if ((0, _uiReactUtils.matchComponentTypes)(child, [_index.Group])) {
         // group found
         this.getGroupChildrenArray(child).forEach(option => {
           // check options in group
@@ -228,8 +223,8 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
     const option = this._listView.querySelector(`[id="${CSS.escape(id)}"]`);
     if (!option) return;
     const listItem = option.parentNode;
-    const parentTop = (0, _getBoundingClientRect.getBoundingClientRect)(this._listView).top;
-    const elemTop = (0, _getBoundingClientRect.getBoundingClientRect)(listItem).top;
+    const parentTop = (0, _uiDomUtils.getBoundingClientRect)(this._listView).top;
+    const elemTop = (0, _uiDomUtils.getBoundingClientRect)(listItem).top;
     const parentBottom = parentTop + this._listView.clientHeight;
     const elemBottom = elemTop + (listItem ? listItem.clientHeight : 0);
     if (elemBottom > parentBottom) {
@@ -333,7 +328,7 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
     };
     let optionProps = {
       // passthrough props
-      ...(0, _omitProps.omitProps)(option.props, [..._index2.Option.allowedProps, ..._v11_4.Options.Item.allowedProps]),
+      ...(0, _uiReactUtils.omitProps)(option.props, [..._index2.Option.allowedProps, ..._v11_4.Options.Item.allowedProps]),
       // props from selectable
       ...getOptionProps({
         id
@@ -395,7 +390,7 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
       as: "ul",
       role: "group",
       renderLabel: renderLabel,
-      ...(0, _omitProps.omitProps)(rest, [..._v11_4.Options.allowedProps, ..._index.Group.allowedProps]),
+      ...(0, _uiReactUtils.omitProps)(rest, [..._v11_4.Options.allowedProps, ..._index.Group.allowedProps]),
       children: _react.Children.map(children, child => {
         return this.renderOption(child, {
           getOptionProps,
@@ -444,17 +439,17 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
           elementRef: this.handleListRef
         }),
         children: isShowingOptions ? _react.Children.map(children, (child, index) => {
-          if (!child || !(0, _matchComponentTypes.matchComponentTypes)(child, [_index.Group, _index2.Option])) {
+          if (!child || !(0, _uiReactUtils.matchComponentTypes)(child, [_index.Group, _index2.Option])) {
             return; // ignore invalid children
           }
-          if ((0, _matchComponentTypes.matchComponentTypes)(child, [_index2.Option])) {
+          if ((0, _uiReactUtils.matchComponentTypes)(child, [_index2.Option])) {
             lastWasGroup = false;
             return this.renderOption(child, {
               getOptionProps,
               getDisabledOptionProps
             });
           }
-          if ((0, _matchComponentTypes.matchComponentTypes)(child, [_index.Group])) {
+          if ((0, _uiReactUtils.matchComponentTypes)(child, [_index.Group])) {
             const afterGroup = lastWasGroup;
             lastWasGroup = true;
             return this.renderGroup(child, {
@@ -478,16 +473,16 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
     } = this.props;
     return (0, _jsxRuntime.jsx)("span", {
       css: styles?.icon,
-      children: isShowingOptions ? (0, _jsxRuntime.jsx)(_IconArrowOpenUpLine.IconArrowOpenUpLine, {
+      children: isShowingOptions ? (0, _jsxRuntime.jsx)(_uiIcons.IconArrowOpenUpLine, {
         inline: false
-      }) : (0, _jsxRuntime.jsx)(_IconArrowOpenDownLine.IconArrowOpenDownLine, {
+      }) : (0, _jsxRuntime.jsx)(_uiIcons.IconArrowOpenDownLine, {
         inline: false
       })
     });
   }
   renderContentBeforeOrAfterInput(position) {
     for (const child of this.childrenArray) {
-      if ((0, _matchComponentTypes.matchComponentTypes)(child, [_index.Group])) {
+      if ((0, _uiReactUtils.matchComponentTypes)(child, [_index.Group])) {
         // Group found
         const options = this.getGroupChildrenArray(child);
         for (const option of options) {
@@ -573,7 +568,7 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
     const {
       interaction
     } = this;
-    const passthroughProps = (0, _omitProps.omitProps)(rest, Select.allowedProps);
+    const passthroughProps = (0, _uiReactUtils.omitProps)(rest, Select.allowedProps);
     const {
       ref,
       ...triggerProps
@@ -647,7 +642,7 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
     this._optionIds = [];
     const highlightedOptionId = this.highlightedOptionId;
     const selectedOptionId = this.selectedOptionId;
-    return (0, _jsxRuntime.jsx)(_Selectable.Selectable, {
+    return (0, _jsxRuntime.jsx)(_uiSelectable.Selectable, {
       highlightedOptionId: highlightedOptionId,
       isShowingOptions: isShowingOptions,
       selectedOptionId: selectedOptionId,
@@ -667,7 +662,7 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
         ref: el => {
           this.ref = el;
         },
-        "data-cid": (0, _combineDataCid.combineDataCid)('Select', this.props),
+        "data-cid": (0, _uiUtils.combineDataCid)('Select', this.props),
         children: [this.renderInput({
           getInputProps,
           getTriggerProps

package/lib/Select/v2/index.js

@@ -7,16 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Select = void 0;
 var _react = require("react");
-var utils = _interopRequireWildcard(require("@instructure/ui-utils"));
-var _combineDataCid = require("@instructure/ui-utils/lib/combineDataCid.js");
-var _matchComponentTypes = require("@instructure/ui-react-utils/lib/matchComponentTypes.js");
-var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
-var _getInteraction = require("@instructure/ui-react-utils/lib/getInteraction.js");
-var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
-var _getBoundingClientRect = require("@instructure/ui-dom-utils/lib/getBoundingClientRect.js");
-var _isActiveElement = require("@instructure/ui-dom-utils/lib/isActiveElement.js");
+var _uiUtils = _interopRequireWildcard(require("@instructure/ui-utils"));
+var utils = _uiUtils;
+var _uiReactUtils = require("@instructure/ui-react-utils");
+var _uiDomUtils = require("@instructure/ui-dom-utils");
 var _latest = require("@instructure/ui-view/latest");
-var _Selectable = require("@instructure/ui-selectable/lib/Selectable");
+var _uiSelectable = require("@instructure/ui-selectable");
 var _latest2 = require("@instructure/ui-popover/latest");
 var _latest3 = require("@instructure/ui-text-input/latest");
 var _latest4 = require("@instructure/ui-options/latest");
@@ -89,7 +85,7 @@ category: components
 tags: autocomplete, typeahead, combobox, dropdown, search, form
 ---
 **/
-let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyleNew)(_styles.default), _dec(_class = _dec2(_class = class Select extends _react.Component {
+let Select = exports.Select = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec2 = (0, _emotion.withStyleNew)(_styles.default), _dec(_class = _dec2(_class = class Select extends _react.Component {
   static displayName = 'Select';
   static componentId = 'Select';
   SCROLL_TOLERANCE = 0.5;
@@ -146,7 +142,7 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
     return _react.Children.toArray(group.props.children);
   }
   get focused() {
-    return this._input ? (0, _isActiveElement.isActiveElement)(this._input) : false;
+    return this._input ? (0, _uiDomUtils.isActiveElement)(this._input) : false;
   }
   get id() {
     return this.props.id || this._defaultId;
@@ -155,14 +151,14 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
     return this._inputContainer ? this._inputContainer.offsetWidth : undefined;
   }
   get interaction() {
-    return (0, _getInteraction.getInteraction)({
+    return (0, _uiReactUtils.getInteraction)({
       props: this.props
     });
   }
   get highlightedOptionId() {
     let highlightedOptionId;
     this.childrenArray.forEach(child => {
-      if ((0, _matchComponentTypes.matchComponentTypes)(child, [_index.Group])) {
+      if ((0, _uiReactUtils.matchComponentTypes)(child, [_index.Group])) {
         // group found
         this.getGroupChildrenArray(child).forEach(option => {
           // check options in group
@@ -182,7 +178,7 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
   get selectedOptionId() {
     const selectedOptionId = [];
     this.childrenArray.forEach(child => {
-      if ((0, _matchComponentTypes.matchComponentTypes)(child, [_index.Group])) {
+      if ((0, _uiReactUtils.matchComponentTypes)(child, [_index.Group])) {
         // group found
         this.getGroupChildrenArray(child).forEach(option => {
           // check options in group
@@ -231,8 +227,8 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
     const option = this._listView.querySelector(`[id="${CSS.escape(id)}"]`);
     if (!option) return;
     const listItem = option.parentNode;
-    const parentTop = (0, _getBoundingClientRect.getBoundingClientRect)(this._listView).top;
-    const elemTop = (0, _getBoundingClientRect.getBoundingClientRect)(listItem).top;
+    const parentTop = (0, _uiDomUtils.getBoundingClientRect)(this._listView).top;
+    const elemTop = (0, _uiDomUtils.getBoundingClientRect)(listItem).top;
     const parentBottom = parentTop + this._listView.clientHeight;
     const elemBottom = elemTop + (listItem ? listItem.clientHeight : 0);
     if (elemBottom > parentBottom) {
@@ -336,7 +332,7 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
     };
     let optionProps = {
       // passthrough props
-      ...(0, _omitProps.omitProps)(option.props, [..._index2.Option.allowedProps, ..._latest4.Options.Item.allowedProps]),
+      ...(0, _uiReactUtils.omitProps)(option.props, [..._index2.Option.allowedProps, ..._latest4.Options.Item.allowedProps]),
       // props from selectable
       ...getOptionProps({
         id
@@ -398,7 +394,7 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
       as: "ul",
       role: "group",
       renderLabel: renderLabel,
-      ...(0, _omitProps.omitProps)(rest, [..._latest4.Options.allowedProps, ..._index.Group.allowedProps]),
+      ...(0, _uiReactUtils.omitProps)(rest, [..._latest4.Options.allowedProps, ..._index.Group.allowedProps]),
       children: _react.Children.map(children, child => {
         return this.renderOption(child, {
           getOptionProps,
@@ -447,17 +443,17 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
           elementRef: this.handleListRef
         }),
         children: isShowingOptions ? _react.Children.map(children, (child, index) => {
-          if (!child || !(0, _matchComponentTypes.matchComponentTypes)(child, [_index.Group, _index2.Option])) {
+          if (!child || !(0, _uiReactUtils.matchComponentTypes)(child, [_index.Group, _index2.Option])) {
             return; // ignore invalid children
           }
-          if ((0, _matchComponentTypes.matchComponentTypes)(child, [_index2.Option])) {
+          if ((0, _uiReactUtils.matchComponentTypes)(child, [_index2.Option])) {
             lastWasGroup = false;
             return this.renderOption(child, {
               getOptionProps,
               getDisabledOptionProps
             });
           }
-          if ((0, _matchComponentTypes.matchComponentTypes)(child, [_index.Group])) {
+          if ((0, _uiReactUtils.matchComponentTypes)(child, [_index.Group])) {
             const afterGroup = lastWasGroup;
             lastWasGroup = true;
             return this.renderGroup(child, {
@@ -494,7 +490,7 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
   }
   renderContentBeforeOrAfterInput(position) {
     for (const child of this.childrenArray) {
-      if ((0, _matchComponentTypes.matchComponentTypes)(child, [_index.Group])) {
+      if ((0, _uiReactUtils.matchComponentTypes)(child, [_index.Group])) {
         // Group found
         const options = this.getGroupChildrenArray(child);
         for (const option of options) {
@@ -581,7 +577,7 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
     const {
       interaction
     } = this;
-    const passthroughProps = (0, _omitProps.omitProps)(rest, Select.allowedProps);
+    const passthroughProps = (0, _uiReactUtils.omitProps)(rest, Select.allowedProps);
     const {
       ref,
       ...triggerProps
@@ -664,7 +660,7 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
     this._optionIds = [];
     const highlightedOptionId = this.highlightedOptionId;
     const selectedOptionId = this.selectedOptionId;
-    return (0, _jsxRuntime.jsx)(_Selectable.Selectable, {
+    return (0, _jsxRuntime.jsx)(_uiSelectable.Selectable, {
       highlightedOptionId: highlightedOptionId,
       isShowingOptions: isShowingOptions,
       selectedOptionId: selectedOptionId,
@@ -682,7 +678,7 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
         ref: el => {
           this.ref = el;
         },
-        "data-cid": (0, _combineDataCid.combineDataCid)('Select', this.props),
+        "data-cid": (0, _uiUtils.combineDataCid)('Select', this.props),
         children: [this.renderInput({
           getInputProps,
           getTriggerProps

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-select",
-  "version": "11.7.8",
+  "version": "11.7.9-snapshot-1",
   "description": "A component for select and autocomplete behavior.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -15,27 +15,27 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.29.7",
-    "@instructure/emotion": "11.7.8",
-    "@instructure/ui-form-field": "11.7.8",
-    "@instructure/shared-types": "11.7.8",
-    "@instructure/ui-dom-utils": "11.7.8",
-    "@instructure/ui-icons": "11.7.8",
-    "@instructure/ui-popover": "11.7.8",
-    "@instructure/ui-react-utils": "11.7.8",
-    "@instructure/ui-options": "11.7.8",
-    "@instructure/ui-position": "11.7.8",
-    "@instructure/ui-selectable": "11.7.8",
-    "@instructure/ui-text-input": "11.7.8",
-    "@instructure/ui-view": "11.7.8",
-    "@instructure/uid": "11.7.8",
-    "@instructure/ui-themes": "11.7.8",
-    "@instructure/ui-utils": "11.7.8"
+    "@instructure/emotion": "11.7.9-snapshot-1",
+    "@instructure/shared-types": "11.7.9-snapshot-1",
+    "@instructure/ui-dom-utils": "11.7.9-snapshot-1",
+    "@instructure/ui-form-field": "11.7.9-snapshot-1",
+    "@instructure/ui-icons": "11.7.9-snapshot-1",
+    "@instructure/ui-options": "11.7.9-snapshot-1",
+    "@instructure/ui-popover": "11.7.9-snapshot-1",
+    "@instructure/ui-selectable": "11.7.9-snapshot-1",
+    "@instructure/ui-text-input": "11.7.9-snapshot-1",
+    "@instructure/ui-react-utils": "11.7.9-snapshot-1",
+    "@instructure/ui-position": "11.7.9-snapshot-1",
+    "@instructure/ui-themes": "11.7.9-snapshot-1",
+    "@instructure/ui-utils": "11.7.9-snapshot-1",
+    "@instructure/ui-view": "11.7.9-snapshot-1",
+    "@instructure/uid": "11.7.9-snapshot-1"
   },
   "devDependencies": {
     "vitest": "^5.0.0",
-    "@instructure/ui-babel-preset": "11.7.8",
-    "@instructure/ui-scripts": "11.7.8",
-    "@instructure/ui-color-utils": "11.7.8"
+    "@instructure/ui-color-utils": "11.7.9-snapshot-1",
+    "@instructure/ui-babel-preset": "11.7.9-snapshot-1",
+    "@instructure/ui-scripts": "11.7.9-snapshot-1"
   },
   "peerDependencies": {
     "react": ">=18 <=19"