@semcore/input-number 3.0.6 → 4.0.0

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [4.0.0] - 2022-05-17
+
+### BREAK
+
+- Updated styles according to the library redesign policy.
+- Major dependency update Input.
+
 ## [3.0.6] - 2022-03-14
 
 ### Changed

package/lib/cjs/InputNumber.js

@@ -48,23 +48,19 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SInputNumber_14xqd_gg_:hover .___SValue_14xqd_gg_:not(.__disabled_14xqd_gg_)~.___SControls_14xqd_gg_{visibility:visible}.___SValue_14xqd_gg_:focus~.___SControls_14xqd_gg_{visibility:visible}.___SControls_14xqd_gg_{display:flex;flex-flow:column;justify-content:center;height:100%;visibility:hidden;box-sizing:border-box}.___SControls_14xqd_gg_._size_s_14xqd_gg_{width:20px}.___SControls_14xqd_gg_._size_m_14xqd_gg_{width:20px}.___SControls_14xqd_gg_._size_l_14xqd_gg_{width:25px}.___SControls_14xqd_gg_._size_xl_14xqd_gg_{width:32px}.___SControls_14xqd_gg_.__showControls_14xqd_gg_{visibility:visible}.___SDown_14xqd_gg_,.___SUp_14xqd_gg_{color:#aaaaaa;box-sizing:border-box;display:inline-flex;justify-content:center;border:none;background:none}.___SDown_14xqd_gg_:focus,.___SUp_14xqd_gg_:focus{outline:none}.___SValue_14xqd_gg_::-webkit-inner-spin-button,.___SValue_14xqd_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_14xqd_gg_._type_number_14xqd_gg_{-moz-appearance:textfield}.___SValue_14xqd_gg_.__disabled_14xqd_gg_~.___SControls_14xqd_gg_{opacity:0.3}.___SValue_14xqd_gg_:not(.__disabled_14xqd_gg_)~.___SControls_14xqd_gg_ .___SUp_14xqd_gg_:hover{cursor:pointer;color:#666666}.___SValue_14xqd_gg_:not(.__disabled_14xqd_gg_)~.___SControls_14xqd_gg_ .___SDown_14xqd_gg_:hover{cursor:pointer;color:#666666}.___SUp_14xqd_gg_._size_m_14xqd_gg_{padding:6px 6px 2px}.___SDown_14xqd_gg_._size_m_14xqd_gg_{padding:2px 6px 6px}.___SUp_14xqd_gg_._size_l_14xqd_gg_{padding:7px 8px 3px}.___SDown_14xqd_gg_._size_l_14xqd_gg_{padding:3px 8px 7px}.___SUp_14xqd_gg_._size_xl_14xqd_gg_{padding:11px 11px 4px}.___SDown_14xqd_gg_._size_xl_14xqd_gg_{padding:4px 11px 11px}"
+".___SInputNumber_11apo_gg_:hover .___SValue_11apo_gg_:not(.__disabled_11apo_gg_)~.___SControls_11apo_gg_{visibility:visible}.___SValue_11apo_gg_:focus~.___SControls_11apo_gg_{visibility:visible}.___SControls_11apo_gg_{display:flex;flex-flow:column;justify-content:center;height:100%;visibility:hidden;box-sizing:border-box}.___SControls_11apo_gg_.__showControls_11apo_gg_{visibility:visible}.___SDown_11apo_gg_,.___SUp_11apo_gg_{padding:0;width:16px;color:#a9abb6;box-sizing:border-box;display:inline-flex;justify-content:center;border:none;background:none;cursor:pointer}.___SDown_11apo_gg_:focus,.___SUp_11apo_gg_:focus{outline:none}.___SDown_11apo_gg_:hover,.___SUp_11apo_gg_:hover{color:#484a54}.___SUp_11apo_gg_{padding-bottom:1px}.___SDown_11apo_gg_{padding-top:1px}.___SValue_11apo_gg_::-webkit-inner-spin-button,.___SValue_11apo_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_11apo_gg_._type_number_11apo_gg_{-moz-appearance:textfield}.___SValue_11apo_gg_.__disabled_11apo_gg_~.___SControls_11apo_gg_{opacity:0.3;cursor:default;pointer-events:none}"
 /*__inner_css_end__*/
-, "tqkzei_gg_")
+, "24cc6q_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SInputNumber": "___SInputNumber_14xqd_gg_",
-  "__SValue": "___SValue_14xqd_gg_",
-  "_disabled": "__disabled_14xqd_gg_",
-  "__SControls": "___SControls_14xqd_gg_",
-  "_size_s": "_size_s_14xqd_gg_",
-  "_size_m": "_size_m_14xqd_gg_",
-  "_size_l": "_size_l_14xqd_gg_",
-  "_size_xl": "_size_xl_14xqd_gg_",
-  "_showControls": "__showControls_14xqd_gg_",
-  "__SDown": "___SDown_14xqd_gg_",
-  "__SUp": "___SUp_14xqd_gg_",
-  "_type_number": "_type_number_14xqd_gg_"
+  "__SInputNumber": "___SInputNumber_11apo_gg_",
+  "__SValue": "___SValue_11apo_gg_",
+  "_disabled": "__disabled_11apo_gg_",
+  "__SControls": "___SControls_11apo_gg_",
+  "_showControls": "__showControls_11apo_gg_",
+  "__SDown": "___SDown_11apo_gg_",
+  "__SUp": "___SUp_11apo_gg_",
+  "_type_number": "_type_number_11apo_gg_"
 });
 
 function parseValueWithMinMax(value) {
@@ -73,14 +69,12 @@ function parseValueWithMinMax(value) {
   return Math.max(min, Math.min(max, value));
 }
 
-var IconUp = function IconUp(_ref7) {
-  var size = _ref7.size;
-  return _buttons["default"].up[size] || _buttons["default"].up['m'];
+var IconUp = function IconUp() {
+  return _buttons["default"].up;
 };
 
-var IconDown = function IconDown(_ref8) {
-  var size = _ref8.size;
-  return _buttons["default"].down[size] || _buttons["default"].down['m'];
+var IconDown = function IconDown() {
+  return _buttons["default"].down;
 };
 
 var InputNumber = /*#__PURE__*/function (_Component) {
@@ -98,21 +92,17 @@ var InputNumber = /*#__PURE__*/function (_Component) {
     }
 
     _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "inputRef", /*#__PURE__*/_react["default"].createRef());
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "inputHandlersRef", /*#__PURE__*/_react["default"].createRef());
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "inputRef", _react["default"].createRef());
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "inputHandlersRef", _react["default"].createRef());
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlerInc", function (e) {
-      var _this$inputRef$curren, _this$inputRef$curren2, _this$inputHandlersRe;
-
       // TODO: IE11 dont work
-      ((_this$inputRef$curren = _this.inputRef.current) === null || _this$inputRef$curren === void 0 ? void 0 : _this$inputRef$curren.stepUp) && ((_this$inputRef$curren2 = _this.inputRef.current) === null || _this$inputRef$curren2 === void 0 ? void 0 : _this$inputRef$curren2.stepUp());
-      (_this$inputHandlersRe = _this.inputHandlersRef.current) === null || _this$inputHandlersRe === void 0 ? void 0 : _this$inputHandlersRe.value(_this.inputRef.current.value, e);
+      _this.inputRef.current?.stepUp && _this.inputRef.current?.stepUp();
+      _this.inputHandlersRef.current?.value(_this.inputRef.current.value, e);
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlerDec", function (e) {
-      var _this$inputRef$curren3, _this$inputRef$curren4, _this$inputHandlersRe2;
-
       // TODO: IE11 dont work
-      ((_this$inputRef$curren3 = _this.inputRef.current) === null || _this$inputRef$curren3 === void 0 ? void 0 : _this$inputRef$curren3.stepDown) && ((_this$inputRef$curren4 = _this.inputRef.current) === null || _this$inputRef$curren4 === void 0 ? void 0 : _this$inputRef$curren4.stepDown());
-      (_this$inputHandlersRe2 = _this.inputHandlersRef.current) === null || _this$inputHandlersRe2 === void 0 ? void 0 : _this$inputHandlersRe2.value(_this.inputRef.current.value, e);
+      _this.inputRef.current?.stepDown && _this.inputRef.current?.stepDown();
+      _this.inputHandlersRef.current?.value(_this.inputRef.current.value, e);
     });
     return _this;
   }
@@ -138,7 +128,7 @@ var InputNumber = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _ref = this ? this.asProps : arguments[0],
+      var _ref = this.asProps,
           _ref4;
 
       var SInputNumber = _input["default"];
@@ -215,7 +205,7 @@ var Value = /*#__PURE__*/function (_Component2) {
   }, {
     key: "render",
     value: function render() {
-      var _ref2 = this ? this.asProps : arguments[0],
+      var _ref2 = this.asProps,
           _ref5;
 
       var SValue = _input["default"].Value;
@@ -241,7 +231,7 @@ var Value = /*#__PURE__*/function (_Component2) {
 });
 
 function Controls(props) {
-  var _ref3 = this ? this.asProps : arguments[0],
+  var _ref3 = arguments[0],
       _ref6;
 
   var Children = props.Children,
@@ -258,17 +248,13 @@ function Controls(props) {
     "type": "button",
     "size": size,
     "aria-label": "Increment number"
-  }), /*#__PURE__*/_react["default"].createElement(IconUp, _ref6.cn("IconUp", {
-    "size": size
-  }))), /*#__PURE__*/_react["default"].createElement(SDown, _ref6.cn("SDown", {
+  }), /*#__PURE__*/_react["default"].createElement(IconUp, _ref6.cn("IconUp", {}))), /*#__PURE__*/_react["default"].createElement(SDown, _ref6.cn("SDown", {
     "onClick": dec,
     "tabIndex": -1,
     "type": "button",
     "size": size,
     "aria-label": "Decrement number"
-  }), /*#__PURE__*/_react["default"].createElement(IconDown, _ref6.cn("IconDown", {
-    "size": size
-  }))), /*#__PURE__*/_react["default"].createElement(Children, _ref6.cn("Children", {})));
+  }), /*#__PURE__*/_react["default"].createElement(IconDown, _ref6.cn("IconDown", {}))), /*#__PURE__*/_react["default"].createElement(Children, _ref6.cn("Children", {})));
 }
 
 var _default = (0, _core["default"])(InputNumber, {

package/lib/cjs/InputNumber.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/InputNumber.jsx"],"names":["parseValueWithMinMax","value","min","Number","MIN_SAFE_INTEGER","max","MAX_SAFE_INTEGER","Math","IconUp","size","BUTTONS","up","IconDown","down","InputNumber","React","createRef","e","inputRef","current","stepUp","inputHandlersRef","stepDown","ref","$inputHandlers","asProps","inc","handlerInc","dec","handlerDec","SInputNumber","Input","style","Component","Value","step","isNaN","currentTarget","valueAsNumber","handlers","numberValue","parseFloat","r","roundRemainder","abs","String","countDecimals","floor","toString","split","length","toPrecision","SValue","styles","handleValidation","defaultValue","Controls","props","Children","SControls","Addon","SUp","SDown"],"mappings":"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","sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Input from '@semcore/input';\nimport BUTTONS from './buttons';\n\nimport style from './style/input-number.shadow.css';\n\nfunction parseValueWithMinMax(value, min = Number.MIN_SAFE_INTEGER, max = Number.MAX_SAFE_INTEGER) {\n  return Math.max(min, Math.min(max, value));\n}\n\nconst IconUp = ({ size }) => BUTTONS.up[size] || BUTTONS.up['m'];\nconst IconDown = ({ size }) => BUTTONS.down[size] || BUTTONS.down['m'];\n\nclass InputNumber extends Component {\n  static displayName = 'InputNumber';\n  static style = style;\n  static defaultProps = {\n    size: 'm',\n  };\n\n  inputRef = React.createRef();\n  inputHandlersRef = React.createRef();\n\n  handlerInc = (e) => {\n    // TODO: IE11 dont work\n    this.inputRef.current?.stepUp && this.inputRef.current?.stepUp();\n    this.inputHandlersRef.current?.value(this.inputRef.current.value, e);\n  };\n\n  handlerDec = (e) => {\n    // TODO: IE11 dont work\n    this.inputRef.current?.stepDown && this.inputRef.current?.stepDown();\n    this.inputHandlersRef.current?.value(this.inputRef.current.value, e);\n  };\n\n  getValueProps() {\n    return {\n      ref: this.inputRef,\n      $inputHandlers: this.inputHandlersRef,\n    };\n  }\n\n  getControlsProps() {\n    const { size } = this.asProps;\n    return {\n      size,\n      inc: this.handlerInc,\n      dec: this.handlerDec,\n    };\n  }\n\n  render() {\n    const SInputNumber = Root;\n    return sstyled(this.asProps.style)(<SInputNumber render={Input} />);\n  }\n}\n\nclass Value extends Component {\n  static defaultProps = {\n    defaultValue: '',\n    step: 1,\n  };\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  roundRemainder(value, step) {\n    const countDecimals = Math.floor(step) === step ? 0 : step.toString().split('.')[1].length || 0;\n    return countDecimals === 0\n      ? Number.parseFloat(value)\n      : Number.parseFloat(value).toPrecision(countDecimals);\n  }\n\n  handleValidation = (e) => {\n    const { value, min, max, step } = this.asProps;\n    if (Number.isNaN(e.currentTarget.valueAsNumber)) {\n      e.currentTarget.value = '';\n      this.handlers.value('', e);\n    } else {\n      let numberValue = parseValueWithMinMax(Number.parseFloat(value), min, max);\n      const r = this.roundRemainder(numberValue % step, step);\n      if (r !== 0) {\n        if (r >= step / 2) {\n          numberValue += step - r;\n        } else if (Math.abs(r) < step) {\n          numberValue -= r;\n        }\n      }\n      this.handlers.value(String(numberValue), e);\n    }\n  };\n\n  render() {\n    const SValue = Root;\n    const { styles, $inputHandlers } = this.asProps;\n\n    // 🐒 не делайте так\n    $inputHandlers.current = this.handlers;\n\n    return sstyled(styles)(\n      <SValue\n        render={Input.Value}\n        type=\"number\"\n        autoComplete=\"off\"\n        onBlur={this.handleValidation}\n        onInvalid={this.handleValidation}\n      />,\n    );\n  }\n}\n\nfunction Controls(props) {\n  const { Children, inc, dec, size, styles } = props;\n  const SControls = Root;\n  const SUp = 'button';\n  const SDown = 'button';\n\n  return sstyled(styles)(\n    <SControls render={Input.Addon}>\n      <SUp onClick={inc} tabIndex={-1} type=\"button\" size={size} aria-label=\"Increment number\">\n        <IconUp size={size} />\n      </SUp>\n      <SDown onClick={dec} tabIndex={-1} type=\"button\" size={size} aria-label=\"Decrement number\">\n        <IconDown size={size} />\n      </SDown>\n      <Children />\n    </SControls>,\n  );\n}\n\nexport default createComponent(InputNumber, {\n  Value,\n  Controls,\n  Addon: Input.Addon,\n});\n"],"file":"InputNumber.js"}
+{"version":3,"sources":["../../src/InputNumber.jsx"],"names":["parseValueWithMinMax","value","min","Number","MIN_SAFE_INTEGER","max","MAX_SAFE_INTEGER","Math","IconUp","BUTTONS","up","IconDown","down","InputNumber","React","createRef","e","inputRef","current","stepUp","inputHandlersRef","stepDown","ref","$inputHandlers","size","asProps","inc","handlerInc","dec","handlerDec","SInputNumber","Input","style","Component","Value","step","isNaN","currentTarget","valueAsNumber","handlers","numberValue","parseFloat","r","roundRemainder","abs","String","countDecimals","floor","toString","split","length","toPrecision","SValue","styles","handleValidation","defaultValue","Controls","props","Children","SControls","Addon","SUp","SDown"],"mappings":"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","sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Input from '@semcore/input';\nimport BUTTONS from './buttons';\n\nimport style from './style/input-number.shadow.css';\n\nfunction parseValueWithMinMax(value, min = Number.MIN_SAFE_INTEGER, max = Number.MAX_SAFE_INTEGER) {\n  return Math.max(min, Math.min(max, value));\n}\n\nconst IconUp = () => BUTTONS.up;\nconst IconDown = () => BUTTONS.down;\n\nclass InputNumber extends Component {\n  static displayName = 'InputNumber';\n  static style = style;\n  static defaultProps = {\n    size: 'm',\n  };\n\n  inputRef = React.createRef();\n  inputHandlersRef = React.createRef();\n\n  handlerInc = (e) => {\n    // TODO: IE11 dont work\n    this.inputRef.current?.stepUp && this.inputRef.current?.stepUp();\n    this.inputHandlersRef.current?.value(this.inputRef.current.value, e);\n  };\n\n  handlerDec = (e) => {\n    // TODO: IE11 dont work\n    this.inputRef.current?.stepDown && this.inputRef.current?.stepDown();\n    this.inputHandlersRef.current?.value(this.inputRef.current.value, e);\n  };\n\n  getValueProps() {\n    return {\n      ref: this.inputRef,\n      $inputHandlers: this.inputHandlersRef,\n    };\n  }\n\n  getControlsProps() {\n    const { size } = this.asProps;\n    return {\n      size,\n      inc: this.handlerInc,\n      dec: this.handlerDec,\n    };\n  }\n\n  render() {\n    const SInputNumber = Root;\n    return sstyled(this.asProps.style)(<SInputNumber render={Input} />);\n  }\n}\n\nclass Value extends Component {\n  static defaultProps = {\n    defaultValue: '',\n    step: 1,\n  };\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  roundRemainder(value, step) {\n    const countDecimals = Math.floor(step) === step ? 0 : step.toString().split('.')[1].length || 0;\n    return countDecimals === 0\n      ? Number.parseFloat(value)\n      : Number.parseFloat(value).toPrecision(countDecimals);\n  }\n\n  handleValidation = (e) => {\n    const { value, min, max, step } = this.asProps;\n    if (Number.isNaN(e.currentTarget.valueAsNumber)) {\n      e.currentTarget.value = '';\n      this.handlers.value('', e);\n    } else {\n      let numberValue = parseValueWithMinMax(Number.parseFloat(value), min, max);\n      const r = this.roundRemainder(numberValue % step, step);\n      if (r !== 0) {\n        if (r >= step / 2) {\n          numberValue += step - r;\n        } else if (Math.abs(r) < step) {\n          numberValue -= r;\n        }\n      }\n      this.handlers.value(String(numberValue), e);\n    }\n  };\n\n  render() {\n    const SValue = Root;\n    const { styles, $inputHandlers } = this.asProps;\n\n    // 🐒 не делайте так\n    $inputHandlers.current = this.handlers;\n\n    return sstyled(styles)(\n      <SValue\n        render={Input.Value}\n        type=\"number\"\n        autoComplete=\"off\"\n        onBlur={this.handleValidation}\n        onInvalid={this.handleValidation}\n      />,\n    );\n  }\n}\n\nfunction Controls(props) {\n  const { Children, inc, dec, size, styles } = props;\n  const SControls = Root;\n  const SUp = 'button';\n  const SDown = 'button';\n\n  return sstyled(styles)(\n    <SControls render={Input.Addon}>\n      <SUp onClick={inc} tabIndex={-1} type=\"button\" size={size} aria-label=\"Increment number\">\n        <IconUp />\n      </SUp>\n      <SDown onClick={dec} tabIndex={-1} type=\"button\" size={size} aria-label=\"Decrement number\">\n        <IconDown />\n      </SDown>\n      <Children />\n    </SControls>,\n  );\n}\n\nexport default createComponent(InputNumber, {\n  Value,\n  Controls,\n  Addon: Input.Addon,\n});\n"],"file":"InputNumber.js"}

package/lib/cjs/buttons.js

@@ -24,16 +24,8 @@ var svg = function svg(orientation, width, height) {
 };
 
 var _default = {
-  up: {
-    xl: svg('up', 10, 5),
-    l: svg('up', 10, 5),
-    m: svg('up', 8, 4)
-  },
-  down: {
-    xl: svg('down', 10, 5),
-    l: svg('down', 10, 5),
-    m: svg('down', 8, 4)
-  }
+  up: svg('up', 10, 5),
+  down: svg('down', 10, 5)
 };
 exports["default"] = _default;
 //# sourceMappingURL=buttons.js.map

package/lib/cjs/buttons.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/buttons.jsx"],"names":["svg","orientation","width","height","up","xl","l","m","down"],"mappings":";;;;;;;;;AAAA;;AAEA,IAAMA,GAAG,GAAG,SAANA,GAAM,CAACC,WAAD,EAAcC,KAAd,EAAqBC,MAArB;AAAA,sBACV;AACE,IAAA,KAAK,EAAC,4BADR;AAEE,IAAA,IAAI,EAAC,cAFP;AAGE,IAAA,KAAK,EAAED,KAHT;AAIE,IAAA,MAAM,EAAEC,MAJV;AAKE,IAAA,OAAO,gBAASD,KAAT,cAAkBC,MAAlB;AALT,KAOGF,WAAW,KAAK,IAAhB,gBACC;AAAM,IAAA,CAAC,eAAQE,MAAR,cAAkBA,MAAlB,eAA6BA,MAA7B,cAAuCA,MAAvC,cAAiDA,MAAjD;AAAP,IADD,gBAGC;AAAM,IAAA,CAAC,iBAAUD,KAAV,iBAAsBC,MAAtB,cAAgCA,MAAhC;AAAP,IAVJ,CADU;AAAA,CAAZ;;eAgBe;AACbC,EAAAA,EAAE,EAAE;AACFC,IAAAA,EAAE,EAAEL,GAAG,CAAC,IAAD,EAAO,EAAP,EAAW,CAAX,CADL;AAEFM,IAAAA,CAAC,EAAEN,GAAG,CAAC,IAAD,EAAO,EAAP,EAAW,CAAX,CAFJ;AAGFO,IAAAA,CAAC,EAAEP,GAAG,CAAC,IAAD,EAAO,CAAP,EAAU,CAAV;AAHJ,GADS;AAMbQ,EAAAA,IAAI,EAAE;AACJH,IAAAA,EAAE,EAAEL,GAAG,CAAC,MAAD,EAAS,EAAT,EAAa,CAAb,CADH;AAEJM,IAAAA,CAAC,EAAEN,GAAG,CAAC,MAAD,EAAS,EAAT,EAAa,CAAb,CAFF;AAGJO,IAAAA,CAAC,EAAEP,GAAG,CAAC,MAAD,EAAS,CAAT,EAAY,CAAZ;AAHF;AANO,C","sourcesContent":["import React from 'react';\n\nconst svg = (orientation, width, height) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"currentColor\"\n    width={width}\n    height={height}\n    viewBox={`0 0 ${width} ${height}`}\n  >\n    {orientation === 'up' ? (\n      <path d={`M0,${height}l${height},-${height}l${height},${height}Z`} />\n    ) : (\n      <path d={`M0,0l${width},0l-${height},${height}Z`} />\n    )}\n  </svg>\n);\n\nexport default {\n  up: {\n    xl: svg('up', 10, 5),\n    l: svg('up', 10, 5),\n    m: svg('up', 8, 4),\n  },\n  down: {\n    xl: svg('down', 10, 5),\n    l: svg('down', 10, 5),\n    m: svg('down', 8, 4),\n  },\n};\n"],"file":"buttons.js"}
+{"version":3,"sources":["../../src/buttons.jsx"],"names":["svg","orientation","width","height","up","down"],"mappings":";;;;;;;;;AAAA;;AAEA,IAAMA,GAAG,GAAG,SAANA,GAAM,CAACC,WAAD,EAAcC,KAAd,EAAqBC,MAArB;AAAA,sBACV;AACE,IAAA,KAAK,EAAC,4BADR;AAEE,IAAA,IAAI,EAAC,cAFP;AAGE,IAAA,KAAK,EAAED,KAHT;AAIE,IAAA,MAAM,EAAEC,MAJV;AAKE,IAAA,OAAO,gBAASD,KAAT,cAAkBC,MAAlB;AALT,KAOGF,WAAW,KAAK,IAAhB,gBACC;AAAM,IAAA,CAAC,eAAQE,MAAR,cAAkBA,MAAlB,eAA6BA,MAA7B,cAAuCA,MAAvC,cAAiDA,MAAjD;AAAP,IADD,gBAGC;AAAM,IAAA,CAAC,iBAAUD,KAAV,iBAAsBC,MAAtB,cAAgCA,MAAhC;AAAP,IAVJ,CADU;AAAA,CAAZ;;eAgBe;AACbC,EAAAA,EAAE,EAAEJ,GAAG,CAAC,IAAD,EAAO,EAAP,EAAW,CAAX,CADM;AAEbK,EAAAA,IAAI,EAAEL,GAAG,CAAC,MAAD,EAAS,EAAT,EAAa,CAAb;AAFI,C","sourcesContent":["import React from 'react';\n\nconst svg = (orientation, width, height) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"currentColor\"\n    width={width}\n    height={height}\n    viewBox={`0 0 ${width} ${height}`}\n  >\n    {orientation === 'up' ? (\n      <path d={`M0,${height}l${height},-${height}l${height},${height}Z`} />\n    ) : (\n      <path d={`M0,0l${width},0l-${height},${height}Z`} />\n    )}\n  </svg>\n);\n\nexport default {\n  up: svg('up', 10, 5),\n  down: svg('down', 10, 5),\n};\n"],"file":"buttons.js"}

package/lib/cjs/index.d.ts

@@ -0,0 +1,55 @@
+import React from 'react';
+import { CProps, PropGetterFn, ReturnEl } from '@semcore/core';
+import { IInputAddonProps, IInputProps, IInputValueProps } from '@semcore/input';
+
+export type InputNumberValue = string;
+export type InputNumberSize = 'm' | 'l';
+
+export interface IInputNumberProps extends IInputProps {
+  /** Input size
+   * @default m
+   * */
+  size?: InputNumberSize;
+}
+
+export interface IInputNumberValueProps extends IInputValueProps {
+  /** Minimum value
+   * @default Number.MIN_SAFE_INTEGER
+   */
+  min?: number;
+  /** Maximum value
+   * @default Number.MAX_SAFE_INTEGER
+   */
+  max?: number;
+  /** Value change step
+   * @default 1
+   */
+  step?: number;
+  /** Numeric value */
+  value?: InputNumberValue;
+  /** Called when the input value changes, it returns its current value in numeric format */
+  onChange?: (value: InputNumberValue, event?: React.SyntheticEvent<HTMLInputElement>) => void;
+}
+
+export interface IInputNumberControlsProps extends IInputAddonProps {
+  /** Always displays controls (steppers)
+   * @default false
+   */
+  showControls?: boolean;
+}
+
+export interface IInputNumberCtx {
+  getValueProps: PropGetterFn;
+  getControlsProps: PropGetterFn;
+  getAddonProps: PropGetterFn;
+}
+
+declare const InputNumber: (<T>(
+  props: CProps<IInputNumberProps & T, IInputNumberCtx>,
+) => ReturnEl) & {
+  Value: <T>(props: IInputNumberValueProps & T) => ReturnEl;
+  Controls: <T>(props: IInputNumberControlsProps & T) => ReturnEl;
+  Addon: <T>(props: IInputAddonProps & T) => ReturnEl;
+};
+
+export default InputNumber;

package/lib/cjs/index.js

@@ -1,11 +1,10 @@
 "use strict";
 
-var _typeof = require("@babel/runtime/helpers/typeof");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {};
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
@@ -13,21 +12,5 @@ Object.defineProperty(exports, "default", {
   }
 });
 
-var _InputNumber = _interopRequireWildcard(require("./InputNumber"));
-
-Object.keys(_InputNumber).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _InputNumber[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _InputNumber[key];
-    }
-  });
-});
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _InputNumber = _interopRequireDefault(require("./InputNumber"));
 //# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export { default } from './InputNumber';\nexport * from './InputNumber';\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA","sourcesContent":["export { default } from './InputNumber';\n"],"file":"index.js"}

package/lib/cjs/style/input-number.shadow.css

@@ -19,38 +19,37 @@ SControls {
   box-sizing: border-box;
 }
 
-SControls[size='s'] {
-  width: 20px;
-}
-
-SControls[size='m'] {
-  width: 20px;
-}
-
-SControls[size='l'] {
-  width: 25px;
-}
-
-SControls[size='xl'] {
-  width: 32px;
-}
-
 SControls[showControls] {
   visibility: visible;
 }
 
 SUp,
 SDown {
-  color: var(--gray70);
+  padding: 0;
+  width: 16px;
+  color: var(--gray-300);
   box-sizing: border-box;
   display: inline-flex;
   justify-content: center;
   border: none;
   background: none;
+  cursor: pointer;
 
   &:focus {
     outline: none;
   }
+
+  &:hover {
+    color: var(--gray-600);
+  }
+}
+
+SUp {
+  padding-bottom: 1px;
+}
+
+SDown {
+  padding-top: 1px;
 }
 
 SValue {
@@ -67,40 +66,6 @@ SValue {
 
 SValue[disabled] ~ SControls {
   opacity: var(--disabled-opacity);
-}
-
-SValue:not([disabled]) {
-  & ~ SControls SUp:hover {
-    cursor: pointer;
-    color: var(--gray40);
-  }
-}
-
-SValue:not([disabled]) ~ SControls SDown:hover {
-  cursor: pointer;
-  color: var(--gray40);
-}
-
-SUp[size='m'] {
-  padding: 6px 6px 2px;
-}
-
-SDown[size='m'] {
-  padding: 2px 6px 6px;
-}
-
-SUp[size='l'] {
-  padding: 7px 8px 3px;
-}
-
-SDown[size='l'] {
-  padding: 3px 8px 7px;
-}
-
-SUp[size='xl'] {
-  padding: 11px 11px 4px;
-}
-
-SDown[size='xl'] {
-  padding: 4px 11px 11px;
+  cursor: default;
+  pointer-events: none;
 }

package/lib/es6/InputNumber.js

@@ -28,23 +28,19 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SInputNumber_14xqd_gg_:hover .___SValue_14xqd_gg_:not(.__disabled_14xqd_gg_)~.___SControls_14xqd_gg_{visibility:visible}.___SValue_14xqd_gg_:focus~.___SControls_14xqd_gg_{visibility:visible}.___SControls_14xqd_gg_{display:flex;flex-flow:column;justify-content:center;height:100%;visibility:hidden;box-sizing:border-box}.___SControls_14xqd_gg_._size_s_14xqd_gg_{width:20px}.___SControls_14xqd_gg_._size_m_14xqd_gg_{width:20px}.___SControls_14xqd_gg_._size_l_14xqd_gg_{width:25px}.___SControls_14xqd_gg_._size_xl_14xqd_gg_{width:32px}.___SControls_14xqd_gg_.__showControls_14xqd_gg_{visibility:visible}.___SDown_14xqd_gg_,.___SUp_14xqd_gg_{color:#aaaaaa;box-sizing:border-box;display:inline-flex;justify-content:center;border:none;background:none}.___SDown_14xqd_gg_:focus,.___SUp_14xqd_gg_:focus{outline:none}.___SValue_14xqd_gg_::-webkit-inner-spin-button,.___SValue_14xqd_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_14xqd_gg_._type_number_14xqd_gg_{-moz-appearance:textfield}.___SValue_14xqd_gg_.__disabled_14xqd_gg_~.___SControls_14xqd_gg_{opacity:0.3}.___SValue_14xqd_gg_:not(.__disabled_14xqd_gg_)~.___SControls_14xqd_gg_ .___SUp_14xqd_gg_:hover{cursor:pointer;color:#666666}.___SValue_14xqd_gg_:not(.__disabled_14xqd_gg_)~.___SControls_14xqd_gg_ .___SDown_14xqd_gg_:hover{cursor:pointer;color:#666666}.___SUp_14xqd_gg_._size_m_14xqd_gg_{padding:6px 6px 2px}.___SDown_14xqd_gg_._size_m_14xqd_gg_{padding:2px 6px 6px}.___SUp_14xqd_gg_._size_l_14xqd_gg_{padding:7px 8px 3px}.___SDown_14xqd_gg_._size_l_14xqd_gg_{padding:3px 8px 7px}.___SUp_14xqd_gg_._size_xl_14xqd_gg_{padding:11px 11px 4px}.___SDown_14xqd_gg_._size_xl_14xqd_gg_{padding:4px 11px 11px}"
+".___SInputNumber_11apo_gg_:hover .___SValue_11apo_gg_:not(.__disabled_11apo_gg_)~.___SControls_11apo_gg_{visibility:visible}.___SValue_11apo_gg_:focus~.___SControls_11apo_gg_{visibility:visible}.___SControls_11apo_gg_{display:flex;flex-flow:column;justify-content:center;height:100%;visibility:hidden;box-sizing:border-box}.___SControls_11apo_gg_.__showControls_11apo_gg_{visibility:visible}.___SDown_11apo_gg_,.___SUp_11apo_gg_{padding:0;width:16px;color:#a9abb6;box-sizing:border-box;display:inline-flex;justify-content:center;border:none;background:none;cursor:pointer}.___SDown_11apo_gg_:focus,.___SUp_11apo_gg_:focus{outline:none}.___SDown_11apo_gg_:hover,.___SUp_11apo_gg_:hover{color:#484a54}.___SUp_11apo_gg_{padding-bottom:1px}.___SDown_11apo_gg_{padding-top:1px}.___SValue_11apo_gg_::-webkit-inner-spin-button,.___SValue_11apo_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_11apo_gg_._type_number_11apo_gg_{-moz-appearance:textfield}.___SValue_11apo_gg_.__disabled_11apo_gg_~.___SControls_11apo_gg_{opacity:0.3;cursor:default;pointer-events:none}"
 /*__inner_css_end__*/
-, "tqkzei_gg_")
+, "24cc6q_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SInputNumber": "___SInputNumber_14xqd_gg_",
-  "__SValue": "___SValue_14xqd_gg_",
-  "_disabled": "__disabled_14xqd_gg_",
-  "__SControls": "___SControls_14xqd_gg_",
-  "_size_s": "_size_s_14xqd_gg_",
-  "_size_m": "_size_m_14xqd_gg_",
-  "_size_l": "_size_l_14xqd_gg_",
-  "_size_xl": "_size_xl_14xqd_gg_",
-  "_showControls": "__showControls_14xqd_gg_",
-  "__SDown": "___SDown_14xqd_gg_",
-  "__SUp": "___SUp_14xqd_gg_",
-  "_type_number": "_type_number_14xqd_gg_"
+  "__SInputNumber": "___SInputNumber_11apo_gg_",
+  "__SValue": "___SValue_11apo_gg_",
+  "_disabled": "__disabled_11apo_gg_",
+  "__SControls": "___SControls_11apo_gg_",
+  "_showControls": "__showControls_11apo_gg_",
+  "__SDown": "___SDown_11apo_gg_",
+  "__SUp": "___SUp_11apo_gg_",
+  "_type_number": "_type_number_11apo_gg_"
 });
 
 function parseValueWithMinMax(value) {
@@ -53,14 +49,12 @@ function parseValueWithMinMax(value) {
   return Math.max(min, Math.min(max, value));
 }
 
-var IconUp = function IconUp(_ref7) {
-  var size = _ref7.size;
-  return BUTTONS.up[size] || BUTTONS.up['m'];
+var IconUp = function IconUp() {
+  return BUTTONS.up;
 };
 
-var IconDown = function IconDown(_ref8) {
-  var size = _ref8.size;
-  return BUTTONS.down[size] || BUTTONS.down['m'];
+var IconDown = function IconDown() {
+  return BUTTONS.down;
 };
 
 var InputNumber = /*#__PURE__*/function (_Component) {
@@ -79,24 +73,20 @@ var InputNumber = /*#__PURE__*/function (_Component) {
 
     _this = _super.call.apply(_super, [this].concat(args));
 
-    _defineProperty(_assertThisInitialized(_this), "inputRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "inputRef", React.createRef());
 
-    _defineProperty(_assertThisInitialized(_this), "inputHandlersRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "inputHandlersRef", React.createRef());
 
     _defineProperty(_assertThisInitialized(_this), "handlerInc", function (e) {
-      var _this$inputRef$curren, _this$inputRef$curren2, _this$inputHandlersRe;
-
       // TODO: IE11 dont work
-      ((_this$inputRef$curren = _this.inputRef.current) === null || _this$inputRef$curren === void 0 ? void 0 : _this$inputRef$curren.stepUp) && ((_this$inputRef$curren2 = _this.inputRef.current) === null || _this$inputRef$curren2 === void 0 ? void 0 : _this$inputRef$curren2.stepUp());
-      (_this$inputHandlersRe = _this.inputHandlersRef.current) === null || _this$inputHandlersRe === void 0 ? void 0 : _this$inputHandlersRe.value(_this.inputRef.current.value, e);
+      _this.inputRef.current?.stepUp && _this.inputRef.current?.stepUp();
+      _this.inputHandlersRef.current?.value(_this.inputRef.current.value, e);
     });
 
     _defineProperty(_assertThisInitialized(_this), "handlerDec", function (e) {
-      var _this$inputRef$curren3, _this$inputRef$curren4, _this$inputHandlersRe2;
-
       // TODO: IE11 dont work
-      ((_this$inputRef$curren3 = _this.inputRef.current) === null || _this$inputRef$curren3 === void 0 ? void 0 : _this$inputRef$curren3.stepDown) && ((_this$inputRef$curren4 = _this.inputRef.current) === null || _this$inputRef$curren4 === void 0 ? void 0 : _this$inputRef$curren4.stepDown());
-      (_this$inputHandlersRe2 = _this.inputHandlersRef.current) === null || _this$inputHandlersRe2 === void 0 ? void 0 : _this$inputHandlersRe2.value(_this.inputRef.current.value, e);
+      _this.inputRef.current?.stepDown && _this.inputRef.current?.stepDown();
+      _this.inputHandlersRef.current?.value(_this.inputRef.current.value, e);
     });
 
     return _this;
@@ -123,7 +113,7 @@ var InputNumber = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _ref = this ? this.asProps : arguments[0],
+      var _ref = this.asProps,
           _ref4;
 
       var SInputNumber = Input;
@@ -205,7 +195,7 @@ var Value = /*#__PURE__*/function (_Component2) {
   }, {
     key: "render",
     value: function render() {
-      var _ref2 = this ? this.asProps : arguments[0],
+      var _ref2 = this.asProps,
           _ref5;
 
       var SValue = Input.Value;
@@ -232,7 +222,7 @@ _defineProperty(Value, "defaultProps", {
 });
 
 function Controls(props) {
-  var _ref3 = this ? this.asProps : arguments[0],
+  var _ref3 = arguments[0],
       _ref6;
 
   var Children = props.Children,
@@ -249,17 +239,13 @@ function Controls(props) {
     "type": "button",
     "size": size,
     "aria-label": "Increment number"
-  }), /*#__PURE__*/React.createElement(IconUp, _ref6.cn("IconUp", {
-    "size": size
-  }))), /*#__PURE__*/React.createElement(SDown, _ref6.cn("SDown", {
+  }), /*#__PURE__*/React.createElement(IconUp, _ref6.cn("IconUp", {}))), /*#__PURE__*/React.createElement(SDown, _ref6.cn("SDown", {
     "onClick": dec,
     "tabIndex": -1,
     "type": "button",
     "size": size,
     "aria-label": "Decrement number"
-  }), /*#__PURE__*/React.createElement(IconDown, _ref6.cn("IconDown", {
-    "size": size
-  }))), /*#__PURE__*/React.createElement(Children, _ref6.cn("Children", {})));
+  }), /*#__PURE__*/React.createElement(IconDown, _ref6.cn("IconDown", {}))), /*#__PURE__*/React.createElement(Children, _ref6.cn("Children", {})));
 }
 
 export default createComponent(InputNumber, {

package/lib/es6/InputNumber.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/InputNumber.jsx"],"names":["React","createComponent","Component","sstyled","Root","Input","BUTTONS","parseValueWithMinMax","value","min","Number","MIN_SAFE_INTEGER","max","MAX_SAFE_INTEGER","Math","IconUp","size","up","IconDown","down","InputNumber","createRef","e","inputRef","current","stepUp","inputHandlersRef","stepDown","ref","$inputHandlers","asProps","inc","handlerInc","dec","handlerDec","SInputNumber","style","Value","step","isNaN","currentTarget","valueAsNumber","handlers","numberValue","parseFloat","r","roundRemainder","abs","String","countDecimals","floor","toString","split","length","toPrecision","SValue","styles","handleValidation","defaultValue","Controls","props","Children","SControls","Addon","SUp","SDown"],"mappings":"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","sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Input from '@semcore/input';\nimport BUTTONS from './buttons';\n\nimport style from './style/input-number.shadow.css';\n\nfunction parseValueWithMinMax(value, min = Number.MIN_SAFE_INTEGER, max = Number.MAX_SAFE_INTEGER) {\n  return Math.max(min, Math.min(max, value));\n}\n\nconst IconUp = ({ size }) => BUTTONS.up[size] || BUTTONS.up['m'];\nconst IconDown = ({ size }) => BUTTONS.down[size] || BUTTONS.down['m'];\n\nclass InputNumber extends Component {\n  static displayName = 'InputNumber';\n  static style = style;\n  static defaultProps = {\n    size: 'm',\n  };\n\n  inputRef = React.createRef();\n  inputHandlersRef = React.createRef();\n\n  handlerInc = (e) => {\n    // TODO: IE11 dont work\n    this.inputRef.current?.stepUp && this.inputRef.current?.stepUp();\n    this.inputHandlersRef.current?.value(this.inputRef.current.value, e);\n  };\n\n  handlerDec = (e) => {\n    // TODO: IE11 dont work\n    this.inputRef.current?.stepDown && this.inputRef.current?.stepDown();\n    this.inputHandlersRef.current?.value(this.inputRef.current.value, e);\n  };\n\n  getValueProps() {\n    return {\n      ref: this.inputRef,\n      $inputHandlers: this.inputHandlersRef,\n    };\n  }\n\n  getControlsProps() {\n    const { size } = this.asProps;\n    return {\n      size,\n      inc: this.handlerInc,\n      dec: this.handlerDec,\n    };\n  }\n\n  render() {\n    const SInputNumber = Root;\n    return sstyled(this.asProps.style)(<SInputNumber render={Input} />);\n  }\n}\n\nclass Value extends Component {\n  static defaultProps = {\n    defaultValue: '',\n    step: 1,\n  };\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  roundRemainder(value, step) {\n    const countDecimals = Math.floor(step) === step ? 0 : step.toString().split('.')[1].length || 0;\n    return countDecimals === 0\n      ? Number.parseFloat(value)\n      : Number.parseFloat(value).toPrecision(countDecimals);\n  }\n\n  handleValidation = (e) => {\n    const { value, min, max, step } = this.asProps;\n    if (Number.isNaN(e.currentTarget.valueAsNumber)) {\n      e.currentTarget.value = '';\n      this.handlers.value('', e);\n    } else {\n      let numberValue = parseValueWithMinMax(Number.parseFloat(value), min, max);\n      const r = this.roundRemainder(numberValue % step, step);\n      if (r !== 0) {\n        if (r >= step / 2) {\n          numberValue += step - r;\n        } else if (Math.abs(r) < step) {\n          numberValue -= r;\n        }\n      }\n      this.handlers.value(String(numberValue), e);\n    }\n  };\n\n  render() {\n    const SValue = Root;\n    const { styles, $inputHandlers } = this.asProps;\n\n    // 🐒 не делайте так\n    $inputHandlers.current = this.handlers;\n\n    return sstyled(styles)(\n      <SValue\n        render={Input.Value}\n        type=\"number\"\n        autoComplete=\"off\"\n        onBlur={this.handleValidation}\n        onInvalid={this.handleValidation}\n      />,\n    );\n  }\n}\n\nfunction Controls(props) {\n  const { Children, inc, dec, size, styles } = props;\n  const SControls = Root;\n  const SUp = 'button';\n  const SDown = 'button';\n\n  return sstyled(styles)(\n    <SControls render={Input.Addon}>\n      <SUp onClick={inc} tabIndex={-1} type=\"button\" size={size} aria-label=\"Increment number\">\n        <IconUp size={size} />\n      </SUp>\n      <SDown onClick={dec} tabIndex={-1} type=\"button\" size={size} aria-label=\"Decrement number\">\n        <IconDown size={size} />\n      </SDown>\n      <Children />\n    </SControls>,\n  );\n}\n\nexport default createComponent(InputNumber, {\n  Value,\n  Controls,\n  Addon: Input.Addon,\n});\n"],"file":"InputNumber.js"}
+{"version":3,"sources":["../../src/InputNumber.jsx"],"names":["React","createComponent","Component","sstyled","Root","Input","BUTTONS","parseValueWithMinMax","value","min","Number","MIN_SAFE_INTEGER","max","MAX_SAFE_INTEGER","Math","IconUp","up","IconDown","down","InputNumber","createRef","e","inputRef","current","stepUp","inputHandlersRef","stepDown","ref","$inputHandlers","size","asProps","inc","handlerInc","dec","handlerDec","SInputNumber","style","Value","step","isNaN","currentTarget","valueAsNumber","handlers","numberValue","parseFloat","r","roundRemainder","abs","String","countDecimals","floor","toString","split","length","toPrecision","SValue","styles","handleValidation","defaultValue","Controls","props","Children","SControls","Addon","SUp","SDown"],"mappings":"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","sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Input from '@semcore/input';\nimport BUTTONS from './buttons';\n\nimport style from './style/input-number.shadow.css';\n\nfunction parseValueWithMinMax(value, min = Number.MIN_SAFE_INTEGER, max = Number.MAX_SAFE_INTEGER) {\n  return Math.max(min, Math.min(max, value));\n}\n\nconst IconUp = () => BUTTONS.up;\nconst IconDown = () => BUTTONS.down;\n\nclass InputNumber extends Component {\n  static displayName = 'InputNumber';\n  static style = style;\n  static defaultProps = {\n    size: 'm',\n  };\n\n  inputRef = React.createRef();\n  inputHandlersRef = React.createRef();\n\n  handlerInc = (e) => {\n    // TODO: IE11 dont work\n    this.inputRef.current?.stepUp && this.inputRef.current?.stepUp();\n    this.inputHandlersRef.current?.value(this.inputRef.current.value, e);\n  };\n\n  handlerDec = (e) => {\n    // TODO: IE11 dont work\n    this.inputRef.current?.stepDown && this.inputRef.current?.stepDown();\n    this.inputHandlersRef.current?.value(this.inputRef.current.value, e);\n  };\n\n  getValueProps() {\n    return {\n      ref: this.inputRef,\n      $inputHandlers: this.inputHandlersRef,\n    };\n  }\n\n  getControlsProps() {\n    const { size } = this.asProps;\n    return {\n      size,\n      inc: this.handlerInc,\n      dec: this.handlerDec,\n    };\n  }\n\n  render() {\n    const SInputNumber = Root;\n    return sstyled(this.asProps.style)(<SInputNumber render={Input} />);\n  }\n}\n\nclass Value extends Component {\n  static defaultProps = {\n    defaultValue: '',\n    step: 1,\n  };\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  roundRemainder(value, step) {\n    const countDecimals = Math.floor(step) === step ? 0 : step.toString().split('.')[1].length || 0;\n    return countDecimals === 0\n      ? Number.parseFloat(value)\n      : Number.parseFloat(value).toPrecision(countDecimals);\n  }\n\n  handleValidation = (e) => {\n    const { value, min, max, step } = this.asProps;\n    if (Number.isNaN(e.currentTarget.valueAsNumber)) {\n      e.currentTarget.value = '';\n      this.handlers.value('', e);\n    } else {\n      let numberValue = parseValueWithMinMax(Number.parseFloat(value), min, max);\n      const r = this.roundRemainder(numberValue % step, step);\n      if (r !== 0) {\n        if (r >= step / 2) {\n          numberValue += step - r;\n        } else if (Math.abs(r) < step) {\n          numberValue -= r;\n        }\n      }\n      this.handlers.value(String(numberValue), e);\n    }\n  };\n\n  render() {\n    const SValue = Root;\n    const { styles, $inputHandlers } = this.asProps;\n\n    // 🐒 не делайте так\n    $inputHandlers.current = this.handlers;\n\n    return sstyled(styles)(\n      <SValue\n        render={Input.Value}\n        type=\"number\"\n        autoComplete=\"off\"\n        onBlur={this.handleValidation}\n        onInvalid={this.handleValidation}\n      />,\n    );\n  }\n}\n\nfunction Controls(props) {\n  const { Children, inc, dec, size, styles } = props;\n  const SControls = Root;\n  const SUp = 'button';\n  const SDown = 'button';\n\n  return sstyled(styles)(\n    <SControls render={Input.Addon}>\n      <SUp onClick={inc} tabIndex={-1} type=\"button\" size={size} aria-label=\"Increment number\">\n        <IconUp />\n      </SUp>\n      <SDown onClick={dec} tabIndex={-1} type=\"button\" size={size} aria-label=\"Decrement number\">\n        <IconDown />\n      </SDown>\n      <Children />\n    </SControls>,\n  );\n}\n\nexport default createComponent(InputNumber, {\n  Value,\n  Controls,\n  Addon: Input.Addon,\n});\n"],"file":"InputNumber.js"}

package/lib/es6/buttons.js

@@ -15,15 +15,7 @@ var svg = function svg(orientation, width, height) {
 };
 
 export default {
-  up: {
-    xl: svg('up', 10, 5),
-    l: svg('up', 10, 5),
-    m: svg('up', 8, 4)
-  },
-  down: {
-    xl: svg('down', 10, 5),
-    l: svg('down', 10, 5),
-    m: svg('down', 8, 4)
-  }
+  up: svg('up', 10, 5),
+  down: svg('down', 10, 5)
 };
 //# sourceMappingURL=buttons.js.map

package/lib/es6/buttons.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/buttons.jsx"],"names":["React","svg","orientation","width","height","up","xl","l","m","down"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,IAAMC,GAAG,GAAG,SAANA,GAAM,CAACC,WAAD,EAAcC,KAAd,EAAqBC,MAArB;AAAA,sBACV;AACE,IAAA,KAAK,EAAC,4BADR;AAEE,IAAA,IAAI,EAAC,cAFP;AAGE,IAAA,KAAK,EAAED,KAHT;AAIE,IAAA,MAAM,EAAEC,MAJV;AAKE,IAAA,OAAO,gBAASD,KAAT,cAAkBC,MAAlB;AALT,KAOGF,WAAW,KAAK,IAAhB,gBACC;AAAM,IAAA,CAAC,eAAQE,MAAR,cAAkBA,MAAlB,eAA6BA,MAA7B,cAAuCA,MAAvC,cAAiDA,MAAjD;AAAP,IADD,gBAGC;AAAM,IAAA,CAAC,iBAAUD,KAAV,iBAAsBC,MAAtB,cAAgCA,MAAhC;AAAP,IAVJ,CADU;AAAA,CAAZ;;AAgBA,eAAe;AACbC,EAAAA,EAAE,EAAE;AACFC,IAAAA,EAAE,EAAEL,GAAG,CAAC,IAAD,EAAO,EAAP,EAAW,CAAX,CADL;AAEFM,IAAAA,CAAC,EAAEN,GAAG,CAAC,IAAD,EAAO,EAAP,EAAW,CAAX,CAFJ;AAGFO,IAAAA,CAAC,EAAEP,GAAG,CAAC,IAAD,EAAO,CAAP,EAAU,CAAV;AAHJ,GADS;AAMbQ,EAAAA,IAAI,EAAE;AACJH,IAAAA,EAAE,EAAEL,GAAG,CAAC,MAAD,EAAS,EAAT,EAAa,CAAb,CADH;AAEJM,IAAAA,CAAC,EAAEN,GAAG,CAAC,MAAD,EAAS,EAAT,EAAa,CAAb,CAFF;AAGJO,IAAAA,CAAC,EAAEP,GAAG,CAAC,MAAD,EAAS,CAAT,EAAY,CAAZ;AAHF;AANO,CAAf","sourcesContent":["import React from 'react';\n\nconst svg = (orientation, width, height) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"currentColor\"\n    width={width}\n    height={height}\n    viewBox={`0 0 ${width} ${height}`}\n  >\n    {orientation === 'up' ? (\n      <path d={`M0,${height}l${height},-${height}l${height},${height}Z`} />\n    ) : (\n      <path d={`M0,0l${width},0l-${height},${height}Z`} />\n    )}\n  </svg>\n);\n\nexport default {\n  up: {\n    xl: svg('up', 10, 5),\n    l: svg('up', 10, 5),\n    m: svg('up', 8, 4),\n  },\n  down: {\n    xl: svg('down', 10, 5),\n    l: svg('down', 10, 5),\n    m: svg('down', 8, 4),\n  },\n};\n"],"file":"buttons.js"}
+{"version":3,"sources":["../../src/buttons.jsx"],"names":["React","svg","orientation","width","height","up","down"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,IAAMC,GAAG,GAAG,SAANA,GAAM,CAACC,WAAD,EAAcC,KAAd,EAAqBC,MAArB;AAAA,sBACV;AACE,IAAA,KAAK,EAAC,4BADR;AAEE,IAAA,IAAI,EAAC,cAFP;AAGE,IAAA,KAAK,EAAED,KAHT;AAIE,IAAA,MAAM,EAAEC,MAJV;AAKE,IAAA,OAAO,gBAASD,KAAT,cAAkBC,MAAlB;AALT,KAOGF,WAAW,KAAK,IAAhB,gBACC;AAAM,IAAA,CAAC,eAAQE,MAAR,cAAkBA,MAAlB,eAA6BA,MAA7B,cAAuCA,MAAvC,cAAiDA,MAAjD;AAAP,IADD,gBAGC;AAAM,IAAA,CAAC,iBAAUD,KAAV,iBAAsBC,MAAtB,cAAgCA,MAAhC;AAAP,IAVJ,CADU;AAAA,CAAZ;;AAgBA,eAAe;AACbC,EAAAA,EAAE,EAAEJ,GAAG,CAAC,IAAD,EAAO,EAAP,EAAW,CAAX,CADM;AAEbK,EAAAA,IAAI,EAAEL,GAAG,CAAC,MAAD,EAAS,EAAT,EAAa,CAAb;AAFI,CAAf","sourcesContent":["import React from 'react';\n\nconst svg = (orientation, width, height) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"currentColor\"\n    width={width}\n    height={height}\n    viewBox={`0 0 ${width} ${height}`}\n  >\n    {orientation === 'up' ? (\n      <path d={`M0,${height}l${height},-${height}l${height},${height}Z`} />\n    ) : (\n      <path d={`M0,0l${width},0l-${height},${height}Z`} />\n    )}\n  </svg>\n);\n\nexport default {\n  up: svg('up', 10, 5),\n  down: svg('down', 10, 5),\n};\n"],"file":"buttons.js"}

package/lib/es6/index.d.ts

@@ -0,0 +1,55 @@
+import React from 'react';
+import { CProps, PropGetterFn, ReturnEl } from '@semcore/core';
+import { IInputAddonProps, IInputProps, IInputValueProps } from '@semcore/input';
+
+export type InputNumberValue = string;
+export type InputNumberSize = 'm' | 'l';
+
+export interface IInputNumberProps extends IInputProps {
+  /** Input size
+   * @default m
+   * */
+  size?: InputNumberSize;
+}
+
+export interface IInputNumberValueProps extends IInputValueProps {
+  /** Minimum value
+   * @default Number.MIN_SAFE_INTEGER
+   */
+  min?: number;
+  /** Maximum value
+   * @default Number.MAX_SAFE_INTEGER
+   */
+  max?: number;
+  /** Value change step
+   * @default 1
+   */
+  step?: number;
+  /** Numeric value */
+  value?: InputNumberValue;
+  /** Called when the input value changes, it returns its current value in numeric format */
+  onChange?: (value: InputNumberValue, event?: React.SyntheticEvent<HTMLInputElement>) => void;
+}
+
+export interface IInputNumberControlsProps extends IInputAddonProps {
+  /** Always displays controls (steppers)
+   * @default false
+   */
+  showControls?: boolean;
+}
+
+export interface IInputNumberCtx {
+  getValueProps: PropGetterFn;
+  getControlsProps: PropGetterFn;
+  getAddonProps: PropGetterFn;
+}
+
+declare const InputNumber: (<T>(
+  props: CProps<IInputNumberProps & T, IInputNumberCtx>,
+) => ReturnEl) & {
+  Value: <T>(props: IInputNumberValueProps & T) => ReturnEl;
+  Controls: <T>(props: IInputNumberControlsProps & T) => ReturnEl;
+  Addon: <T>(props: IInputAddonProps & T) => ReturnEl;
+};
+
+export default InputNumber;

package/lib/es6/index.js

@@ -1,3 +1,2 @@
 export { default } from './InputNumber';
-export * from './InputNumber';
 //# sourceMappingURL=index.js.map

package/lib/es6/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,eAAxB;AACA,cAAc,eAAd","sourcesContent":["export { default } from './InputNumber';\nexport * from './InputNumber';\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,eAAxB","sourcesContent":["export { default } from './InputNumber';\n"],"file":"index.js"}

package/lib/es6/style/input-number.shadow.css

@@ -19,38 +19,37 @@ SControls {
   box-sizing: border-box;
 }
 
-SControls[size='s'] {
-  width: 20px;
-}
-
-SControls[size='m'] {
-  width: 20px;
-}
-
-SControls[size='l'] {
-  width: 25px;
-}
-
-SControls[size='xl'] {
-  width: 32px;
-}
-
 SControls[showControls] {
   visibility: visible;
 }
 
 SUp,
 SDown {
-  color: var(--gray70);
+  padding: 0;
+  width: 16px;
+  color: var(--gray-300);
   box-sizing: border-box;
   display: inline-flex;
   justify-content: center;
   border: none;
   background: none;
+  cursor: pointer;
 
   &:focus {
     outline: none;
   }
+
+  &:hover {
+    color: var(--gray-600);
+  }
+}
+
+SUp {
+  padding-bottom: 1px;
+}
+
+SDown {
+  padding-top: 1px;
 }
 
 SValue {
@@ -67,40 +66,6 @@ SValue {
 
 SValue[disabled] ~ SControls {
   opacity: var(--disabled-opacity);
-}
-
-SValue:not([disabled]) {
-  & ~ SControls SUp:hover {
-    cursor: pointer;
-    color: var(--gray40);
-  }
-}
-
-SValue:not([disabled]) ~ SControls SDown:hover {
-  cursor: pointer;
-  color: var(--gray40);
-}
-
-SUp[size='m'] {
-  padding: 6px 6px 2px;
-}
-
-SDown[size='m'] {
-  padding: 2px 6px 6px;
-}
-
-SUp[size='l'] {
-  padding: 7px 8px 3px;
-}
-
-SDown[size='l'] {
-  padding: 3px 8px 7px;
-}
-
-SUp[size='xl'] {
-  padding: 11px 11px 4px;
-}
-
-SDown[size='xl'] {
-  padding: 4px 11px 11px;
+  cursor: default;
+  pointer-events: none;
 }

package/lib/types/index.d.ts

@@ -3,7 +3,7 @@ import { CProps, PropGetterFn, ReturnEl } from '@semcore/core';
 import { IInputAddonProps, IInputProps, IInputValueProps } from '@semcore/input';
 
 export type InputNumberValue = string;
-export type InputNumberSize = 'm' | 'l' | 'xl';
+export type InputNumberSize = 'm' | 'l';
 
 export interface IInputNumberProps extends IInputProps {
   /** Input size

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/input-number",
   "description": "SEMRush InputNumber Component",
-  "version": "3.0.6",
+  "version": "4.0.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,7 +14,7 @@
   },
   "dependencies": {
     "@semcore/utils": "^3.15",
-    "@semcore/input": "^2"
+    "@semcore/input": "^3.0.0"
   },
   "peerDependencies": {
     "@semcore/core": "^1.11",
@@ -27,5 +27,8 @@
     "type": "git",
     "url": "https://github.com/semrush/intergalactic.git",
     "directory": "semcore/input-number"
+  },
+  "devDependencies": {
+    "@semcore/jest-preset-ui": "1.0.0"
   }
 }

package/src/InputNumber.jsx

@@ -9,8 +9,8 @@ function parseValueWithMinMax(value, min = Number.MIN_SAFE_INTEGER, max = Number
   return Math.max(min, Math.min(max, value));
 }
 
-const IconUp = ({ size }) => BUTTONS.up[size] || BUTTONS.up['m'];
-const IconDown = ({ size }) => BUTTONS.down[size] || BUTTONS.down['m'];
+const IconUp = () => BUTTONS.up;
+const IconDown = () => BUTTONS.down;
 
 class InputNumber extends Component {
   static displayName = 'InputNumber';
@@ -122,10 +122,10 @@ function Controls(props) {
   return sstyled(styles)(
     <SControls render={Input.Addon}>
       <SUp onClick={inc} tabIndex={-1} type="button" size={size} aria-label="Increment number">
-        <IconUp size={size} />
+        <IconUp />
       </SUp>
       <SDown onClick={dec} tabIndex={-1} type="button" size={size} aria-label="Decrement number">
-        <IconDown size={size} />
+        <IconDown />
       </SDown>
       <Children />
     </SControls>,

package/src/buttons.jsx

@@ -17,14 +17,6 @@ const svg = (orientation, width, height) => (
 );
 
 export default {
-  up: {
-    xl: svg('up', 10, 5),
-    l: svg('up', 10, 5),
-    m: svg('up', 8, 4),
-  },
-  down: {
-    xl: svg('down', 10, 5),
-    l: svg('down', 10, 5),
-    m: svg('down', 8, 4),
-  },
+  up: svg('up', 10, 5),
+  down: svg('down', 10, 5),
 };

package/src/index.d.ts

@@ -3,7 +3,7 @@ import { CProps, PropGetterFn, ReturnEl } from '@semcore/core';
 import { IInputAddonProps, IInputProps, IInputValueProps } from '@semcore/input';
 
 export type InputNumberValue = string;
-export type InputNumberSize = 'm' | 'l' | 'xl';
+export type InputNumberSize = 'm' | 'l';
 
 export interface IInputNumberProps extends IInputProps {
   /** Input size

package/src/index.js

@@ -1,2 +1 @@
 export { default } from './InputNumber';
-export * from './InputNumber';

package/src/style/input-number.shadow.css

@@ -19,38 +19,37 @@ SControls {
   box-sizing: border-box;
 }
 
-SControls[size='s'] {
-  width: 20px;
-}
-
-SControls[size='m'] {
-  width: 20px;
-}
-
-SControls[size='l'] {
-  width: 25px;
-}
-
-SControls[size='xl'] {
-  width: 32px;
-}
-
 SControls[showControls] {
   visibility: visible;
 }
 
 SUp,
 SDown {
-  color: var(--gray70);
+  padding: 0;
+  width: 16px;
+  color: var(--gray-300);
   box-sizing: border-box;
   display: inline-flex;
   justify-content: center;
   border: none;
   background: none;
+  cursor: pointer;
 
   &:focus {
     outline: none;
   }
+
+  &:hover {
+    color: var(--gray-600);
+  }
+}
+
+SUp {
+  padding-bottom: 1px;
+}
+
+SDown {
+  padding-top: 1px;
 }
 
 SValue {
@@ -67,40 +66,6 @@ SValue {
 
 SValue[disabled] ~ SControls {
   opacity: var(--disabled-opacity);
-}
-
-SValue:not([disabled]) {
-  & ~ SControls SUp:hover {
-    cursor: pointer;
-    color: var(--gray40);
-  }
-}
-
-SValue:not([disabled]) ~ SControls SDown:hover {
-  cursor: pointer;
-  color: var(--gray40);
-}
-
-SUp[size='m'] {
-  padding: 6px 6px 2px;
-}
-
-SDown[size='m'] {
-  padding: 2px 6px 6px;
-}
-
-SUp[size='l'] {
-  padding: 7px 8px 3px;
-}
-
-SDown[size='l'] {
-  padding: 3px 8px 7px;
-}
-
-SUp[size='xl'] {
-  padding: 11px 11px 4px;
-}
-
-SDown[size='xl'] {
-  padding: 4px 11px 11px;
+  cursor: default;
+  pointer-events: none;
 }