intelicoreact 1.6.6 → 1.6.8

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

@@ -20,6 +20,19 @@ const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _FormattedRawSSN = /*#__PURE__*/ _interop_require_default(require("./FormattedRawSSN"));
 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,72 @@ 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;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
 global.lng = 'en';
 const _default = {
     title: 'Form Elements/FormattedRawSSN',
@@ -80,17 +159,18 @@ const _default = {
     }
 };
 const Template = (args)=>{
-    const { value: initialValue, ...restArgs } = args;
+    const { value: initialValue } = args, restArgs = _object_without_properties(args, [
+        "value"
+    ]);
     const [value, setValue] = (0, _react.useState)(initialValue || '');
     const onChange = (newValue)=>{
         setValue(newValue);
         console.log(newValue);
     };
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_FormattedRawSSN.default, {
-        ...restArgs,
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_FormattedRawSSN.default, _object_spread_props(_object_spread({}, restArgs), {
         value: value,
         onChange: onChange
-    });
+    }));
 };
 const FormattedRawSSNTemplate = Template.bind({});
 FormattedRawSSNTemplate.args = {
@@ -105,3 +185,5 @@ FormattedRawSSNTemplate.args = {
     countOfFirstDigitsToHide: 5,
     postfix: '-1111'
 };
+
+//# sourceMappingURL=FormattedRawSSN.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.stories.js"],"sourcesContent":["import React, {useState} from 'react';\nimport FormattedRawSSN from './FormattedRawSSN';\n\nimport '../../../../../scss/main.scss';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'Form Elements/FormattedRawSSN',\n  component: FormattedRawSSN,\n  argTypes: {\n    onChange: {action: 'onChange'},\n    isHiddenDefault: {control: 'boolean'},\n  },\n};\n\nconst Template = args => {\n  const { value: initialValue, ...restArgs } = args\n  const [value, setValue] = useState(initialValue || '');\n\n  const onChange = (newValue) => {\n    setValue(newValue);\n    console.log(newValue);\n  };\n\n  return <FormattedRawSSN {...restArgs} value={value} onChange={onChange} />;\n};\n\nexport const FormattedRawSSNTemplate = Template.bind({});\n\nFormattedRawSSNTemplate.args = {\n  value: '012345678',\n\n  fullSnnMask: 'DDD-DD-DDDD',\n  significantChars: ['D'],\n\n  maskChar: '*',\n  isHiddenDefault: true,\n  maxLen: 5,\n  countOfFirstDigitsToHide: 5,\n\n  postfix: '-1111',\n};\n"],"names":["FormattedRawSSNTemplate","global","lng","title","component","FormattedRawSSN","argTypes","onChange","action","isHiddenDefault","control","Template","args","value","initialValue","restArgs","setValue","useState","newValue","console","log","bind","fullSnnMask","significantChars","maskChar","maxLen","countOfFirstDigitsToHide","postfix"],"mappings":";;;;;;;;;;;IA4BaA,uBAAuB;eAAvBA;;IArBb,OAOE;eAPF;;;;+DAP8B;wEACF;QAErB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEPC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,wBAAe;IAC1BC,UAAU;QACRC,UAAU;YAACC,QAAQ;QAAU;QAC7BC,iBAAiB;YAACC,SAAS;QAAS;IACtC;AACF;AAEA,MAAMC,WAAWC,CAAAA;IACf,MAAM,EAAEC,OAAOC,YAAY,EAAe,GAAGF,MAAbG,sCAAaH;QAArCC;;IACR,MAAM,CAACA,OAAOG,SAAS,GAAGC,IAAAA,eAAQ,EAACH,gBAAgB;IAEnD,MAAMP,WAAW,CAACW;QAChBF,SAASE;QACTC,QAAQC,GAAG,CAACF;IACd;IAEA,qBAAO,qBAACb,wBAAe,0CAAKU;QAAUF,OAAOA;QAAON,UAAUA;;AAChE;AAEO,MAAMP,0BAA0BW,SAASU,IAAI,CAAC,CAAC;AAEtDrB,wBAAwBY,IAAI,GAAG;IAC7BC,OAAO;IAEPS,aAAa;IACbC,kBAAkB;QAAC;KAAI;IAEvBC,UAAU;IACVf,iBAAiB;IACjBgB,QAAQ;IACRC,0BAA0B;IAE1BC,SAAS;AACX"}

package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN_old.js

@@ -14,6 +14,19 @@ const _reactfeather = require("react-feather");
 const _utils = require("../../../Functions/utils");
 const _Input = /*#__PURE__*/ _interop_require_default(require("../Input/Input"));
 require("./FormattedRawSSN.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
@@ -60,7 +73,82 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const FormattedRawSSN = ({ value = "", postfix = "", onChange: onChangeProp = ()=>{}, maskChar = "*", testId = "formatted-raw-ssn", isHiddenDefault = true, maxLen = 9, ...args })=>{
+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;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+const FormattedRawSSN = (_param)=>{
+    var { value = "", postfix = "", onChange: onChangeProp = ()=>{}, maskChar = "*", testId = "formatted-raw-ssn", isHiddenDefault = true, maxLen = 9 } = _param, args = _object_without_properties(_param, [
+        "value",
+        "postfix",
+        "onChange",
+        "maskChar",
+        "testId",
+        "isHiddenDefault",
+        "maxLen"
+    ]);
     var _value_substring;
     const [SSN, setSSN] = (0, _react.useState)((_value_substring = value === null || value === void 0 ? void 0 : value.substring(0, maxLen)) !== null && _value_substring !== void 0 ? _value_substring : "");
     const [isHidden, setIsHidden] = (0, _react.useState)(isHiddenDefault);
@@ -128,11 +216,10 @@ const FormattedRawSSN = ({ value = "", postfix = "", onChange: onChangeProp = ()
         className: "formatted-raw-ssn",
         ref: wrapperRef,
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
-                ...args,
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, _object_spread_props(_object_spread({}, args), {
                 value: getMaskedValue(getFormatedValue(SSN)),
                 onChange: onChange
-            }),
+            })),
             postfix && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
                 className: "formatted-raw-ssn-postfix",
                 onClick: ()=>{
@@ -159,3 +246,5 @@ const FormattedRawSSN = ({ value = "", postfix = "", onChange: onChangeProp = ()
     });
 };
 const _default = FormattedRawSSN;
+
+//# sourceMappingURL=FormattedRawSSN_old.js.map

package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN_old.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN_old.js"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\n\nimport { Eye, EyeOff } from \"react-feather\";\n\nimport { setCarretToEnd } from \"../../../Functions/utils\";\nimport Input from \"../Input/Input\";\n\nimport \"./FormattedRawSSN.scss\";\n\nconst FormattedRawSSN = ({\n  value = \"\",\n  postfix = \"\",\n  onChange: onChangeProp = () => {},\n  maskChar = \"*\",\n  testId = \"formatted-raw-ssn\",\n  isHiddenDefault = true,\n  maxLen = 9,\n  ...args\n}) => {\n  const [SSN, setSSN] = useState(value?.substring(0, maxLen) ?? \"\");\n  const [isHidden, setIsHidden] = useState(isHiddenDefault);\n  const wrapperRef = useRef(null);\n\n  useEffect(() => {\n    setSSN(value?.toString()?.substring(0, maxLen) ?? \"\");\n  }, [value]);\n\n  const onChange = (value) => {\n    if (!value && value !== \"\") return \"\";\n\n    if (value.replace(/-/g, \"\").length < SSN.length) {\n      const last = SSN.length - 1;\n      setSSN(SSN.slice(0, last));\n      return;\n    }\n\n    const numValue = value.replace(/\\D/g, \"\");\n    let newSSN = \"\";\n\n    if (isHidden) {\n      if (SSN.length > 5) {\n        newSSN = SSN.slice(0, 5) + numValue;\n      } else {\n        newSSN = SSN + numValue;\n      }\n    } else {\n      newSSN = numValue;\n    }\n\n    if (newSSN.length > maxLen) {\n      return;\n    }\n    setSSN(newSSN);\n  };\n  const switchView = () => {\n    const input = wrapperRef?.current?.querySelector(\"input\");\n    input?.focus();\n    setCarretToEnd(input);\n    setIsHidden(!isHidden);\n  };\n\n  const getFormatedValue = (v) => {\n    if (!v) return \"\";\n\n    v = v.slice(0, 11).replace(/-/g, \"\");\n    if (v.length <= 3) {\n      return v;\n    }\n    if (v.length > 3 && v.length <= 5) {\n      return `${v.slice(0, 3)}-${v.slice(3)}`;\n    }\n    if (v.length > 5) {\n      return `${v.slice(0, 3)}-${v.slice(3, 5)}-${v.slice(5)}`;\n    }\n  };\n  const getMaskedValue = (v) => {\n    return isHidden\n      ? v.slice(0, 7).replace(/[0-9]/g, maskChar).concat(v.slice(7))\n      : v;\n  };\n\n  useEffect(() => {\n    if (SSN)\n      onChangeProp?.(\n        SSN.concat(SSN.length === maxLen ? postfix : \"\").replace(/-/g, \"\"),\n      );\n  }, [SSN]);\n\n  return (\n    <div data-testid={testId} className=\"formatted-raw-ssn\" ref={wrapperRef}>\n      <Input\n        {...args}\n        value={getMaskedValue(getFormatedValue(SSN))}\n        onChange={onChange}\n      />\n      {postfix && (\n        <span\n          className=\"formatted-raw-ssn-postfix\"\n          onClick={() => wrapperRef?.current?.querySelector(\"input\")?.focus()}\n        >\n          {postfix}\n        </span>\n      )}\n      <span className=\"formatted-raw-ssn-eye-holder\" onClick={switchView}>\n        {\" \"}\n        {isHidden ? (\n          <Eye strokeWidth={1} className=\"password-icon\" />\n        ) : (\n          <EyeOff strokeWidth={1} className=\"password-icon\" />\n        )}\n      </span>\n    </div>\n  );\n};\n\nexport default FormattedRawSSN;\n"],"names":["FormattedRawSSN","value","postfix","onChange","onChangeProp","maskChar","testId","isHiddenDefault","maxLen","args","SSN","setSSN","useState","substring","isHidden","setIsHidden","wrapperRef","useRef","useEffect","toString","replace","length","last","slice","numValue","newSSN","switchView","input","current","querySelector","focus","setCarretToEnd","getFormatedValue","v","getMaskedValue","concat","div","data-testid","className","ref","Input","span","onClick","Eye","strokeWidth","EyeOff"],"mappings":";;;;+BAmHA;;;eAAA;;;;+DAnHmD;8BAEvB;uBAEG;8DACb;QAEX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,MAAMA,kBAAkB;QAAC,EACvBC,QAAQ,EAAE,EACVC,UAAU,EAAE,EACZC,UAAUC,eAAe,KAAO,CAAC,EACjCC,WAAW,GAAG,EACdC,SAAS,mBAAmB,EAC5BC,kBAAkB,IAAI,EACtBC,SAAS,CAAC,EAEX,WADIC;QAPHR;QACAC;QACAC;QACAE;QACAC;QACAC;QACAC;;QAG+BP;IAA/B,MAAM,CAACS,KAAKC,OAAO,GAAGC,IAAAA,eAAQ,EAACX,CAAAA,mBAAAA,kBAAAA,4BAAAA,MAAOY,SAAS,CAAC,GAAGL,qBAApBP,8BAAAA,mBAA+B;IAC9D,MAAM,CAACa,UAAUC,YAAY,GAAGH,IAAAA,eAAQ,EAACL;IACzC,MAAMS,aAAaC,IAAAA,aAAM,EAAC;IAE1BC,IAAAA,gBAAS,EAAC;YACDjB;YAAAA;QAAPU,OAAOV,CAAAA,4BAAAA,kBAAAA,6BAAAA,kBAAAA,MAAOkB,QAAQ,gBAAflB,sCAAAA,gBAAmBY,SAAS,CAAC,GAAGL,qBAAhCP,uCAAAA,4BAA2C;IACpD,GAAG;QAACA;KAAM;IAEV,MAAME,WAAW,CAACF;QAChB,IAAI,CAACA,SAASA,UAAU,IAAI,OAAO;QAEnC,IAAIA,MAAMmB,OAAO,CAAC,MAAM,IAAIC,MAAM,GAAGX,IAAIW,MAAM,EAAE;YAC/C,MAAMC,OAAOZ,IAAIW,MAAM,GAAG;YAC1BV,OAAOD,IAAIa,KAAK,CAAC,GAAGD;YACpB;QACF;QAEA,MAAME,WAAWvB,MAAMmB,OAAO,CAAC,OAAO;QACtC,IAAIK,SAAS;QAEb,IAAIX,UAAU;YACZ,IAAIJ,IAAIW,MAAM,GAAG,GAAG;gBAClBI,SAASf,IAAIa,KAAK,CAAC,GAAG,KAAKC;YAC7B,OAAO;gBACLC,SAASf,MAAMc;YACjB;QACF,OAAO;YACLC,SAASD;QACX;QAEA,IAAIC,OAAOJ,MAAM,GAAGb,QAAQ;YAC1B;QACF;QACAG,OAAOc;IACT;IACA,MAAMC,aAAa;YACHV;QAAd,MAAMW,QAAQX,uBAAAA,kCAAAA,sBAAAA,WAAYY,OAAO,cAAnBZ,0CAAAA,oBAAqBa,aAAa,CAAC;QACjDF,kBAAAA,4BAAAA,MAAOG,KAAK;QACZC,IAAAA,qBAAc,EAACJ;QACfZ,YAAY,CAACD;IACf;IAEA,MAAMkB,mBAAmB,CAACC;QACxB,IAAI,CAACA,GAAG,OAAO;QAEfA,IAAIA,EAAEV,KAAK,CAAC,GAAG,IAAIH,OAAO,CAAC,MAAM;QACjC,IAAIa,EAAEZ,MAAM,IAAI,GAAG;YACjB,OAAOY;QACT;QACA,IAAIA,EAAEZ,MAAM,GAAG,KAAKY,EAAEZ,MAAM,IAAI,GAAG;YACjC,OAAO,GAAGY,EAAEV,KAAK,CAAC,GAAG,GAAG,CAAC,EAAEU,EAAEV,KAAK,CAAC,IAAI;QACzC;QACA,IAAIU,EAAEZ,MAAM,GAAG,GAAG;YAChB,OAAO,GAAGY,EAAEV,KAAK,CAAC,GAAG,GAAG,CAAC,EAAEU,EAAEV,KAAK,CAAC,GAAG,GAAG,CAAC,EAAEU,EAAEV,KAAK,CAAC,IAAI;QAC1D;IACF;IACA,MAAMW,iBAAiB,CAACD;QACtB,OAAOnB,WACHmB,EAAEV,KAAK,CAAC,GAAG,GAAGH,OAAO,CAAC,UAAUf,UAAU8B,MAAM,CAACF,EAAEV,KAAK,CAAC,MACzDU;IACN;IAEAf,IAAAA,gBAAS,EAAC;QACR,IAAIR,KACFN,yBAAAA,mCAAAA,aACEM,IAAIyB,MAAM,CAACzB,IAAIW,MAAM,KAAKb,SAASN,UAAU,IAAIkB,OAAO,CAAC,MAAM;IAErE,GAAG;QAACV;KAAI;IAER,qBACE,sBAAC0B;QAAIC,eAAa/B;QAAQgC,WAAU;QAAoBC,KAAKvB;;0BAC3D,qBAACwB,cAAK,0CACA/B;gBACJR,OAAOiC,eAAeF,iBAAiBtB;gBACvCP,UAAUA;;YAEXD,yBACC,qBAACuC;gBACCH,WAAU;gBACVI,SAAS;wBAAM1B,mCAAAA;2BAAAA,uBAAAA,kCAAAA,sBAAAA,WAAYY,OAAO,cAAnBZ,2CAAAA,oCAAAA,oBAAqBa,aAAa,CAAC,sBAAnCb,wDAAAA,kCAA6Cc,KAAK;;0BAEhE5B;;0BAGL,sBAACuC;gBAAKH,WAAU;gBAA+BI,SAAShB;;oBACrD;oBACAZ,yBACC,qBAAC6B,iBAAG;wBAACC,aAAa;wBAAGN,WAAU;uCAE/B,qBAACO,oBAAM;wBAACD,aAAa;wBAAGN,WAAU;;;;;;AAK5C;MAEA,WAAetC"}

package/dist/Atomic/FormElements/Input/Input.js

@@ -17,6 +17,19 @@ const _utils = require("../../../Functions/utils");
 const _Spinner = /*#__PURE__*/ _interop_require_default(require("../../Layout/Spinner/Spinner"));
 const _DynamicIcon = /*#__PURE__*/ _interop_require_default(require("../../UI/DynamicIcon/DynamicIcon"));
 require("./Input.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
@@ -63,6 +76,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 HIDE_SYMBOL = "\u2022";
 /**
  * Input компонент.
@@ -100,10 +152,9 @@ const HIDE_SYMBOL = "\u2022";
  * @param {boolean} props.isNumericMobileKeyboard - Отображает цифровую клавиатуру на мобильных устройствах.
  */ const Input = /*#__PURE__*/ _react.default.forwardRef(({ blurTrim, autocomplete = "off", isSelect, onChange = ()=>{}, onBlur = ()=>{}, onFocus = ()=>{}, onKeyUp = ()=>{}, onKeyDown = ()=>{}, isNotBlinkErrors, isPriceInput, onlyNumbers, disabled, withDelete, value, placeholder, className, type = "text", mask, maskChar, formatChars, error, icon, iconDynamicKey, iconDynamicProps = {}, symbolsLimit, blinkTime, isFocusDefault = false, isNotValidateASCII = false, isNumericMobileKeyboard = false, isCropFirstNool = false, testId = "input", action, isUseAutoSelect = true, isReadOnly = false, isLoading = false, name, fieldKey, id, attributesOfNativeInput = {} }, ref)=>{
     const { trimStart, trimEnd, characters } = blurTrim || {};
-    const DynamicIconComponent = iconDynamicKey && !icon ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_DynamicIcon.default, {
-        iconKey: iconDynamicKey,
-        ...iconDynamicProps
-    }) : null;
+    const DynamicIconComponent = iconDynamicKey && !icon ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_DynamicIcon.default, _object_spread({
+        iconKey: iconDynamicKey
+    }, iconDynamicProps)) : null;
     const DEFAULT_BLINK_TIME = 100;
     // STATES
     const [isFocused, setIsFocused] = (0, _react.useState)(false);
@@ -312,7 +363,7 @@ const HIDE_SYMBOL = "\u2022";
         if (isUseBitDepthPoints) safelyValue = (0, _fieldValueFormatters.formatToAddBitDepthPoints)(safelyValue, onlyNumbers);
         return safelyValue;
     })();
-    const uniProps = {
+    const uniProps = _object_spread({
         name: inputName,
         className: (0, _classnames.default)("input", className, {
             "input--with-icon": icon,
@@ -326,14 +377,12 @@ const HIDE_SYMBOL = "\u2022";
         onFocus: handle.focus,
         onBlur: handle.blur,
         onKeyUp: handle.keyUp,
-        onKeyDown: handle.keyDown,
-        ...maskChar ? {
-            maskChar
-        } : {},
-        ...formatChars ? {
-            formatChars
-        } : {}
-    };
+        onKeyDown: handle.keyDown
+    }, maskChar ? {
+        maskChar
+    } : {}, formatChars ? {
+        formatChars
+    } : {});
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
         "data-testid": testId,
         className: (0, _classnames.default)(`input__wrap`, {
@@ -346,13 +395,13 @@ const HIDE_SYMBOL = "\u2022";
         onMouseEnter: ()=>setOnInputHover(true),
         onMouseLeave: ()=>setOnInputHover(false),
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
-                readOnly: isReadOnly,
-                ...uniProps,
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("input", _object_spread_props(_object_spread(_object_spread_props(_object_spread({
+                readOnly: isReadOnly
+            }, uniProps), {
                 ref: inputRef,
                 type: getInputType(),
-                autoComplete: isPseudoPasswordMode ? "off" : autocomplete,
-                ...attributesOfNativeInput,
+                autoComplete: isPseudoPasswordMode ? "off" : autocomplete
+            }), attributesOfNativeInput), {
                 onFocus: (...params)=>{
                     var _attributesOfNativeInput_onFocus;
                     attributesOfNativeInput === null || attributesOfNativeInput === void 0 ? void 0 : (_attributesOfNativeInput_onFocus = attributesOfNativeInput.onFocus) === null || _attributesOfNativeInput_onFocus === void 0 ? void 0 : _attributesOfNativeInput_onFocus.call(attributesOfNativeInput, ...params);
@@ -364,7 +413,7 @@ const HIDE_SYMBOL = "\u2022";
                     attributesOfNativeInput === null || attributesOfNativeInput === void 0 ? void 0 : (_attributesOfNativeInput_onBlur = attributesOfNativeInput.onBlur) === null || _attributesOfNativeInput_onBlur === void 0 ? void 0 : _attributesOfNativeInput_onBlur.call(attributesOfNativeInput, ...params);
                     if (uniProps.onBlur) uniProps.onBlur(...params);
                 }
-            }),
+            })),
             DynamicIconComponent !== null && DynamicIconComponent !== void 0 ? DynamicIconComponent : icon,
             action,
             withDelete && onInputHover && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
@@ -380,3 +429,5 @@ const HIDE_SYMBOL = "\u2022";
     });
 });
 const _default = Input;
+
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/Input/Input.js"],"sourcesContent":["import cn from \"classnames\";\nimport React, { useEffect, useMemo, useRef, useState } from \"react\";\n\n// import InputMask from 'react-input-mask';\nimport { KEYBOARD_SERVICE_KEYS } from \"../../../Constants/index.constants\";\nimport {\n  filterNumeric,\n  formatToAddBitDepthPoints as addCommas,\n  formatToOnlyASCIICodeText,\n  formatToRemoveComa as removeCommas,\n  getSafelyValue\n} from \"../../../Functions/fieldValueFormatters\";\nimport { getIsOnlyAnObject } from \"../../../Functions/utils\";\nimport Spinner from \"../../Layout/Spinner/Spinner\";\nimport DynamicIcon from \"../../UI/DynamicIcon/DynamicIcon\";\n\nimport \"./Input.scss\";\n\nconst HIDE_SYMBOL = \"\\u2022\";\n\n/**\n * Input компонент.\n *\n * @component\n * @param {object} props.blurTrim - Обрезает ведущие и оконечные символы строки при потере фокуса.\n * @param {string} props.autocomplete - Определяет, должен ли браузер включать автозаполнение ввода пользователя.\n * @param {boolean} props.isSelect - Определяет, будет ли компонент редактироваться по умолчанию при загрузке страницы.\n * @param {function} props.onChange - Функция, которая вызывается при изменении содержимого элемента управления формы.\n * @param {function} props.onBlur - Функция, которая вызывается при потере элементом управления фокуса.\n * @param {function} props.onFocus - Функция, вызываемая при получении элементом управления фокуса.\n * @param {function} props.onKeyUp - Функция, которая вызывается при отпускании клавиши.\n * @param {function} props.onKeyDown - Функция, вызываемая при нажатии на клавишу.\n * @param {boolean} props.isNotBlinkErrors - Отключает мигание элемента управления при ошибках.\n * @param {boolean} props.isPriceInput - Определяет, будет ли компонент ввода формата числа с плавающей точкой.\n * @param {boolean} props.onlyNumbers - Определяет, будет ли компонент прозволять только цифры.\n * @param {boolean} props.isOnlyString - Определяет, будет ли компонент разрешать\n * только строки (без чисел или других символов).\n * @param {boolean} props.disabled - Блокировка поля ввода.\n * @param {boolean} props.withDelete - Включает отображение кнопки удаления контента.\n * @param {string} props.value - Значение поля ввода.\n * @param {string} props.placeholder - Текст подсказки внутри поля ввода.\n * @param {string} props.className - Строка с именами классов, применяемыми к компоненту.\n * @param {string} props.type - Тип компонента ввода (например, 'text', 'password').\n * @param {boolean} props.softStringMode - Используется для включения нестрогого режима ввода символов.\n * @param {object} props.mask - Маска для поля ввода.\n * @param {string} props.maskChar - Свойство определяет символ,\n * используемый вместо пропущенных символов при введении маски.\n * @param {object} props.formatChars - Объект, определяющий символы, которые должны быть заменены в маске.\n * @param {string} props.error - Строка с сообщением об ошибке.\n * @param {number} props.symbolsLimit - Лимит символов ввода.\n * @param {number} props.blinkTime - Время мигания в миллисекундах.\n * @param {boolean} props.isFocusDefault - Определяет, будет ли элемент получать фокус при загрузке страницы.\n * @param {boolean} props.isNotValidateASCII - Отключает проверку ASCII для вводимых символов.\n * @param {boolean} props.isNumericMobileKeyboard - Отображает цифровую клавиатуру на мобильных устройствах.\n */\nconst Input = React.forwardRef(\n  (\n    {\n      blurTrim,\n      autocomplete = \"off\",\n      isSelect,\n      onChange = () => {},\n      onBlur = () => {},\n      onFocus = () => {},\n      onKeyUp = () => {},\n      onKeyDown = () => {},\n      isNotBlinkErrors,\n      isPriceInput,\n      onlyNumbers,\n      disabled,\n      withDelete,\n      value,\n      placeholder,\n      className,\n      type = \"text\",\n      mask,\n      maskChar,\n      formatChars,\n      error,\n      icon,\n      iconDynamicKey,\n      iconDynamicProps = {},\n      symbolsLimit,\n      blinkTime,\n      isFocusDefault = false,\n      isNotValidateASCII = false,\n      isNumericMobileKeyboard = false,\n      isCropFirstNool = false,\n      testId = \"input\",\n      action,\n      isUseAutoSelect = true,\n      isReadOnly = false,\n      isLoading = false,\n      name,\n      fieldKey,\n      id,\n      attributesOfNativeInput = {},\n    },\n    ref,\n  ) => {\n    const { trimStart, trimEnd, characters } = blurTrim || {};\n    const DynamicIconComponent =\n      iconDynamicKey && !icon ? (\n        <DynamicIcon iconKey={iconDynamicKey} {...iconDynamicProps} />\n      ) : null;\n    const DEFAULT_BLINK_TIME = 100;\n    // STATES\n    const [isFocused, setIsFocused] = useState(false);\n    const [isEditing, setEditing] = useState(false);\n    const inputInnerRef = useRef(null);\n    const inputRef = useMemo(() => ref || inputInnerRef, [ref]);\n    // const previousValueRef = useRef(value);\n    const [isAttemptToChange, setIsAttemptToChange] = useState(false);\n    const [isToHighlightError, setIsToHighlightError] = useState(false);\n    const [onInputHover, setOnInputHover] = useState(false);\n\n    const [prevValue, setPreviousValue] = useState(value);\n    const [keyDownData, setKeyDownData] = useState({\n      start: null,\n      end: null,\n      keyCode: null,\n    });\n\n    const isUseBitDepthPoints = Boolean(onlyNumbers) && isPriceInput;\n    const isUseErrorsBlink = !isNotBlinkErrors && !mask;\n\n    const inputName = name || fieldKey || id;\n\n    const isPseudoPasswordMode = type === \"pseudoPassword\";\n\n    // HANDLES\n    const handle = {\n      correctMinMax: (value, correctionType) => {\n        if (!onlyNumbers) return value;\n\n        const { min, max, isOnlyPositive, isNoEmptyValues } = getIsOnlyAnObject(\n          onlyNumbers,\n        )\n          ? onlyNumbers\n          : {};\n        const minimum =\n          !Number.isNaN(Number(min)) &&\n          min !== null &&\n          (min >= 0 || !isOnlyPositive)\n            ? min\n            : undefined;\n        const maximum =\n          !Number.isNaN(Number(max)) &&\n          max !== null &&\n          (max >= 0 || !isOnlyPositive)\n            ? max\n            : undefined;\n\n        let minusSymbol;\n        let inputValue = getSafelyValue(value);\n\n        const checkMin = () => {\n          if (!inputValue && isNoEmptyValues)\n            inputValue = minimum !== undefined ? minimum : \"0\";\n          else if (\n            inputValue &&\n            !Number.isNaN(Number(minimum)) &&\n            Number(minimum) > Number((minusSymbol ?? \"\") + inputValue)\n          )\n            inputValue = minimum;\n        };\n\n        const checkMax = () => {\n          if (\n            !Number.isNaN(Number(maximum)) &&\n            Number(maximum) < Number((minusSymbol ?? \"\") + inputValue)\n          ) {\n            inputValue = maximum;\n            minusSymbol = null;\n          }\n        };\n\n        if (isUseBitDepthPoints) inputValue = removeCommas(inputValue);\n        if (!isOnlyPositive && inputValue[0] === \"-\") {\n          minusSymbol = \"-\";\n          inputValue = inputValue.slice(1);\n        }\n\n        inputValue = filterNumeric(inputValue, onlyNumbers);\n\n        switch (correctionType) {\n          case \"min\":\n            checkMin();\n            break;\n          case \"max\":\n            checkMax();\n            break;\n          default:\n            checkMin();\n            checkMax();\n            break;\n        }\n        return inputValue;\n      },\n\n      processPseudoValue: (newValue, oldValue) => {\n        const insertedPart = newValue.replace(new RegExp(HIDE_SYMBOL, \"g\"), \"\");\n\n        // ? Если insertedPart.length > 1, то это точно копи-паст\n        // ? По договоренности любой копипаст заменяет текущее велью \n        if (insertedPart.length > 1) return insertedPart;\n\n        const isOldValueHasBeenReduced =\n          newValue.replace(new RegExp(/^HIDE_SYMBOL/g), \"\").length <\n          oldValue.length;\n        const oldValueArr = oldValue.split(\"\");\n\n        const getIsInclude = (idx) => {\n          const BACKSPACE_CODE = 8;\n\n          // ? Если позиции не равны, значит была выделена область, значит будем воспринимать как копи-паст\n          if (keyDownData.start !== keyDownData.end) return false;\n\n          // ? Если позиции равны и есть вставляемое значение - обрезаем \"хвост\"\n          if (insertedPart) return idx < keyDownData.start;\n\n          // ? Если позиции равны и нет вставляемого значения - значит симвовол удалили\n          return keyDownData.keyCode === BACKSPACE_CODE\n            ? idx < keyDownData.start - 1 || idx > keyDownData.end - 1\n            : idx < keyDownData.start || idx > keyDownData.end;\n        };\n\n        if (!insertedPart)\n          return oldValueArr.reduce(\n            (acc, sym, idx) => (getIsInclude(idx) ? `${acc}${sym}` : acc),\n            \"\",\n          );\n\n        const outputStructure = oldValueArr.reduce(\n          (acc, sym, idx) => {\n            if (getIsInclude(idx)) acc.result = `${acc.result}${sym}`;\n            else if (!acc.position) acc.position = insertedPart ? idx : idx - 1;\n            return acc;\n          },\n          {\n            result: \"\",\n            position: !isOldValueHasBeenReduced ? keyDownData.start : null,\n          },\n        );\n\n        const output = `${outputStructure.result.slice(\n          0,\n          outputStructure.position,\n        )}${insertedPart}${outputStructure.result.slice(outputStructure.position)}`;\n\n        return output;\n      },\n\n      change: (e) => {\n        const { isOnlyPositive } = getIsOnlyAnObject(onlyNumbers)\n          ? onlyNumbers\n          : {};\n\n        let minusSymbol;\n        let inputValue = e.target ? e.target.value : e;\n        if (isPseudoPasswordMode)\n          inputValue = inputValue.includes(HIDE_SYMBOL)\n            ? handle.processPseudoValue(inputValue, value, e)\n            : inputValue;\n        \n        // If user typed comma(',') replace it to dot('.') for float value typing\n        if (isPriceInput && inputValue.charAt(inputValue.length-1) === ',') inputValue = inputValue.substring(0, inputValue.length-1).concat('.');\n\n        if (isUseBitDepthPoints) inputValue = removeCommas(inputValue);\n        if (onlyNumbers) inputValue = inputValue.replace(/,/g, \".\");\n\n        if (onlyNumbers && !isOnlyPositive && inputValue[0] === \"-\") {\n          minusSymbol = \"-\";\n          inputValue = inputValue.slice(1);\n        }\n        if (!isNotValidateASCII)\n          inputValue = formatToOnlyASCIICodeText(inputValue);\n        if (symbolsLimit && inputValue.length > Number(symbolsLimit))\n          inputValue = inputValue.substring(0, Number(symbolsLimit));\n        if (isCropFirstNool && inputValue[0] == 0) return \"\";\n        else if (onlyNumbers)\n          inputValue = handle.correctMinMax(inputValue, \"max\");\n        onChange(((minusSymbol ?? \"\") + inputValue).toString());\n      },\n      toggleEdit: () => {\n        setEditing(!isEditing);\n        onChange(\"\");\n      },\n      focus: (e) => {\n        setIsFocused(true);\n        onFocus(e);\n      },\n      blur: (e) => {\n        let inputValue = handle.correctMinMax(getSafelyValue(value), \"min\");\n        if (trimStart)\n          inputValue = inputValue.replace(new RegExp(`^[${characters}]+`), \"\");\n        if (trimEnd)\n          inputValue = inputValue.replace(new RegExp(`[${characters}]+$`), \"\");\n\n        if (value !== inputValue) onChange(inputValue);\n\n        setIsFocused(false);\n        setEditing(false);\n        // использую setTimeout для того чтоб прошли переназначения велью, если они есть,\n        // для того, чтоб верхний onBlur при обращении к e.target.value получал обновленное велью\n        if (onBlur) setTimeout(() => onBlur(e), 0);\n      },\n      keyDown: (e) => {\n        setPreviousValue(e?.target?.value);\n        setKeyDownData({\n          start: e.target.selectionStart,\n          end: e.target.selectionEnd,\n          keyCode: e.keyCode,\n        });\n        onKeyDown(e.keyCode, e);\n      },\n      keyUp: (e) => {\n        if (isUseErrorsBlink) {\n          const changedValue = `${value ?? \"\"}`;\n          const previousValue = `${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        onKeyUp(e.keyCode, e);\n      },\n    };\n\n    useEffect(() => {\n      if (isEditing) inputRef?.current?.focus?.();\n    }, [isEditing, isFocused]);\n\n    useEffect(() => {\n      setEditing(isSelect ?? false);\n    }, [isSelect]);\n\n    useEffect(() => {\n      if (isUseErrorsBlink && isAttemptToChange) {\n        setIsAttemptToChange(null);\n        setIsToHighlightError(true);\n        setTimeout(() => {\n          setIsToHighlightError(false);\n        }, blinkTime || DEFAULT_BLINK_TIME);\n      }\n    }, [isAttemptToChange]);\n\n    useEffect(() => {\n      if (inputRef?.current && typeof isFocusDefault === \"boolean\")\n        setIsFocused(isFocusDefault);\n      setEditing(isFocusDefault);\n    }, [inputRef, isFocusDefault]);\n\n    const getInputType = () => {\n      if (isPriceInput || isPseudoPasswordMode) return \"text\";\n      return type;\n    };\n\n    const formatedValue = (() => {\n      let safelyValue = getSafelyValue(value);\n\n      const hideSymbols = () =>\n        safelyValue\n          .split(\"\")\n          .map(() => HIDE_SYMBOL)\n          .join(\"\");\n\n      if (isPseudoPasswordMode) return hideSymbols();\n      if (onlyNumbers?.isNoEmptyValues)\n        safelyValue = handle.correctMinMax(safelyValue, \"min\");\n      if (isUseBitDepthPoints)\n        safelyValue = addCommas(safelyValue, onlyNumbers);\n      return safelyValue;\n    })();\n\n    const uniProps = {\n      name: inputName,\n      className: cn(\"input\", className, {\n        \"input--with-icon\": icon,\n        \"input--with-delete\": withDelete,\n      }),\n      placeholder,\n      value: formatedValue,\n      inputMode: isNumericMobileKeyboard ? \"decimal\" : \"text\",\n      disabled,\n      onChange: handle.change,\n      onFocus: handle.focus,\n      onBlur: handle.blur,\n      onKeyUp: handle.keyUp,\n      onKeyDown: handle.keyDown,\n      ...(maskChar ? { maskChar } : {}),\n      ...(formatChars ? { formatChars } : {}),\n    };\n\n    return (\n      <div\n        data-testid={testId}\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        onMouseEnter={() => setOnInputHover(true)}\n        onMouseLeave={() => setOnInputHover(false)}\n      >\n        <input\n          readOnly={isReadOnly}\n          {...uniProps}\n          ref={inputRef}\n          type={getInputType()}\n          autoComplete={isPseudoPasswordMode ? \"off\" : autocomplete}\n          {...attributesOfNativeInput}\n          onFocus={(...params) => {\n            attributesOfNativeInput?.onFocus?.(...params);\n            if (isUseAutoSelect) inputRef.current.select();\n            if (uniProps.onFocus) uniProps.onFocus(...params);\n          }}\n          onBlur={(...params) => {\n            attributesOfNativeInput?.onBlur?.(...params);\n            if (uniProps.onBlur) uniProps.onBlur(...params);\n          }}\n        />\n        {DynamicIconComponent ?? icon}\n        {action}\n        {withDelete && onInputHover && (\n          <span\n            className={cn(`input__close`, { hidden: !getSafelyValue(value) })}\n            onClick={handle.toggleEdit}\n          />\n        )}\n        {isLoading && <Spinner size=\"small\" />}\n      </div>\n    );\n  },\n);\n\nexport default Input;\n"],"names":["HIDE_SYMBOL","Input","React","forwardRef","blurTrim","autocomplete","isSelect","onChange","onBlur","onFocus","onKeyUp","onKeyDown","isNotBlinkErrors","isPriceInput","onlyNumbers","disabled","withDelete","value","placeholder","className","type","mask","maskChar","formatChars","error","icon","iconDynamicKey","iconDynamicProps","symbolsLimit","blinkTime","isFocusDefault","isNotValidateASCII","isNumericMobileKeyboard","isCropFirstNool","testId","action","isUseAutoSelect","isReadOnly","isLoading","name","fieldKey","id","attributesOfNativeInput","ref","trimStart","trimEnd","characters","DynamicIconComponent","DynamicIcon","iconKey","DEFAULT_BLINK_TIME","isFocused","setIsFocused","useState","isEditing","setEditing","inputInnerRef","useRef","inputRef","useMemo","isAttemptToChange","setIsAttemptToChange","isToHighlightError","setIsToHighlightError","onInputHover","setOnInputHover","prevValue","setPreviousValue","keyDownData","setKeyDownData","start","end","keyCode","isUseBitDepthPoints","Boolean","isUseErrorsBlink","inputName","isPseudoPasswordMode","handle","correctMinMax","correctionType","min","max","isOnlyPositive","isNoEmptyValues","getIsOnlyAnObject","minimum","Number","isNaN","undefined","maximum","minusSymbol","inputValue","getSafelyValue","checkMin","checkMax","removeCommas","slice","filterNumeric","processPseudoValue","newValue","oldValue","insertedPart","replace","RegExp","length","isOldValueHasBeenReduced","oldValueArr","split","getIsInclude","idx","BACKSPACE_CODE","reduce","acc","sym","outputStructure","result","position","output","change","e","target","includes","charAt","substring","concat","formatToOnlyASCIICodeText","toString","toggleEdit","focus","blur","setTimeout","keyDown","selectionStart","selectionEnd","keyUp","changedValue","previousValue","short","long","infoAboutDifferencesSameness","symbol","countOn","same","push","differences","samePart","join","differencesLength","currentSet","KEYBOARD_SERVICE_KEYS","key","useEffect","current","getInputType","formatedValue","safelyValue","hideSymbols","map","addCommas","uniProps","cn","inputMode","div","data-testid","onMouseEnter","onMouseLeave","input","readOnly","autoComplete","params","select","span","hidden","onClick","Spinner","size"],"mappings":"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"}

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

@@ -20,6 +20,19 @@ const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _Input = /*#__PURE__*/ _interop_require_default(require("./Input"));
 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/Input',
@@ -191,12 +243,11 @@ const styles = {
 };
 const Template = (args)=>{
     const [value, setValue] = (0, _react.useState)();
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
-        ...args,
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, _object_spread_props(_object_spread({}, args), {
         style: styles,
         value: value,
         onChange: setValue
-    });
+    }));
 };
 const InputTemplate = Template.bind({});
 InputTemplate.args = {
@@ -249,3 +300,5 @@ InputTemplate.args = {
         ]
     }
 };
+
+//# sourceMappingURL=Input.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/Input/Input.stories.js"],"sourcesContent":["import React, { useState } from 'react';\nimport Input from './Input';\n\nimport '../../../../../scss/main.scss';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'Form Elements/Input',\n  component: Input,\n  argTypes: {\n    disabled: {\n      description: 'Disable input. Default is false.',\n      control: 'boolean',\n    },\n    error: {\n      description: 'Display validation error. Expect error message.',\n      control: 'text',\n    },\n    isPriceInput: {\n      description: 'Style the input as PriceInput. Default is false.',\n      control: 'boolean',\n    },\n    withDelete: {\n      description: 'Show clear (x) icon on hover. Default is false.',\n      control: 'boolean',\n    },\n    onlyNumbers: {\n      description: 'Only allow numeric value. Default is false.',\n      control: 'boolean',\n    },\n    blurTrim: {\n      description: 'Trim value on blur. Default is false.',\n      control: {\n        type: 'object',\n        options: {\n          trimStart: true,\n          trimEnd: true,\n          characters: /\\s12345/,\n      },\n  },\n    },\n    isTwoDigitAfterDot: {\n      description: 'Allow only two digits after the decimal point. Default is true.',\n      control: 'boolean',\n    },\n    isFocusDefault: {\n      description: 'Automatically focus input on initial load. Default is false.',\n      control: 'boolean',\n    },\n    isCropFirstNool: {\n      description: 'Remove leading zeros. Work only if isPriceInput is true. Default is false.',\n      control: 'boolean',\n    },\n    placeholder: {\n      description: 'Placeholder text for the input.',\n      control: 'text',\n    },\n    type: {\n      description: 'Defines the type of the input.',\n      control: {\n        type: 'select',\n        options: ['text', 'number', 'password', 'pseudoPassword', 'color', 'date', 'datetime-local', 'month', 'time', 'email', 'range'],\n      },\n    },\n    icon: {\n      description: 'JSX: Add an icon inside the input',\n      control: 'object',\n    },\n    value: {\n      description: 'Value of the input. This is a required prop.',\n      control: 'text',\n    },\n    className: {\n      description: 'Add additional CSS classes to the input.',\n      control: 'text',\n    },\n    mask: {\n      description: 'Define an input mask. See more at: https://www.npmjs.com/package/react-input-mask',\n      control: 'text',\n    },\n    symbolsLimit: {\n      description: 'Set limit of symbols in input, overhead will be ignored',\n      control: 'number',\n    },\n    onBlur: {\n      description: 'Custom onBlur function',\n      action: 'onBlur'\n    },\n    onFocus: {\n      description: 'Custom onFocus function',\n      action: 'onFocus'\n    },\n    onKeyUp: {\n      description: 'Custom onKeyUp function, returns event keyCode',\n      action: 'onKeyUp'\n    },\n    isNumericMobileKeyboard: {\n      description: 'Enable Mobile Numeric Keyboard',\n      control: 'boolean',\n    },\n    attributesOfNativeInput: {\n      description: 'Object. Optional. This is list of attributes to add in native input',\n      control: 'object',\n    }\n  },\n  parameters: {\n    docs: {\n      description: {\n        component: 'Input component for capturing user text input. Supports different styles, behaviors and also validation errors',\n      },\n    },\n  },\n};\n\nconst styles = {\n  with: '200px',\n};\n\nconst Template = args => {\n  const [value, setValue] = useState();\n  return <Input {...args} style={styles} value={value} onChange={setValue} />;\n};\n\nexport const InputTemplate = Template.bind({});\n\nInputTemplate.args = {\n  onlyNumbers: { type: 'float', decimalPlaces: 2 },\n  isPriceInput: true,\n  inputMode: \"decimal\",\n  \n  type: 'text',\n  isLoading: false,\n  isFocusDefault: false,\n  // onlyNumbers: {type: 'float', decimalPlaces: 2, min: 0, max: 1000, isNoEmptyValues: true},\n  isPriceInput: false,\n  isTwoDigitAfterDot: false,\n  isReadOnly: false,\n  disabled: false,\n  error: '',\n  mask: '',\n  withDelete: true,\n  symbolsLimit: 255,\n  placeholder: 'Placeholder',\n  // icon: <User className=\"mr5\" />,\n  isNumericMobileKeyboard: false,\n  isNotValidateASCII: false,\n  isCropFirstNool: false,\n  name: 'test-name',\n  fieldKey: 'test-fieldKey',\n  key: 'test-key',\n  id: 'test-id',\n  // action: (\n  //   <div onClick={() => console.log('input action')} className=\"mr5 color--primary pointer\">\n  //     Generate\n  //   </div>\n  // ),\n\n  iconKey: 'Anchor',\n  iconKeyProps: {\n    size: 16,\n    color: 'red',\n    strokeWidth: 2,\n  },\n  blurTrim: {\n    trimStart: true,\n    trimEnd: false,\n    characters: ['5', '6', '0', ' '],\n  }\n};\n"],"names":["InputTemplate","global","lng","title","component","Input","argTypes","disabled","description","control","error","isPriceInput","withDelete","onlyNumbers","blurTrim","type","options","trimStart","trimEnd","characters","isTwoDigitAfterDot","isFocusDefault","isCropFirstNool","placeholder","icon","value","className","mask","symbolsLimit","onBlur","action","onFocus","onKeyUp","isNumericMobileKeyboard","attributesOfNativeInput","parameters","docs","styles","with","Template","args","setValue","useState","style","onChange","bind","decimalPlaces","inputMode","isLoading","isReadOnly","isNotValidateASCII","name","fieldKey","key","id","iconKey","iconKeyProps","size","color","strokeWidth"],"mappings":"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"}

package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js

@@ -163,3 +163,5 @@ const InputCalendar = ({ value, minDate, maxDate, format = "MM/DD/YYYY", isDontL
     });
 };
 const _default = InputCalendar;
+
+//# sourceMappingURL=InputCalendar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/InputCalendar/InputCalendar.js"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\n\nimport cn from \"classnames\";\nimport moment from \"moment-timezone\";\nimport InputMask from \"react-input-mask\";\n\nimport { useClickOutside } from \"../../../Functions/useClickOutside\";\nimport Calendar from \"../Calendar/Calendar\";\n\nimport \"./InputCalendar.scss\";\n\nconst InputCalendar = ({\n  value,\n  minDate,\n  maxDate,\n  format = \"MM/DD/YYYY\",\n  isDontLimitFuture,\n  onChange,\n  className = \"\",\n  placeholder = \"mm/dd/yyyy\",\n  mask = \"99/99/9999\",\n  isListTop,\n  disabled,\n  disabledFormattedMaxDate = false,\n  testId = \"input-calendar\",\n\n  onKeyDown: onKeyDownProp = (e) => {},\n  onKeyUp: onKeyUpProp = (e) => {},\n  onBlur: onBlurProp = (e) => {},\n}) => {\n  const [isOpened, setIsOpened] = useState(null);\n  const [isOpenedByEnter, setOpenedByEnter] = useState(false);\n  const calendarRef = useRef(null);\n  const inputRef = useRef(null);\n\n  const formattedMinDate =\n    moment(minDate, format).format(format) !== \"Invalid date\"\n      ? moment(minDate, format).format(format)\n      : null;\n  const formattedMaxDate =\n    moment(maxDate, format).format(format) !== \"Invalid date\"\n      ? moment(maxDate, format).format(format)\n      : null;\n\n  const momentMinDate = moment(formattedMinDate, format).startOf(\"day\");\n  const momentMaxDate = moment(formattedMaxDate, format).startOf(\"day\");\n\n  useClickOutside(calendarRef, () => setIsOpened(false));\n\n  const changeInputValue = (val) => {\n    if (onChange) onChange(val);\n  };\n\n  const changeCalendarDay = (val) => {\n    if (onChange) onChange(val);\n  };\n\n  const getCalendarValue = (value) => {\n    const date = moment(value).format(\"L\");\n\n    if (date !== \"Invalid date\") return date;\n\n    return moment(new Date()).format(\"L\");\n  };\n\n  useEffect(() => {\n    if (typeof isOpened === \"boolean\" && !isOpened) {\n      handleBlur();\n    }\n  }, [isOpened]);\n\n  const handleBlur = (e) => {\n    let value = inputRef?.current?.value;\n    if (\n      moment(value, format).format(format) === \"Invalid date\" ||\n      value.indexOf(\"_\") > -1\n    )\n      value = \"\";\n\n    if (\n      value &&\n      typeof isOpened === \"boolean\" &&\n      moment(value, format).startOf(\"day\").isBefore(momentMinDate, \"days\")\n    )\n      onChange(formattedMinDate);\n    else if (\n      value &&\n      typeof isOpened === \"boolean\" &&\n      moment(value, format).endOf(\"day\").isAfter(momentMaxDate, \"days\")\n    )\n      onChange(formattedMaxDate);\n    else if (value) onChange(moment(value, format).format(format));\n  };\n\n  const onKeyDown = (e) => {\n    if (isOpened && [9, 13].includes(e.keyCode)) {\n      setIsOpened(false);\n      setOpenedByEnter(true);\n    }\n\n    onKeyDownProp(e);\n  };\n\n  const onKeyUp = (e) => {\n    const isValidLenght = e.target.value?.replace(/[^0-9]/g, \"\").length === 8;\n\n    if ([9, 13].includes(e.keyCode)) {\n      setIsOpened(true);\n      setOpenedByEnter(true);\n    }\n\n    if (isValidLenght) {\n      setIsOpened(false);\n      handleBlur();\n    } else {\n      setIsOpened(true);\n    }\n    onKeyUpProp(e);\n  };\n\n  return (\n    <div\n      data-testid={testId}\n      className={cn(\"input__wrap calendar-container\", className, {\n        \"calendar-container_disabled\": disabled,\n      })}\n      ref={calendarRef}\n    >\n      <InputMask\n        mask={mask}\n        placeholder={placeholder}\n        value={value}\n        onChange={(e) => changeInputValue(e.target.value)}\n        className=\"calendar-dropdown\"\n        onClick={() => setIsOpened(true)}\n        onKeyUp={onKeyUp}\n        onKeyDown={onKeyDown}\n        onBlur={onBlurProp}\n        ref={inputRef}\n      />\n      {isOpened ? (\n        <Calendar\n          date={getCalendarValue(value)}\n          setDate={(newDate) => changeCalendarDay(newDate)}\n          params={{\n            format,\n            minDate: formattedMinDate,\n            maxDate: formattedMaxDate,\n            momentMinDate,\n            momentMaxDate,\n            isDontLimitFuture,\n          }}\n          isListTop={isListTop}\n          setIsOpened={setIsOpened}\n        />\n      ) : null}\n    </div>\n  );\n};\n\nexport default InputCalendar;\n"],"names":["InputCalendar","value","minDate","maxDate","format","isDontLimitFuture","onChange","className","placeholder","mask","isListTop","disabled","disabledFormattedMaxDate","testId","onKeyDown","onKeyDownProp","e","onKeyUp","onKeyUpProp","onBlur","onBlurProp","isOpened","setIsOpened","useState","isOpenedByEnter","setOpenedByEnter","calendarRef","useRef","inputRef","formattedMinDate","moment","formattedMaxDate","momentMinDate","startOf","momentMaxDate","useClickOutside","changeInputValue","val","changeCalendarDay","getCalendarValue","date","Date","useEffect","handleBlur","current","indexOf","isBefore","endOf","isAfter","includes","keyCode","isValidLenght","target","replace","length","div","data-testid","cn","ref","InputMask","onClick","Calendar","setDate","newDate","params"],"mappings":"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"}