@instructure/ui-number-input 8.25.1-snapshot-1 → 8.25.1-snapshot-10

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [8.25.1-snapshot-1](https://github.com/instructure/instructure-ui/compare/v8.25.0...v8.25.1-snapshot-1) (2022-06-10)
+## [8.25.1-snapshot-10](https://github.com/instructure/instructure-ui/compare/v8.25.0...v8.25.1-snapshot-10) (2022-06-20)
 
 **Note:** Version bump only for package @instructure/ui-number-input
 

package/es/NumberInput/index.js

@@ -1,4 +1,4 @@
-var _dec, _dec2, _dec3, _class, _class2, _IconArrowOpenUpLine, _IconArrowOpenDownLin;
+var _dec, _dec2, _dec3, _class, _IconArrowOpenUpLine, _IconArrowOpenDownLin;
 
 /*
  * The MIT License (MIT)
@@ -43,87 +43,31 @@ id: NumberInput
 ---
 @tsProps
 **/
-let NumberInput = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, generateComponentTheme), _dec3 = testable(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class NumberInput extends Component {
-  constructor() {
-    super(...arguments);
-    this.state = {
-      hasFocus: false
-    };
-    this.ref = null;
-    this._input = null;
-    this._id = void 0;
-
-    this.handleRef = el => {
-      this.ref = el;
-    };
-
-    this.handleInputRef = element => {
-      this._input = element;
-
-      if (typeof this.props.inputRef === 'function') {
-        this.props.inputRef(element);
-      }
-    };
-
-    this.handleFocus = event => {
-      this.setState({
-        hasFocus: true
-      });
-
-      if (typeof this.props.onFocus === 'function') {
-        this.props.onFocus(event);
-      }
-    };
-
-    this.handleBlur = event => {
-      this.setState({
-        hasFocus: false
-      });
-
-      if (typeof this.props.onBlur === 'function') {
-        this.props.onBlur(event);
-      }
-    };
-
-    this.handleChange = event => {
-      if (typeof this.props.onChange === 'function') {
-        this.props.onChange(event, event.target.value);
-      }
-    };
-
-    this.handleKeyDown = event => {
-      const _this$props = this.props,
-            onKeyDown = _this$props.onKeyDown,
-            onDecrement = _this$props.onDecrement,
-            onIncrement = _this$props.onIncrement;
-
-      if (typeof onKeyDown === 'function') {
-        onKeyDown(event);
-      }
-
-      if (event.keyCode === keycode.codes.down) {
-        event.preventDefault();
-
-        if (typeof onDecrement === 'function') {
-          onDecrement(event);
-        }
-      } else if (event.keyCode === keycode.codes.up) {
-        event.preventDefault();
-
-        if (typeof onIncrement === 'function') {
-          onIncrement(event);
-        }
-      }
-    };
-
-    this.handleClickUpArrow = event => {
-      this.arrowClicked(event, this.props.onIncrement);
-    };
-
-    this.handleClickDownArrow = event => {
-      this.arrowClicked(event, this.props.onDecrement);
-    };
-  }
+let NumberInput = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, generateComponentTheme), _dec3 = testable(), _dec(_class = _dec2(_class = _dec3(_class = class NumberInput extends Component {
+  static displayName = "NumberInput";
+  static componentId = 'NumberInput';
+  static allowedProps = allowedProps;
+  static propTypes = propTypes;
+  static defaultProps = {
+    // Leave interaction default undefined so that `disabled` and `readOnly` can also be supplied
+    interaction: void 0,
+    messages: [],
+    isRequired: false,
+    showArrows: true,
+    size: 'medium',
+    display: 'block',
+    textAlign: 'start',
+    inputMode: 'numeric'
+  };
+  state = {
+    hasFocus: false
+  };
+  ref = null;
+  _input = null;
+  _id;
+  handleRef = el => {
+    this.ref = el;
+  };
 
   get id() {
     if (this.props.id) {
@@ -148,15 +92,15 @@ let NumberInput = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle
   }
 
   componentDidMount() {
-    var _this$props$makeStyle, _this$props2;
+    var _this$props$makeStyle, _this$props;
 
-    (_this$props$makeStyle = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props2, this.makeStyleVariables);
+    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props, this.makeStyleVariables);
   }
 
   componentDidUpdate() {
-    var _this$props$makeStyle2, _this$props3;
+    var _this$props$makeStyle2, _this$props2;
 
-    (_this$props$makeStyle2 = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props3, this.makeStyleVariables);
+    (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2, this.makeStyleVariables);
   }
 
   get makeStyleVariables() {
@@ -167,6 +111,67 @@ let NumberInput = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle
     };
   }
 
+  handleInputRef = element => {
+    this._input = element;
+
+    if (typeof this.props.inputRef === 'function') {
+      this.props.inputRef(element);
+    }
+  };
+  handleFocus = event => {
+    this.setState({
+      hasFocus: true
+    });
+
+    if (typeof this.props.onFocus === 'function') {
+      this.props.onFocus(event);
+    }
+  };
+  handleBlur = event => {
+    this.setState({
+      hasFocus: false
+    });
+
+    if (typeof this.props.onBlur === 'function') {
+      this.props.onBlur(event);
+    }
+  };
+  handleChange = event => {
+    if (typeof this.props.onChange === 'function') {
+      this.props.onChange(event, event.target.value);
+    }
+  };
+  handleKeyDown = event => {
+    const _this$props3 = this.props,
+          onKeyDown = _this$props3.onKeyDown,
+          onDecrement = _this$props3.onDecrement,
+          onIncrement = _this$props3.onIncrement;
+
+    if (typeof onKeyDown === 'function') {
+      onKeyDown(event);
+    }
+
+    if (event.keyCode === keycode.codes.down) {
+      event.preventDefault();
+
+      if (typeof onDecrement === 'function') {
+        onDecrement(event);
+      }
+    } else if (event.keyCode === keycode.codes.up) {
+      event.preventDefault();
+
+      if (typeof onIncrement === 'function') {
+        onIncrement(event);
+      }
+    }
+  };
+  handleClickUpArrow = event => {
+    this.arrowClicked(event, this.props.onIncrement);
+  };
+  handleClickDownArrow = event => {
+    this.arrowClicked(event, this.props.onDecrement);
+  };
+
   arrowClicked(event, callback) {
     const interaction = this.interaction;
     event.preventDefault();
@@ -245,16 +250,6 @@ let NumberInput = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle
     })), showArrows ? this.renderArrows() : null)));
   }
 
-}, _class2.displayName = "NumberInput", _class2.componentId = 'NumberInput', _class2.allowedProps = allowedProps, _class2.propTypes = propTypes, _class2.defaultProps = {
-  // Leave interaction default undefined so that `disabled` and `readOnly` can also be supplied
-  interaction: void 0,
-  messages: [],
-  isRequired: false,
-  showArrows: true,
-  size: 'medium',
-  display: 'block',
-  textAlign: 'start',
-  inputMode: 'numeric'
-}, _class2)) || _class) || _class) || _class);
+}) || _class) || _class) || _class);
 export default NumberInput;
 export { NumberInput };

package/lib/NumberInput/index.js

@@ -39,7 +39,7 @@ var _theme = _interopRequireDefault(require("./theme"));
 
 var _props = require("./props");
 
-var _dec, _dec2, _dec3, _class, _class2, _IconArrowOpenUpLine, _IconArrowOpenDownLin;
+var _dec, _dec2, _dec3, _class, _IconArrowOpenUpLine, _IconArrowOpenDownLin;
 
 /**
 ---
@@ -48,87 +48,31 @@ id: NumberInput
 ---
 @tsProps
 **/
-let NumberInput = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class NumberInput extends _react.Component {
-  constructor() {
-    super(...arguments);
-    this.state = {
-      hasFocus: false
-    };
-    this.ref = null;
-    this._input = null;
-    this._id = void 0;
-
-    this.handleRef = el => {
-      this.ref = el;
-    };
-
-    this.handleInputRef = element => {
-      this._input = element;
-
-      if (typeof this.props.inputRef === 'function') {
-        this.props.inputRef(element);
-      }
-    };
-
-    this.handleFocus = event => {
-      this.setState({
-        hasFocus: true
-      });
-
-      if (typeof this.props.onFocus === 'function') {
-        this.props.onFocus(event);
-      }
-    };
-
-    this.handleBlur = event => {
-      this.setState({
-        hasFocus: false
-      });
-
-      if (typeof this.props.onBlur === 'function') {
-        this.props.onBlur(event);
-      }
-    };
-
-    this.handleChange = event => {
-      if (typeof this.props.onChange === 'function') {
-        this.props.onChange(event, event.target.value);
-      }
-    };
-
-    this.handleKeyDown = event => {
-      const _this$props = this.props,
-            onKeyDown = _this$props.onKeyDown,
-            onDecrement = _this$props.onDecrement,
-            onIncrement = _this$props.onIncrement;
-
-      if (typeof onKeyDown === 'function') {
-        onKeyDown(event);
-      }
-
-      if (event.keyCode === _keycode.default.codes.down) {
-        event.preventDefault();
-
-        if (typeof onDecrement === 'function') {
-          onDecrement(event);
-        }
-      } else if (event.keyCode === _keycode.default.codes.up) {
-        event.preventDefault();
-
-        if (typeof onIncrement === 'function') {
-          onIncrement(event);
-        }
-      }
-    };
-
-    this.handleClickUpArrow = event => {
-      this.arrowClicked(event, this.props.onIncrement);
-    };
-
-    this.handleClickDownArrow = event => {
-      this.arrowClicked(event, this.props.onDecrement);
-    };
-  }
+let NumberInput = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = class NumberInput extends _react.Component {
+  static displayName = "NumberInput";
+  static componentId = 'NumberInput';
+  static allowedProps = _props.allowedProps;
+  static propTypes = _props.propTypes;
+  static defaultProps = {
+    // Leave interaction default undefined so that `disabled` and `readOnly` can also be supplied
+    interaction: void 0,
+    messages: [],
+    isRequired: false,
+    showArrows: true,
+    size: 'medium',
+    display: 'block',
+    textAlign: 'start',
+    inputMode: 'numeric'
+  };
+  state = {
+    hasFocus: false
+  };
+  ref = null;
+  _input = null;
+  _id;
+  handleRef = el => {
+    this.ref = el;
+  };
 
   get id() {
     if (this.props.id) {
@@ -153,15 +97,15 @@ let NumberInput = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2
   }
 
   componentDidMount() {
-    var _this$props$makeStyle, _this$props2;
+    var _this$props$makeStyle, _this$props;
 
-    (_this$props$makeStyle = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props2, this.makeStyleVariables);
+    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props, this.makeStyleVariables);
   }
 
   componentDidUpdate() {
-    var _this$props$makeStyle2, _this$props3;
+    var _this$props$makeStyle2, _this$props2;
 
-    (_this$props$makeStyle2 = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props3, this.makeStyleVariables);
+    (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2, this.makeStyleVariables);
   }
 
   get makeStyleVariables() {
@@ -172,6 +116,67 @@ let NumberInput = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2
     };
   }
 
+  handleInputRef = element => {
+    this._input = element;
+
+    if (typeof this.props.inputRef === 'function') {
+      this.props.inputRef(element);
+    }
+  };
+  handleFocus = event => {
+    this.setState({
+      hasFocus: true
+    });
+
+    if (typeof this.props.onFocus === 'function') {
+      this.props.onFocus(event);
+    }
+  };
+  handleBlur = event => {
+    this.setState({
+      hasFocus: false
+    });
+
+    if (typeof this.props.onBlur === 'function') {
+      this.props.onBlur(event);
+    }
+  };
+  handleChange = event => {
+    if (typeof this.props.onChange === 'function') {
+      this.props.onChange(event, event.target.value);
+    }
+  };
+  handleKeyDown = event => {
+    const _this$props3 = this.props,
+          onKeyDown = _this$props3.onKeyDown,
+          onDecrement = _this$props3.onDecrement,
+          onIncrement = _this$props3.onIncrement;
+
+    if (typeof onKeyDown === 'function') {
+      onKeyDown(event);
+    }
+
+    if (event.keyCode === _keycode.default.codes.down) {
+      event.preventDefault();
+
+      if (typeof onDecrement === 'function') {
+        onDecrement(event);
+      }
+    } else if (event.keyCode === _keycode.default.codes.up) {
+      event.preventDefault();
+
+      if (typeof onIncrement === 'function') {
+        onIncrement(event);
+      }
+    }
+  };
+  handleClickUpArrow = event => {
+    this.arrowClicked(event, this.props.onIncrement);
+  };
+  handleClickDownArrow = event => {
+    this.arrowClicked(event, this.props.onDecrement);
+  };
+
   arrowClicked(event, callback) {
     const interaction = this.interaction;
     event.preventDefault();
@@ -250,17 +255,7 @@ let NumberInput = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2
     })), showArrows ? this.renderArrows() : null)));
   }
 
-}, _class2.displayName = "NumberInput", _class2.componentId = 'NumberInput', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
-  // Leave interaction default undefined so that `disabled` and `readOnly` can also be supplied
-  interaction: void 0,
-  messages: [],
-  isRequired: false,
-  showArrows: true,
-  size: 'medium',
-  display: 'block',
-  textAlign: 'start',
-  inputMode: 'numeric'
-}, _class2)) || _class) || _class) || _class);
+}) || _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.25.1-snapshot-1",
+  "version": "8.25.1-snapshot-10",
   "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": "run -T tsc -p tsconfig.build.json --noEmit --emitDeclarationOnly false"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.25.1-snapshot-1",
-    "@instructure/ui-test-locator": "8.25.1-snapshot-1",
-    "@instructure/ui-test-utils": "8.25.1-snapshot-1",
-    "@instructure/ui-themes": "8.25.1-snapshot-1"
+    "@instructure/ui-babel-preset": "8.25.1-snapshot-10",
+    "@instructure/ui-test-locator": "8.25.1-snapshot-10",
+    "@instructure/ui-test-utils": "8.25.1-snapshot-10",
+    "@instructure/ui-themes": "8.25.1-snapshot-10"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/emotion": "8.25.1-snapshot-1",
-    "@instructure/shared-types": "8.25.1-snapshot-1",
-    "@instructure/ui-form-field": "8.25.1-snapshot-1",
-    "@instructure/ui-icons": "8.25.1-snapshot-1",
-    "@instructure/ui-react-utils": "8.25.1-snapshot-1",
-    "@instructure/ui-testable": "8.25.1-snapshot-1",
-    "@instructure/ui-utils": "8.25.1-snapshot-1",
-    "@instructure/uid": "8.25.1-snapshot-1",
+    "@instructure/emotion": "8.25.1-snapshot-10",
+    "@instructure/shared-types": "8.25.1-snapshot-10",
+    "@instructure/ui-form-field": "8.25.1-snapshot-10",
+    "@instructure/ui-icons": "8.25.1-snapshot-10",
+    "@instructure/ui-react-utils": "8.25.1-snapshot-10",
+    "@instructure/ui-testable": "8.25.1-snapshot-10",
+    "@instructure/ui-utils": "8.25.1-snapshot-10",
+    "@instructure/uid": "8.25.1-snapshot-10",
     "keycode": "^2",
     "prop-types": "^15"
   },