@instructure/ui-select 11.6.0 → 11.6.1-snapshot-129

package/es/{index.js → exports/a.js}

@@ -21,6 +21,6 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-export { Select } from "./Select/index.js";
-export { Group as SelectGroup } from "./Select/Group/index.js";
-export { Option as SelectOption } from "./Select/Option/index.js";
+export { Select } from "../Select/v1/index.js";
+export { Group as SelectGroup } from "../Select/v1/Group/index.js";
+export { Option as SelectOption } from "../Select/v1/Option/index.js";

package/lib/Select/{index.js → v1/index.js}

@@ -16,13 +16,13 @@ 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 _View = require("@instructure/ui-view/lib/View");
+var _v11_ = require("@instructure/ui-view/v11_6");
 var _Selectable = require("@instructure/ui-selectable/lib/Selectable");
-var _Popover = require("@instructure/ui-popover/lib/Popover");
-var _TextInput = require("@instructure/ui-text-input/lib/TextInput");
-var _Options = require("@instructure/ui-options/lib/Options");
-var _IconArrowOpenDownLine = require("@instructure/ui-icons/lib/IconArrowOpenDownLine.js");
-var _IconArrowOpenUpLine2 = require("@instructure/ui-icons/lib/IconArrowOpenUpLine.js");
+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 _IconArrowOpenUpLine2 = require("@instructure/ui-icons/lib/generated/IconArrowOpenUpLine.js");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
@@ -66,7 +66,7 @@ const MemoedOption = /*#__PURE__*/(0, _react.memo)(function Opt(props) {
     children = props.children;
   return (
     // The main <Options> that renders this is always an "ul"
-    (0, _jsxRuntime.jsx)(_Options.Options.Item, {
+    (0, _jsxRuntime.jsx)(_v11_4.Options.Item, {
       as: "li",
       ...optionsItemProps,
       children: children
@@ -88,7 +88,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 = (_Select = class Select extends _react.Component {
+let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyleLegacy)(_styles.default, _theme.default), _dec(_class = _dec2(_class = (_Select = class Select extends _react.Component {
   constructor(...args) {
     super(...args);
     this.SCROLL_TOLERANCE = 0.5;
@@ -317,7 +317,7 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
     };
     let optionProps = {
       // passthrough props
-      ...(0, _omitProps.omitProps)(option.props, [..._Option.Option.allowedProps, ..._Options.Options.Item.allowedProps]),
+      ...(0, _omitProps.omitProps)(option.props, [..._Option.Option.allowedProps, ..._v11_4.Options.Item.allowedProps]),
       // props from selectable
       ...getOptionProps({
         id
@@ -367,16 +367,16 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
     const groupChildren = [];
     // add a separator above
     if (!isFirstChild && !afterGroup) {
-      groupChildren.push(_Options$Separator || (_Options$Separator = (0, _jsxRuntime.jsx)(_Options.Options.Separator, {})));
+      groupChildren.push(_Options$Separator || (_Options$Separator = (0, _jsxRuntime.jsx)(_v11_4.Options.Separator, {})));
     }
     // create a sublist as a group
     // a wrapping listitem will be created by Options
-    groupChildren.push((0, _jsxRuntime.jsx)(_Options.Options, {
+    groupChildren.push((0, _jsxRuntime.jsx)(_v11_4.Options, {
       id: id,
       as: "ul",
       role: "group",
       renderLabel: renderLabel,
-      ...(0, _omitProps.omitProps)(rest, [..._Options.Options.allowedProps, ..._Group.Group.allowedProps]),
+      ...(0, _omitProps.omitProps)(rest, [..._v11_4.Options.allowedProps, ..._Group.Group.allowedProps]),
       children: _react.Children.map(children, child => {
         return this.renderOption(child, {
           getOptionProps,
@@ -386,7 +386,7 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
     }));
     // add a separator below
     if (!isLastChild) {
-      groupChildren.push(_Options$Separator2 || (_Options$Separator2 = (0, _jsxRuntime.jsx)(_Options.Options.Separator, {})));
+      groupChildren.push(_Options$Separator2 || (_Options$Separator2 = (0, _jsxRuntime.jsx)(_v11_4.Options.Separator, {})));
     }
     return groupChildren;
   }
@@ -414,9 +414,9 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
     } : {
       maxHeight: 0
     };
-    return (0, _jsxRuntime.jsx)(_View.View, {
+    return (0, _jsxRuntime.jsx)(_v11_.View, {
       ...viewProps,
-      children: (0, _jsxRuntime.jsx)(_Options.Options, {
+      children: (0, _jsxRuntime.jsx)(_v11_4.Options, {
         ...getListProps({
           as: 'ul',
           elementRef: this.handleListRef
@@ -607,7 +607,7 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
       ...overrideProps
     };
     // suppressHydrationWarning is needed because `role` depends on the browser type
-    return (0, _jsxRuntime.jsx)(_TextInput.TextInput, {
+    return (0, _jsxRuntime.jsx)(_v11_3.TextInput, {
       ...triggerProps,
       ...getInputProps(inputProps),
       suppressHydrationWarning: true
@@ -653,7 +653,7 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
           ...getDescriptionProps(),
           css: styles === null || styles === void 0 ? void 0 : styles.assistiveText,
           children: assistiveText
-        }), (0, _jsxRuntime.jsx)(_Popover.Popover, {
+        }), (0, _jsxRuntime.jsx)(_v11_2.Popover, {
           constrain: constrain,
           placement: placement
           // On iOS VoiceOver, the Popover is mounted right after the input

package/lib/{index.js → exports/a.js}

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "Select", {
   enumerable: true,
   get: function () {
-    return _Select.Select;
+    return _v.Select;
   }
 });
 Object.defineProperty(exports, "SelectGroup", {
@@ -21,6 +21,6 @@ Object.defineProperty(exports, "SelectOption", {
     return _Option.Option;
   }
 });
-var _Select = require("./Select");
-var _Group = require("./Select/Group");
-var _Option = require("./Select/Option");
+var _v = require("../Select/v1");
+var _Group = require("../Select/v1/Group");
+var _Option = require("../Select/v1/Option");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-select",
-  "version": "11.6.0",
+  "version": "11.6.1-snapshot-129",
   "description": "A component for select and autocomplete behavior.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -15,30 +15,30 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.27.6",
-    "@instructure/emotion": "11.6.0",
-    "@instructure/shared-types": "11.6.0",
-    "@instructure/ui-dom-utils": "11.6.0",
-    "@instructure/ui-form-field": "11.6.0",
-    "@instructure/ui-icons": "11.6.0",
-    "@instructure/ui-popover": "11.6.0",
-    "@instructure/ui-options": "11.6.0",
-    "@instructure/ui-position": "11.6.0",
-    "@instructure/ui-react-utils": "11.6.0",
-    "@instructure/ui-selectable": "11.6.0",
-    "@instructure/ui-text-input": "11.6.0",
-    "@instructure/ui-utils": "11.6.0",
-    "@instructure/ui-view": "11.6.0",
-    "@instructure/uid": "11.6.0"
+    "@instructure/emotion": "11.6.1-snapshot-129",
+    "@instructure/ui-dom-utils": "11.6.1-snapshot-129",
+    "@instructure/shared-types": "11.6.1-snapshot-129",
+    "@instructure/ui-form-field": "11.6.1-snapshot-129",
+    "@instructure/ui-icons": "11.6.1-snapshot-129",
+    "@instructure/ui-options": "11.6.1-snapshot-129",
+    "@instructure/ui-popover": "11.6.1-snapshot-129",
+    "@instructure/ui-react-utils": "11.6.1-snapshot-129",
+    "@instructure/ui-position": "11.6.1-snapshot-129",
+    "@instructure/ui-selectable": "11.6.1-snapshot-129",
+    "@instructure/ui-text-input": "11.6.1-snapshot-129",
+    "@instructure/ui-view": "11.6.1-snapshot-129",
+    "@instructure/uid": "11.6.1-snapshot-129",
+    "@instructure/ui-utils": "11.6.1-snapshot-129"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "15.0.7",
     "@testing-library/user-event": "^14.6.1",
     "vitest": "^3.2.2",
-    "@instructure/ui-color-utils": "11.6.0",
-    "@instructure/ui-babel-preset": "11.6.0",
-    "@instructure/ui-scripts": "11.6.0",
-    "@instructure/ui-themes": "11.6.0"
+    "@instructure/ui-babel-preset": "11.6.1-snapshot-129",
+    "@instructure/ui-color-utils": "11.6.1-snapshot-129",
+    "@instructure/ui-scripts": "11.6.1-snapshot-129",
+    "@instructure/ui-themes": "11.6.1-snapshot-129"
   },
   "peerDependencies": {
     "react": ">=18 <=19"
@@ -48,17 +48,39 @@
   },
   "sideEffects": false,
   "exports": {
-    ".": {
-      "types": "./types/index.d.ts",
-      "import": "./es/index.js",
-      "require": "./lib/index.js",
-      "default": "./es/index.js"
-    },
     "./lib/*": "./lib/*",
     "./es/*": "./es/*",
     "./types/*": "./types/*",
     "./package.json": "./package.json",
-    "./src/*": "./src/*"
+    "./src/*": "./src/*",
+    ".": {
+      "src": "./src/exports/a.ts",
+      "types": "./types/exports/a.d.ts",
+      "import": "./es/exports/a.js",
+      "require": "./lib/exports/a.js",
+      "default": "./es/exports/a.js"
+    },
+    "./v11_6": {
+      "src": "./src/exports/a.ts",
+      "types": "./types/exports/a.d.ts",
+      "import": "./es/exports/a.js",
+      "require": "./lib/exports/a.js",
+      "default": "./es/exports/a.js"
+    },
+    "./v11_7": {
+      "src": "./src/exports/a.ts",
+      "types": "./types/exports/a.d.ts",
+      "import": "./es/exports/a.js",
+      "require": "./lib/exports/a.js",
+      "default": "./es/exports/a.js"
+    },
+    "./latest": {
+      "src": "./src/exports/a.ts",
+      "types": "./types/exports/a.d.ts",
+      "import": "./es/exports/a.js",
+      "require": "./lib/exports/a.js",
+      "default": "./es/exports/a.js"
+    }
   },
   "scripts": {
     "lint": "ui-scripts lint",

package/src/Select/{index.tsx → v1/index.tsx}

@@ -37,29 +37,29 @@ import {
   isActiveElement
 } from '@instructure/ui-dom-utils'
 
-import { View } from '@instructure/ui-view'
+import { View } from '@instructure/ui-view/v11_6'
 import { Selectable } from '@instructure/ui-selectable'
-import { Popover } from '@instructure/ui-popover'
-import { TextInput } from '@instructure/ui-text-input'
-import { Options } from '@instructure/ui-options'
+import { Popover } from '@instructure/ui-popover/v11_6'
+import { TextInput } from '@instructure/ui-text-input/v11_6'
+import { Options } from '@instructure/ui-options/v11_6'
 import {
   IconArrowOpenDownLine,
   IconArrowOpenUpLine
 } from '@instructure/ui-icons'
 
-import type { ViewProps } from '@instructure/ui-view'
-import type { TextInputProps } from '@instructure/ui-text-input'
+import type { ViewProps } from '@instructure/ui-view/v11_6'
+import type { TextInputProps } from '@instructure/ui-text-input/v11_6'
 import type {
   OptionsItemProps,
   OptionsSeparatorProps,
   OptionsItemRenderProps
-} from '@instructure/ui-options'
+} from '@instructure/ui-options/v11_6'
 import type {
   SelectableProps,
   SelectableRender
 } from '@instructure/ui-selectable'
 
-import { withStyle, BorderWidth } from '@instructure/emotion'
+import { withStyleLegacy as withStyle, BorderWidth } from '@instructure/emotion'
 
 import generateStyle from './styles'
 import generateComponentTheme from './theme'

package/src/Select/{props.ts → v1/props.ts}

@@ -28,7 +28,7 @@ import type {
   OtherHTMLAttributes,
   SelectTheme
 } from '@instructure/shared-types'
-import type { FormMessage } from '@instructure/ui-form-field'
+import type { FormMessage } from '@instructure/ui-form-field/v11_6'
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
 import type {
   PlacementPropValues,

package/src/{index.ts → exports/a.ts}

@@ -22,10 +22,10 @@
  * SOFTWARE.
  */
 
-export { Select } from './Select'
-export { Group as SelectGroup } from './Select/Group'
-export { Option as SelectOption } from './Select/Option'
+export { Select } from '../Select/v1'
+export { Group as SelectGroup } from '../Select/v1/Group'
+export { Option as SelectOption } from '../Select/v1/Option'
 
-export type { SelectProps, SelectOwnProps } from './Select/props'
-export type { SelectGroupProps } from './Select/Group/props'
-export type { SelectOptionProps } from './Select/Option/props'
+export type { SelectProps, SelectOwnProps } from '../Select/v1/props'
+export type { SelectGroupProps } from '../Select/v1/Group/props'
+export type { SelectOptionProps } from '../Select/v1/Option/props'