@instructure/ui-options 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)
 
 **Note:** Version bump only for package @instructure/ui-options

package/es/Options/index.js

@@ -1,4 +1,4 @@
-var _dec, _dec2, _class, _class2, _temp;
+var _dec, _dec2, _dec3, _class, _class2, _temp;
 
 /*
  * The MIT License (MIT)
@@ -26,9 +26,8 @@ var _dec, _dec2, _class, _class2, _temp;
 
 /** @jsx jsx */
 import React, { Component, Children } from 'react';
-import { omitProps, matchComponentTypes, callRenderProp, safeCloneElement } from '@instructure/ui-react-utils';
+import { omitProps, matchComponentTypes, callRenderProp, safeCloneElement, withDeterministicId } from '@instructure/ui-react-utils';
 import { testable } from '@instructure/ui-testable';
-import { uid } from '@instructure/uid';
 import { View } from '@instructure/ui-view';
 import { withStyle, jsx } from '@instructure/emotion';
 import generateStyles from './styles';
@@ -43,7 +42,7 @@ category: components
 ---
 @tsProps
 **/
-let Options = (_dec = withStyle(generateStyles, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_temp = _class2 = class Options extends Component {
+let Options = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyles, generateComponentTheme), _dec3 = testable(), _dec(_class = _dec2(_class = _dec3(_class = (_temp = _class2 = class Options extends Component {
   constructor() {
     super(...arguments);
     this.ref = null;
@@ -52,7 +51,7 @@ let Options = (_dec = withStyle(generateStyles, generateComponentTheme), _dec2 =
       this.ref = el;
     };
 
-    this._labelId = uid('Options-label');
+    this._labelId = this.props.deterministicId('Options-label');
   }
 
   componentDidMount() {
@@ -146,6 +145,6 @@ let Options = (_dec = withStyle(generateStyles, generateComponentTheme), _dec2 =
   elementRef: () => {},
   renderLabel: null,
   children: null
-}, _class2.Item = Item, _class2.Separator = Separator, _temp)) || _class) || _class);
+}, _class2.Item = Item, _class2.Separator = Separator, _temp)) || _class) || _class) || _class);
 export default Options;
 export { Options };

package/lib/Options/index.js

@@ -15,8 +15,6 @@ var _uiReactUtils = require("@instructure/ui-react-utils");
 
 var _uiTestable = require("@instructure/ui-testable");
 
-var _uid = require("@instructure/uid");
-
 var _uiView = require("@instructure/ui-view");
 
 var _emotion = require("@instructure/emotion");
@@ -31,7 +29,7 @@ var _Separator = require("./Separator");
 
 var _props = require("./props");
 
-var _dec, _dec2, _class, _class2, _temp;
+var _dec, _dec2, _dec3, _class, _class2, _temp;
 
 /**
 ---
@@ -39,7 +37,7 @@ category: components
 ---
 @tsProps
 **/
-let Options = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _uiTestable.testable)(), _dec(_class = _dec2(_class = (_temp = _class2 = class Options extends _react.Component {
+let Options = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _uiTestable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_temp = _class2 = class Options extends _react.Component {
   constructor() {
     super(...arguments);
     this.ref = null;
@@ -48,7 +46,7 @@ let Options = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
       this.ref = el;
     };
 
-    this._labelId = (0, _uid.uid)('Options-label');
+    this._labelId = this.props.deterministicId('Options-label');
   }
 
   componentDidMount() {
@@ -143,7 +141,7 @@ let Options = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
   elementRef: () => {},
   renderLabel: null,
   children: null
-}, _class2.Item = _Item.Item, _class2.Separator = _Separator.Separator, _temp)) || _class) || _class);
+}, _class2.Item = _Item.Item, _class2.Separator = _Separator.Separator, _temp)) || _class) || _class) || _class);
 exports.Options = Options;
 var _default = Options;
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-options",
-  "version": "8.16.1-snapshot.2+25359e770",
+  "version": "8.17.1-snapshot.14+f0b03679c",
   "description": "A view-only component for composing interactive lists and menus.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,22 +23,21 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.16.1-snapshot.2+25359e770",
-    "@instructure/ui-color-utils": "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-themes": "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-test-locator": "8.17.1-snapshot.14+f0b03679c",
+    "@instructure/ui-test-utils": "8.17.1-snapshot.14+f0b03679c",
+    "@instructure/ui-themes": "8.17.1-snapshot.14+f0b03679c"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/emotion": "8.16.1-snapshot.2+25359e770",
-    "@instructure/shared-types": "8.16.1-snapshot.2+25359e770",
-    "@instructure/ui-icons": "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-testable": "8.16.1-snapshot.2+25359e770",
-    "@instructure/ui-view": "8.16.1-snapshot.2+25359e770",
-    "@instructure/uid": "8.16.1-snapshot.2+25359e770",
+    "@instructure/emotion": "8.17.1-snapshot.14+f0b03679c",
+    "@instructure/shared-types": "8.17.1-snapshot.14+f0b03679c",
+    "@instructure/ui-icons": "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-testable": "8.17.1-snapshot.14+f0b03679c",
+    "@instructure/ui-view": "8.17.1-snapshot.14+f0b03679c",
     "prop-types": "^15"
   },
   "peerDependencies": {
@@ -48,5 +47,5 @@
     "access": "public"
   },
   "sideEffects": false,
-  "gitHead": "25359e77043270cf26e92b14f396b498f1540c62"
+  "gitHead": "f0b03679c4c4d05d4d650d22646ac1dc6791e935"
 }

package/src/Options/index.tsx

@@ -29,10 +29,10 @@ import {
   omitProps,
   matchComponentTypes,
   callRenderProp,
-  safeCloneElement
+  safeCloneElement,
+  withDeterministicId
 } from '@instructure/ui-react-utils'
 import { testable } from '@instructure/ui-testable'
-import { uid } from '@instructure/uid'
 
 import { View } from '@instructure/ui-view'
 
@@ -60,6 +60,7 @@ category: components
 ---
 @tsProps
 **/
+@withDeterministicId()
 @withStyle(generateStyles, generateComponentTheme)
 @testable()
 class Options extends Component<OptionsProps> {
@@ -92,8 +93,7 @@ class Options extends Component<OptionsProps> {
   componentDidUpdate() {
     this.props.makeStyles?.()
   }
-
-  _labelId = uid('Options-label')
+  _labelId = this.props.deterministicId!('Options-label')
 
   get childAs() {
     const { as } = this.props

package/src/Options/props.ts

@@ -33,6 +33,7 @@ import type {
   OtherHTMLAttributes
 } from '@instructure/shared-types'
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
+import type { WithDeterministicIdProps } from '@instructure/ui-react-utils'
 
 type OptionsOwnProps = {
   /**
@@ -62,7 +63,7 @@ type AllowedPropKeys = Readonly<Array<PropKeys>>
 
 type OptionsProps = OptionsOwnProps &
   WithStyleProps<OptionsTheme, OptionsStyle> &
-  OtherHTMLAttributes<OptionsOwnProps>
+  OtherHTMLAttributes<OptionsOwnProps> & WithDeterministicIdProps
 
 type OptionsStyle = ComponentStyle<'options' | 'list' | 'label'>