@instructure/ui-select 11.7.2-snapshot-47 → 11.7.2-snapshot-49

package/lib/Select/v2/props.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.allowedProps = void 0;
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+// These props are directly passed to Selectable
+// TODO: import these from Selectable once TS types can be imported
+
+// These props are directly passed to TextInput
+// TODO: import these from TextInput once TS types can be imported
+
+// These props are directly passed to Popover
+// TODO: import these from Popover once TS types can be imported
+
+const allowedProps = exports.allowedProps = ['renderLabel', 'inputValue', 'isShowingOptions', 'id', 'size', 'assistiveText', 'placeholder', 'interaction', 'isRequired', 'isInline', 'width', 'htmlSize', 'visibleOptionsCount', 'isOptionContentAppliedToInput', 'optionsMaxHeight', 'optionsMaxWidth', 'messages', 'placement', 'constrain', 'mountNode', 'onFocus', 'onBlur', 'onInputChange', 'onRequestShowOptions', 'onRequestHideOptions', 'onRequestHighlightOption', 'onRequestSelectOption', 'inputRef', 'listRef', 'renderBeforeInput', 'renderAfterInput', 'children', 'shouldNotWrap', 'scrollToHighlightedOption', 'layout'];

package/lib/Select/v2/styles.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+/**
+ * Generates the style object from the theme and provided additional information
+ * @param  {Object} componentTheme The theme variable object.
+ * @param  {Object} props the props of the component, the style is applied to
+ * @param  {Object} state the state of the component, the style is applied to
+ * @return {Object} The final style object, which will be used in the component
+ */
+const generateStyle = (componentTheme, _props) => {
+  return {
+    assistiveText: {
+      label: 'select__assistiveText',
+      display: 'none'
+    },
+    popoverBorderWidth: componentTheme.popoverBorderWidth
+  };
+};
+var _default = exports.default = generateStyle;

package/lib/exports/b.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Select", {
+  enumerable: true,
+  get: function () {
+    return _v.Select;
+  }
+});
+Object.defineProperty(exports, "SelectGroup", {
+  enumerable: true,
+  get: function () {
+    return _Group.Group;
+  }
+});
+Object.defineProperty(exports, "SelectOption", {
+  enumerable: true,
+  get: function () {
+    return _Option.Option;
+  }
+});
+var _v = require("../Select/v2");
+var _Group = require("../Select/v2/Group");
+var _Option = require("../Select/v2/Option");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-select",
-  "version": "11.7.2-snapshot-47",
+  "version": "11.7.2-snapshot-49",
   "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.7.2-snapshot-47",
-    "@instructure/shared-types": "11.7.2-snapshot-47",
-    "@instructure/ui-form-field": "11.7.2-snapshot-47",
-    "@instructure/ui-dom-utils": "11.7.2-snapshot-47",
-    "@instructure/ui-icons": "11.7.2-snapshot-47",
-    "@instructure/ui-options": "11.7.2-snapshot-47",
-    "@instructure/ui-popover": "11.7.2-snapshot-47",
-    "@instructure/ui-position": "11.7.2-snapshot-47",
-    "@instructure/ui-react-utils": "11.7.2-snapshot-47",
-    "@instructure/ui-text-input": "11.7.2-snapshot-47",
-    "@instructure/ui-view": "11.7.2-snapshot-47",
-    "@instructure/ui-utils": "11.7.2-snapshot-47",
-    "@instructure/uid": "11.7.2-snapshot-47",
-    "@instructure/ui-selectable": "11.7.2-snapshot-47"
+    "@instructure/emotion": "11.7.2-snapshot-49",
+    "@instructure/shared-types": "11.7.2-snapshot-49",
+    "@instructure/ui-dom-utils": "11.7.2-snapshot-49",
+    "@instructure/ui-icons": "11.7.2-snapshot-49",
+    "@instructure/ui-form-field": "11.7.2-snapshot-49",
+    "@instructure/ui-popover": "11.7.2-snapshot-49",
+    "@instructure/ui-position": "11.7.2-snapshot-49",
+    "@instructure/ui-react-utils": "11.7.2-snapshot-49",
+    "@instructure/ui-options": "11.7.2-snapshot-49",
+    "@instructure/ui-utils": "11.7.2-snapshot-49",
+    "@instructure/ui-view": "11.7.2-snapshot-49",
+    "@instructure/ui-text-input": "11.7.2-snapshot-49",
+    "@instructure/uid": "11.7.2-snapshot-49",
+    "@instructure/ui-selectable": "11.7.2-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.2-snapshot-47",
-    "@instructure/ui-color-utils": "11.7.2-snapshot-47",
-    "@instructure/ui-scripts": "11.7.2-snapshot-47",
-    "@instructure/ui-themes": "11.7.2-snapshot-47"
+    "@instructure/ui-babel-preset": "11.7.2-snapshot-49",
+    "@instructure/ui-scripts": "11.7.2-snapshot-49",
+    "@instructure/ui-color-utils": "11.7.2-snapshot-49",
+    "@instructure/ui-themes": "11.7.2-snapshot-49"
   },
   "peerDependencies": {
     "react": ">=18 <=19"
@@ -68,18 +68,18 @@
       "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"
+      "src": "./src/exports/b.ts",
+      "types": "./types/exports/b.d.ts",
+      "import": "./es/exports/b.js",
+      "require": "./lib/exports/b.js",
+      "default": "./es/exports/b.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"
+      "src": "./src/exports/b.ts",
+      "types": "./types/exports/b.d.ts",
+      "import": "./es/exports/b.js",
+      "require": "./lib/exports/b.js",
+      "default": "./es/exports/b.js"
     }
   },
   "scripts": {

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

@@ -0,0 +1,52 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+import { Component } from 'react'
+import type { SelectGroupProps } from './props'
+import { allowedProps } from './props'
+
+/**
+---
+parent: Select
+id: Select.Group
+---
+@module Group
+**/
+class Group extends Component<SelectGroupProps> {
+  static readonly componentId = 'Select.Group'
+
+  static allowedProps = allowedProps
+
+  static defaultProps = {}
+
+  /* istanbul ignore next */
+  render() {
+    // this component is only used for prop validation. Select.Group children
+    // are parsed in Select and rendered as Options components
+    return null
+  }
+}
+
+export default Group
+export { Group }

package/src/Select/v2/Group/props.ts

@@ -0,0 +1,48 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+import React from 'react'
+
+import type { OtherHTMLAttributes, Renderable } from '@instructure/shared-types'
+
+type SelectGroupOwnProps = {
+  /**
+   * The label associated with the group options.
+   */
+  renderLabel: Renderable
+  /**
+   * Children of type `<SimpleSelect.Option />` that will be considered part of the group.
+   */
+  children?: React.ReactNode // TODO: ChildrenPropTypes.oneOf([Option])
+}
+
+type PropKeys = keyof SelectGroupOwnProps
+
+type AllowedPropKeys = Readonly<Array<PropKeys>>
+
+type SelectGroupProps = SelectGroupOwnProps &
+  OtherHTMLAttributes<SelectGroupOwnProps>
+const allowedProps: AllowedPropKeys = ['renderLabel', 'children']
+
+export type { SelectGroupProps }
+export { allowedProps }

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

@@ -0,0 +1,56 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+import { Component } from 'react'
+import type { SelectOptionProps } from './props'
+import { allowedProps } from './props'
+
+/**
+---
+parent: Select
+id: Select.Option
+---
+@module Option
+**/
+class Option extends Component<SelectOptionProps> {
+  static readonly componentId = 'Select.Option'
+
+  static allowedProps = allowedProps
+
+  static defaultProps = {
+    isHighlighted: false,
+    isSelected: false,
+    isDisabled: false
+  }
+
+  /* istanbul ignore next */
+  render() {
+    // this component is only used for prop validation. Select.Option children
+    // are parsed in Select and rendered as Options.Item components
+    return null
+  }
+}
+
+export default Option
+export { Option }

package/src/Select/v2/Option/props.ts

@@ -0,0 +1,82 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+import React from 'react'
+import type { OtherHTMLAttributes, Renderable } from '@instructure/shared-types'
+
+type OptionProps = {
+  /**
+   * The id for the option. **Must be globally unique**, it will be translated
+   * to an `id` prop in the DOM.
+   */
+  id: string
+  /**
+   * Whether or not this option is highlighted.
+   */
+  isHighlighted?: boolean
+  /**
+   * Whether or not this option is selected.
+   */
+  isSelected?: boolean
+  /**
+   * Whether or not this option is disabled.
+   */
+  isDisabled?: boolean
+  /**
+   * Content to display as the option label.
+   */
+  children?: React.ReactNode
+}
+
+type RenderSelectOptionLabel = Renderable<OptionProps>
+
+type SelectOptionOwnProps = OptionProps & {
+  /**
+   * Content to display before the option label, such as an icon.
+   */
+  renderBeforeLabel?: RenderSelectOptionLabel
+  /**
+   * Content to display after the option label, such as an icon.
+   */
+  renderAfterLabel?: RenderSelectOptionLabel
+}
+
+type PropKeys = keyof SelectOptionOwnProps
+
+type AllowedPropKeys = Readonly<Array<PropKeys>>
+
+type SelectOptionProps = SelectOptionOwnProps &
+  OtherHTMLAttributes<SelectOptionOwnProps>
+const allowedProps: AllowedPropKeys = [
+  'id',
+  'isHighlighted',
+  'isSelected',
+  'isDisabled',
+  'renderBeforeLabel',
+  'renderAfterLabel',
+  'children'
+]
+
+export type { SelectOptionProps, RenderSelectOptionLabel }
+export { allowedProps }