@instructure/ui-range-input 8.10.1 → 8.10.3-snapshot.12

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.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
+
 ## [8.10.1](https://github.com/instructure/instructure-ui/compare/v8.10.0...v8.10.1) (2021-10-01)
 
 **Note:** Version bump only for package @instructure/ui-range-input

package/LICENSE.md

@@ -0,0 +1,27 @@
+---
+title: The MIT License (MIT)
+category: Getting Started
+order: 9
+---
+
+# The MIT License (MIT)
+
+Copyright (c) 2015 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.

package/es/RangeInput/index.js

@@ -45,6 +45,7 @@ category: components
 let RangeInput = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_temp = _class2 = class RangeInput extends Component {
   constructor(props) {
     super();
+    this.ref = null;
     this._input = null;
     this._inputListener = null;
     this._changeListener = null;
@@ -147,7 +148,10 @@ let RangeInput = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2
     /* eslint-disable jsx-a11y/no-redundant-roles */
 
     return jsx(FormField, Object.assign({}, pickProps(this.props, FormField.allowedProps), {
-      id: this.id
+      id: this.id,
+      elementRef: el => {
+        this.ref = el;
+      }
     }), 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

@@ -41,6 +41,7 @@ category: components
 let RangeInput = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_temp = _class2 = class RangeInput extends _react.Component {
   constructor(props) {
     super();
+    this.ref = null;
     this._input = null;
     this._inputListener = null;
     this._changeListener = null;
@@ -143,7 +144,10 @@ let RangeInput = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
     /* eslint-disable jsx-a11y/no-redundant-roles */
 
     return (0, _emotion.jsx)(_FormField.FormField, Object.assign({}, (0, _pickProps.pickProps)(this.props, _FormField.FormField.allowedProps), {
-      id: this.id
+      id: this.id,
+      elementRef: el => {
+        this.ref = el;
+      }
     }), (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.1",
+  "version": "8.10.3-snapshot.12+af470a237",
   "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.1",
-    "@instructure/emotion": "8.10.1",
-    "@instructure/shared-types": "8.10.1",
-    "@instructure/ui-color-utils": "8.10.1",
-    "@instructure/ui-dom-utils": "8.10.1",
-    "@instructure/ui-form-field": "8.10.1",
-    "@instructure/ui-i18n": "8.10.1",
-    "@instructure/ui-prop-types": "8.10.1",
-    "@instructure/ui-react-utils": "8.10.1",
-    "@instructure/ui-testable": "8.10.1",
-    "@instructure/ui-utils": "8.10.1",
-    "@instructure/ui-view": "8.10.1",
-    "@instructure/uid": "8.10.1",
+    "@instructure/console": "8.10.3-snapshot.12+af470a237",
+    "@instructure/emotion": "8.10.3-snapshot.12+af470a237",
+    "@instructure/shared-types": "8.10.3-snapshot.12+af470a237",
+    "@instructure/ui-color-utils": "8.10.3-snapshot.12+af470a237",
+    "@instructure/ui-dom-utils": "8.10.3-snapshot.12+af470a237",
+    "@instructure/ui-form-field": "8.10.3-snapshot.12+af470a237",
+    "@instructure/ui-i18n": "8.10.3-snapshot.12+af470a237",
+    "@instructure/ui-prop-types": "8.10.3-snapshot.12+af470a237",
+    "@instructure/ui-react-utils": "8.10.3-snapshot.12+af470a237",
+    "@instructure/ui-testable": "8.10.3-snapshot.12+af470a237",
+    "@instructure/ui-utils": "8.10.3-snapshot.12+af470a237",
+    "@instructure/ui-view": "8.10.3-snapshot.12+af470a237",
+    "@instructure/uid": "8.10.3-snapshot.12+af470a237",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.10.1",
-    "@instructure/ui-test-locator": "8.10.1",
-    "@instructure/ui-test-utils": "8.10.1",
-    "@instructure/ui-themes": "8.10.1"
+    "@instructure/ui-babel-preset": "8.10.3-snapshot.12+af470a237",
+    "@instructure/ui-test-locator": "8.10.3-snapshot.12+af470a237",
+    "@instructure/ui-test-utils": "8.10.3-snapshot.12+af470a237",
+    "@instructure/ui-themes": "8.10.3-snapshot.12+af470a237"
   },
   "peerDependencies": {
     "react": ">=16.8 <=17"
@@ -52,5 +52,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false
+  "sideEffects": false,
+  "gitHead": "af470a2374463c265ed1304870b7890fc8bb09a4"
 }

package/src/RangeInput/index.tsx

@@ -65,6 +65,7 @@ class RangeInput extends Component<RangeInputProps> {
     readOnly: false
   }
 
+  ref: Element | null = null
   _input: HTMLInputElement | null = null
   _inputListener: { remove(): void } | null = null
   _changeListener: { remove(): void } | null = null
@@ -183,6 +184,9 @@ class RangeInput extends Component<RangeInputProps> {
       <FormField
         {...pickProps(this.props, FormField.allowedProps)}
         id={this.id}
+        elementRef={(el) => {
+          this.ref = el
+        }}
       >
         <div css={this.props.styles?.rangeInput}>
           <input