intelicoreact 1.5.33 → 1.5.35

package/dist/Atomic/FormElements/NumericInput/NumericInput.js

@@ -1,280 +1,324 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _reactFeather = require("react-feather");
-var _index = require("../../../Constants/index.constants");
-var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
-var _utils = require("../../../Functions/utils");
-var _Spinner = _interopRequireDefault(require("../../Layout/Spinner/Spinner"));
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _reactfeather = require("react-feather");
+const _indexconstants = require("../../../Constants/index.constants");
+const _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
+const _Spinner = /*#__PURE__*/ _interop_require_default(require("../../Layout/Spinner/Spinner"));
 require("./NumericInput.scss");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const NumericInput = _ref => {
-  let {
-    disabled,
-    withDelete,
-    numStep = 1,
-    min = 0,
-    max,
-    value,
-    placeholder,
-    className,
-    testId = "numeric-input",
-    name,
-    fieldKey,
-    id,
-    onChange = () => {},
-    onBlur = () => {},
-    onFocus = () => {},
-    onKeyUp = () => {},
-    onKeyDown = () => {},
-    maskChar,
-    formatChars,
-    error,
-    icon,
-    isNotBlinkErrors,
-    blinkTime,
-    isPriceInput,
-    isFocusDefault = false,
-    isNotRenderButtons = false,
-    isUseAutoSelect = true,
-    isLoading = false,
-    isAllowNullValue = false,
-    onlyNumbers = {
-      type: "int"
-    },
-    attributesOfNativeInput = {}
-  } = _ref;
-  const DEFAULT_BLINK_TIME = 200;
-
-  //REFS
-  const inputRef = (0, _react.useRef)(null);
-  const decRef = (0, _react.useRef)(null);
-  const incRef = (0, _react.useRef)(null);
-  const wrapRef = (0, _react.useRef)(null);
-
-  // STATES
-  const initialMin = isAllowNullValue ? "" : min;
-  const [inputValue, setInputValue] = (0, _react.useState)(value || initialMin);
-  const [inputValueFormated, setInputValueFormated] = (0, _react.useState)(inputValue);
-  const [intMemoVal, setIntMemoVal] = (0, _react.useState)(0);
-  const [isFocused, setIsFocused] = (0, _react.useState)(false);
-  const [isAttemptToChange, setIsAttemptToChange] = (0, _react.useState)(false);
-  const [isToHighlightError, setIsToHighlightError] = (0, _react.useState)(false);
-  const [prevValue, setPreviousValue] = (0, _react.useState)(value || initialMin);
-  const setCursorToEnd = () => {
-    var _input$value;
-    const input = inputRef.current;
-    const cursor = input === null || input === void 0 || (_input$value = input.value) === null || _input$value === void 0 ? void 0 : _input$value.length;
-    if (input) setTimeout(() => input.setSelectionRange(cursor, cursor), 10);
-  };
-
-  // HANDLES
-  const handle = {
-    change: e => {
-      const inputValue = e.target ? (0, _fieldValueFormatters.filterNumeric)(e.target.value, onlyNumbers) : (0, _fieldValueFormatters.filterNumeric)(e, onlyNumbers);
-      setInputValue(inputValue.toString());
-    },
-    clear: () => {
-      handle.change(initialMin || "");
-    },
-    focus: e => {
-      setIsFocused(true);
-      if (onFocus) onFocus(e);
-    },
-    blur: e => {
-      setIsFocused(false);
-      if (Number.isNaN(inputValue) || inputValue < min) setInputValue(initialMin);
-      if (max && Number(max) < inputValue) setInputValue(max);
-      if (onBlur) onBlur(e);
-    },
-    keyDown: e => {
-      var _e$target;
-      setPreviousValue(e === null || e === void 0 || (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value);
-      onKeyDown(e.keyCode, e);
-    },
-    keyUp: e => {
-      if (!isNotBlinkErrors) {
-        const changedValue = String(value !== null && value !== void 0 ? value : "");
-        const previousValue = String(prevValue);
-        const short = previousValue.length <= changedValue.length ? previousValue : changedValue;
-        const long = previousValue.length > changedValue.length ? previousValue : changedValue;
-        const infoAboutDifferencesSameness = short.split("").reduce((acc, symbol, idx) => {
-          if (acc.countOn && symbol === long[idx]) acc.same.push(symbol);else {
-            acc.countOn = false;
-            acc.differences.push([idx, symbol]);
-          }
-          return acc;
-        }, {
-          same: [],
-          countOn: true,
-          differences: []
-        });
-        const samePart = infoAboutDifferencesSameness.same.join("");
-        const differencesLength = infoAboutDifferencesSameness.differences.length;
-        const currentSet = changedValue === null || changedValue === void 0 ? void 0 : changedValue.replace(samePart, "");
-        if (!_index.KEYBOARD_SERVICE_KEYS.includes(e.key) && changedValue === previousValue) setIsAttemptToChange(!(!differencesLength && e.key === currentSet));
-      }
-      if (onKeyUp) onKeyUp(e.keyCode, e.target.value);
-    },
-    decrement: e => {
-      let newValue = Number(intMemoVal) - Number(numStep);
-      if (newValue < min) newValue = min;else if (newValue > max) newValue = max;
-      handle.change(newValue);
-      setTimeout(() => {
-        var _inputRef$current;
-        inputRef === null || inputRef === void 0 || (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
-        setCursorToEnd();
-      }, 100);
-    },
-    increment: e => {
-      let newValue = Number(intMemoVal) + Number(numStep);
-      if (newValue < min) newValue = min;else if (newValue > max) newValue = max;
-      handle.change(newValue);
-      setTimeout(() => {
-        var _inputRef$current2;
-        inputRef === null || inputRef === void 0 || (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.focus();
-        setCursorToEnd();
-      }, 100);
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
     }
-  };
-
-  //Check Outside Click
-  (0, _react.useEffect)(() => {
-    const handleClickOutside = event => {
-      if (!wrapRef.current.contains(event.target)) setIsFocused(false);
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
     };
-    document.addEventListener("mousedown", handleClickOutside, true);
-    return () => document.removeEventListener("mousedown", handleClickOutside, true);
-  }, []);
-  (0, _react.useEffect)(() => {
-    if (!isNotBlinkErrors && isAttemptToChange) {
-      setIsAttemptToChange(false);
-      setIsToHighlightError(true);
-      setTimeout(() => {
-        setIsToHighlightError(false);
-      }, blinkTime || DEFAULT_BLINK_TIME);
+    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];
+            }
+        }
     }
-  }, [isAttemptToChange]);
-  (0, _react.useEffect)(() => {
-    if (value && value !== inputValue) setInputValue(value);
-  }, [value]);
-
-  //On Input Value Change
-  (0, _react.useEffect)(() => {
-    if (inputValue !== value) setIsFocused(true);
-    setInputValueFormated(isPriceInput && (inputValue === null || inputValue === void 0 ? void 0 : inputValue.length) > 0 ? isFocused ? (0, _fieldValueFormatters.formatToRemoveComa)(inputValue) : (0, _fieldValueFormatters.formatToAddBitDepthPoints)(inputValue) : inputValue);
-    setIntMemoVal((0, _fieldValueFormatters.formatToRemoveComa)(inputValue));
-    if (typeof onChange === "function" && value !== undefined && +inputValue !== +value) onChange(inputValue === null || inputValue === void 0 ? void 0 : inputValue.toString());
-  }, [inputValue]);
-
-  //On Integer Value Change
-  (0, _react.useEffect)(() => {
-    if (isNaN(intMemoVal)) setIntMemoVal(min || 0);
-  }, [intMemoVal]);
-
-  //On Focuse Change
-  (0, _react.useEffect)(() => {
-    let formatedValue = inputValue;
-    if (isPriceInput) formatedValue = isFocused ? (0, _fieldValueFormatters.formatToRemoveComa)(inputValue) : (0, _fieldValueFormatters.formatToAddBitDepthPoints)(inputValue);
-    setInputValueFormated(formatedValue);
-    if (isFocused) {
-      var _inputRef$current3;
-      if (typeof onFocus === "function") onFocus({
-        target: inputRef === null || inputRef === void 0 ? void 0 : inputRef.current
-      });
-      inputRef === null || inputRef === void 0 || (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 || _inputRef$current3.focus();
-    } else {
-      var _inputRef$current4;
-      if (typeof onBlur === "function") onBlur({
-        target: inputRef === null || inputRef === void 0 ? void 0 : inputRef.current
-      });
-      inputRef === null || inputRef === void 0 || (_inputRef$current4 = inputRef.current) === null || _inputRef$current4 === void 0 || _inputRef$current4.blur();
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
     }
-  }, [isFocused]);
-  (0, _react.useEffect)(() => {
-    if (inputRef !== null && inputRef !== void 0 && inputRef.current && typeof isFocusDefault === "boolean") setIsFocused(isFocusDefault);
-  }, [inputRef, isFocusDefault]);
-  function renderInput() {
-    const uniProps = {
-      name: name || fieldKey || id || testId || "",
-      className: "input ".concat(className || ""),
-      placeholder,
-      value: inputValueFormated,
-      disabled,
-      onChange: handle.change,
-      onFocus: handle.focus,
-      onBlur: handle.blur,
-      onKeyDown: handle.keyDown,
-      onKeyUp: handle.keyUp,
-      min,
-      max,
-      ...(maskChar ? {
-        maskChar
-      } : {}),
-      ...(formatChars ? {
-        formatChars
-      } : {})
+    return newObj;
+}
+const NumericInput = ({ disabled, withDelete, numStep = 1, min = 0, max, value, placeholder, className, testId = "numeric-input", name, fieldKey, id, onChange = ()=>{}, onBlur = ()=>{}, onFocus = ()=>{}, onKeyUp = ()=>{}, onKeyDown = ()=>{}, maskChar, formatChars, error, icon, isNotBlinkErrors, blinkTime, isPriceInput, isFocusDefault = false, isNotRenderButtons = false, isUseAutoSelect = true, isLoading = false, isAllowNullValue = false, onlyNumbers = {
+    type: "int"
+}, attributesOfNativeInput = {} })=>{
+    const DEFAULT_BLINK_TIME = 200;
+    //REFS
+    const inputRef = (0, _react.useRef)(null);
+    const decRef = (0, _react.useRef)(null);
+    const incRef = (0, _react.useRef)(null);
+    const wrapRef = (0, _react.useRef)(null);
+    // STATES
+    const initialMin = isAllowNullValue ? "" : min;
+    const [inputValue, setInputValue] = (0, _react.useState)(value || initialMin);
+    const [inputValueFormated, setInputValueFormated] = (0, _react.useState)(inputValue);
+    const [intMemoVal, setIntMemoVal] = (0, _react.useState)(0);
+    const [isFocused, setIsFocused] = (0, _react.useState)(false);
+    const [isAttemptToChange, setIsAttemptToChange] = (0, _react.useState)(false);
+    const [isToHighlightError, setIsToHighlightError] = (0, _react.useState)(false);
+    const [prevValue, setPreviousValue] = (0, _react.useState)(value || initialMin);
+    const setCursorToEnd = ()=>{
+        var _input_value;
+        const input = inputRef.current;
+        const cursor = input === null || input === void 0 ? void 0 : (_input_value = input.value) === null || _input_value === void 0 ? void 0 : _input_value.length;
+        if (input) setTimeout(()=>input.setSelectionRange(cursor, cursor), 10);
+    };
+    // HANDLES
+    const handle = {
+        change: (e)=>{
+            const inputValue = e.target ? (0, _fieldValueFormatters.filterNumeric)(e.target.value, onlyNumbers) : (0, _fieldValueFormatters.filterNumeric)(e, onlyNumbers);
+            setInputValue(inputValue.toString());
+        },
+        clear: ()=>{
+            handle.change(initialMin || "");
+        },
+        focus: (e)=>{
+            setIsFocused(true);
+            if (onFocus) onFocus(e);
+        },
+        blur: (e)=>{
+            setIsFocused(false);
+            if (Number.isNaN(inputValue) || inputValue < min) setInputValue(initialMin);
+            if (max && Number(max) < inputValue) setInputValue(max);
+            if (onBlur) onBlur(e);
+        },
+        keyDown: (e)=>{
+            var _e_target;
+            setPreviousValue(e === null || e === void 0 ? void 0 : (_e_target = e.target) === null || _e_target === void 0 ? void 0 : _e_target.value);
+            onKeyDown(e.keyCode, e);
+        },
+        keyUp: (e)=>{
+            if (!isNotBlinkErrors) {
+                const changedValue = String(value !== null && value !== void 0 ? value : "");
+                const previousValue = String(prevValue);
+                const short = previousValue.length <= changedValue.length ? previousValue : changedValue;
+                const long = previousValue.length > changedValue.length ? previousValue : changedValue;
+                const infoAboutDifferencesSameness = short.split("").reduce((acc, symbol, idx)=>{
+                    if (acc.countOn && symbol === long[idx]) acc.same.push(symbol);
+                    else {
+                        acc.countOn = false;
+                        acc.differences.push([
+                            idx,
+                            symbol
+                        ]);
+                    }
+                    return acc;
+                }, {
+                    same: [],
+                    countOn: true,
+                    differences: []
+                });
+                const samePart = infoAboutDifferencesSameness.same.join("");
+                const differencesLength = infoAboutDifferencesSameness.differences.length;
+                const currentSet = changedValue === null || changedValue === void 0 ? void 0 : changedValue.replace(samePart, "");
+                if (!_indexconstants.KEYBOARD_SERVICE_KEYS.includes(e.key) && changedValue === previousValue) setIsAttemptToChange(!(!differencesLength && e.key === currentSet));
+            }
+            if (onKeyUp) onKeyUp(e.keyCode, e.target.value);
+        },
+        decrement: (e)=>{
+            let newValue = Number(intMemoVal) - Number(numStep);
+            if (newValue < min) newValue = min;
+            else if (newValue > max) newValue = max;
+            handle.change(newValue);
+            setTimeout(()=>{
+                var _inputRef_current;
+                inputRef === null || inputRef === void 0 ? void 0 : (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.focus();
+                setCursorToEnd();
+            }, 100);
+        },
+        increment: (e)=>{
+            let newValue = Number(intMemoVal) + Number(numStep);
+            if (newValue < min) newValue = min;
+            else if (newValue > max) newValue = max;
+            handle.change(newValue);
+            setTimeout(()=>{
+                var _inputRef_current;
+                inputRef === null || inputRef === void 0 ? void 0 : (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.focus();
+                setCursorToEnd();
+            }, 100);
+        }
     };
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({}, uniProps, {
-      "data-testid": "".concat(testId, "-input"),
-      value: (value === null || value === void 0 ? void 0 : value.length) > 0 ? (0, _fieldValueFormatters.formatToAddBitDepthPoints)((0, _fieldValueFormatters.formatToRemoveComa)(value)) : value,
-      ref: inputRef,
-      type: "text",
-      onFocus: function () {
-        if (isUseAutoSelect) inputRef.current.select();
-        if (uniProps.onFocus) uniProps.onFocus(...arguments);
-      }
-    }, attributesOfNativeInput)), !isNotRenderButtons ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "input__nums"
-    }, /*#__PURE__*/_react.default.createElement("button", {
-      "data-testid": "".concat(testId, "-minus-btn"),
-      ref: decRef,
-      className: (0, _classnames.default)("input__num-btn", {
-        "events-none": Number(value) <= min
-      }),
-      onMouseDown: e => handle.decrement(e)
-    }, /*#__PURE__*/_react.default.createElement(_reactFeather.Minus, {
-      className: (0, _classnames.default)({
-        disabled: Number(value) <= min
-      })
-    })), /*#__PURE__*/_react.default.createElement("button", {
-      "data-testid": "-".concat(testId, "-plus-btn"),
-      ref: incRef,
-      className: (0, _classnames.default)("input__num-btn", {
-        "events-none": Number(value) >= max
-      }),
-      onMouseDown: e => handle.increment(e)
-    }, /*#__PURE__*/_react.default.createElement(_reactFeather.Plus, {
-      className: (0, _classnames.default)({
-        disabled: Number(value) >= max
-      })
-    }))) : null);
-  }
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": testId,
-    ref: wrapRef,
-    className: (0, _classnames.default)("input__wrap", {
-      ["input__wrap_focus"]: isFocused
-    }, {
-      ["input__wrap_error"]: error || isToHighlightError
-    }, {
-      ["input__wrap--disabled"]: disabled || isLoading
-    })
-  }, renderInput(), icon, withDelete && /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)("input__close", {
-      hidden: !inputValue
-    }),
-    onClick: () => handle.clear()
-  }), isLoading && /*#__PURE__*/_react.default.createElement(_Spinner.default, {
-    size: "small"
-  }));
+    //Check Outside Click
+    (0, _react.useEffect)(()=>{
+        const handleClickOutside = (event)=>{
+            if (!wrapRef.current.contains(event.target)) setIsFocused(false);
+        };
+        document.addEventListener("mousedown", handleClickOutside, true);
+        return ()=>document.removeEventListener("mousedown", handleClickOutside, true);
+    }, []);
+    (0, _react.useEffect)(()=>{
+        if (!isNotBlinkErrors && isAttemptToChange) {
+            setIsAttemptToChange(false);
+            setIsToHighlightError(true);
+            setTimeout(()=>{
+                setIsToHighlightError(false);
+            }, blinkTime || DEFAULT_BLINK_TIME);
+        }
+    }, [
+        isAttemptToChange
+    ]);
+    (0, _react.useEffect)(()=>{
+        if (value && value !== inputValue) setInputValue(value);
+    }, [
+        value
+    ]);
+    //On Input Value Change
+    (0, _react.useEffect)(()=>{
+        if (inputValue !== value) setIsFocused(true);
+        setInputValueFormated(isPriceInput && (inputValue === null || inputValue === void 0 ? void 0 : inputValue.length) > 0 ? isFocused ? (0, _fieldValueFormatters.formatToRemoveComa)(inputValue) : (0, _fieldValueFormatters.formatToAddBitDepthPoints)(inputValue) : inputValue);
+        setIntMemoVal((0, _fieldValueFormatters.formatToRemoveComa)(inputValue));
+        if (typeof onChange === "function" && value !== undefined && +inputValue !== +value) onChange(inputValue === null || inputValue === void 0 ? void 0 : inputValue.toString());
+    }, [
+        inputValue
+    ]);
+    //On Integer Value Change
+    (0, _react.useEffect)(()=>{
+        if (isNaN(intMemoVal)) setIntMemoVal(min || 0);
+    }, [
+        intMemoVal
+    ]);
+    //On Focuse Change
+    (0, _react.useEffect)(()=>{
+        let formatedValue = inputValue;
+        if (isPriceInput) formatedValue = isFocused ? (0, _fieldValueFormatters.formatToRemoveComa)(inputValue) : (0, _fieldValueFormatters.formatToAddBitDepthPoints)(inputValue);
+        setInputValueFormated(formatedValue);
+        if (isFocused) {
+            var _inputRef_current;
+            if (typeof onFocus === "function") onFocus({
+                target: inputRef === null || inputRef === void 0 ? void 0 : inputRef.current
+            });
+            inputRef === null || inputRef === void 0 ? void 0 : (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.focus();
+        } else {
+            var _inputRef_current1;
+            if (typeof onBlur === "function") onBlur({
+                target: inputRef === null || inputRef === void 0 ? void 0 : inputRef.current
+            });
+            inputRef === null || inputRef === void 0 ? void 0 : (_inputRef_current1 = inputRef.current) === null || _inputRef_current1 === void 0 ? void 0 : _inputRef_current1.blur();
+        }
+    }, [
+        isFocused
+    ]);
+    (0, _react.useEffect)(()=>{
+        if ((inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) && typeof isFocusDefault === "boolean") setIsFocused(isFocusDefault);
+    }, [
+        inputRef,
+        isFocusDefault
+    ]);
+    function renderInput() {
+        const uniProps = {
+            name: name || fieldKey || id || testId || "",
+            className: `input ${className || ""}`,
+            placeholder,
+            value: inputValueFormated,
+            disabled,
+            onChange: handle.change,
+            onFocus: handle.focus,
+            onBlur: handle.blur,
+            onKeyDown: handle.keyDown,
+            onKeyUp: handle.keyUp,
+            min,
+            max,
+            ...maskChar ? {
+                maskChar
+            } : {},
+            ...formatChars ? {
+                formatChars
+            } : {}
+        };
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
+                    ...uniProps,
+                    "data-testid": `${testId}-input`,
+                    value: (value === null || value === void 0 ? void 0 : value.length) > 0 ? (0, _fieldValueFormatters.formatToAddBitDepthPoints)((0, _fieldValueFormatters.formatToRemoveComa)(value)) : value,
+                    ref: inputRef,
+                    type: "text",
+                    onFocus: (...params)=>{
+                        if (isUseAutoSelect) inputRef.current.select();
+                        if (uniProps.onFocus) uniProps.onFocus(...params);
+                    },
+                    ...attributesOfNativeInput
+                }),
+                !isNotRenderButtons ? /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                    className: "input__nums",
+                    children: [
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                            "data-testid": `${testId}-minus-btn`,
+                            ref: decRef,
+                            className: (0, _classnames.default)("input__num-btn", {
+                                "events-none": Number(value) <= min
+                            }),
+                            onMouseDown: (e)=>handle.decrement(e),
+                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Minus, {
+                                className: (0, _classnames.default)({
+                                    disabled: Number(value) <= min
+                                })
+                            })
+                        }),
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                            "data-testid": `-${testId}-plus-btn`,
+                            ref: incRef,
+                            className: (0, _classnames.default)("input__num-btn", {
+                                "events-none": Number(value) >= max
+                            }),
+                            onMouseDown: (e)=>handle.increment(e),
+                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Plus, {
+                                className: (0, _classnames.default)({
+                                    disabled: Number(value) >= max
+                                })
+                            })
+                        })
+                    ]
+                }) : null
+            ]
+        });
+    }
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        "data-testid": testId,
+        ref: wrapRef,
+        className: (0, _classnames.default)(`input__wrap`, {
+            [`input__wrap_focus`]: isFocused
+        }, {
+            [`input__wrap_error`]: error || isToHighlightError
+        }, {
+            [`input__wrap--disabled`]: disabled || isLoading
+        }),
+        children: [
+            renderInput(),
+            icon,
+            withDelete && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                className: (0, _classnames.default)(`input__close`, {
+                    hidden: !inputValue
+                }),
+                onClick: ()=>handle.clear()
+            }),
+            isLoading && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Spinner.default, {
+                size: "small"
+            })
+        ]
+    });
 };
-var _default = exports.default = NumericInput;
+const _default = NumericInput;

package/dist/Atomic/FormElements/NumericInput/NumericInput.scss

@@ -109,7 +109,7 @@
       height: 14px;
       margin: auto;
 
-      content: "";
+      content: '';
 
       background-color: #9aa0b9;
     }