@semcore/input-number 16.0.1 → 16.0.2-prerelease.3

package/lib/esm/InputNumber.mjs

@@ -2,36 +2,40 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
-import React from "react";
+import { callAllEventHandlers } from "@semcore/core/lib/utils/assignProps";
+import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
+import { forkRef } from "@semcore/core/lib/utils/ref";
 import Input from "@semcore/input";
+import React from "react";
 import { IncrementIcon, DecrementIcon } from "./buttons.mjs";
 import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
-import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
-import { forkRef } from "@semcore/core/lib/utils/ref";
-import { callAllEventHandlers } from "@semcore/core/lib/utils/assignProps";
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
 /*!__reshadow-styles__:"./style/input-number.shadow.css"*/
 var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SValue_og6bd_gg_:focus~.___SControls_og6bd_gg_{display:flex}.___SControls_og6bd_gg_{display:none;flex-flow:column;justify-content:center;height:100%;box-sizing:border-box}.___SControls_og6bd_gg_.__showControls_og6bd_gg_{display:flex}.___SDown_og6bd_gg_,.___SUp_og6bd_gg_{padding:0;width:16px;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);box-sizing:border-box;display:inline-flex;justify-content:center;border:0;background:0 0;cursor:pointer}.___SDown_og6bd_gg_:focus,.___SUp_og6bd_gg_:focus{outline:0}@media (hover:hover){.___SDown_og6bd_gg_:hover,.___SUp_og6bd_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SUp_og6bd_gg_{padding-bottom:1px}.___SDown_og6bd_gg_{padding-top:1px}.___SValue_og6bd_gg_::-webkit-inner-spin-button,.___SValue_og6bd_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_og6bd_gg_._type_number_og6bd_gg_{-moz-appearance:textfield}.___SValue_og6bd_gg_.__disabled_og6bd_gg_~.___SControls_og6bd_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SValueHidden_og6bd_gg_{position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden}",
+    ".___SValue_tmq0p_gg_:focus~.___SControls_tmq0p_gg_{display:flex}.___SControls_tmq0p_gg_{display:none;flex-flow:column;justify-content:center;height:100%;box-sizing:border-box}.___SControls_tmq0p_gg_.__showControls_tmq0p_gg_{display:flex}.___SDown_tmq0p_gg_,.___SUp_tmq0p_gg_{padding:0;width:16px;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);box-sizing:border-box;display:inline-flex;justify-content:center;border:0;background:0 0;cursor:pointer}.___SDown_tmq0p_gg_:focus,.___SUp_tmq0p_gg_:focus{outline:0}@media (hover:hover){.___SDown_tmq0p_gg_:hover,.___SUp_tmq0p_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SUp_tmq0p_gg_{padding-bottom:1px}.___SDown_tmq0p_gg_{padding-top:1px}.___SValue_tmq0p_gg_::-webkit-inner-spin-button,.___SValue_tmq0p_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_tmq0p_gg_._type_number_tmq0p_gg_{-moz-appearance:textfield}.___SValue_tmq0p_gg_.__disabled_tmq0p_gg_~.___SControls_tmq0p_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SValueHidden_tmq0p_gg_{position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden}",
     /*__inner_css_end__*/
-    "og6bd_gg_"
+    "tmq0p_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SValue": "___SValue_og6bd_gg_",
-    "__SControls": "___SControls_og6bd_gg_",
-    "_showControls": "__showControls_og6bd_gg_",
-    "__SUp": "___SUp_og6bd_gg_",
-    "__SDown": "___SDown_og6bd_gg_",
-    "_disabled": "__disabled_og6bd_gg_",
-    "__SValueHidden": "___SValueHidden_og6bd_gg_",
-    "_type_number": "_type_number_og6bd_gg_"
+    "__SValue": "___SValue_tmq0p_gg_",
+    "__SControls": "___SControls_tmq0p_gg_",
+    "_showControls": "__showControls_tmq0p_gg_",
+    "__SUp": "___SUp_tmq0p_gg_",
+    "__SDown": "___SDown_tmq0p_gg_",
+    "_disabled": "__disabled_tmq0p_gg_",
+    "__SValueHidden": "___SValueHidden_tmq0p_gg_",
+    "_type_number": "_type_number_tmq0p_gg_"
   })
 );
 function parseValueWithMinMax(value) {
@@ -40,27 +44,26 @@ function parseValueWithMinMax(value) {
   return Math.max(min, Math.min(max, value));
 }
 var InputNumber = /* @__PURE__ */ function(_Component) {
-  _inherits(InputNumber2, _Component);
-  var _super = _createSuper(InputNumber2);
   function InputNumber2() {
     var _this;
     _classCallCheck(this, InputNumber2);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "inputRef", /* @__PURE__ */ React.createRef());
-    _defineProperty(_assertThisInitialized(_this), "increment", function(event) {
+    _this = _callSuper(this, InputNumber2, [].concat(args));
+    _defineProperty(_this, "inputRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_this, "increment", function(event) {
       var _this$inputRef$curren, _this$inputRef$curren2;
-      (_this$inputRef$curren = _this.inputRef.current) === null || _this$inputRef$curren === void 0 ? void 0 : (_this$inputRef$curren2 = _this$inputRef$curren.stepUp) === null || _this$inputRef$curren2 === void 0 ? void 0 : _this$inputRef$curren2.call(_this$inputRef$curren, event);
+      (_this$inputRef$curren = _this.inputRef.current) === null || _this$inputRef$curren === void 0 || (_this$inputRef$curren2 = _this$inputRef$curren.stepUp) === null || _this$inputRef$curren2 === void 0 || _this$inputRef$curren2.call(_this$inputRef$curren, event);
     });
-    _defineProperty(_assertThisInitialized(_this), "decrement", function(event) {
+    _defineProperty(_this, "decrement", function(event) {
       var _this$inputRef$curren3, _this$inputRef$curren4;
-      (_this$inputRef$curren3 = _this.inputRef.current) === null || _this$inputRef$curren3 === void 0 ? void 0 : (_this$inputRef$curren4 = _this$inputRef$curren3.stepDown) === null || _this$inputRef$curren4 === void 0 ? void 0 : _this$inputRef$curren4.call(_this$inputRef$curren3, event);
+      (_this$inputRef$curren3 = _this.inputRef.current) === null || _this$inputRef$curren3 === void 0 || (_this$inputRef$curren4 = _this$inputRef$curren3.stepDown) === null || _this$inputRef$curren4 === void 0 || _this$inputRef$curren4.call(_this$inputRef$curren3, event);
     });
     return _this;
   }
-  _createClass(InputNumber2, [{
+  _inherits(InputNumber2, _Component);
+  return _createClass(InputNumber2, [{
     key: "getValueProps",
     value: function getValueProps() {
       var numberFormatter = new Intl.NumberFormat(this.asProps.locale, {
@@ -92,7 +95,6 @@ var InputNumber = /* @__PURE__ */ function(_Component) {
       return _ref4 = sstyled(this.asProps.style), /* @__PURE__ */ React.createElement(SInputNumber, _ref4.cn("SInputNumber", _objectSpread({}, assignProps({}, _ref))));
     }
   }]);
-  return InputNumber2;
 }(Component);
 _defineProperty(InputNumber, "displayName", "InputNumber");
 _defineProperty(InputNumber, "style", style);
@@ -103,21 +105,19 @@ _defineProperty(InputNumber, "defaultProps", {
   locale: "en"
 });
 var Value = /* @__PURE__ */ function(_Component2) {
-  _inherits(Value2, _Component2);
-  var _super2 = _createSuper(Value2);
   function Value2() {
     var _this2;
     _classCallCheck(this, Value2);
     for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       args[_key2] = arguments[_key2];
     }
-    _this2 = _super2.call.apply(_super2, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this2), "valueInputRef", /* @__PURE__ */ React.createRef());
-    _defineProperty(_assertThisInitialized(_this2), "cursorPosition", -1);
-    _defineProperty(_assertThisInitialized(_this2), "getFormattedValue", function(value) {
+    _this2 = _callSuper(this, Value2, [].concat(args));
+    _defineProperty(_this2, "valueInputRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_this2, "cursorPosition", -1);
+    _defineProperty(_this2, "getFormattedValue", function(value) {
       return value.replace(new RegExp("[".concat(_this2.separatorThousands, "]"), "g"), "").replace(_this2.separatorDecimal, ".");
     });
-    _defineProperty(_assertThisInitialized(_this2), "valueParser", function(value, prevValue, prevDisplayValue) {
+    _defineProperty(_this2, "valueParser", function(value, prevValue, prevDisplayValue) {
       var numberFormatter = _this2.props.numberFormatter;
       var stringNumber = _this2.getFormattedValue(String(value));
       if (Number.isNaN(Number(stringNumber))) {
@@ -138,7 +138,7 @@ var Value = /* @__PURE__ */ function(_Component2) {
         displayValue
       };
     });
-    _defineProperty(_assertThisInitialized(_this2), "handleValidation", function(event) {
+    _defineProperty(_this2, "handleValidation", function(event) {
       var _this2$asProps = _this2.asProps, value = _this2$asProps.value, displayValue = _this2$asProps.displayValue, min = _this2$asProps.min, max = _this2$asProps.max, step = _this2$asProps.step;
       var _this2$valueParser = _this2.valueParser(event.currentTarget.value, value, displayValue), parsedValue = _this2$valueParser.parsedValue;
       var roundCoefficient = step < 1 ? step.toString().split(".")[1].length : 1;
@@ -159,10 +159,10 @@ var Value = /* @__PURE__ */ function(_Component2) {
         _this2.handlers.value(String(numberValueRounded), event);
       }
     });
-    _defineProperty(_assertThisInitialized(_this2), "onWheel", function(event) {
+    _defineProperty(_this2, "onWheel", function(event) {
       callAllEventHandlers(_this2.asProps.onWheel, _this2.handleWheel)(event);
     });
-    _defineProperty(_assertThisInitialized(_this2), "handleWheel", function(event) {
+    _defineProperty(_this2, "handleWheel", function(event) {
       if (event.target !== _this2.valueInputRef.current) return;
       if (document.activeElement !== _this2.valueInputRef.current) return;
       event.preventDefault();
@@ -172,7 +172,7 @@ var Value = /* @__PURE__ */ function(_Component2) {
         _this2.stepDown(event);
       }
     });
-    _defineProperty(_assertThisInitialized(_this2), "handleChange", function(event) {
+    _defineProperty(_this2, "handleChange", function(event) {
       var value = _this2.getFormattedValue(event.currentTarget.value);
       var _this2$asProps2 = _this2.asProps, numberFormatter = _this2$asProps2.numberFormatter, prevValue = _this2$asProps2.value;
       if (value === "." || value === "-") {
@@ -196,12 +196,12 @@ var Value = /* @__PURE__ */ function(_Component2) {
         _this2.handlers.value(value, event);
       }
     });
-    _defineProperty(_assertThisInitialized(_this2), "handleKeyUp", function(event) {
+    _defineProperty(_this2, "handleKeyUp", function(event) {
       if (event.key === "Shift") {
         _this2.cursorPosition = -1;
       }
     });
-    _defineProperty(_assertThisInitialized(_this2), "handleKeyDown", function(event) {
+    _defineProperty(_this2, "handleKeyDown", function(event) {
       var element = event.currentTarget;
       var value = element.value;
       var length = value.length;
@@ -258,7 +258,7 @@ var Value = /* @__PURE__ */ function(_Component2) {
         }
       }
     });
-    _defineProperty(_assertThisInitialized(_this2), "moveSelectionLeft", function(element, cursorIndex) {
+    _defineProperty(_this2, "moveSelectionLeft", function(element, cursorIndex) {
       var value = element.value;
       var nextPosition = element.selectionStart - 1 >= 0 ? element.selectionStart - 1 : 0;
       var cursorPosition = value[element.selectionStart - cursorIndex] === _this2.separatorThousands ? element.selectionStart - cursorIndex : nextPosition;
@@ -272,7 +272,7 @@ var Value = /* @__PURE__ */ function(_Component2) {
         }
       }
     });
-    _defineProperty(_assertThisInitialized(_this2), "moveSelectionRight", function(element, cursorIndex) {
+    _defineProperty(_this2, "moveSelectionRight", function(element, cursorIndex) {
       var value = element.value;
       var nextPosition = element.selectionEnd + 1;
       var cursorPosition = value[element.selectionEnd] === _this2.separatorThousands ? element.selectionEnd + cursorIndex : nextPosition;
@@ -286,18 +286,18 @@ var Value = /* @__PURE__ */ function(_Component2) {
         }
       }
     });
-    _defineProperty(_assertThisInitialized(_this2), "handleClick", function(event) {
+    _defineProperty(_this2, "handleClick", function(event) {
       var element = event.target;
       var value = element.value;
       if (value[element.selectionStart - 1] === _this2.separatorThousands) {
         element.setSelectionRange(element.selectionStart - 1, element.selectionEnd - 1);
       }
     });
-    _defineProperty(_assertThisInitialized(_this2), "handleBlur", function(event) {
+    _defineProperty(_this2, "handleBlur", function(event) {
       _this2.cursorPosition = -1;
       _this2.handleValidation(event);
     });
-    _defineProperty(_assertThisInitialized(_this2), "stepUp", function(event) {
+    _defineProperty(_this2, "stepUp", function(event) {
       var _this2$asProps3 = _this2.asProps, _this2$asProps3$max = _this2$asProps3.max, max = _this2$asProps3$max === void 0 ? Number.MAX_SAFE_INTEGER : _this2$asProps3$max, min = _this2$asProps3.min, step = _this2$asProps3.step, value = _this2$asProps3.value;
       var numberValue;
       if (value === "") {
@@ -310,7 +310,7 @@ var Value = /* @__PURE__ */ function(_Component2) {
         _this2.handlers.value(newValue.toString(), event);
       }
     });
-    _defineProperty(_assertThisInitialized(_this2), "stepDown", function(event) {
+    _defineProperty(_this2, "stepDown", function(event) {
       var _this2$asProps4 = _this2.asProps, max = _this2$asProps4.max, _this2$asProps4$min = _this2$asProps4.min, min = _this2$asProps4$min === void 0 ? Number.MIN_SAFE_INTEGER : _this2$asProps4$min, step = _this2$asProps4.step, value = _this2$asProps4.value;
       var numberValue;
       if (value === "") {
@@ -325,7 +325,8 @@ var Value = /* @__PURE__ */ function(_Component2) {
     });
     return _this2;
   }
-  _createClass(Value2, [{
+  _inherits(Value2, _Component2);
+  return _createClass(Value2, [{
     key: "uncontrolledProps",
     value: function uncontrolledProps() {
       var _this3 = this;
@@ -363,7 +364,7 @@ var Value = /* @__PURE__ */ function(_Component2) {
       // https://stackoverflow.com/questions/57358640/cancel-wheel-event-with-e-preventdefault-in-react-event-bubbling
       function componentDidMount() {
         var _this$valueInputRef$c;
-        (_this$valueInputRef$c = this.valueInputRef.current) === null || _this$valueInputRef$c === void 0 ? void 0 : _this$valueInputRef$c.addEventListener("wheel", this.onWheel);
+        (_this$valueInputRef$c = this.valueInputRef.current) === null || _this$valueInputRef$c === void 0 || _this$valueInputRef$c.addEventListener("wheel", this.onWheel);
         var _this$asProps2 = this.asProps, inputRef = _this$asProps2.inputRef, value = _this$asProps2.value;
         if (inputRef.current) {
           inputRef.current.stepUp = this.stepUp;
@@ -387,7 +388,7 @@ var Value = /* @__PURE__ */ function(_Component2) {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       var _this$valueInputRef$c2;
-      (_this$valueInputRef$c2 = this.valueInputRef.current) === null || _this$valueInputRef$c2 === void 0 ? void 0 : _this$valueInputRef$c2.removeEventListener("wheel", this.onWheel);
+      (_this$valueInputRef$c2 = this.valueInputRef.current) === null || _this$valueInputRef$c2 === void 0 || _this$valueInputRef$c2.removeEventListener("wheel", this.onWheel);
     }
   }, {
     key: "render",
@@ -411,7 +412,6 @@ var Value = /* @__PURE__ */ function(_Component2) {
       }, _ref2)))));
     }
   }]);
-  return Value2;
 }(Component);
 _defineProperty(Value, "style", style);
 _defineProperty(Value, "defaultProps", {

package/lib/esm/translations/__intergalactic-dynamic-locales.mjs

@@ -6,12 +6,12 @@ import it from "./it.json.mjs";
 import ja from "./ja.json.mjs";
 import ko from "./ko.json.mjs";
 import nl from "./nl.json.mjs";
+import pl from "./pl.json.mjs";
 import pt from "./pt.json.mjs";
+import sv from "./sv.json.mjs";
 import tr from "./tr.json.mjs";
 import vi from "./vi.json.mjs";
 import zh from "./zh.json.mjs";
-import pl from "./pl.json.mjs";
-import sv from "./sv.json.mjs";
 var localizedMessages = {
   de,
   en,

package/lib/types/index.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { Intergalactic, PropGetterFn, UnknownProperties } from '@semcore/core';
-import { InputAddonProps, InputProps, InputValueProps } from '@semcore/input';
+import type { Intergalactic, PropGetterFn, UnknownProperties } from '@semcore/core';
+import type { InputAddonProps, InputProps, InputValueProps } from '@semcore/input';
+import type React from 'react';
 
 export type InputNumberValue = string;
 export type InputNumberSize = 'm' | 'l';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/input-number",
   "description": "Semrush InputNumber Component",
-  "version": "16.0.1",
+  "version": "16.0.2-prerelease.3",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,11 +14,11 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/input": "16.0.1",
-    "@semcore/flex-box": "16.0.1"
+    "@semcore/input": "16.0.2-prerelease.3",
+    "@semcore/flex-box": "16.0.2-prerelease.3"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^16.0.0"
+    "@semcore/base-components": "^16.0.2-prerelease.3"
   },
   "repository": {
     "type": "git",
@@ -26,7 +26,7 @@
     "directory": "semcore/input-number"
   },
   "devDependencies": {
-    "@types/react": "18.0.21",
+    "@semcore/core": "16.0.0",
     "@semcore/testing-utils": "1.0.0"
   },
   "scripts": {