@instructure/ui-number-input 8.16.1-snapshot.3 → 8.17.1-snapshot.16

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-number-input

package/es/NumberInput/index.js

@@ -1,4 +1,4 @@
-var _dec, _dec2, _class, _class2, _temp, _IconArrowOpenUpLine, _IconArrowOpenDownLin;
+var _dec, _dec2, _dec3, _class, _class2, _temp, _IconArrowOpenUpLine, _IconArrowOpenDownLin;
 
 /*
  * The MIT License (MIT)
@@ -29,9 +29,8 @@ import React, { Component } from 'react';
 import keycode from 'keycode';
 import { FormField } from '@instructure/ui-form-field';
 import { IconArrowOpenDownLine, IconArrowOpenUpLine } from '@instructure/ui-icons';
-import { uid } from '@instructure/uid';
 import { testable } from '@instructure/ui-testable';
-import { omitProps, pickProps, callRenderProp, getInteraction } from '@instructure/ui-react-utils';
+import { omitProps, pickProps, callRenderProp, getInteraction, withDeterministicId } from '@instructure/ui-react-utils';
 import { withStyle, jsx } from '@instructure/emotion';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
@@ -44,7 +43,7 @@ id: NumberInput
 ---
 @tsProps
 **/
-let NumberInput = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_temp = _class2 = class NumberInput extends Component {
+let NumberInput = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, generateComponentTheme), _dec3 = testable(), _dec(_class = _dec2(_class = _dec3(_class = (_temp = _class2 = class NumberInput extends Component {
   constructor() {
     super(...arguments);
     this.state = {
@@ -132,7 +131,7 @@ let NumberInput = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
     }
 
     if (!this._id) {
-      this._id = uid('NumberInput');
+      this._id = this.props.deterministicId();
     }
 
     return this._id;
@@ -256,6 +255,6 @@ let NumberInput = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
   display: 'block',
   textAlign: 'start',
   inputMode: 'numeric'
-}, _temp)) || _class) || _class);
+}, _temp)) || _class) || _class) || _class);
 export default NumberInput;
 export { NumberInput };

package/lib/NumberInput/index.js

@@ -19,8 +19,6 @@ var _IconArrowOpenDownLine = require("@instructure/ui-icons/lib/IconArrowOpenDow
 
 var _IconArrowOpenUpLine2 = require("@instructure/ui-icons/lib/IconArrowOpenUpLine.js");
 
-var _uid = require("@instructure/uid");
-
 var _testable = require("@instructure/ui-testable/lib/testable.js");
 
 var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
@@ -31,6 +29,8 @@ 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 _emotion = require("@instructure/emotion");
 
 var _styles = _interopRequireDefault(require("./styles"));
@@ -39,7 +39,7 @@ var _theme = _interopRequireDefault(require("./theme"));
 
 var _props = require("./props");
 
-var _dec, _dec2, _class, _class2, _temp, _IconArrowOpenUpLine, _IconArrowOpenDownLin;
+var _dec, _dec2, _dec3, _class, _class2, _temp, _IconArrowOpenUpLine, _IconArrowOpenDownLin;
 
 /**
 ---
@@ -48,7 +48,7 @@ id: NumberInput
 ---
 @tsProps
 **/
-let NumberInput = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_temp = _class2 = class NumberInput extends _react.Component {
+let NumberInput = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_temp = _class2 = class NumberInput extends _react.Component {
   constructor() {
     super(...arguments);
     this.state = {
@@ -136,7 +136,7 @@ let NumberInput = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
     }
 
     if (!this._id) {
-      this._id = (0, _uid.uid)('NumberInput');
+      this._id = this.props.deterministicId();
     }
 
     return this._id;
@@ -260,7 +260,7 @@ let NumberInput = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
   display: 'block',
   textAlign: 'start',
   inputMode: 'numeric'
-}, _temp)) || _class) || _class);
+}, _temp)) || _class) || _class) || _class);
 exports.NumberInput = NumberInput;
 var _default = NumberInput;
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-number-input",
-  "version": "8.16.1-snapshot.3+4935fa840",
+  "version": "8.17.1-snapshot.16+274440f27",
   "description": "A UI component library made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "homepage": "https://instructure.github.io/instructure-ui/",
@@ -23,21 +23,21 @@
     "ts:check": "tsc -p tsconfig.build.json --noEmit --emitDeclarationOnly false"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.16.1-snapshot.3+4935fa840",
-    "@instructure/ui-test-locator": "8.16.1-snapshot.3+4935fa840",
-    "@instructure/ui-test-utils": "8.16.1-snapshot.3+4935fa840",
-    "@instructure/ui-themes": "8.16.1-snapshot.3+4935fa840"
+    "@instructure/ui-babel-preset": "8.17.1-snapshot.16+274440f27",
+    "@instructure/ui-test-locator": "8.17.1-snapshot.16+274440f27",
+    "@instructure/ui-test-utils": "8.17.1-snapshot.16+274440f27",
+    "@instructure/ui-themes": "8.17.1-snapshot.16+274440f27"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/emotion": "8.16.1-snapshot.3+4935fa840",
-    "@instructure/shared-types": "8.16.1-snapshot.3+4935fa840",
-    "@instructure/ui-form-field": "8.16.1-snapshot.3+4935fa840",
-    "@instructure/ui-icons": "8.16.1-snapshot.3+4935fa840",
-    "@instructure/ui-react-utils": "8.16.1-snapshot.3+4935fa840",
-    "@instructure/ui-testable": "8.16.1-snapshot.3+4935fa840",
-    "@instructure/ui-utils": "8.16.1-snapshot.3+4935fa840",
-    "@instructure/uid": "8.16.1-snapshot.3+4935fa840",
+    "@instructure/emotion": "8.17.1-snapshot.16+274440f27",
+    "@instructure/shared-types": "8.17.1-snapshot.16+274440f27",
+    "@instructure/ui-form-field": "8.17.1-snapshot.16+274440f27",
+    "@instructure/ui-icons": "8.17.1-snapshot.16+274440f27",
+    "@instructure/ui-react-utils": "8.17.1-snapshot.16+274440f27",
+    "@instructure/ui-testable": "8.17.1-snapshot.16+274440f27",
+    "@instructure/ui-utils": "8.17.1-snapshot.16+274440f27",
+    "@instructure/uid": "8.17.1-snapshot.16+274440f27",
     "keycode": "^2",
     "prop-types": "^15"
   },
@@ -48,5 +48,5 @@
     "access": "public"
   },
   "sideEffects": false,
-  "gitHead": "4935fa840983f4e6f8333d450e2dc965f8c08dbc"
+  "gitHead": "274440f2739f438237b6fb67919545e2d4e04d59"
 }

package/src/NumberInput/index.tsx

@@ -31,13 +31,13 @@ import {
   IconArrowOpenDownLine,
   IconArrowOpenUpLine
 } from '@instructure/ui-icons'
-import { uid } from '@instructure/uid'
 import { testable } from '@instructure/ui-testable'
 import {
   omitProps,
   pickProps,
   callRenderProp,
-  getInteraction
+  getInteraction,
+  withDeterministicId
 } from '@instructure/ui-react-utils'
 
 import { withStyle, jsx } from '@instructure/emotion'
@@ -59,6 +59,7 @@ id: NumberInput
 ---
 @tsProps
 **/
+@withDeterministicId()
 @withStyle(generateStyle, generateComponentTheme)
 @testable()
 class NumberInput extends Component<NumberInputProps, NumberInputState> {
@@ -93,7 +94,7 @@ class NumberInput extends Component<NumberInputProps, NumberInputState> {
       return this.props.id
     }
     if (!this._id) {
-      this._id = uid('NumberInput')
+      this._id = this.props.deterministicId!()
     }
     return this._id
   }

package/src/NumberInput/props.ts

@@ -37,6 +37,7 @@ import type {
 import type { InteractionType } from '@instructure/ui-react-utils'
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
 import type { FormFieldOwnProps, FormMessage } from '@instructure/ui-form-field'
+import type { WithDeterministicIdProps } from '@instructure/ui-react-utils'
 
 type NumberInputOwnProps = {
   /**
@@ -178,12 +179,13 @@ type NumberInputProps =
     FormFieldOwnProps,
     'label' | 'inline' | 'id' | 'elementRef'
   > &
-    NumberInputOwnProps &
-    WithStyleProps<NumberInputTheme, NumberInputStyle> &
-    OtherHTMLAttributes<
-      NumberInputOwnProps,
-      InputHTMLAttributes<NumberInputOwnProps>
-    >
+  NumberInputOwnProps &
+  WithStyleProps<NumberInputTheme, NumberInputStyle> &
+  OtherHTMLAttributes<
+    NumberInputOwnProps,
+    InputHTMLAttributes<NumberInputOwnProps>
+  >
+  & WithDeterministicIdProps
 
 type NumberInputStyle = ComponentStyle<
   | 'numberInput'