intelicoreact 1.5.38 → 1.5.41

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

@@ -1,324 +1,274 @@
 "use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-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"));
+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"));
 require("./NumericInput.scss");
-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
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
+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 && {}.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 = () => {
+    const input = inputRef.current;
+    const cursor = 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 => {
+      setPreviousValue(e?.target?.value);
+      onKeyDown(e.keyCode, e);
+    },
+    keyUp: e => {
+      if (!isNotBlinkErrors) {
+        const changedValue = String(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?.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(() => {
+        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(() => {
+        inputRef?.current?.focus();
+        setCursorToEnd();
+      }, 100);
     }
-    var newObj = {
-        __proto__: null
+  };
+
+  //Check Outside Click
+  (0, _react.useEffect)(() => {
+    const handleClickOutside = event => {
+      if (!wrapRef.current.contains(event.target)) setIsFocused(false);
     };
-    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];
-            }
-        }
+    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);
     }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
+  }, [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?.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?.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) {
+      if (typeof onFocus === "function") onFocus({
+        target: inputRef?.current
+      });
+      inputRef?.current?.focus();
+    } else {
+      if (typeof onBlur === "function") onBlur({
+        target: inputRef?.current
+      });
+      inputRef?.current?.blur();
     }
-    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);
-        }
+  }, [isFocused]);
+  (0, _react.useEffect)(() => {
+    if (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
+      } : {})
     };
-    //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"
-            })
-        ]
-    });
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({}, uniProps, {
+      "data-testid": `${testId}-input`,
+      value: 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": `${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": `-${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"
+  }));
 };
-const _default = NumericInput;
+var _default = exports.default = NumericInput;

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

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