rsuite 4.10.6 → 4.10.7

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+<a name="4.10.7"></a>
+## [4.10.7](https://github.com/rsuite/rsuite/compare/v4.10.6...v4.10.7) (2022-01-28)
+
+
+### Bug Fixes
+
+* fix inputNumber uncontrolled ([#2331](https://github.com/rsuite/rsuite/issues/2331)) ([fe4a742](https://github.com/rsuite/rsuite/commit/fe4a742))
+
+
+
 <a name="4.10.6"></a>
 ## [4.10.6](https://github.com/rsuite/rsuite/compare/v4.10.5...v4.10.6) (2021-12-17)
 

package/dist/rsuite.js

@@ -8500,7 +8500,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _isNil2 = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _get2 = _interopRequireDefault(__webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _reactLifecyclesCompat = __webpack_require__(/*! react-lifecycles-compat */ \"./node_modules/react-lifecycles-compat/react-lifecycles-compat.es.js\");\n\nvar _domLib = __webpack_require__(/*! dom-lib */ \"./node_modules/dom-lib/es/index.js\");\n\nvar _InputGroup = _interopRequireDefault(__webpack_require__(/*! ../InputGroup/InputGroup */ \"./src/InputGroup/InputGroup.tsx\"));\n\nvar _InputGroupAddon = _interopRequireDefault(__webpack_require__(/*! ../InputGroup/InputGroupAddon */ \"./src/InputGroup/InputGroupAddon.tsx\"));\n\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ../Input */ \"./src/Input/index.tsx\"));\n\nvar _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ \"./src/Button/index.tsx\"));\n\nvar _Icon = _interopRequireDefault(__webpack_require__(/*! ../Icon */ \"./src/Icon/index.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/InputNumber/InputNumber.tsx\";\n\nvar isFloat = function isFloat(value) {\n  return /(^-?|^\\+?|^\\d?)\\d*\\.\\d+$/.test(value + '');\n};\n\nfunction getDecimalLength(value) {\n  if (isFloat(value)) {\n    return value.toString().split('.')[1].length;\n  }\n\n  return 0;\n}\n\nfunction decimals() {\n  for (var _len = arguments.length, values = new Array(_len), _key = 0; _key < _len; _key++) {\n    values[_key] = arguments[_key];\n  }\n\n  var lengths = values.map(getDecimalLength);\n  return Math.max.apply(Math, lengths);\n}\n\nfunction getButtonStatus(value, min, max) {\n  var status = {\n    disabledUpButton: false,\n    disabledDownButton: false\n  };\n\n  if (typeof value !== 'undefined' && value !== null) {\n    status.disabledUpButton = +value >= max;\n    status.disabledDownButton = +value <= min;\n  }\n\n  return status;\n}\n\nvar InputNumber =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(InputNumber, _React$Component);\n\n  function InputNumber(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.input = null;\n    _this.inputWheelListener = null;\n\n    _this.bindInputRef = function (ref) {\n      _this.input = ref;\n    };\n\n    _this.handleChange = function (value, event) {\n      if (!/^-?(?:\\d+)?(\\.)?(\\d+)*$/.test(value) && value !== '') {\n        return;\n      }\n\n      _this.handleValue(value, event);\n    };\n\n    _this.handleBlur = function (event) {\n      var targetValue = Number.parseFloat((0, _get2.default)(event, 'target.value'));\n\n      _this.handleValue(_this.getSafeValue(targetValue), event);\n    };\n\n    _this.handleWheel = function (event) {\n      var _this$props = _this.props,\n          onWheel = _this$props.onWheel,\n          disabled = _this$props.disabled;\n\n      if (!disabled && event.target === document.activeElement) {\n        event.preventDefault();\n        var delta = (0, _get2.default)(event, 'wheelDelta') || -event.deltaY || -(0, _get2.default)(event, 'detail');\n\n        if (delta > 0) {\n          _this.handleMinus(event);\n        }\n\n        if (delta < 0) {\n          _this.handlePlus(event);\n        }\n      }\n\n      onWheel && onWheel(event);\n    };\n\n    _this.handlePlus = function (event) {\n      var step = _this.props.step;\n      var value = +(_this.getValue() || 0);\n      var bit = decimals(value, step);\n      var nextValue = (value + step).toFixed(bit);\n\n      _this.handleValue(_this.getSafeValue(nextValue), event);\n    };\n\n    _this.handleMinus = function (event) {\n      var step = _this.props.step;\n      var value = +(_this.getValue() || 0);\n      var bit = decimals(value, step);\n      var nextValue = (value - step).toFixed(bit);\n\n      _this.handleValue(_this.getSafeValue(nextValue), event);\n    };\n\n    var _value = props.value,\n        defaultValue = props.defaultValue,\n        max = props.max,\n        min = props.min;\n\n    var _getButtonStatus = getButtonStatus((0, _isUndefined2.default)(_value) ? defaultValue : _value, min, max),\n        disabledUpButton = _getButtonStatus.disabledUpButton,\n        disabledDownButton = _getButtonStatus.disabledDownButton;\n\n    _this.state = {\n      value: defaultValue,\n      disabledUpButton: disabledUpButton,\n      disabledDownButton: disabledDownButton\n    };\n    return _this;\n  }\n\n  InputNumber.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps) {\n    if (typeof nextProps.value !== 'undefined') {\n      var value = nextProps.value,\n          min = nextProps.min,\n          max = nextProps.max;\n      return getButtonStatus(value, min, max);\n    }\n\n    return null;\n  };\n\n  var _proto = InputNumber.prototype;\n\n  _proto.componentDidMount = function componentDidMount() {\n    if (this.input && this.props.scrollable) {\n      this.inputWheelListener = (0, _domLib.on)(this.input, 'wheel', this.handleWheel, {\n        passive: false\n      });\n    }\n  };\n\n  _proto.componentWillUnmount = function componentWillUnmount() {\n    if (this.inputWheelListener) {\n      this.inputWheelListener.off();\n    }\n  };\n\n  _proto.getValue = function getValue() {\n    var value = this.props.value;\n    return (0, _isUndefined2.default)(value) ? this.state.value : value;\n  };\n\n  _proto.getSafeValue = function getSafeValue(value) {\n    var _this$props2 = this.props,\n        max = _this$props2.max,\n        min = _this$props2.min;\n\n    if (!Number.isNaN(value)) {\n      if (+value > max) {\n        value = max;\n      }\n\n      if (+value < min) {\n        value = min;\n      }\n    } else {\n      value = '';\n    }\n\n    return value.toString();\n  };\n\n  _proto.handleValue = function handleValue(currentValue, event) {\n    var value = this.state.value;\n    var _this$props3 = this.props,\n        onChange = _this$props3.onChange,\n        min = _this$props3.min,\n        max = _this$props3.max;\n\n    if (currentValue !== value) {\n      this.setState((0, _extends2.default)({}, getButtonStatus(currentValue, min, max), {\n        value: currentValue\n      }));\n      onChange === null || onChange === void 0 ? void 0 : onChange(currentValue, event);\n    }\n  };\n\n  _proto.render = function render() {\n    var _this$props4 = this.props,\n        disabled = _this$props4.disabled,\n        size = _this$props4.size,\n        prefixElement = _this$props4.prefix,\n        postfix = _this$props4.postfix,\n        className = _this$props4.className,\n        classPrefix = _this$props4.classPrefix,\n        step = _this$props4.step,\n        buttonAppearance = _this$props4.buttonAppearance,\n        props = (0, _objectWithoutPropertiesLoose2.default)(_this$props4, [\"disabled\", \"size\", \"prefix\", \"postfix\", \"className\", \"classPrefix\", \"step\", \"buttonAppearance\"]);\n    var _this$state = this.state,\n        disabledUpButton = _this$state.disabledUpButton,\n        disabledDownButton = _this$state.disabledDownButton;\n    var value = this.getValue();\n    var addPrefix = (0, _utils.prefix)(classPrefix);\n    var classes = (0, _classnames.default)(classPrefix, className);\n    var unhandled = (0, _utils.getUnhandledProps)(InputNumber, props);\n\n    var _partitionHTMLProps = (0, _utils.partitionHTMLProps)(unhandled),\n        htmlInputProps = _partitionHTMLProps[0],\n        rest = _partitionHTMLProps[1];\n\n    return React.createElement(_InputGroup.default, (0, _extends2.default)({}, rest, {\n      className: classes,\n      disabled: disabled,\n      size: size,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 223\n      },\n      __self: this\n    }), prefixElement && React.createElement(_InputGroupAddon.default, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 224\n      },\n      __self: this\n    }, prefixElement), React.createElement(_Input.default, (0, _extends2.default)({}, htmlInputProps, {\n      type: \"text\",\n      autoComplete: \"off\",\n      step: step,\n      inputRef: this.bindInputRef,\n      onChange: this.handleChange,\n      onBlur: (0, _utils.createChainedFunction)(this.handleBlur, (0, _get2.default)(htmlInputProps, 'onBlur')),\n      value: (0, _isNil2.default)(value) ? '' : \"\" + value,\n      disabled: disabled,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 225\n      },\n      __self: this\n    })), React.createElement(\"span\", {\n      className: addPrefix('btn-group-vertical'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 237\n      },\n      __self: this\n    }, React.createElement(_Button.default, {\n      appearance: buttonAppearance,\n      className: addPrefix('touchspin-up'),\n      onClick: this.handlePlus,\n      disabled: disabledUpButton || disabled,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 238\n      },\n      __self: this\n    }, React.createElement(_Icon.default, {\n      icon: \"arrow-up-line\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 244\n      },\n      __self: this\n    })), React.createElement(_Button.default, {\n      appearance: buttonAppearance,\n      className: addPrefix('touchspin-down'),\n      onClick: this.handleMinus,\n      disabled: disabledDownButton || disabled,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 246\n      },\n      __self: this\n    }, React.createElement(_Icon.default, {\n      icon: \"arrow-down-line\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 252\n      },\n      __self: this\n    }))), postfix && React.createElement(_InputGroupAddon.default, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 255\n      },\n      __self: this\n    }, postfix));\n  };\n\n  return InputNumber;\n}(React.Component);\n\nInputNumber.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  min: _propTypes.default.number,\n  max: _propTypes.default.number,\n  step: _propTypes.default.number,\n  value: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),\n  defaultValue: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),\n  prefix: _propTypes.default.node,\n  postfix: _propTypes.default.node,\n  disabled: _propTypes.default.bool,\n  scrollable: _propTypes.default.bool,\n  size: _propTypes.default.oneOf(['lg', 'md', 'sm', 'xs']),\n  buttonAppearance: _propTypes.default.oneOf(['default', 'primary', 'link', 'subtle', 'ghost']),\n  onWheel: _propTypes.default.func,\n  onChange: _propTypes.default.func\n};\nInputNumber.defaultProps = {\n  min: -Infinity,\n  max: Infinity,\n  step: 1,\n  buttonAppearance: 'subtle',\n  scrollable: true\n};\n(0, _reactLifecyclesCompat.polyfill)(InputNumber);\n\nvar _default = (0, _utils.defaultProps)({\n  classPrefix: 'input-number'\n})(InputNumber);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/InputNumber/InputNumber.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _isNil2 = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _get2 = _interopRequireDefault(__webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _reactLifecyclesCompat = __webpack_require__(/*! react-lifecycles-compat */ \"./node_modules/react-lifecycles-compat/react-lifecycles-compat.es.js\");\n\nvar _domLib = __webpack_require__(/*! dom-lib */ \"./node_modules/dom-lib/es/index.js\");\n\nvar _InputGroup = _interopRequireDefault(__webpack_require__(/*! ../InputGroup/InputGroup */ \"./src/InputGroup/InputGroup.tsx\"));\n\nvar _InputGroupAddon = _interopRequireDefault(__webpack_require__(/*! ../InputGroup/InputGroupAddon */ \"./src/InputGroup/InputGroupAddon.tsx\"));\n\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ../Input */ \"./src/Input/index.tsx\"));\n\nvar _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ \"./src/Button/index.tsx\"));\n\nvar _Icon = _interopRequireDefault(__webpack_require__(/*! ../Icon */ \"./src/Icon/index.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/InputNumber/InputNumber.tsx\";\n\nvar isFloat = function isFloat(value) {\n  return /(^-?|^\\+?|^\\d?)\\d*\\.\\d+$/.test(value + '');\n};\n\nfunction getDecimalLength(value) {\n  if (isFloat(value)) {\n    return value.toString().split('.')[1].length;\n  }\n\n  return 0;\n}\n\nfunction decimals() {\n  for (var _len = arguments.length, values = new Array(_len), _key = 0; _key < _len; _key++) {\n    values[_key] = arguments[_key];\n  }\n\n  var lengths = values.map(getDecimalLength);\n  return Math.max.apply(Math, lengths);\n}\n\nfunction getButtonStatus(value, min, max) {\n  var status = {\n    disabledUpButton: false,\n    disabledDownButton: false\n  };\n\n  if (typeof value !== 'undefined' && value !== null) {\n    status.disabledUpButton = +value >= max;\n    status.disabledDownButton = +value <= min;\n  }\n\n  return status;\n}\n\nvar InputNumber =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(InputNumber, _React$Component);\n\n  function InputNumber(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.input = null;\n    _this.inputWheelListener = null;\n\n    _this.bindInputRef = function (ref) {\n      _this.input = ref;\n    };\n\n    _this.handleChange = function (value, event) {\n      if (!/^-?(?:\\d+)?(\\.)?(\\d+)*$/.test(value) && value !== '') {\n        return;\n      }\n\n      _this.handleValue(value, event);\n    };\n\n    _this.handleBlur = function (event) {\n      var targetValue = Number.parseFloat((0, _get2.default)(event, 'target.value'));\n\n      _this.handleValue(_this.getSafeValue(targetValue), event);\n    };\n\n    _this.handleWheel = function (event) {\n      var _this$props = _this.props,\n          onWheel = _this$props.onWheel,\n          disabled = _this$props.disabled;\n\n      if (!disabled && event.target === document.activeElement) {\n        event.preventDefault();\n        var delta = (0, _get2.default)(event, 'wheelDelta') || -event.deltaY || -(0, _get2.default)(event, 'detail');\n\n        if (delta > 0) {\n          _this.handleMinus(event);\n        }\n\n        if (delta < 0) {\n          _this.handlePlus(event);\n        }\n      }\n\n      onWheel && onWheel(event);\n    };\n\n    _this.handlePlus = function (event) {\n      var step = _this.props.step;\n      var value = +(_this.getValue() || 0);\n      var bit = decimals(value, step);\n      var nextValue = (value + step).toFixed(bit);\n\n      _this.handleValue(_this.getSafeValue(nextValue), event);\n    };\n\n    _this.handleMinus = function (event) {\n      var step = _this.props.step;\n      var value = +(_this.getValue() || 0);\n      var bit = decimals(value, step);\n      var nextValue = (value - step).toFixed(bit);\n\n      _this.handleValue(_this.getSafeValue(nextValue), event);\n    };\n\n    var _value = props.value,\n        defaultValue = props.defaultValue,\n        max = props.max,\n        min = props.min;\n\n    var _getButtonStatus = getButtonStatus((0, _isUndefined2.default)(_value) ? defaultValue : _value, min, max),\n        disabledUpButton = _getButtonStatus.disabledUpButton,\n        disabledDownButton = _getButtonStatus.disabledDownButton;\n\n    _this.state = {\n      value: defaultValue,\n      disabledUpButton: disabledUpButton,\n      disabledDownButton: disabledDownButton\n    };\n    return _this;\n  }\n\n  InputNumber.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps) {\n    if (typeof nextProps.value !== 'undefined') {\n      var value = nextProps.value,\n          min = nextProps.min,\n          max = nextProps.max;\n      return getButtonStatus(value, min, max);\n    }\n\n    return null;\n  };\n\n  var _proto = InputNumber.prototype;\n\n  _proto.componentDidMount = function componentDidMount() {\n    if (this.input && this.props.scrollable) {\n      this.inputWheelListener = (0, _domLib.on)(this.input, 'wheel', this.handleWheel, {\n        passive: false\n      });\n    }\n  };\n\n  _proto.componentWillUnmount = function componentWillUnmount() {\n    if (this.inputWheelListener) {\n      this.inputWheelListener.off();\n    }\n  };\n\n  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n    var preValue = prevProps.value;\n    var currentValue = this.props.value;\n\n    if (preValue !== currentValue) {\n      this.setState({\n        value: currentValue\n      });\n    }\n  };\n\n  _proto.getValue = function getValue() {\n    var value = this.props.value;\n    return (0, _isUndefined2.default)(value) ? this.state.value : value;\n  };\n\n  _proto.getSafeValue = function getSafeValue(value) {\n    var _this$props2 = this.props,\n        max = _this$props2.max,\n        min = _this$props2.min;\n\n    if (!Number.isNaN(value)) {\n      if (+value > max) {\n        value = max;\n      }\n\n      if (+value < min) {\n        value = min;\n      }\n    } else {\n      value = '';\n    }\n\n    return value.toString();\n  };\n\n  _proto.handleValue = function handleValue(currentValue, event) {\n    var value = this.state.value;\n    var _this$props3 = this.props,\n        onChange = _this$props3.onChange,\n        min = _this$props3.min,\n        max = _this$props3.max;\n\n    if (currentValue !== value) {\n      this.setState((0, _extends2.default)({}, getButtonStatus(currentValue, min, max), {\n        value: currentValue\n      }));\n      onChange === null || onChange === void 0 ? void 0 : onChange(currentValue, event);\n    }\n  };\n\n  _proto.render = function render() {\n    var _this$props4 = this.props,\n        disabled = _this$props4.disabled,\n        size = _this$props4.size,\n        prefixElement = _this$props4.prefix,\n        postfix = _this$props4.postfix,\n        className = _this$props4.className,\n        classPrefix = _this$props4.classPrefix,\n        step = _this$props4.step,\n        buttonAppearance = _this$props4.buttonAppearance,\n        props = (0, _objectWithoutPropertiesLoose2.default)(_this$props4, [\"disabled\", \"size\", \"prefix\", \"postfix\", \"className\", \"classPrefix\", \"step\", \"buttonAppearance\"]);\n    var _this$state = this.state,\n        disabledUpButton = _this$state.disabledUpButton,\n        disabledDownButton = _this$state.disabledDownButton;\n    var value = this.getValue();\n    var addPrefix = (0, _utils.prefix)(classPrefix);\n    var classes = (0, _classnames.default)(classPrefix, className);\n    var unhandled = (0, _utils.getUnhandledProps)(InputNumber, props);\n\n    var _partitionHTMLProps = (0, _utils.partitionHTMLProps)(unhandled),\n        htmlInputProps = _partitionHTMLProps[0],\n        rest = _partitionHTMLProps[1];\n\n    return React.createElement(_InputGroup.default, (0, _extends2.default)({}, rest, {\n      className: classes,\n      disabled: disabled,\n      size: size,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 232\n      },\n      __self: this\n    }), prefixElement && React.createElement(_InputGroupAddon.default, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 233\n      },\n      __self: this\n    }, prefixElement), React.createElement(_Input.default, (0, _extends2.default)({}, htmlInputProps, {\n      type: \"text\",\n      autoComplete: \"off\",\n      step: step,\n      inputRef: this.bindInputRef,\n      onChange: this.handleChange,\n      onBlur: (0, _utils.createChainedFunction)(this.handleBlur, (0, _get2.default)(htmlInputProps, 'onBlur')),\n      value: (0, _isNil2.default)(value) ? '' : \"\" + value,\n      disabled: disabled,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 234\n      },\n      __self: this\n    })), React.createElement(\"span\", {\n      className: addPrefix('btn-group-vertical'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 246\n      },\n      __self: this\n    }, React.createElement(_Button.default, {\n      appearance: buttonAppearance,\n      className: addPrefix('touchspin-up'),\n      onClick: this.handlePlus,\n      disabled: disabledUpButton || disabled,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 247\n      },\n      __self: this\n    }, React.createElement(_Icon.default, {\n      icon: \"arrow-up-line\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 253\n      },\n      __self: this\n    })), React.createElement(_Button.default, {\n      appearance: buttonAppearance,\n      className: addPrefix('touchspin-down'),\n      onClick: this.handleMinus,\n      disabled: disabledDownButton || disabled,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 255\n      },\n      __self: this\n    }, React.createElement(_Icon.default, {\n      icon: \"arrow-down-line\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 261\n      },\n      __self: this\n    }))), postfix && React.createElement(_InputGroupAddon.default, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 264\n      },\n      __self: this\n    }, postfix));\n  };\n\n  return InputNumber;\n}(React.Component);\n\nInputNumber.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  min: _propTypes.default.number,\n  max: _propTypes.default.number,\n  step: _propTypes.default.number,\n  value: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),\n  defaultValue: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),\n  prefix: _propTypes.default.node,\n  postfix: _propTypes.default.node,\n  disabled: _propTypes.default.bool,\n  scrollable: _propTypes.default.bool,\n  size: _propTypes.default.oneOf(['lg', 'md', 'sm', 'xs']),\n  buttonAppearance: _propTypes.default.oneOf(['default', 'primary', 'link', 'subtle', 'ghost']),\n  onWheel: _propTypes.default.func,\n  onChange: _propTypes.default.func\n};\nInputNumber.defaultProps = {\n  min: -Infinity,\n  max: Infinity,\n  step: 1,\n  buttonAppearance: 'subtle',\n  scrollable: true\n};\n(0, _reactLifecyclesCompat.polyfill)(InputNumber);\n\nvar _default = (0, _utils.defaultProps)({\n  classPrefix: 'input-number'\n})(InputNumber);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/InputNumber/InputNumber.tsx?");
 
 /***/ }),