intelicoreact 1.6.6 → 1.6.8

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

@@ -20,6 +20,19 @@ const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _MobileCalendar = /*#__PURE__*/ _interop_require_default(require("./MobileCalendar"));
 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
@@ -66,6 +79,21 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     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;
+}
 global.lng = 'en';
 const _default = {
     title: 'Form Elements/Mobile Calendar',
@@ -136,9 +164,7 @@ const _default = {
 const Template = (args)=>{
     const [date, setDate] = (0, _react.useState)('');
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_MobileCalendar.default, {
-            ...args
-        })
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_MobileCalendar.default, _object_spread({}, args))
     });
 };
 const CalendarTemplate = Template.bind({});
@@ -170,3 +196,5 @@ CalendarTemplate.args = {
         activeItem: ''
     }
 };
+
+//# sourceMappingURL=MobileCalendar.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/MobileCalendar/MobileCalendar.stories.js"],"sourcesContent":["import React, {useState} from 'react';\nimport moment from 'moment';\n\nimport MobileCalendar from './MobileCalendar';\n\nimport '../../../../../scss/main.scss';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'Form Elements/Mobile Calendar',\n  component: MobileCalendar,\n  argTypes: {\n    min: {\n      description: 'Min Date',\n      control: {\n        type: 'date',\n      },\n    },\n    max: {\n      description: 'Max Date',\n      control: {\n        type: 'date',\n      },\n    },\n    value: {\n      description: 'Value',\n      control: {\n        type: 'date',\n      },\n    },\n    rows: {\n      description: 'Calendar Rows',\n      control: {\n        type: 'number',\n      },\n    },\n    label: {\n      description: 'Calendar Label',\n      control: {\n        type: 'text',\n      },\n    },\n    timeout: {\n      description: 'Scroll Timeout',\n      control: {\n        type: 'number',\n      },\n    },\n    isMobile: {\n      description: 'Touch Scroll Switcher',\n    },\n    showSelectedDate: {\n      description: 'Selected Date Block Visibility',\n    },\n    listItemHeight: {\n      description: 'List Item Height For Scroll Calculate',\n      control: {\n        type: 'number',\n      },\n    },\n    classes: {\n      description: 'Style Classes',\n    },\n    onChange: {\n      description: 'On Change Callback',\n    },\n    onMinDateReached: {\n      description: 'On Min Date Reached Callback',\n    },\n    onMaxDateReached: {\n      description: 'On Max Date Reached Callback',\n    },\n  },\n};\n\nconst Template = args => {\n  const [date, setDate] = useState('');\n\n  return (\n    <>\n      <MobileCalendar {...args} />\n    </>\n  );\n};\n\nexport const CalendarTemplate = Template.bind({});\n\nCalendarTemplate.args = {\n  min: '',\n  max: '',\n  value: '',\n  rows: 5,\n  label: '',\n  timeout: 75,\n  isMobile: true,\n  showSelectedDate: false,\n  listItemHeight: 32,\n\n  classes: {\n    wrapper: '',\n    label: '',\n    body: '',\n\n    yearsBlock: '',\n    yearsList: '',\n    yearsListItem: '',\n\n    monthsBlock: '',\n    monthsList: '',\n    monthsListItem: '',\n\n    daysBlock: '',\n    daysList: '',\n    daysListItem: '',\n\n    prevItem: '',\n    nextItem: '',\n    activeItem: '',\n  },\n};\n"],"names":["CalendarTemplate","global","lng","title","component","MobileCalendar","argTypes","min","description","control","type","max","value","rows","label","timeout","isMobile","showSelectedDate","listItemHeight","classes","onChange","onMinDateReached","onMaxDateReached","Template","args","date","setDate","useState","bind","wrapper","body","yearsBlock","yearsList","yearsListItem","monthsBlock","monthsList","monthsListItem","daysBlock","daysList","daysListItem","prevItem","nextItem","activeItem"],"mappings":";;;;;;;;;;;IAsFaA,gBAAgB;eAAhBA;;IA7Eb,OAiEE;eAjEF;;;;+DAT8B;uEAGH;QAEpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEPC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,uBAAc;IACzBC,UAAU;QACRC,KAAK;YACHC,aAAa;YACbC,SAAS;gBACPC,MAAM;YACR;QACF;QACAC,KAAK;YACHH,aAAa;YACbC,SAAS;gBACPC,MAAM;YACR;QACF;QACAE,OAAO;YACLJ,aAAa;YACbC,SAAS;gBACPC,MAAM;YACR;QACF;QACAG,MAAM;YACJL,aAAa;YACbC,SAAS;gBACPC,MAAM;YACR;QACF;QACAI,OAAO;YACLN,aAAa;YACbC,SAAS;gBACPC,MAAM;YACR;QACF;QACAK,SAAS;YACPP,aAAa;YACbC,SAAS;gBACPC,MAAM;YACR;QACF;QACAM,UAAU;YACRR,aAAa;QACf;QACAS,kBAAkB;YAChBT,aAAa;QACf;QACAU,gBAAgB;YACdV,aAAa;YACbC,SAAS;gBACPC,MAAM;YACR;QACF;QACAS,SAAS;YACPX,aAAa;QACf;QACAY,UAAU;YACRZ,aAAa;QACf;QACAa,kBAAkB;YAChBb,aAAa;QACf;QACAc,kBAAkB;YAChBd,aAAa;QACf;IACF;AACF;AAEA,MAAMe,WAAWC,CAAAA;IACf,MAAM,CAACC,MAAMC,QAAQ,GAAGC,IAAAA,eAAQ,EAAC;IAEjC,qBACE;kBACE,cAAA,qBAACtB,uBAAc,qBAAKmB;;AAG1B;AAEO,MAAMxB,mBAAmBuB,SAASK,IAAI,CAAC,CAAC;AAE/C5B,iBAAiBwB,IAAI,GAAG;IACtBjB,KAAK;IACLI,KAAK;IACLC,OAAO;IACPC,MAAM;IACNC,OAAO;IACPC,SAAS;IACTC,UAAU;IACVC,kBAAkB;IAClBC,gBAAgB;IAEhBC,SAAS;QACPU,SAAS;QACTf,OAAO;QACPgB,MAAM;QAENC,YAAY;QACZC,WAAW;QACXC,eAAe;QAEfC,aAAa;QACbC,YAAY;QACZC,gBAAgB;QAEhBC,WAAW;QACXC,UAAU;QACVC,cAAc;QAEdC,UAAU;QACVC,UAAU;QACVC,YAAY;IACd;AACF"}

package/dist/Atomic/FormElements/MultiSelect/MultiSelect.js

@@ -93,3 +93,5 @@ const MultiSelect = ({ options, chosenOptions, onChange })=>{
     });
 };
 const _default = MultiSelect;
+
+//# sourceMappingURL=MultiSelect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/MultiSelect/MultiSelect.js"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport CheckboxInput from \"../CheckboxInput/CheckboxInput\";\nimport Input from \"../Input/Input\";\n\nimport \"./MultiSelect.scss\";\n\nconst MultiSelect = ({ options, chosenOptions, onChange }) => {\n  const [searchValue, setSearchValue] = useState(\"\");\n\n  const checkHandler = (state, value) => {\n    if (state) {\n      onChange([...chosenOptions, value]);\n    } else {\n      onChange(chosenOptions.filter((item) => item !== value));\n    }\n  };\n\n  const filteredOptions = options.filter(({ label }) =>\n    label.toLowerCase().includes(searchValue.toLowerCase()),\n  );\n\n  return (\n    <div className=\"multiselect\">\n      <Input\n        value={searchValue}\n        onChange={(value) => setSearchValue(value)}\n        placeholder=\"Search\"\n      />\n      <div className=\"multiselect__list\">\n        {filteredOptions.map(({ label, value, id }) => (\n          <CheckboxInput\n            key={id}\n            value={chosenOptions.includes(value)}\n            label={label}\n            onChange={(state) => checkHandler(state, value)}\n            className=\"multiselect__item\"\n          />\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport default MultiSelect;\n"],"names":["MultiSelect","options","chosenOptions","onChange","searchValue","setSearchValue","useState","checkHandler","state","value","filter","item","filteredOptions","label","toLowerCase","includes","div","className","Input","placeholder","map","id","CheckboxInput"],"mappings":";;;;+BA4CA;;;eAAA;;;;+DA5CgC;sEAEN;8DACR;QAEX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,MAAMA,cAAc,CAAC,EAAEC,OAAO,EAAEC,aAAa,EAAEC,QAAQ,EAAE;IACvD,MAAM,CAACC,aAAaC,eAAe,GAAGC,IAAAA,eAAQ,EAAC;IAE/C,MAAMC,eAAe,CAACC,OAAOC;QAC3B,IAAID,OAAO;YACTL,SAAS;mBAAID;gBAAeO;aAAM;QACpC,OAAO;YACLN,SAASD,cAAcQ,MAAM,CAAC,CAACC,OAASA,SAASF;QACnD;IACF;IAEA,MAAMG,kBAAkBX,QAAQS,MAAM,CAAC,CAAC,EAAEG,KAAK,EAAE,GAC/CA,MAAMC,WAAW,GAAGC,QAAQ,CAACX,YAAYU,WAAW;IAGtD,qBACE,sBAACE;QAAIC,WAAU;;0BACb,qBAACC,cAAK;gBACJT,OAAOL;gBACPD,UAAU,CAACM,QAAUJ,eAAeI;gBACpCU,aAAY;;0BAEd,qBAACH;gBAAIC,WAAU;0BACZL,gBAAgBQ,GAAG,CAAC,CAAC,EAAEP,KAAK,EAAEJ,KAAK,EAAEY,EAAE,EAAE,iBACxC,qBAACC,sBAAa;wBAEZb,OAAOP,cAAca,QAAQ,CAACN;wBAC9BI,OAAOA;wBACPV,UAAU,CAACK,QAAUD,aAAaC,OAAOC;wBACzCQ,WAAU;uBAJLI;;;;AAUjB;MAEA,WAAerB"}

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

@@ -20,6 +20,19 @@ const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _MultiSelect = /*#__PURE__*/ _interop_require_default(require("./MultiSelect"));
 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
@@ -66,6 +79,45 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     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/MultiSelect',
@@ -110,12 +162,13 @@ const MultiTemplate = (args)=>{
         }
     ];
     const [value, setValue] = (0, _react.useState)([]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_MultiSelect.default, {
-        ...args,
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_MultiSelect.default, _object_spread_props(_object_spread({}, args), {
         options: options,
         chosenOptions: value,
         onChange: setValue
-    });
+    }));
 };
 const MultiDropdownTemplate = MultiTemplate.bind({});
 MultiDropdownTemplate.args = {};
+
+//# sourceMappingURL=MultiSelect.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/MultiSelect/MultiSelect.stories.js"],"sourcesContent":["import React, {useState} from 'react';\nimport MultiSelect from './MultiSelect';\n\nimport '../../../../../scss/main.scss';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'Form Elements/MultiSelect',\n  component: MultiSelect,\n};\n\nconst MultiTemplate = args => {\n  const options = [\n    {id: 1, label: 'label test 1', value: 'check1'},\n    {id: 2, label: 'label test 2', value: 'check2'},\n    {id: 3, label: 'label test 3', value: 'check3'},\n    {id: 4, label: 'label test 4', value: 'check4'},\n    {id: 5, label: 'label test 5', value: 'check5'},\n    {id: 6, label: 'label test 6', value: 'check6'},\n    {id: 7, label: 'label test 7', value: 'check7'},\n  ];\n\n  const [value, setValue] = useState([]);\n\n  return <MultiSelect {...args} options={options} chosenOptions={value} onChange={setValue} />;\n};\n\nexport const MultiDropdownTemplate = MultiTemplate.bind({});\nMultiDropdownTemplate.args = {};\n"],"names":["MultiDropdownTemplate","global","lng","title","component","MultiSelect","MultiTemplate","args","options","id","label","value","setValue","useState","chosenOptions","onChange","bind"],"mappings":";;;;;;;;;;;IA4BaA,qBAAqB;eAArBA;;IArBb,OAGE;eAHF;;;;+DAP8B;oEACN;QAEjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEPC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,oBAAW;AACxB;AAEA,MAAMC,gBAAgBC,CAAAA;IACpB,MAAMC,UAAU;QACd;YAACC,IAAI;YAAGC,OAAO;YAAgBC,OAAO;QAAQ;QAC9C;YAACF,IAAI;YAAGC,OAAO;YAAgBC,OAAO;QAAQ;QAC9C;YAACF,IAAI;YAAGC,OAAO;YAAgBC,OAAO;QAAQ;QAC9C;YAACF,IAAI;YAAGC,OAAO;YAAgBC,OAAO;QAAQ;QAC9C;YAACF,IAAI;YAAGC,OAAO;YAAgBC,OAAO;QAAQ;QAC9C;YAACF,IAAI;YAAGC,OAAO;YAAgBC,OAAO;QAAQ;QAC9C;YAACF,IAAI;YAAGC,OAAO;YAAgBC,OAAO;QAAQ;KAC/C;IAED,MAAM,CAACA,OAAOC,SAAS,GAAGC,IAAAA,eAAQ,EAAC,EAAE;IAErC,qBAAO,qBAACR,oBAAW,0CAAKE;QAAMC,SAASA;QAASM,eAAeH;QAAOI,UAAUH;;AAClF;AAEO,MAAMZ,wBAAwBM,cAAcU,IAAI,CAAC,CAAC;AACzDhB,sBAAsBO,IAAI,GAAG,CAAC"}

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

@@ -16,6 +16,19 @@ 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
@@ -62,6 +75,45 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     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 = {} })=>{
@@ -228,7 +280,7 @@ const NumericInput = ({ disabled, withDelete, numStep = 1, min = 0, max, value,
         isFocusDefault
     ]);
     function renderInput() {
-        const uniProps = {
+        const uniProps = _object_spread({
             name: name || fieldKey || id || testId || "",
             className: `input ${className || ""}`,
             placeholder,
@@ -240,18 +292,15 @@ const NumericInput = ({ disabled, withDelete, numStep = 1, min = 0, max, value,
             onKeyDown: handle.keyDown,
             onKeyUp: handle.keyUp,
             min,
-            max,
-            ...maskChar ? {
-                maskChar
-            } : {},
-            ...formatChars ? {
-                formatChars
-            } : {}
-        };
+            max
+        }, maskChar ? {
+            maskChar
+        } : {}, formatChars ? {
+            formatChars
+        } : {});
         return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
             children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
-                    ...uniProps,
+                /*#__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,
@@ -259,9 +308,8 @@ const NumericInput = ({ disabled, withDelete, numStep = 1, min = 0, max, value,
                     onFocus: (...params)=>{
                         if (isUseAutoSelect) inputRef.current.select();
                         if (uniProps.onFocus) uniProps.onFocus(...params);
-                    },
-                    ...attributesOfNativeInput
-                }),
+                    }
+                }), attributesOfNativeInput)),
                 !isNotRenderButtons ? /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                     className: "input__nums",
                     children: [
@@ -322,3 +370,5 @@ const NumericInput = ({ disabled, withDelete, numStep = 1, min = 0, max, value,
     });
 };
 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":";;;;+BA0UA;;;eAAA;;;;+DA1UmD;mEAEpC;8BACa;gCAEU;sCAK/B;gEAEa;QAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,MAAMA,eAAe,CAAC,EACpBC,QAAQ,EACRC,UAAU,EACVC,UAAU,CAAC,EACXC,MAAM,CAAC,EACPC,GAAG,EACHC,KAAK,EACLC,WAAW,EACXC,SAAS,EACTC,SAAS,eAAe,EACxBC,IAAI,EACJC,QAAQ,EACRC,EAAE,EAEFC,WAAW,KAAO,CAAC,EACnBC,SAAS,KAAO,CAAC,EACjBC,UAAU,KAAO,CAAC,EAClBC,UAAU,KAAO,CAAC,EAClBC,YAAY,KAAO,CAAC,EAEpBC,QAAQ,EACRC,WAAW,EACXC,KAAK,EACLC,IAAI,EACJC,gBAAgB,EAChBC,SAAS,EACTC,YAAY,EACZC,iBAAiB,KAAK,EACtBC,qBAAqB,KAAK,EAC1BC,kBAAkB,IAAI,EACtBC,YAAY,KAAK,EACjBC,mBAAmB,KAAK,EACxBC,cAAc;IACZC,MAAM;AACR,CAAC,EAEDC,0BAA0B,CAAC,CAAC,EAC7B;IACC,MAAMC,qBAAqB;IAE3B,MAAM;IACN,MAAMC,WAAWC,IAAAA,aAAM,EAAC;IACxB,MAAMC,SAASD,IAAAA,aAAM,EAAC;IACtB,MAAME,SAASF,IAAAA,aAAM,EAAC;IACtB,MAAMG,UAAUH,IAAAA,aAAM,EAAC;IAEvB,SAAS;IACT,MAAMI,aAAaV,mBAAmB,KAAKzB;IAC3C,MAAM,CAACoC,YAAYC,cAAc,GAAGC,IAAAA,eAAQ,EAACpC,SAASiC;IACtD,MAAM,CAACI,oBAAoBC,sBAAsB,GAAGF,IAAAA,eAAQ,EAACF;IAC7D,MAAM,CAACK,YAAYC,cAAc,GAAGJ,IAAAA,eAAQ,EAAC;IAE7C,MAAM,CAACK,WAAWC,aAAa,GAAGN,IAAAA,eAAQ,EAAC;IAE3C,MAAM,CAACO,mBAAmBC,qBAAqB,GAAGR,IAAAA,eAAQ,EAAC;IAC3D,MAAM,CAACS,oBAAoBC,sBAAsB,GAAGV,IAAAA,eAAQ,EAAC;IAE7D,MAAM,CAACW,WAAWC,iBAAiB,GAAGZ,IAAAA,eAAQ,EAACpC,SAASiC;IAExD,MAAMgB,iBAAiB;YAENC;QADf,MAAMA,QAAQtB,SAASuB,OAAO;QAC9B,MAAMC,SAASF,kBAAAA,6BAAAA,eAAAA,MAAOlD,KAAK,cAAZkD,mCAAAA,aAAcG,MAAM;QACnC,IAAIH,OAAOI,WAAW,IAAMJ,MAAMK,iBAAiB,CAACH,QAAQA,SAAS;IACvE;IAEA,UAAU;IACV,MAAMI,SAAS;QACbC,QAAQ,CAACC;YACP,MAAMxB,aAAawB,EAAEC,MAAM,GACvBC,IAAAA,mCAAa,EAACF,EAAEC,MAAM,CAAC3D,KAAK,EAAEwB,eAC9BoC,IAAAA,mCAAa,EAACF,GAAGlC;YACrBW,cAAcD,WAAW2B,QAAQ;QACnC;QACAC,OAAO;YACLN,OAAOC,MAAM,CAACxB,cAAc;QAC9B;QACA8B,OAAO,CAACL;YACNhB,aAAa;YACb,IAAIjC,SAASA,QAAQiD;QACvB;QACAM,MAAM,CAACN;YACLhB,aAAa;YAEb,IAAIuB,OAAOC,KAAK,CAAChC,eAAeA,aAAapC,KAC3CqC,cAAcF;YAChB,IAAIlC,OAAOkE,OAAOlE,OAAOmC,YAAYC,cAAcpC;YAEnD,IAAIS,QAAQA,OAAOkD;QACrB;QACAS,SAAS,CAACT;gBACSA;YAAjBV,iBAAiBU,cAAAA,yBAAAA,YAAAA,EAAGC,MAAM,cAATD,gCAAAA,UAAW1D,KAAK;YACjCW,UAAU+C,EAAEU,OAAO,EAAEV;QACvB;QAEAW,OAAO,CAACX;YACN,IAAI,CAAC1C,kBAAkB;gBACrB,MAAMsD,eAAeC,OAAOvE,kBAAAA,mBAAAA,QAAS;gBACrC,MAAMwE,gBAAgBD,OAAOxB;gBAE7B,MAAM0B,QACJD,cAAcnB,MAAM,IAAIiB,aAAajB,MAAM,GACvCmB,gBACAF;gBACN,MAAMI,OACJF,cAAcnB,MAAM,GAAGiB,aAAajB,MAAM,GACtCmB,gBACAF;gBAEN,MAAMK,+BAA+BF,MAAMG,KAAK,CAAC,IAAIC,MAAM,CACzD,CAACC,KAAKC,QAAQC;oBACZ,IAAIF,IAAIG,OAAO,IAAIF,WAAWL,IAAI,CAACM,IAAI,EAAEF,IAAII,IAAI,CAACC,IAAI,CAACJ;yBAClD;wBACHD,IAAIG,OAAO,GAAG;wBACdH,IAAIM,WAAW,CAACD,IAAI,CAAC;4BAACH;4BAAKD;yBAAO;oBACpC;oBACA,OAAOD;gBACT,GACA;oBAAEI,MAAM,EAAE;oBAAED,SAAS;oBAAMG,aAAa,EAAE;gBAAC;gBAG7C,MAAMC,WAAWV,6BAA6BO,IAAI,CAACI,IAAI,CAAC;gBACxD,MAAMC,oBACJZ,6BAA6BS,WAAW,CAAC/B,MAAM;gBACjD,MAAMmC,aAAalB,yBAAAA,mCAAAA,aAAcmB,OAAO,CAACJ,UAAU;gBAEnD,IACE,CAACK,qCAAqB,CAACC,QAAQ,CAACjC,EAAEkC,GAAG,KACrCtB,iBAAiBE,eAEjB5B,qBAAqB,CAAE,CAAA,CAAC2C,qBAAqB7B,EAAEkC,GAAG,KAAKJ,UAAS;YACpE;YAEA,IAAI9E,SAASA,QAAQgD,EAAEU,OAAO,EAAEV,EAAEC,MAAM,CAAC3D,KAAK;QAChD;QACA6F,WAAW,CAACnC;YACV,IAAIoC,WAAW7B,OAAO1B,cAAc0B,OAAOpE;YAC3C,IAAIiG,WAAWhG,KAAKgG,WAAWhG;iBAC1B,IAAIgG,WAAW/F,KAAK+F,WAAW/F;YAEpCyD,OAAOC,MAAM,CAACqC;YAEdxC,WAAW;oBACT1B;gBAAAA,qBAAAA,gCAAAA,oBAAAA,SAAUuB,OAAO,cAAjBvB,wCAAAA,kBAAmBmC,KAAK;gBACxBd;YACF,GAAG;QACL;QACA8C,WAAW,CAACrC;YACV,IAAIoC,WAAW7B,OAAO1B,cAAc0B,OAAOpE;YAC3C,IAAIiG,WAAWhG,KAAKgG,WAAWhG;iBAC1B,IAAIgG,WAAW/F,KAAK+F,WAAW/F;YAEpCyD,OAAOC,MAAM,CAACqC;YAEdxC,WAAW;oBACT1B;gBAAAA,qBAAAA,gCAAAA,oBAAAA,SAAUuB,OAAO,cAAjBvB,wCAAAA,kBAAmBmC,KAAK;gBACxBd;YACF,GAAG;QACL;IACF;IAEA,qBAAqB;IACrB+C,IAAAA,gBAAS,EAAC;QACR,MAAMC,qBAAqB,CAACC;YAC1B,IAAI,CAAClE,QAAQmB,OAAO,CAACgD,QAAQ,CAACD,MAAMvC,MAAM,GAAGjB,aAAa;QAC5D;QAEA0D,SAASC,gBAAgB,CAAC,aAAaJ,oBAAoB;QAC3D,OAAO,IACLG,SAASE,mBAAmB,CAAC,aAAaL,oBAAoB;IAClE,GAAG,EAAE;IAELD,IAAAA,gBAAS,EAAC;QACR,IAAI,CAAChF,oBAAoB2B,mBAAmB;YAC1CC,qBAAqB;YACrBE,sBAAsB;YACtBQ,WAAW;gBACTR,sBAAsB;YACxB,GAAG7B,aAAaU;QAClB;IACF,GAAG;QAACgB;KAAkB;IAEtBqD,IAAAA,gBAAS,EAAC;QACR,IAAIhG,SAASA,UAAUkC,YAAYC,cAAcnC;IACnD,GAAG;QAACA;KAAM;IAEV,uBAAuB;IACvBgG,IAAAA,gBAAS,EAAC;QACR,IAAI9D,eAAelC,OAAO0C,aAAa;QAEvCJ,sBACEpB,gBAAgBgB,CAAAA,uBAAAA,iCAAAA,WAAYmB,MAAM,IAAG,IACjCZ,YACE8D,IAAAA,wCAAY,EAACrE,cACbsE,IAAAA,+CAAS,EAACtE,cACZA;QAENM,cAAc+D,IAAAA,wCAAY,EAACrE;QAE3B,IAAI,OAAO3B,aAAa,cAAcP,UAAUyG,aAAa,CAACvE,eAAe,CAAClC,OAAOO,SAAS2B,uBAAAA,iCAAAA,WAAY2B,QAAQ;IACpH,GAAG;QAAC3B;KAAW;IAEf,yBAAyB;IACzB8D,IAAAA,gBAAS,EAAC;QACR,IAAI9B,MAAM3B,aAAaC,cAAc1C,OAAO;IAC9C,GAAG;QAACyC;KAAW;IAEf,kBAAkB;IAClByD,IAAAA,gBAAS,EAAC;QACR,IAAIU,gBAAgBxE;QACpB,IAAIhB,cACFwF,gBAAgBjE,YACZ8D,IAAAA,wCAAY,EAACrE,cACbsE,IAAAA,+CAAS,EAACtE;QAChBI,sBAAsBoE;QAEtB,IAAIjE,WAAW;gBAEbb;YADA,IAAI,OAAOnB,YAAY,YAAYA,QAAQ;gBAAEkD,MAAM,EAAE/B,qBAAAA,+BAAAA,SAAUuB,OAAO;YAAC;YACvEvB,qBAAAA,gCAAAA,oBAAAA,SAAUuB,OAAO,cAAjBvB,wCAAAA,kBAAmBmC,KAAK;QAC1B,OAAO;gBAELnC;YADA,IAAI,OAAOpB,WAAW,YAAYA,OAAO;gBAAEmD,MAAM,EAAE/B,qBAAAA,+BAAAA,SAAUuB,OAAO;YAAC;YACrEvB,qBAAAA,gCAAAA,qBAAAA,SAAUuB,OAAO,cAAjBvB,yCAAAA,mBAAmBoC,IAAI;QACzB;IACF,GAAG;QAACvB;KAAU;IAEduD,IAAAA,gBAAS,EAAC;QACR,IAAIpE,CAAAA,qBAAAA,+BAAAA,SAAUuB,OAAO,KAAI,OAAOhC,mBAAmB,WACjDuB,aAAavB;IACjB,GAAG;QAACS;QAAUT;KAAe;IAE7B,SAASwF;QACP,MAAMC,WAAW;YACfxG,MAAMA,QAAQC,YAAYC,MAAMH,UAAU;YAC1CD,WAAW,CAAC,MAAM,EAAEA,aAAa,IAAI;YACrCD;YACAD,OAAOqC;YACP1C;YACAY,UAAUiD,OAAOC,MAAM;YACvBhD,SAAS+C,OAAOO,KAAK;YACrBvD,QAAQgD,OAAOQ,IAAI;YACnBrD,WAAW6C,OAAOW,OAAO;YACzBzD,SAAS8C,OAAOa,KAAK;YACrBvE;YACAC;WACIa,WAAW;YAAEA;QAAS,IAAI,CAAC,GAC3BC,cAAc;YAAEA;QAAY,IAAI,CAAC;QAGvC,qBACE;;8BACE,qBAACqC,gEACK0D;oBACJC,eAAa,GAAG1G,OAAO,MAAM,CAAC;oBAC9BH,OAAOA,CAAAA,kBAAAA,4BAAAA,MAAOqD,MAAM,IAAG,IAAImD,IAAAA,+CAAS,EAACD,IAAAA,wCAAY,EAACvG,UAAUA;oBAC5D8G,KAAKlF;oBACLH,MAAK;oBACLhB,SAAS,CAAC,GAAGsG;wBACX,IAAI1F,iBAAiBO,SAASuB,OAAO,CAAC6D,MAAM;wBAC5C,IAAIJ,SAASnG,OAAO,EAAEmG,SAASnG,OAAO,IAAIsG;oBAC5C;oBACIrF;gBAGL,CAACN,mCACA,sBAAC6F;oBAAI/G,WAAU;;sCACb,qBAACgH;4BACCL,eAAa,GAAG1G,OAAO,UAAU,CAAC;4BAClC2G,KAAKhF;4BACL5B,WAAWiH,IAAAA,mBAAE,EAAC,kBAAkB;gCAC9B,eAAelD,OAAOjE,UAAUF;4BAClC;4BACAsH,aAAa,CAAC1D,IAAMF,OAAOqC,SAAS,CAACnC;sCAErC,cAAA,qBAAC2D,mBAAK;gCAACnH,WAAWiH,IAAAA,mBAAE,EAAC;oCAAExH,UAAUsE,OAAOjE,UAAUF;gCAAI;;;sCAExD,qBAACoH;4BACCL,eAAa,CAAC,CAAC,EAAE1G,OAAO,SAAS,CAAC;4BAClC2G,KAAK/E;4BACL7B,WAAWiH,IAAAA,mBAAE,EAAC,kBAAkB;gCAC9B,eAAelD,OAAOjE,UAAUD;4BAClC;4BACAqH,aAAa,CAAC1D,IAAMF,OAAOuC,SAAS,CAACrC;sCAErC,cAAA,qBAAC4D,kBAAI;gCAACpH,WAAWiH,IAAAA,mBAAE,EAAC;oCAAExH,UAAUsE,OAAOjE,UAAUD;gCAAI;;;;qBAGvD;;;IAGV;IAEA,qBACE,sBAACkH;QACCJ,eAAa1G;QACb2G,KAAK9E;QACL9B,WAAWiH,IAAAA,mBAAE,EACX,CAAC,WAAW,CAAC,EACb;YAAE,CAAC,CAAC,iBAAiB,CAAC,CAAC,EAAE1E;QAAU,GACnC;YAAE,CAAC,CAAC,iBAAiB,CAAC,CAAC,EAAE3B,SAAS+B;QAAmB,GACrD;YAAE,CAAC,CAAC,qBAAqB,CAAC,CAAC,EAAElD,YAAY2B;QAAU;;YAGpDqF;YACA5F;YACAnB,4BACC,qBAAC2H;gBACCrH,WAAWiH,IAAAA,mBAAE,EAAC,CAAC,YAAY,CAAC,EAAE;oBAAEK,QAAQ,CAACtF;gBAAW;gBACpDuF,SAAS,IAAMjE,OAAOM,KAAK;;YAG9BxC,2BAAa,qBAACoG,gBAAO;gBAACC,MAAK;;;;AAGlC;MAEA,WAAejI"}

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

@@ -20,6 +20,19 @@ 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
@@ -66,6 +79,45 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     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',
@@ -139,11 +191,10 @@ const Template = (args)=>{
     const [value, setValue] = (0, _react.useState)();
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_NumericInput.default, {
-                ...args,
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_NumericInput.default, _object_spread_props(_object_spread({}, args), {
                 value: value,
                 onChange: setValue
-            }),
+            })),
             /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
                 style: buttonStyles,
                 onClick: ()=>{
@@ -182,3 +233,5 @@ NumericInputTemplate.args = {
         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"}

package/dist/Atomic/FormElements/RadioGroup/RadioGroup.js

@@ -13,6 +13,19 @@ const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
 const _RadioInput = /*#__PURE__*/ _interop_require_default(require("../RadioInput/RadioInput"));
 require("./RadioGroup.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
@@ -59,12 +72,50 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     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 RadioGroup = ({ className, disabled, value, onChange = ()=>{}, direction = "row", options = [] })=>{
     const [values, setValues] = (0, _react.useState)(options);
-    (0, _react.useLayoutEffect)(()=>setValues(options.map((item)=>item.value === value ? {
-                ...item,
+    (0, _react.useLayoutEffect)(()=>setValues(options.map((item)=>item.value === value ? _object_spread_props(_object_spread({}, item), {
                 checked: value
-            } : item)), [
+            }) : item)), [
         options,
         value
     ]);
@@ -72,10 +123,9 @@ const RadioGroup = ({ className, disabled, value, onChange = ()=>{}, direction =
         change: (value)=>{
             const newValues = values.map((item)=>{
                 if (item.value === value) {
-                    return {
-                        ...item,
+                    return _object_spread_props(_object_spread({}, item), {
                         checked: value
-                    };
+                    });
                 }
                 return {
                     id: item.id,
@@ -91,11 +141,12 @@ const RadioGroup = ({ className, disabled, value, onChange = ()=>{}, direction =
         className: (0, _classnames.default)("radio-group", className, `radio-group--${direction}`, {
             "radio-group--disabled": disabled
         }),
-        children: values.map((item)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_RadioInput.default, {
-                ...item,
+        children: values.map((item)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_RadioInput.default, _object_spread_props(_object_spread({}, item), {
                 onChange: handle.change,
                 checked: item.checked
-            }, item.id))
+            }), item.id))
     });
 };
 const _default = RadioGroup;
+
+//# sourceMappingURL=RadioGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/RadioGroup/RadioGroup.js"],"sourcesContent":["import React, { useLayoutEffect, useState } from \"react\";\n\nimport cn from \"classnames\";\n\nimport RadioInput from \"../RadioInput/RadioInput\";\n\nimport \"./RadioGroup.scss\";\n\nconst RadioGroup = ({\n  className,\n  disabled,\n  value,\n  onChange = () => {},\n  direction = \"row\",\n  options = [],\n}) => {\n  const [values, setValues] = useState(options);\n\n  useLayoutEffect(\n    () =>\n      setValues(\n        options.map((item) =>\n          item.value === value ? { ...item, checked: value } : item,\n        ),\n      ),\n    [options, value],\n  );\n\n  const handle = {\n    change: (value) => {\n      const newValues = values.map((item) => {\n        if (item.value === value) {\n          return {\n            ...item,\n            checked: value,\n          };\n        }\n        return {\n          id: item.id,\n          label: item.label,\n          value: item.value,\n        };\n      });\n      setValues(newValues);\n      onChange(value);\n    },\n  };\n  return (\n    <div\n      className={cn(\"radio-group\", className, `radio-group--${direction}`, {\n        \"radio-group--disabled\": disabled,\n      })}\n    >\n      {values.map((item) => (\n        <RadioInput\n          key={item.id}\n          {...item}\n          onChange={handle.change}\n          checked={item.checked}\n        />\n      ))}\n    </div>\n  );\n};\n\nexport default RadioGroup;\n"],"names":["RadioGroup","className","disabled","value","onChange","direction","options","values","setValues","useState","useLayoutEffect","map","item","checked","handle","change","newValues","id","label","div","cn","RadioInput"],"mappings":";;;;+BAiEA;;;eAAA;;;;+DAjEiD;mEAElC;mEAEQ;QAEhB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,MAAMA,aAAa,CAAC,EAClBC,SAAS,EACTC,QAAQ,EACRC,KAAK,EACLC,WAAW,KAAO,CAAC,EACnBC,YAAY,KAAK,EACjBC,UAAU,EAAE,EACb;IACC,MAAM,CAACC,QAAQC,UAAU,GAAGC,IAAAA,eAAQ,EAACH;IAErCI,IAAAA,sBAAe,EACb,IACEF,UACEF,QAAQK,GAAG,CAAC,CAACC,OACXA,KAAKT,KAAK,KAAKA,QAAQ,wCAAKS;gBAAMC,SAASV;iBAAUS,QAG3D;QAACN;QAASH;KAAM;IAGlB,MAAMW,SAAS;QACbC,QAAQ,CAACZ;YACP,MAAMa,YAAYT,OAAOI,GAAG,CAAC,CAACC;gBAC5B,IAAIA,KAAKT,KAAK,KAAKA,OAAO;oBACxB,OAAO,wCACFS;wBACHC,SAASV;;gBAEb;gBACA,OAAO;oBACLc,IAAIL,KAAKK,EAAE;oBACXC,OAAON,KAAKM,KAAK;oBACjBf,OAAOS,KAAKT,KAAK;gBACnB;YACF;YACAK,UAAUQ;YACVZ,SAASD;QACX;IACF;IACA,qBACE,qBAACgB;QACClB,WAAWmB,IAAAA,mBAAE,EAAC,eAAenB,WAAW,CAAC,aAAa,EAAEI,WAAW,EAAE;YACnE,yBAAyBH;QAC3B;kBAECK,OAAOI,GAAG,CAAC,CAACC,qBACX,qBAACS,mBAAU,0CAELT;gBACJR,UAAUU,OAAOC,MAAM;gBACvBF,SAASD,KAAKC,OAAO;gBAHhBD,KAAKK,EAAE;;AAQtB;MAEA,WAAejB"}

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

@@ -77,3 +77,5 @@ RadioGroupTemplate.args = {
         }
     ]
 };
+
+//# sourceMappingURL=RadioGroup.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/RadioGroup/RadioGroup.stories.js"],"sourcesContent":["import React from \"react\";\n\nimport RadioGroup from \"./RadioGroup\";\n\nimport \"../../../../../scss/main.scss\";\n\nglobal.lng = \"en\";\nexport default {\n  title: \"Form Elements/RadioGroup\",\n  component: RadioGroup,\n  argTypes: {\n    direction: {\n      control: {\n        type: \"select\",\n        options: [\"row\", \"col\"],\n      },\n    },\n  },\n};\n\nconst Template = (args) => {\n  const { direction, options, className, disabled, value } = args;\n\n  const onChange = (val) => console.log(val);\n\n  return (\n    <RadioGroup\n      disabled={disabled}\n      className={className}\n      direction={direction}\n      options={options}\n      onChange={(val) => onChange(val)}\n      value={value}\n    />\n  );\n};\n\nexport const RadioGroupTemplate = Template.bind({});\n\nRadioGroupTemplate.args = {\n  direction: \"col\",\n  className: \"\",\n  disabled: false,\n  value: \"label2\",\n  options: [\n    { id: 1, label: \"Label1\", value: \"label1\" },\n    { id: 2, label: \"Label2\", value: \"label2\" },\n    { id: 3, label: \"Label3\", value: \"label3\" },\n  ],\n};\n"],"names":["RadioGroupTemplate","global","lng","title","component","RadioGroup","argTypes","direction","control","type","options","Template","args","className","disabled","value","onChange","val","console","log","bind","id","label"],"mappings":";;;;;;;;;;;IAqCaA,kBAAkB;eAAlBA;;IA9Bb,OAWE;eAXF;;;;8DAPkB;mEAEK;QAEhB;;;;;;AAEPC,OAAOC,GAAG,GAAG;MACb,WAAe;IACbC,OAAO;IACPC,WAAWC,mBAAU;IACrBC,UAAU;QACRC,WAAW;YACTC,SAAS;gBACPC,MAAM;gBACNC,SAAS;oBAAC;oBAAO;iBAAM;YACzB;QACF;IACF;AACF;AAEA,MAAMC,WAAW,CAACC;IAChB,MAAM,EAAEL,SAAS,EAAEG,OAAO,EAAEG,SAAS,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGH;IAE3D,MAAMI,WAAW,CAACC,MAAQC,QAAQC,GAAG,CAACF;IAEtC,qBACE,qBAACZ,mBAAU;QACTS,UAAUA;QACVD,WAAWA;QACXN,WAAWA;QACXG,SAASA;QACTM,UAAU,CAACC,MAAQD,SAASC;QAC5BF,OAAOA;;AAGb;AAEO,MAAMf,qBAAqBW,SAASS,IAAI,CAAC,CAAC;AAEjDpB,mBAAmBY,IAAI,GAAG;IACxBL,WAAW;IACXM,WAAW;IACXC,UAAU;IACVC,OAAO;IACPL,SAAS;QACP;YAAEW,IAAI;YAAGC,OAAO;YAAUP,OAAO;QAAS;QAC1C;YAAEM,IAAI;YAAGC,OAAO;YAAUP,OAAO;QAAS;QAC1C;YAAEM,IAAI;YAAGC,OAAO;YAAUP,OAAO;QAAS;KAC3C;AACH"}