intelicoreact 1.6.7 → 1.6.8

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

@@ -0,0 +1,374 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    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"));
+require("./NumericInput.scss");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+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);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    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;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+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);
+        }
+    };
+    //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 = _object_spread({
+            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", _object_spread(_object_spread_props(_object_spread({}, 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"
+            })
+        ]
+    });
+};
+const _default = NumericInput;
+
+//# sourceMappingURL=NumericInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/NumericInput/NumericInput.js"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\n\nimport cn from \"classnames\";\nimport { Minus, Plus } from \"react-feather\";\n\nimport { KEYBOARD_SERVICE_KEYS } from \"../../../Constants/index.constants\";\nimport {\n  formatToAddBitDepthPoints as addCommas,\n  filterNumeric,\n  formatToRemoveComa as removeCommas,\n} from \"../../../Functions/fieldValueFormatters\";\nimport { getCorrectTestId } from \"../../../Functions/utils\";\nimport Spinner from \"../../Layout/Spinner/Spinner\";\n\nimport \"./NumericInput.scss\";\n\nconst NumericInput = ({\n  disabled,\n  withDelete,\n  numStep = 1,\n  min = 0,\n  max,\n  value,\n  placeholder,\n  className,\n  testId = \"numeric-input\",\n  name,\n  fieldKey,\n  id,\n\n  onChange = () => {},\n  onBlur = () => {},\n  onFocus = () => {},\n  onKeyUp = () => {},\n  onKeyDown = () => {},\n\n  maskChar,\n  formatChars,\n  error,\n  icon,\n  isNotBlinkErrors,\n  blinkTime,\n  isPriceInput,\n  isFocusDefault = false,\n  isNotRenderButtons = false,\n  isUseAutoSelect = true,\n  isLoading = false,\n  isAllowNullValue = false,\n  onlyNumbers = {\n    type: \"int\",\n  },\n\n  attributesOfNativeInput = {},\n}) => {\n  const DEFAULT_BLINK_TIME = 200;\n\n  //REFS\n  const inputRef = useRef(null);\n  const decRef = useRef(null);\n  const incRef = useRef(null);\n  const wrapRef = useRef(null);\n\n  // STATES\n  const initialMin = isAllowNullValue ? \"\" : min;\n  const [inputValue, setInputValue] = useState(value || initialMin);\n  const [inputValueFormated, setInputValueFormated] = useState(inputValue);\n  const [intMemoVal, setIntMemoVal] = useState(0);\n\n  const [isFocused, setIsFocused] = useState(false);\n\n  const [isAttemptToChange, setIsAttemptToChange] = useState(false);\n  const [isToHighlightError, setIsToHighlightError] = useState(false);\n\n  const [prevValue, setPreviousValue] = useState(value || initialMin);\n\n  const setCursorToEnd = () => {\n    const input = inputRef.current;\n    const cursor = input?.value?.length;\n    if (input) setTimeout(() => input.setSelectionRange(cursor, cursor), 10);\n  };\n\n  // HANDLES\n  const handle = {\n    change: (e) => {\n      const inputValue = e.target\n        ? filterNumeric(e.target.value, onlyNumbers)\n        : filterNumeric(e, onlyNumbers);\n      setInputValue(inputValue.toString());\n    },\n    clear: () => {\n      handle.change(initialMin || \"\");\n    },\n    focus: (e) => {\n      setIsFocused(true);\n      if (onFocus) onFocus(e);\n    },\n    blur: (e) => {\n      setIsFocused(false);\n\n      if (Number.isNaN(inputValue) || inputValue < min)\n        setInputValue(initialMin);\n      if (max && Number(max) < inputValue) setInputValue(max);\n\n      if (onBlur) onBlur(e);\n    },\n    keyDown: (e) => {\n      setPreviousValue(e?.target?.value);\n      onKeyDown(e.keyCode, e);\n    },\n\n    keyUp: (e) => {\n      if (!isNotBlinkErrors) {\n        const changedValue = String(value ?? \"\");\n        const previousValue = String(prevValue);\n\n        const short =\n          previousValue.length <= changedValue.length\n            ? previousValue\n            : changedValue;\n        const long =\n          previousValue.length > changedValue.length\n            ? previousValue\n            : changedValue;\n\n        const infoAboutDifferencesSameness = short.split(\"\").reduce(\n          (acc, symbol, idx) => {\n            if (acc.countOn && symbol === long[idx]) acc.same.push(symbol);\n            else {\n              acc.countOn = false;\n              acc.differences.push([idx, symbol]);\n            }\n            return acc;\n          },\n          { same: [], countOn: true, differences: [] },\n        );\n\n        const samePart = infoAboutDifferencesSameness.same.join(\"\");\n        const differencesLength =\n          infoAboutDifferencesSameness.differences.length;\n        const currentSet = changedValue?.replace(samePart, \"\");\n\n        if (\n          !KEYBOARD_SERVICE_KEYS.includes(e.key) &&\n          changedValue === previousValue\n        )\n          setIsAttemptToChange(!(!differencesLength && e.key === currentSet));\n      }\n\n      if (onKeyUp) onKeyUp(e.keyCode, e.target.value);\n    },\n    decrement: (e) => {\n      let newValue = Number(intMemoVal) - Number(numStep);\n      if (newValue < min) newValue = min;\n      else if (newValue > max) newValue = max;\n\n      handle.change(newValue);\n\n      setTimeout(() => {\n        inputRef?.current?.focus();\n        setCursorToEnd();\n      }, 100);\n    },\n    increment: (e) => {\n      let newValue = Number(intMemoVal) + Number(numStep);\n      if (newValue < min) newValue = min;\n      else if (newValue > max) newValue = max;\n\n      handle.change(newValue);\n\n      setTimeout(() => {\n        inputRef?.current?.focus();\n        setCursorToEnd();\n      }, 100);\n    },\n  };\n\n  //Check Outside Click\n  useEffect(() => {\n    const handleClickOutside = (event) => {\n      if (!wrapRef.current.contains(event.target)) setIsFocused(false);\n    };\n\n    document.addEventListener(\"mousedown\", handleClickOutside, true);\n    return () =>\n      document.removeEventListener(\"mousedown\", handleClickOutside, true);\n  }, []);\n\n  useEffect(() => {\n    if (!isNotBlinkErrors && isAttemptToChange) {\n      setIsAttemptToChange(false);\n      setIsToHighlightError(true);\n      setTimeout(() => {\n        setIsToHighlightError(false);\n      }, blinkTime || DEFAULT_BLINK_TIME);\n    }\n  }, [isAttemptToChange]);\n\n  useEffect(() => {\n    if (value && value !== inputValue) setInputValue(value);\n  }, [value]);\n\n  //On Input Value Change\n  useEffect(() => {\n    if (inputValue !== value) setIsFocused(true);\n\n    setInputValueFormated(\n      isPriceInput && inputValue?.length > 0\n        ? isFocused\n          ? removeCommas(inputValue)\n          : addCommas(inputValue)\n        : inputValue,\n    );\n    setIntMemoVal(removeCommas(inputValue));\n\n    if (typeof onChange === \"function\" && value !== undefined && +inputValue !== +value) onChange(inputValue?.toString());\n  }, [inputValue]);\n\n  //On Integer Value Change\n  useEffect(() => {\n    if (isNaN(intMemoVal)) setIntMemoVal(min || 0);\n  }, [intMemoVal]);\n\n  //On Focuse Change\n  useEffect(() => {\n    let formatedValue = inputValue;\n    if (isPriceInput)\n      formatedValue = isFocused\n        ? removeCommas(inputValue)\n        : addCommas(inputValue);\n    setInputValueFormated(formatedValue);\n\n    if (isFocused) {\n      if (typeof onFocus === \"function\") onFocus({ target: inputRef?.current });\n      inputRef?.current?.focus();\n    } else {\n      if (typeof onBlur === \"function\") onBlur({ target: inputRef?.current });\n      inputRef?.current?.blur();\n    }\n  }, [isFocused]);\n\n  useEffect(() => {\n    if (inputRef?.current && typeof isFocusDefault === \"boolean\")\n      setIsFocused(isFocusDefault);\n  }, [inputRef, isFocusDefault]);\n\n  function renderInput() {\n    const uniProps = {\n      name: name || fieldKey || id || testId || \"\",\n      className: `input ${className || \"\"}`,\n      placeholder,\n      value: inputValueFormated,\n      disabled,\n      onChange: handle.change,\n      onFocus: handle.focus,\n      onBlur: handle.blur,\n      onKeyDown: handle.keyDown,\n      onKeyUp: handle.keyUp,\n      min,\n      max,\n      ...(maskChar ? { maskChar } : {}),\n      ...(formatChars ? { formatChars } : {}),\n    };\n\n    return (\n      <>\n        <input\n          {...uniProps}\n          data-testid={`${testId}-input`}\n          value={value?.length > 0 ? addCommas(removeCommas(value)) : value}\n          ref={inputRef}\n          type=\"text\"\n          onFocus={(...params) => {\n            if (isUseAutoSelect) inputRef.current.select();\n            if (uniProps.onFocus) uniProps.onFocus(...params);\n          }}\n          {...attributesOfNativeInput}\n        />\n\n        {!isNotRenderButtons ? (\n          <div className=\"input__nums\">\n            <button\n              data-testid={`${testId}-minus-btn`}\n              ref={decRef}\n              className={cn(\"input__num-btn\", {\n                \"events-none\": Number(value) <= min,\n              })}\n              onMouseDown={(e) => handle.decrement(e)}\n            >\n              <Minus className={cn({ disabled: Number(value) <= min })} />\n            </button>\n            <button\n              data-testid={`-${testId}-plus-btn`}\n              ref={incRef}\n              className={cn(\"input__num-btn\", {\n                \"events-none\": Number(value) >= max,\n              })}\n              onMouseDown={(e) => handle.increment(e)}\n            >\n              <Plus className={cn({ disabled: Number(value) >= max })} />\n            </button>\n          </div>\n        ) : null}\n      </>\n    );\n  }\n\n  return (\n    <div\n      data-testid={testId}\n      ref={wrapRef}\n      className={cn(\n        `input__wrap`,\n        { [`input__wrap_focus`]: isFocused },\n        { [`input__wrap_error`]: error || isToHighlightError },\n        { [`input__wrap--disabled`]: disabled || isLoading },\n      )}\n    >\n      {renderInput()}\n      {icon}\n      {withDelete && (\n        <span\n          className={cn(`input__close`, { hidden: !inputValue })}\n          onClick={() => handle.clear()}\n        />\n      )}\n      {isLoading && <Spinner size=\"small\" />}\n    </div>\n  );\n};\n\nexport default NumericInput;\n"],"names":["NumericInput","disabled","withDelete","numStep","min","max","value","placeholder","className","testId","name","fieldKey","id","onChange","onBlur","onFocus","onKeyUp","onKeyDown","maskChar","formatChars","error","icon","isNotBlinkErrors","blinkTime","isPriceInput","isFocusDefault","isNotRenderButtons","isUseAutoSelect","isLoading","isAllowNullValue","onlyNumbers","type","attributesOfNativeInput","DEFAULT_BLINK_TIME","inputRef","useRef","decRef","incRef","wrapRef","initialMin","inputValue","setInputValue","useState","inputValueFormated","setInputValueFormated","intMemoVal","setIntMemoVal","isFocused","setIsFocused","isAttemptToChange","setIsAttemptToChange","isToHighlightError","setIsToHighlightError","prevValue","setPreviousValue","setCursorToEnd","input","current","cursor","length","setTimeout","setSelectionRange","handle","change","e","target","filterNumeric","toString","clear","focus","blur","Number","isNaN","keyDown","keyCode","keyUp","changedValue","String","previousValue","short","long","infoAboutDifferencesSameness","split","reduce","acc","symbol","idx","countOn","same","push","differences","samePart","join","differencesLength","currentSet","replace","KEYBOARD_SERVICE_KEYS","includes","key","decrement","newValue","increment","useEffect","handleClickOutside","event","contains","document","addEventListener","removeEventListener","removeCommas","addCommas","undefined","formatedValue","renderInput","uniProps","data-testid","ref","params","select","div","button","cn","onMouseDown","Minus","Plus","span","hidden","onClick","Spinner","size"],"mappings":"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"}

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

@@ -0,0 +1,237 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    NumericInputTemplate: function() {
+        return NumericInputTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _NumericInput = /*#__PURE__*/ _interop_require_default(require("./NumericInput"));
+require("../../../../../scss/main.scss");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+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);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    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;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+global.lng = 'en';
+const _default = {
+    title: 'Form Elements/NumericInput',
+    component: _NumericInput.default,
+    argTypes: {
+        disabled: {
+            description: 'boolean'
+        },
+        isFocusDefault: {
+            description: 'boolean - if true, input will be focused on mount'
+        },
+        isInitialFocus: {
+            description: 'boolean - if true, the input will be focused on mount'
+        },
+        error: {
+            description: 'text - coloring input if is errored'
+        },
+        isPriceInput: {
+            description: 'boolean - if true, the input will be styled as PriceInput'
+        },
+        withDelete: {
+            description: 'boolean - add clear-cross by hover'
+        },
+        numStep: {
+            description: 'number/text - plus/minus buttons factor (default: 1)'
+        },
+        min: {
+            description: 'number/text - minimal number for numeric input'
+        },
+        max: {
+            description: 'number/text - maximal number for numeric input'
+        },
+        placeholder: {
+            description: 'text'
+        },
+        icon: {
+            description: 'JSX'
+        },
+        value: {
+            description: '(* - required prop)'
+        },
+        className: {
+            description: 'string'
+        },
+        onBlur: {
+            description: 'custom callback on blur'
+        },
+        onFocus: {
+            description: 'custom callback on focus'
+        },
+        onKeyUp: {
+            description: 'custom callback on keyup, returns event keyCode'
+        },
+        testId: {
+            description: 'string'
+        },
+        onlyNumbers: {
+            description: 'object - {type: "int" || "float", decimalPlaces: number}'
+        },
+        attributesOfNativeInput: {
+            description: 'Object. Optional. This is list of attributes to add in native input'
+        }
+    }
+};
+const buttonStyles = {
+    border: 'solid 1px #000',
+    padding: '5px',
+    margin: '20px 0'
+};
+const Template = (args)=>{
+    const [value, setValue] = (0, _react.useState)();
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_NumericInput.default, _object_spread_props(_object_spread({}, args), {
+                value: value,
+                onChange: setValue
+            })),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                style: buttonStyles,
+                onClick: ()=>{
+                    // setIsDisabled(true);
+                    setTimeout(()=>{
+                        setValue('500');
+                    // setIsDisabled(false);
+                    }, 1000);
+                },
+                children: "start timeout"
+            })
+        ]
+    });
+};
+const NumericInputTemplate = Template.bind({});
+NumericInputTemplate.args = {
+    className: 'test-class',
+    testId: 'test-id',
+    disabled: false,
+    isLoading: false,
+    isFocusDefault: false,
+    error: '',
+    isPriceInput: false,
+    mask: '',
+    withDelete: true,
+    isNumeric: false,
+    numStep: 100,
+    // min: '0',
+    max: '15000',
+    symbolsLimit: 6,
+    placeholder: 'Placeholder',
+    isNotRenderButtons: false,
+    // icon: <User />
+    onlyNumbers: {
+        type: 'float',
+        decimalPlaces: 2
+    }
+};
+
+//# sourceMappingURL=NumericInput.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/NumericInput/NumericInput.stories.js"],"sourcesContent":["import React, {useState} from 'react';\n\nimport NumericInput from './NumericInput';\n\nimport '../../../../../scss/main.scss';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'Form Elements/NumericInput',\n  component: NumericInput,\n  argTypes: {\n    disabled: {\n      description: 'boolean',\n    },\n    isFocusDefault: {\n      description: 'boolean - if true, input will be focused on mount',\n    },\n    isInitialFocus: {\n      description: 'boolean - if true, the input will be focused on mount',\n    },\n    error: {\n      description: 'text - coloring input if is errored',\n    },\n    isPriceInput: {\n      description: 'boolean - if true, the input will be styled as PriceInput',\n    },\n    withDelete: {\n      description: 'boolean - add clear-cross by hover',\n    },\n    numStep: {\n      description: 'number/text - plus/minus buttons factor (default: 1)',\n    },\n    min: {\n      description: 'number/text - minimal number for numeric input',\n    },\n    max: {\n      description: 'number/text - maximal number for numeric input',\n    },\n    placeholder: {\n      description: 'text',\n    },\n    icon: {description: 'JSX'},\n    value: {description: '(* - required prop)'},\n    className: {description: 'string'},\n    onBlur: {description: 'custom callback on blur'},\n    onFocus: {description: 'custom callback on focus'},\n    onKeyUp: {description: 'custom callback on keyup, returns event keyCode'},\n\n    testId: {description: 'string'},\n    onlyNumbers: {\n      description: 'object - {type: \"int\" || \"float\", decimalPlaces: number}',\n    },\n    attributesOfNativeInput: {\n      description: 'Object. Optional. This is list of attributes to add in native input',\n    }\n  },\n};\n\nconst buttonStyles = {\n  border: 'solid 1px #000',\n  padding: '5px',\n  margin: '20px 0',\n};\n\nconst Template = args => {\n  const [value, setValue] = useState();\n  return (\n    <>\n      <NumericInput {...args} value={value} onChange={setValue} />\n      <button\n        style={buttonStyles}\n        onClick={() => {\n          // setIsDisabled(true);\n          setTimeout(() => {\n            setValue('500');\n            // setIsDisabled(false);\n          }, 1000);\n        }}\n      >\n        start timeout\n      </button>\n    </>\n  );\n};\n\nexport const NumericInputTemplate = Template.bind({});\n\nNumericInputTemplate.args = {\n  className: 'test-class',\n  testId: 'test-id',\n  disabled: false,\n  isLoading: false,\n  isFocusDefault: false,\n  error: '',\n  isPriceInput: false,\n  mask: '',\n  withDelete: true,\n  isNumeric: false,\n  numStep: 100,\n  // min: '0',\n  max: '15000',\n  symbolsLimit: 6,\n  placeholder: 'Placeholder',\n  isNotRenderButtons: false,\n  // icon: <User />\n  onlyNumbers: {\n    type: 'float',\n    decimalPlaces: 2,\n  },\n};\n"],"names":["NumericInputTemplate","global","lng","title","component","NumericInput","argTypes","disabled","description","isFocusDefault","isInitialFocus","error","isPriceInput","withDelete","numStep","min","max","placeholder","icon","value","className","onBlur","onFocus","onKeyUp","testId","onlyNumbers","attributesOfNativeInput","buttonStyles","border","padding","margin","Template","args","setValue","useState","onChange","button","style","onClick","setTimeout","bind","isLoading","mask","isNumeric","symbolsLimit","isNotRenderButtons","type","decimalPlaces"],"mappings":";;;;;;;;;;;IAsFaA,oBAAoB;eAApBA;;IA9Eb,OAiDE;eAjDF;;;;+DAR8B;qEAEL;QAElB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEPC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,qBAAY;IACvBC,UAAU;QACRC,UAAU;YACRC,aAAa;QACf;QACAC,gBAAgB;YACdD,aAAa;QACf;QACAE,gBAAgB;YACdF,aAAa;QACf;QACAG,OAAO;YACLH,aAAa;QACf;QACAI,cAAc;YACZJ,aAAa;QACf;QACAK,YAAY;YACVL,aAAa;QACf;QACAM,SAAS;YACPN,aAAa;QACf;QACAO,KAAK;YACHP,aAAa;QACf;QACAQ,KAAK;YACHR,aAAa;QACf;QACAS,aAAa;YACXT,aAAa;QACf;QACAU,MAAM;YAACV,aAAa;QAAK;QACzBW,OAAO;YAACX,aAAa;QAAqB;QAC1CY,WAAW;YAACZ,aAAa;QAAQ;QACjCa,QAAQ;YAACb,aAAa;QAAyB;QAC/Cc,SAAS;YAACd,aAAa;QAA0B;QACjDe,SAAS;YAACf,aAAa;QAAiD;QAExEgB,QAAQ;YAAChB,aAAa;QAAQ;QAC9BiB,aAAa;YACXjB,aAAa;QACf;QACAkB,yBAAyB;YACvBlB,aAAa;QACf;IACF;AACF;AAEA,MAAMmB,eAAe;IACnBC,QAAQ;IACRC,SAAS;IACTC,QAAQ;AACV;AAEA,MAAMC,WAAWC,CAAAA;IACf,MAAM,CAACb,OAAOc,SAAS,GAAGC,IAAAA,eAAQ;IAClC,qBACE;;0BACE,qBAAC7B,qBAAY,0CAAK2B;gBAAMb,OAAOA;gBAAOgB,UAAUF;;0BAChD,qBAACG;gBACCC,OAAOV;gBACPW,SAAS;oBACP,uBAAuB;oBACvBC,WAAW;wBACTN,SAAS;oBACT,wBAAwB;oBAC1B,GAAG;gBACL;0BACD;;;;AAKP;AAEO,MAAMjC,uBAAuB+B,SAASS,IAAI,CAAC,CAAC;AAEnDxC,qBAAqBgC,IAAI,GAAG;IAC1BZ,WAAW;IACXI,QAAQ;IACRjB,UAAU;IACVkC,WAAW;IACXhC,gBAAgB;IAChBE,OAAO;IACPC,cAAc;IACd8B,MAAM;IACN7B,YAAY;IACZ8B,WAAW;IACX7B,SAAS;IACT,YAAY;IACZE,KAAK;IACL4B,cAAc;IACd3B,aAAa;IACb4B,oBAAoB;IACpB,iBAAiB;IACjBpB,aAAa;QACXqB,MAAM;QACNC,eAAe;IACjB;AACF"}