@instructure/ui-simple-select 11.7.4-snapshot-14 → 11.7.4-snapshot-49

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.
 
-## [11.7.4-snapshot-14](https://github.com/instructure/instructure-ui/compare/v11.7.3...v11.7.4-snapshot-14) (2026-05-20)
+## [11.7.4-snapshot-49](https://github.com/instructure/instructure-ui/compare/v11.7.3...v11.7.4-snapshot-49) (2026-06-17)
 
 
 ### Features

package/LICENSE.md

@@ -2,6 +2,7 @@
 title: The MIT License (MIT)
 category: Getting Started
 order: 9
+isWIP: true
 ---
 
 # The MIT License (MIT)

package/es/SimpleSelect/v1/Group/index.js

@@ -23,7 +23,8 @@
  */
 
 import { Component } from 'react';
-import { allowedProps } from "./props.js";
+import { allowedProps } from './props.js';
+
 /**
 ---
 parent: SimpleSelect
@@ -31,7 +32,7 @@ id: SimpleSelect.Group
 ---
 **/
 class Group extends Component {
-  static displayName = "Group";
+  static displayName = 'Group';
   static componentId = 'SimpleSelect.Group';
   static allowedProps = allowedProps;
   static defaultProps = {};

package/es/SimpleSelect/v1/Option/index.js

@@ -23,7 +23,8 @@
  */
 
 import { Component } from 'react';
-import { allowedProps } from "./props.js";
+import { allowedProps } from './props.js';
+
 /**
 ---
 parent: SimpleSelect
@@ -31,7 +32,7 @@ id: SimpleSelect.Option
 ---
 **/
 class Option extends Component {
-  static displayName = "Option";
+  static displayName = 'Option';
   static componentId = 'SimpleSelect.Option';
   static allowedProps = allowedProps;
   static defaultProps = {

package/es/SimpleSelect/v1/index.js

@@ -27,9 +27,9 @@ import { isValidElement, Component, Children } from 'react';
 import * as utils from '@instructure/ui-utils';
 import { matchComponentTypes, passthroughProps, callRenderProp, getInteraction, withDeterministicId } from '@instructure/ui-react-utils';
 import { Select } from '@instructure/ui-select/v11_6';
-import { Option } from "./Option/index.js";
-import { Group } from "./Group/index.js";
-import { allowedProps } from "./props.js";
+import { Option } from './Option/index.js';
+import { Group } from './Group/index.js';
+import { allowedProps } from './props.js';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /**
 ---
@@ -38,7 +38,7 @@ tags: form, field, dropdown
 ---
 **/
 let SimpleSelect = (_dec = withDeterministicId(), _dec(_class = class SimpleSelect extends Component {
-  static displayName = "SimpleSelect";
+  static displayName = 'SimpleSelect';
   static componentId = 'SimpleSelect';
   static Option = Option;
   static Group = Group;

package/es/SimpleSelect/v2/Group/index.js

@@ -23,7 +23,8 @@
  */
 
 import { Component } from 'react';
-import { allowedProps } from "./props.js";
+import { allowedProps } from './props.js';
+
 /**
 ---
 parent: SimpleSelect
@@ -31,7 +32,7 @@ id: SimpleSelect.Group
 ---
 **/
 class Group extends Component {
-  static displayName = "Group";
+  static displayName = 'Group';
   static componentId = 'SimpleSelect.Group';
   static allowedProps = allowedProps;
   static defaultProps = {};

package/es/SimpleSelect/v2/Option/index.js

@@ -23,7 +23,8 @@
  */
 
 import { Component } from 'react';
-import { allowedProps } from "./props.js";
+import { allowedProps } from './props.js';
+
 /**
 ---
 parent: SimpleSelect
@@ -31,7 +32,7 @@ id: SimpleSelect.Option
 ---
 **/
 class Option extends Component {
-  static displayName = "Option";
+  static displayName = 'Option';
   static componentId = 'SimpleSelect.Option';
   static allowedProps = allowedProps;
   static defaultProps = {

package/es/SimpleSelect/v2/index.js

@@ -27,9 +27,9 @@ import { isValidElement, Component, Children } from 'react';
 import * as utils from '@instructure/ui-utils';
 import { matchComponentTypes, passthroughProps, callRenderProp, getInteraction, withDeterministicId } from '@instructure/ui-react-utils';
 import { Select } from '@instructure/ui-select/latest';
-import { Option } from "./Option/index.js";
-import { Group } from "./Group/index.js";
-import { allowedProps } from "./props.js";
+import { Option } from './Option/index.js';
+import { Group } from './Group/index.js';
+import { allowedProps } from './props.js';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /**
 ---
@@ -38,7 +38,7 @@ tags: form, field, dropdown
 ---
 **/
 let SimpleSelect = (_dec = withDeterministicId(), _dec(_class = class SimpleSelect extends Component {
-  static displayName = "SimpleSelect";
+  static displayName = 'SimpleSelect';
   static componentId = 'SimpleSelect';
   static Option = Option;
   static Group = Group;

package/es/exports/a.js

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

package/es/exports/b.js

@@ -21,6 +21,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-export { SimpleSelect } from "../SimpleSelect/v2/index.js";
-export { Group as SimpleSelectGroup } from "../SimpleSelect/v2/Group/index.js";
-export { Option as SimpleSelectOption } from "../SimpleSelect/v2/Option/index.js";
+
+export { SimpleSelect } from '../SimpleSelect/v2/index.js';
+export { Group as SimpleSelectGroup } from '../SimpleSelect/v2/Group/index.js';
+export { Option as SimpleSelectOption } from '../SimpleSelect/v2/Option/index.js';

package/lib/SimpleSelect/v1/Group/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Group = void 0;
 var _react = require("react");
-var _props = require("./props");
+var _props = require("./props.js");
 /*
  * The MIT License (MIT)
  *
@@ -37,7 +37,7 @@ id: SimpleSelect.Group
 ---
 **/
 class Group extends _react.Component {
-  static displayName = "Group";
+  static displayName = 'Group';
   static componentId = 'SimpleSelect.Group';
   static allowedProps = _props.allowedProps;
   static defaultProps = {};

package/lib/SimpleSelect/v1/Option/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Option = void 0;
 var _react = require("react");
-var _props = require("./props");
+var _props = require("./props.js");
 /*
  * The MIT License (MIT)
  *
@@ -37,7 +37,7 @@ id: SimpleSelect.Option
 ---
 **/
 class Option extends _react.Component {
-  static displayName = "Option";
+  static displayName = 'Option';
   static componentId = 'SimpleSelect.Option';
   static allowedProps = _props.allowedProps;
   static defaultProps = {

package/lib/SimpleSelect/v1/index.js

@@ -13,9 +13,9 @@ 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 _v11_ = require("@instructure/ui-select/v11_6");
-var _Option = require("./Option");
-var _Group = require("./Group");
-var _props = require("./props");
+var _index = require("./Option/index.js");
+var _index2 = require("./Group/index.js");
+var _props = require("./props.js");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _dec, _class;
 /*
@@ -48,10 +48,10 @@ tags: form, field, dropdown
 ---
 **/
 let SimpleSelect = exports.SimpleSelect = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec(_class = class SimpleSelect extends _react.Component {
-  static displayName = "SimpleSelect";
+  static displayName = 'SimpleSelect';
   static componentId = 'SimpleSelect';
-  static Option = _Option.Option;
-  static Group = _Group.Group;
+  static Option = _index.Option;
+  static Group = _index2.Group;
   static allowedProps = _props.allowedProps;
   static defaultProps = {
     size: 'medium',
@@ -156,9 +156,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, _matchComponentTypes.matchComponentTypes)(child, [_index.Option])) {
         match = child;
-      } else if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Group.Group])) {
+      } else if ((0, _matchComponentTypes.matchComponentTypes)(child, [_index2.Group])) {
         // first child is a group, not an option, find first child in group
         match = _react.Children.toArray(child.props.children)[0];
       }
@@ -173,11 +173,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, _matchComponentTypes.matchComponentTypes)(child, [_index.Option])) {
         if (child.props[field] === value) {
           match = child;
         }
-      } else if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Group.Group])) {
+      } else if ((0, _matchComponentTypes.matchComponentTypes)(child, [_index2.Group])) {
         const groupChildren = _react.Children.toArray(child.props.children);
         for (let j = 0; j < groupChildren.length; ++j) {
           const groupChild = groupChildren[j];
@@ -202,12 +202,12 @@ let SimpleSelect = exports.SimpleSelect = (_dec = (0, _withDeterministicId.withD
     if (!child) return undefined;
 
     // If it's a regular option, return it
-    if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Option.Option])) {
+    if ((0, _matchComponentTypes.matchComponentTypes)(child, [_index.Option])) {
       return child;
     }
 
     // If it's a group, get its options
-    if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Group.Group])) {
+    if ((0, _matchComponentTypes.matchComponentTypes)(child, [_index2.Group])) {
       const groupOptions = _react.Children.toArray(child.props.children);
       const groupIndex = position === 'first' ? 0 : groupOptions.length - 1;
       return groupOptions[groupIndex];
@@ -313,9 +313,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, _matchComponentTypes.matchComponentTypes)(child, [_index.Option])) {
         return this.renderOption(child);
-      } else if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Group.Group])) {
+      } else if ((0, _matchComponentTypes.matchComponentTypes)(child, [_index2.Group])) {
         return this.renderGroup(child);
       }
       return null;

package/lib/SimpleSelect/v2/Group/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Group = void 0;
 var _react = require("react");
-var _props = require("./props");
+var _props = require("./props.js");
 /*
  * The MIT License (MIT)
  *
@@ -37,7 +37,7 @@ id: SimpleSelect.Group
 ---
 **/
 class Group extends _react.Component {
-  static displayName = "Group";
+  static displayName = 'Group';
   static componentId = 'SimpleSelect.Group';
   static allowedProps = _props.allowedProps;
   static defaultProps = {};

package/lib/SimpleSelect/v2/Option/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Option = void 0;
 var _react = require("react");
-var _props = require("./props");
+var _props = require("./props.js");
 /*
  * The MIT License (MIT)
  *
@@ -37,7 +37,7 @@ id: SimpleSelect.Option
 ---
 **/
 class Option extends _react.Component {
-  static displayName = "Option";
+  static displayName = 'Option';
   static componentId = 'SimpleSelect.Option';
   static allowedProps = _props.allowedProps;
   static defaultProps = {

package/lib/SimpleSelect/v2/index.js

@@ -13,9 +13,9 @@ 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 _latest = require("@instructure/ui-select/latest");
-var _Option = require("./Option");
-var _Group = require("./Group");
-var _props = require("./props");
+var _index = require("./Option/index.js");
+var _index2 = require("./Group/index.js");
+var _props = require("./props.js");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _dec, _class;
 /*
@@ -48,10 +48,10 @@ tags: form, field, dropdown
 ---
 **/
 let SimpleSelect = exports.SimpleSelect = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec(_class = class SimpleSelect extends _react.Component {
-  static displayName = "SimpleSelect";
+  static displayName = 'SimpleSelect';
   static componentId = 'SimpleSelect';
-  static Option = _Option.Option;
-  static Group = _Group.Group;
+  static Option = _index.Option;
+  static Group = _index2.Group;
   static allowedProps = _props.allowedProps;
   static defaultProps = {
     size: 'medium',
@@ -153,9 +153,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, _matchComponentTypes.matchComponentTypes)(child, [_index.Option])) {
         match = child;
-      } else if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Group.Group])) {
+      } else if ((0, _matchComponentTypes.matchComponentTypes)(child, [_index2.Group])) {
         // first child is a group, not an option, find first child in group
         match = _react.Children.toArray(child.props.children)[0];
       }
@@ -170,11 +170,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, _matchComponentTypes.matchComponentTypes)(child, [_index.Option])) {
         if (child.props[field] === value) {
           match = child;
         }
-      } else if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Group.Group])) {
+      } else if ((0, _matchComponentTypes.matchComponentTypes)(child, [_index2.Group])) {
         const groupChildren = _react.Children.toArray(child.props.children);
         for (let j = 0; j < groupChildren.length; ++j) {
           const groupChild = groupChildren[j];
@@ -199,12 +199,12 @@ let SimpleSelect = exports.SimpleSelect = (_dec = (0, _withDeterministicId.withD
     if (!child) return undefined;
 
     // If it's a regular option, return it
-    if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Option.Option])) {
+    if ((0, _matchComponentTypes.matchComponentTypes)(child, [_index.Option])) {
       return child;
     }
 
     // If it's a group, get its options
-    if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Group.Group])) {
+    if ((0, _matchComponentTypes.matchComponentTypes)(child, [_index2.Group])) {
       const groupOptions = _react.Children.toArray(child.props.children);
       const groupIndex = position === 'first' ? 0 : groupOptions.length - 1;
       return groupOptions[groupIndex];
@@ -310,9 +310,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, _matchComponentTypes.matchComponentTypes)(child, [_index.Option])) {
         return this.renderOption(child);
-      } else if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Group.Group])) {
+      } else if ((0, _matchComponentTypes.matchComponentTypes)(child, [_index2.Group])) {
         return this.renderGroup(child);
       }
       return null;

package/lib/exports/a.js

@@ -6,21 +6,21 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "SimpleSelect", {
   enumerable: true,
   get: function () {
-    return _v.SimpleSelect;
+    return _index.SimpleSelect;
   }
 });
 Object.defineProperty(exports, "SimpleSelectGroup", {
   enumerable: true,
   get: function () {
-    return _Group.Group;
+    return _index2.Group;
   }
 });
 Object.defineProperty(exports, "SimpleSelectOption", {
   enumerable: true,
   get: function () {
-    return _Option.Option;
+    return _index3.Option;
   }
 });
-var _v = require("../SimpleSelect/v1");
-var _Group = require("../SimpleSelect/v1/Group");
-var _Option = require("../SimpleSelect/v1/Option");
+var _index = require("../SimpleSelect/v1/index.js");
+var _index2 = require("../SimpleSelect/v1/Group/index.js");
+var _index3 = require("../SimpleSelect/v1/Option/index.js");

package/lib/exports/b.js

@@ -6,21 +6,21 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "SimpleSelect", {
   enumerable: true,
   get: function () {
-    return _v.SimpleSelect;
+    return _index.SimpleSelect;
   }
 });
 Object.defineProperty(exports, "SimpleSelectGroup", {
   enumerable: true,
   get: function () {
-    return _Group.Group;
+    return _index2.Group;
   }
 });
 Object.defineProperty(exports, "SimpleSelectOption", {
   enumerable: true,
   get: function () {
-    return _Option.Option;
+    return _index3.Option;
   }
 });
-var _v = require("../SimpleSelect/v2");
-var _Group = require("../SimpleSelect/v2/Group");
-var _Option = require("../SimpleSelect/v2/Option");
+var _index = require("../SimpleSelect/v2/index.js");
+var _index2 = require("../SimpleSelect/v2/Group/index.js");
+var _index3 = require("../SimpleSelect/v2/Option/index.js");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-simple-select",
-  "version": "11.7.4-snapshot-14",
+  "version": "11.7.4-snapshot-49",
   "description": "A component for standard select element behavior.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -15,22 +15,22 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.29.2",
-    "@instructure/shared-types": "11.7.4-snapshot-14",
-    "@instructure/console": "11.7.4-snapshot-14",
-    "@instructure/ui-position": "11.7.4-snapshot-14",
-    "@instructure/ui-react-utils": "11.7.4-snapshot-14",
-    "@instructure/ui-form-field": "11.7.4-snapshot-14",
-    "@instructure/ui-select": "11.7.4-snapshot-14"
+    "@instructure/shared-types": "11.7.4-snapshot-49",
+    "@instructure/ui-position": "11.7.4-snapshot-49",
+    "@instructure/ui-react-utils": "11.7.4-snapshot-49",
+    "@instructure/ui-form-field": "11.7.4-snapshot-49",
+    "@instructure/ui-select": "11.7.4-snapshot-49",
+    "@instructure/console": "11.7.4-snapshot-49"
   },
   "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-babel-preset": "11.7.4-snapshot-14",
-    "@instructure/ui-color-utils": "11.7.4-snapshot-14",
-    "@instructure/ui-icons": "11.7.4-snapshot-14",
-    "@instructure/ui-utils": "11.7.4-snapshot-14"
+    "@instructure/ui-color-utils": "11.7.4-snapshot-49",
+    "@instructure/ui-babel-preset": "11.7.4-snapshot-49",
+    "@instructure/ui-utils": "11.7.4-snapshot-49",
+    "@instructure/ui-icons": "11.7.4-snapshot-49"
   },
   "peerDependencies": {
     "react": ">=18 <=19"

package/src/SimpleSelect/v1/Group/index.tsx

@@ -25,7 +25,7 @@
 import { Component } from 'react'
 
 import type { SimpleSelectGroupProps } from './props'
-import { allowedProps } from './props'
+import { allowedProps } from './props.js'
 
 /**
 ---
@@ -34,6 +34,7 @@ id: SimpleSelect.Group
 ---
 **/
 class Group extends Component<SimpleSelectGroupProps> {
+  static displayName = 'Group'
   static readonly componentId = 'SimpleSelect.Group'
 
   static allowedProps = allowedProps

package/src/SimpleSelect/v1/Option/index.tsx

@@ -24,7 +24,7 @@
 
 import { Component } from 'react'
 import type { SimpleSelectOptionProps } from './props'
-import { allowedProps } from './props'
+import { allowedProps } from './props.js'
 
 /**
 ---
@@ -33,6 +33,7 @@ id: SimpleSelect.Option
 ---
 **/
 class Option extends Component<SimpleSelectOptionProps> {
+  static displayName = 'Option'
   static readonly componentId = 'SimpleSelect.Option'
 
   static allowedProps = allowedProps

package/src/SimpleSelect/v1/index.tsx

@@ -42,17 +42,17 @@ import {
 import { Select } from '@instructure/ui-select/v11_6'
 import type { SelectProps } from '@instructure/ui-select/v11_6'
 
-import { Option } from './Option'
+import { Option } from './Option/index.js'
 import type {
   SimpleSelectOptionProps,
   RenderSimpleSelectOptionLabel
 } from './Option/props'
 
-import { Group } from './Group'
+import { Group } from './Group/index.js'
 import type { SimpleSelectGroupProps } from './Group/props'
 
 import type { SimpleSelectProps } from './props'
-import { allowedProps, SimpleSelectState } from './props'
+import { allowedProps, SimpleSelectState } from './props.js'
 
 type OptionChild = ComponentElement<SimpleSelectOptionProps, Option>
 type GroupChild = ComponentElement<SimpleSelectGroupProps, Group>
@@ -70,6 +70,7 @@ tags: form, field, dropdown
 **/
 @withDeterministicId()
 class SimpleSelect extends Component<SimpleSelectProps, SimpleSelectState> {
+  static displayName = 'SimpleSelect'
   static readonly componentId = 'SimpleSelect'
 
   static Option = Option

package/src/SimpleSelect/v2/Group/index.tsx

@@ -25,7 +25,7 @@
 import { Component } from 'react'
 
 import type { SimpleSelectGroupProps } from './props'
-import { allowedProps } from './props'
+import { allowedProps } from './props.js'
 
 /**
 ---
@@ -34,6 +34,7 @@ id: SimpleSelect.Group
 ---
 **/
 class Group extends Component<SimpleSelectGroupProps> {
+  static displayName = 'Group'
   static readonly componentId = 'SimpleSelect.Group'
 
   static allowedProps = allowedProps

package/src/SimpleSelect/v2/Option/index.tsx

@@ -24,7 +24,7 @@
 
 import { Component } from 'react'
 import type { SimpleSelectOptionProps } from './props'
-import { allowedProps } from './props'
+import { allowedProps } from './props.js'
 
 /**
 ---
@@ -33,6 +33,7 @@ id: SimpleSelect.Option
 ---
 **/
 class Option extends Component<SimpleSelectOptionProps> {
+  static displayName = 'Option'
   static readonly componentId = 'SimpleSelect.Option'
 
   static allowedProps = allowedProps

package/src/SimpleSelect/v2/index.tsx

@@ -42,17 +42,17 @@ import {
 import { Select } from '@instructure/ui-select/latest'
 import type { SelectProps } from '@instructure/ui-select/latest'
 
-import { Option } from './Option'
+import { Option } from './Option/index.js'
 import type {
   SimpleSelectOptionProps,
   RenderSimpleSelectOptionLabel
 } from './Option/props'
 
-import { Group } from './Group'
+import { Group } from './Group/index.js'
 import type { SimpleSelectGroupProps } from './Group/props'
 
 import type { SimpleSelectProps } from './props'
-import { allowedProps, SimpleSelectState } from './props'
+import { allowedProps, SimpleSelectState } from './props.js'
 
 type OptionChild = ComponentElement<SimpleSelectOptionProps, Option>
 type GroupChild = ComponentElement<SimpleSelectGroupProps, Group>
@@ -70,6 +70,7 @@ tags: form, field, dropdown
 **/
 @withDeterministicId()
 class SimpleSelect extends Component<SimpleSelectProps, SimpleSelectState> {
+  static displayName = 'SimpleSelect'
   static readonly componentId = 'SimpleSelect'
 
   static Option = Option

package/src/exports/a.ts

@@ -22,9 +22,9 @@
  * SOFTWARE.
  */
 
-export { SimpleSelect } from '../SimpleSelect/v1'
-export { Group as SimpleSelectGroup } from '../SimpleSelect/v1/Group'
-export { Option as SimpleSelectOption } from '../SimpleSelect/v1/Option'
+export { SimpleSelect } from '../SimpleSelect/v1/index.js'
+export { Group as SimpleSelectGroup } from '../SimpleSelect/v1/Group/index.js'
+export { Option as SimpleSelectOption } from '../SimpleSelect/v1/Option/index.js'
 
 export type { SimpleSelectProps } from '../SimpleSelect/v1/props'
 export type { SimpleSelectGroupProps } from '../SimpleSelect/v1/Group/props'