@instructure/ui-range-input 8.10.3-snapshot.3 → 8.11.1-snapshot.0

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.11.0](https://github.com/instructure/instructure-ui/compare/v8.10.2...v8.11.0) (2021-10-15)
+
+**Note:** Version bump only for package @instructure/ui-range-input
+
 ## [8.10.2](https://github.com/instructure/instructure-ui/compare/v8.10.1...v8.10.2) (2021-10-01)
 
 **Note:** Version bump only for package @instructure/ui-range-input

package/es/RangeInput/index.js

@@ -50,6 +50,10 @@ let RangeInput = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2
     this._inputListener = null;
     this._changeListener = null;
 
+    this.handleRef = el => {
+      this.ref = el;
+    };
+
     this.handleChange = event => {
       const _this$props = this.props,
             onChange = _this$props.onChange,
@@ -149,9 +153,7 @@ let RangeInput = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2
 
     return jsx(FormField, Object.assign({}, pickProps(this.props, FormField.allowedProps), {
       id: this.id,
-      elementRef: el => {
-        this.ref = el;
-      }
+      elementRef: this.handleRef
     }), jsx("div", {
       css: (_this$props$styles2 = this.props.styles) === null || _this$props$styles2 === void 0 ? void 0 : _this$props$styles2.rangeInput
     }, jsx("input", Object.assign({

package/lib/RangeInput/index.js

@@ -46,6 +46,10 @@ let RangeInput = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
     this._inputListener = null;
     this._changeListener = null;
 
+    this.handleRef = el => {
+      this.ref = el;
+    };
+
     this.handleChange = event => {
       const _this$props = this.props,
             onChange = _this$props.onChange,
@@ -145,9 +149,7 @@ let RangeInput = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
 
     return (0, _emotion.jsx)(_FormField.FormField, Object.assign({}, (0, _pickProps.pickProps)(this.props, _FormField.FormField.allowedProps), {
       id: this.id,
-      elementRef: el => {
-        this.ref = el;
-      }
+      elementRef: this.handleRef
     }), (0, _emotion.jsx)("div", {
       css: (_this$props$styles2 = this.props.styles) === null || _this$props$styles2 === void 0 ? void 0 : _this$props$styles2.rangeInput
     }, (0, _emotion.jsx)("input", Object.assign({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-range-input",
-  "version": "8.10.3-snapshot.3+2ee813492",
+  "version": "8.11.1-snapshot.0+8536a1c9b",
   "description": "A styled HTML range input",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -25,26 +25,26 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.10.3-snapshot.3+2ee813492",
-    "@instructure/emotion": "8.10.3-snapshot.3+2ee813492",
-    "@instructure/shared-types": "8.10.3-snapshot.3+2ee813492",
-    "@instructure/ui-color-utils": "8.10.3-snapshot.3+2ee813492",
-    "@instructure/ui-dom-utils": "8.10.3-snapshot.3+2ee813492",
-    "@instructure/ui-form-field": "8.10.3-snapshot.3+2ee813492",
-    "@instructure/ui-i18n": "8.10.3-snapshot.3+2ee813492",
-    "@instructure/ui-prop-types": "8.10.3-snapshot.3+2ee813492",
-    "@instructure/ui-react-utils": "8.10.3-snapshot.3+2ee813492",
-    "@instructure/ui-testable": "8.10.3-snapshot.3+2ee813492",
-    "@instructure/ui-utils": "8.10.3-snapshot.3+2ee813492",
-    "@instructure/ui-view": "8.10.3-snapshot.3+2ee813492",
-    "@instructure/uid": "8.10.3-snapshot.3+2ee813492",
+    "@instructure/console": "8.11.1-snapshot.0+8536a1c9b",
+    "@instructure/emotion": "8.11.1-snapshot.0+8536a1c9b",
+    "@instructure/shared-types": "8.11.1-snapshot.0+8536a1c9b",
+    "@instructure/ui-color-utils": "8.11.1-snapshot.0+8536a1c9b",
+    "@instructure/ui-dom-utils": "8.11.1-snapshot.0+8536a1c9b",
+    "@instructure/ui-form-field": "8.11.1-snapshot.0+8536a1c9b",
+    "@instructure/ui-i18n": "8.11.1-snapshot.0+8536a1c9b",
+    "@instructure/ui-prop-types": "8.11.1-snapshot.0+8536a1c9b",
+    "@instructure/ui-react-utils": "8.11.1-snapshot.0+8536a1c9b",
+    "@instructure/ui-testable": "8.11.1-snapshot.0+8536a1c9b",
+    "@instructure/ui-utils": "8.11.1-snapshot.0+8536a1c9b",
+    "@instructure/ui-view": "8.11.1-snapshot.0+8536a1c9b",
+    "@instructure/uid": "8.11.1-snapshot.0+8536a1c9b",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.10.3-snapshot.3+2ee813492",
-    "@instructure/ui-test-locator": "8.10.3-snapshot.3+2ee813492",
-    "@instructure/ui-test-utils": "8.10.3-snapshot.3+2ee813492",
-    "@instructure/ui-themes": "8.10.3-snapshot.3+2ee813492"
+    "@instructure/ui-babel-preset": "8.11.1-snapshot.0+8536a1c9b",
+    "@instructure/ui-test-locator": "8.11.1-snapshot.0+8536a1c9b",
+    "@instructure/ui-test-utils": "8.11.1-snapshot.0+8536a1c9b",
+    "@instructure/ui-themes": "8.11.1-snapshot.0+8536a1c9b"
   },
   "peerDependencies": {
     "react": ">=16.8 <=17"
@@ -53,5 +53,5 @@
     "access": "public"
   },
   "sideEffects": false,
-  "gitHead": "2ee8134925b02efbc5d39662a8b1edb2c83a420d"
+  "gitHead": "8536a1c9badcd8c1d2ce55dfb462d1899e3ca500"
 }

package/src/RangeInput/index.tsx

@@ -70,6 +70,10 @@ class RangeInput extends Component<RangeInputProps> {
   _inputListener: { remove(): void } | null = null
   _changeListener: { remove(): void } | null = null
 
+  handleRef = (el: Element | null) => {
+    this.ref = el
+  }
+
   // @ts-expect-error ts-migrate(7006) FIXME: Parameter 'props' implicitly has an 'any' type.
   constructor(props) {
     // @ts-expect-error ts-migrate(2554) FIXME: Expected 1-2 arguments, but got 0.
@@ -184,9 +188,7 @@ class RangeInput extends Component<RangeInputProps> {
       <FormField
         {...pickProps(this.props, FormField.allowedProps)}
         id={this.id}
-        elementRef={(el) => {
-          this.ref = el
-        }}
+        elementRef={this.handleRef}
       >
         <div css={this.props.styles?.rangeInput}>
           <input

package/src/RangeInput/props.ts

@@ -26,9 +26,14 @@ import PropTypes from 'prop-types'
 import { controllable } from '@instructure/ui-prop-types'
 import { FormPropTypes } from '@instructure/ui-form-field'
 
-import type { PropValidators, RangeInputTheme } from '@instructure/shared-types'
+import type {
+  OtherHTMLAttributes,
+  PropValidators,
+  RangeInputTheme
+} from '@instructure/shared-types'
 import type { FormMessage } from '@instructure/ui-form-field'
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
+import { InputHTMLAttributes } from 'react'
 
 type RangeInputOwnProps = {
   min: number
@@ -54,7 +59,11 @@ type PropKeys = keyof RangeInputOwnProps
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
 type RangeInputProps = RangeInputOwnProps &
-  WithStyleProps<RangeInputTheme, RangeInputStyle>
+  WithStyleProps<RangeInputTheme, RangeInputStyle> &
+  OtherHTMLAttributes<
+    RangeInputOwnProps,
+    InputHTMLAttributes<RangeInputOwnProps>
+  >
 
 type RangeInputStyle = ComponentStyle<
   'rangeInput' | 'rangeInputInput' | 'rangeInputInputValue'

package/types/RangeInput/index.d.ts

@@ -65,6 +65,7 @@ declare class RangeInput extends Component<RangeInputProps> {
     _changeListener: {
         remove(): void;
     } | null;
+    handleRef: (el: Element | null) => void;
     constructor(props: any);
     componentDidMount(): void;
     componentWillUnmount(): void;

package/types/RangeInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/RangeInput/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG9C;;;;GAIG;AACH,cAEM,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IACjD,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;;;;;MAYlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAC1B,MAAM,EAAE,gBAAgB,GAAG,IAAI,CAAO;IACtC,cAAc,EAAE;QAAE,MAAM,IAAI,IAAI,CAAA;KAAE,GAAG,IAAI,CAAO;IAChD,eAAe,EAAE;QAAE,MAAM,IAAI,IAAI,CAAA;KAAE,GAAG,IAAI,CAAO;gBAGrC,KAAK,KAAA;IAejB,iBAAiB;IAkBjB,oBAAoB;IAWpB,kBAAkB;IAKlB,YAAY,uBAUX;IAGD,UAAU,aAAW;IAErB,IAAI,KAAK,QAKR;IAED,IAAI,OAAO,wBAOV;IAED,IAAI,EAAE,QAGL;IAGD,WAAW;IAgBX,MAAM;CA4CP;AAED,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/RangeInput/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG9C;;;;GAIG;AACH,cAEM,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IACjD,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;;;;;MAYlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAC1B,MAAM,EAAE,gBAAgB,GAAG,IAAI,CAAO;IACtC,cAAc,EAAE;QAAE,MAAM,IAAI,IAAI,CAAA;KAAE,GAAG,IAAI,CAAO;IAChD,eAAe,EAAE;QAAE,MAAM,IAAI,IAAI,CAAA;KAAE,GAAG,IAAI,CAAO;IAEjD,SAAS,OAAQ,OAAO,GAAG,IAAI,UAE9B;gBAGW,KAAK,KAAA;IAejB,iBAAiB;IAkBjB,oBAAoB;IAWpB,kBAAkB;IAKlB,YAAY,uBAUX;IAGD,UAAU,aAAW;IAErB,IAAI,KAAK,QAKR;IAED,IAAI,OAAO,wBAOV;IAED,IAAI,EAAE,QAGL;IAGD,WAAW;IAgBX,MAAM;CA0CP;AAED,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/types/RangeInput/props.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import type { PropValidators, RangeInputTheme } from '@instructure/shared-types';
+import type { OtherHTMLAttributes, PropValidators, RangeInputTheme } from '@instructure/shared-types';
 import type { FormMessage } from '@instructure/ui-form-field';
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
+import { InputHTMLAttributes } from 'react';
 declare type RangeInputOwnProps = {
     min: number;
     max: number;
@@ -22,7 +22,7 @@ declare type RangeInputOwnProps = {
 };
 declare type PropKeys = keyof RangeInputOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
-declare type RangeInputProps = RangeInputOwnProps & WithStyleProps<RangeInputTheme, RangeInputStyle>;
+declare type RangeInputProps = RangeInputOwnProps & WithStyleProps<RangeInputTheme, RangeInputStyle> & OtherHTMLAttributes<RangeInputOwnProps, InputHTMLAttributes<RangeInputOwnProps>>;
 declare type RangeInputStyle = ComponentStyle<'rangeInput' | 'rangeInputInput' | 'rangeInputInputValue'>;
 declare const propTypes: PropValidators<PropKeys>;
 declare const allowedProps: AllowedPropKeys;

package/types/RangeInput/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/RangeInput/props.ts"],"names":[],"mappings":";AA4BA,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAChF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,kBAAkB,GAAG;IACxB,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAClC,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACrC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,kBAAkB,CAAA;AAExC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,eAAe,GAAG,kBAAkB,GACvC,cAAc,CAAC,eAAe,EAAE,eAAe,CAAC,CAAA;AAElD,aAAK,eAAe,GAAG,cAAc,CACnC,YAAY,GAAG,iBAAiB,GAAG,sBAAsB,CAC1D,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAmCvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAiBnB,CAAA;AAED,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/RangeInput/props.ts"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACd,eAAe,EAChB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAA;AAE3C,aAAK,kBAAkB,GAAG;IACxB,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAClC,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACrC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,kBAAkB,CAAA;AAExC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,eAAe,GAAG,kBAAkB,GACvC,cAAc,CAAC,eAAe,EAAE,eAAe,CAAC,GAChD,mBAAmB,CACjB,kBAAkB,EAClB,mBAAmB,CAAC,kBAAkB,CAAC,CACxC,CAAA;AAEH,aAAK,eAAe,GAAG,cAAc,CACnC,YAAY,GAAG,iBAAiB,GAAG,sBAAsB,CAC1D,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAmCvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAiBnB,CAAA;AAED,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}