@instructure/ui-simple-select 8.16.1-snapshot.2 → 8.17.1-snapshot.14

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.17.0](https://github.com/instructure/instructure-ui/compare/v8.16.0...v8.17.0) (2022-02-07)
+
+### Bug Fixes
+
+- remove type:"commonjs" from package.json files ([0b243be](https://github.com/instructure/instructure-ui/commit/0b243bee389ee14493e6b3dbb30a8b660c295d3d))
+
 # [8.16.0](https://github.com/instructure/instructure-ui/compare/v8.15.0...v8.16.0) (2022-02-03)
 
 ### Features

package/es/SimpleSelect/index.js

@@ -3,7 +3,7 @@ const _excluded = ["id", "value", "children", "renderBeforeLabel", "renderAfterL
       _excluded2 = ["id", "renderLabel", "children"],
       _excluded3 = ["renderLabel", "value", "defaultValue", "id", "size", "assistiveText", "placeholder", "interaction", "isRequired", "isInline", "width", "optionsMaxWidth", "optionsMaxHeight", "visibleOptionsCount", "messages", "placement", "constrain", "mountNode", "inputRef", "listRef", "renderEmptyOption", "renderBeforeInput", "renderAfterInput", "onFocus", "onBlur", "onShowOptions", "onHideOptions", "children"];
 
-var _dec, _class, _class2, _temp;
+var _dec, _dec2, _class, _class2, _temp;
 
 /*
  * The MIT License (MIT)
@@ -30,8 +30,7 @@ var _dec, _class, _class2, _temp;
  */
 import React, { Component, Children } from 'react';
 import { testable } from '@instructure/ui-testable';
-import { matchComponentTypes, passthroughProps, callRenderProp, getInteraction } from '@instructure/ui-react-utils';
-import { uid } from '@instructure/uid';
+import { matchComponentTypes, passthroughProps, callRenderProp, getInteraction, withDeterministicId } from '@instructure/ui-react-utils';
 import { Select } from '@instructure/ui-select';
 import { Option } from './Option';
 import { Group } from './Group';
@@ -44,7 +43,7 @@ tags: form, field, dropdown
 ---
 @tsProps
 **/
-let SimpleSelect = (_dec = testable(), _dec(_class = (_temp = _class2 = class SimpleSelect extends Component {
+let SimpleSelect = (_dec = withDeterministicId(), _dec2 = testable(), _dec(_class = _dec2(_class = (_temp = _class2 = class SimpleSelect extends Component {
   constructor(props) {
     super(props);
     this.ref = null;
@@ -178,7 +177,7 @@ let SimpleSelect = (_dec = testable(), _dec(_class = (_temp = _class2 = class Si
       highlightedOptionId: void 0,
       selectedOptionId: _option ? _option.props.id : void 0
     };
-    this._emptyOptionId = uid('Select-EmptyOption');
+    this._emptyOptionId = props.deterministicId('Select-EmptyOption');
   }
 
   get _select() {
@@ -415,6 +414,6 @@ let SimpleSelect = (_dec = testable(), _dec(_class = (_temp = _class2 = class Si
   placement: 'bottom stretch',
   constrain: 'window',
   renderEmptyOption: '---'
-}, _temp)) || _class);
+}, _temp)) || _class) || _class);
 export { SimpleSelect };
 export default SimpleSelect;

package/lib/SimpleSelect/index.js

@@ -23,7 +23,7 @@ var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js
 
 var _getInteraction = require("@instructure/ui-react-utils/lib/getInteraction.js");
 
-var _uid = require("@instructure/uid");
+var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
 
 var _Select = require("@instructure/ui-select/lib/Select");
 
@@ -37,7 +37,7 @@ const _excluded = ["id", "value", "children", "renderBeforeLabel", "renderAfterL
       _excluded2 = ["id", "renderLabel", "children"],
       _excluded3 = ["renderLabel", "value", "defaultValue", "id", "size", "assistiveText", "placeholder", "interaction", "isRequired", "isInline", "width", "optionsMaxWidth", "optionsMaxHeight", "visibleOptionsCount", "messages", "placement", "constrain", "mountNode", "inputRef", "listRef", "renderEmptyOption", "renderBeforeInput", "renderAfterInput", "onFocus", "onBlur", "onShowOptions", "onHideOptions", "children"];
 
-var _dec, _class, _class2, _temp;
+var _dec, _dec2, _class, _class2, _temp;
 
 /**
 ---
@@ -46,7 +46,7 @@ tags: form, field, dropdown
 ---
 @tsProps
 **/
-let SimpleSelect = (_dec = (0, _testable.testable)(), _dec(_class = (_temp = _class2 = class SimpleSelect extends _react.Component {
+let SimpleSelect = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_temp = _class2 = class SimpleSelect extends _react.Component {
   constructor(props) {
     super(props);
     this.ref = null;
@@ -180,7 +180,7 @@ let SimpleSelect = (_dec = (0, _testable.testable)(), _dec(_class = (_temp = _cl
       highlightedOptionId: void 0,
       selectedOptionId: _option ? _option.props.id : void 0
     };
-    this._emptyOptionId = (0, _uid.uid)('Select-EmptyOption');
+    this._emptyOptionId = props.deterministicId('Select-EmptyOption');
   }
 
   get _select() {
@@ -414,7 +414,7 @@ let SimpleSelect = (_dec = (0, _testable.testable)(), _dec(_class = (_temp = _cl
   placement: 'bottom stretch',
   constrain: 'window',
   renderEmptyOption: '---'
-}, _temp)) || _class);
+}, _temp)) || _class) || _class);
 exports.SimpleSelect = SimpleSelect;
 var _default = SimpleSelect;
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-simple-select",
-  "version": "8.16.1-snapshot.2+25359e770",
+  "version": "8.17.1-snapshot.14+f0b03679c",
   "description": "A component for standard select element behavior.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -24,22 +24,22 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.16.1-snapshot.2+25359e770",
-    "@instructure/ui-form-field": "8.16.1-snapshot.2+25359e770",
-    "@instructure/ui-position": "8.16.1-snapshot.2+25359e770",
-    "@instructure/ui-prop-types": "8.16.1-snapshot.2+25359e770",
-    "@instructure/ui-react-utils": "8.16.1-snapshot.2+25359e770",
-    "@instructure/ui-select": "8.16.1-snapshot.2+25359e770",
-    "@instructure/ui-testable": "8.16.1-snapshot.2+25359e770",
-    "@instructure/uid": "8.16.1-snapshot.2+25359e770",
+    "@instructure/console": "8.17.1-snapshot.14+f0b03679c",
+    "@instructure/shared-types": "8.17.1-snapshot.14+f0b03679c",
+    "@instructure/ui-form-field": "8.17.1-snapshot.14+f0b03679c",
+    "@instructure/ui-position": "8.17.1-snapshot.14+f0b03679c",
+    "@instructure/ui-prop-types": "8.17.1-snapshot.14+f0b03679c",
+    "@instructure/ui-react-utils": "8.17.1-snapshot.14+f0b03679c",
+    "@instructure/ui-select": "8.17.1-snapshot.14+f0b03679c",
+    "@instructure/ui-testable": "8.17.1-snapshot.14+f0b03679c",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.16.1-snapshot.2+25359e770",
-    "@instructure/ui-color-utils": "8.16.1-snapshot.2+25359e770",
-    "@instructure/ui-icons": "8.16.1-snapshot.2+25359e770",
-    "@instructure/ui-test-locator": "8.16.1-snapshot.2+25359e770",
-    "@instructure/ui-test-utils": "8.16.1-snapshot.2+25359e770"
+    "@instructure/ui-babel-preset": "8.17.1-snapshot.14+f0b03679c",
+    "@instructure/ui-color-utils": "8.17.1-snapshot.14+f0b03679c",
+    "@instructure/ui-icons": "8.17.1-snapshot.14+f0b03679c",
+    "@instructure/ui-test-locator": "8.17.1-snapshot.14+f0b03679c",
+    "@instructure/ui-test-utils": "8.17.1-snapshot.14+f0b03679c"
   },
   "peerDependencies": {
     "react": ">=16.8 <=17"
@@ -48,5 +48,5 @@
     "access": "public"
   },
   "sideEffects": false,
-  "gitHead": "25359e77043270cf26e92b14f396b498f1540c62"
+  "gitHead": "f0b03679c4c4d05d4d650d22646ac1dc6791e935"
 }

package/src/SimpleSelect/index.tsx

@@ -29,9 +29,9 @@ import {
   matchComponentTypes,
   passthroughProps,
   callRenderProp,
-  getInteraction
+  getInteraction,
+  withDeterministicId
 } from '@instructure/ui-react-utils'
-import { uid } from '@instructure/uid'
 
 import { Select } from '@instructure/ui-select'
 import type { SelectProps } from '@instructure/ui-select'
@@ -63,6 +63,7 @@ tags: form, field, dropdown
 ---
 @tsProps
 **/
+@withDeterministicId()
 @testable()
 class SimpleSelect extends Component<SimpleSelectProps, SimpleSelectState> {
   static readonly componentId = 'SimpleSelect'
@@ -99,7 +100,7 @@ class SimpleSelect extends Component<SimpleSelectProps, SimpleSelectState> {
       selectedOptionId: option ? option.props.id : undefined
     }
 
-    this._emptyOptionId = uid('Select-EmptyOption')
+    this._emptyOptionId = props.deterministicId!('Select-EmptyOption')
   }
 
   get _select() {

package/src/SimpleSelect/props.ts

@@ -44,6 +44,7 @@ import type {
   PositionMountNode
 } from '@instructure/ui-position'
 import type { SelectOwnProps } from '@instructure/ui-select'
+import type { WithDeterministicIdProps } from '@instructure/ui-react-utils'
 
 type SimpleSelectOwnProps = PropsPassedToSelect & {
   /**
@@ -237,7 +238,7 @@ type SimpleSelectProps = PickPropsWithExceptions<
   OtherHTMLAttributes<
     SimpleSelectOwnProps,
     InputHTMLAttributes<SimpleSelectOwnProps>
-  >
+  > & WithDeterministicIdProps
 
 type SimpleSelectState = {
   inputValue?: string