intelicoreact 1.6.6 → 1.6.8

package/dist/Atomic/FormElements/InputLink/InputLink.js

@@ -15,6 +15,19 @@ const _reactfeather = require("react-feather");
 const _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
 const _Input = /*#__PURE__*/ _interop_require_default(require("../Input/Input"));
 require("./InputLink.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
@@ -61,10 +74,85 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const InputColor = ({ icon, value, withHttpsPrefix = {
-    isTurnOn: true,
-    isSecure: true
-}, onRedirect, testId = "", onChange, withDelete, ...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 InputColor = (_param)=>{
+    var { icon, value, withHttpsPrefix = {
+        isTurnOn: true,
+        isSecure: true
+    }, onRedirect, testId = "", onChange, withDelete } = _param, args = _object_without_properties(_param, [
+        "icon",
+        "value",
+        "withHttpsPrefix",
+        "onRedirect",
+        "testId",
+        "onChange",
+        "withDelete"
+    ]);
     const { isSecure, isTurnOn: isPrefix } = withHttpsPrefix || {};
     const inputRef = (0, _react.useRef)(null);
     const handle = {
@@ -99,8 +187,7 @@ const InputColor = ({ icon, value, withHttpsPrefix = {
                     !isSecure && (value === null || value === void 0 ? void 0 : value.length) > 0 && "http://"
                 ]
             }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
-                ...args,
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, _object_spread_props(_object_spread({}, args), {
                 withDelete: withDelete,
                 value: value,
                 onChange: handle.change,
@@ -112,7 +199,7 @@ const InputColor = ({ icon, value, withHttpsPrefix = {
                     "prefix-gutter--secured": isPrefix && isSecure && (value === null || value === void 0 ? void 0 : value.length) > 0,
                     "prefix-gutter--no-secured": isPrefix && !isSecure && (value === null || value === void 0 ? void 0 : value.length) > 0
                 })
-            }),
+            })),
             /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                 onClick: ()=>handle.redirect(),
                 className: (0, _classnames.default)("inputLink__icon pointer"),
@@ -122,3 +209,5 @@ const InputColor = ({ icon, value, withHttpsPrefix = {
     });
 };
 const _default = InputColor;
+
+//# sourceMappingURL=InputLink.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/InputLink/InputLink.js"],"sourcesContent":["import React, { useRef } from \"react\";\n\nimport cn from \"classnames\";\nimport { ExternalLink } from \"react-feather\";\n\nimport {\n  formatToOnlyASCIICodeText,\n  formatToReplaceAllWhiteSpace,\n} from \"../../../Functions/fieldValueFormatters\";\nimport Input from \"../Input/Input\";\n\nimport \"./InputLink.scss\";\n\nconst InputColor = ({\n  icon,\n  value,\n  withHttpsPrefix = {\n    isTurnOn: true,\n    isSecure: true,\n  },\n  onRedirect,\n  testId = \"\",\n  onChange,\n  withDelete,\n  ...args\n}) => {\n  const { isSecure, isTurnOn: isPrefix } = withHttpsPrefix || {};\n  const inputRef = useRef(null);\n  const handle = {\n    redirect: () => {\n      window.open(\n        `http${isSecure ? \"s\" : \"\"}://${value.replace(/https?:\\/\\/?/g, \"\")}`,\n        \"_blank\",\n      );\n      onRedirect?.();\n    },\n    change: (e) => {\n      let inputValue = e?.target\n        ? formatToOnlyASCIICodeText(e.target.value)\n        : formatToOnlyASCIICodeText(e);\n      let cursorPosition = inputRef.current?.selectionStart;\n\n      if (\n        (isSecure && cursorPosition <= 8) ||\n        (!isSecure && cursorPosition <= 7)\n      ) {\n        cursorPosition++;\n      }\n      setTimeout(() => {\n        inputRef.current?.setSelectionRange(cursorPosition, cursorPosition);\n      }, 0);\n      if (isPrefix)\n        inputValue = formatToReplaceAllWhiteSpace(\n          inputValue.replace(/https?:\\/\\/?/g, \"\"),\n        );\n\n      onChange?.(inputValue.toString());\n    },\n  };\n\n  return (\n    <div\n      className={cn(\"inputLink\", {\n        \"inputLink--withDelete\": withDelete && value && value.length > 0,\n      })}\n    >\n      {isPrefix && (\n        <div className={cn(\"inputColor__prefix\")}>\n          {isSecure && value?.length > 0 && \"https://\"}\n          {!isSecure && value?.length > 0 && \"http://\"}\n        </div>\n      )}\n      <Input\n        {...args}\n        withDelete={withDelete}\n        value={value}\n        onChange={handle.change}\n        testId={`inputLink--key-${testId}`}\n        type=\"text\"\n        autoComplete=\"url\"\n        ref={inputRef}\n        className={cn({\n          \"prefix-gutter--secured\": isPrefix && isSecure && value?.length > 0,\n          \"prefix-gutter--no-secured\":\n            isPrefix && !isSecure && value?.length > 0,\n        })}\n      />\n\n      <div\n        onClick={() => handle.redirect()}\n        className={cn(\"inputLink__icon pointer\")}\n      >\n        {value && (icon || <ExternalLink />)}\n      </div>\n    </div>\n  );\n};\n\nexport default InputColor;\n"],"names":["InputColor","icon","value","withHttpsPrefix","isTurnOn","isSecure","onRedirect","testId","onChange","withDelete","args","isPrefix","inputRef","useRef","handle","redirect","window","open","replace","change","e","inputValue","target","formatToOnlyASCIICodeText","cursorPosition","current","selectionStart","setTimeout","setSelectionRange","formatToReplaceAllWhiteSpace","toString","div","className","cn","length","Input","type","autoComplete","ref","onClick","ExternalLink"],"mappings":";;;;+BAkGA;;;eAAA;;;;+DAlG8B;mEAEf;8BACc;sCAKtB;8DACW;QAEX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,MAAMA,aAAa;QAAC,EAClBC,IAAI,EACJC,KAAK,EACLC,kBAAkB;QAChBC,UAAU;QACVC,UAAU;IACZ,CAAC,EACDC,UAAU,EACVC,SAAS,EAAE,EACXC,QAAQ,EACRC,UAAU,EAEX,WADIC;QAVHT;QACAC;QACAC;QAIAG;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEJ,QAAQ,EAAED,UAAUO,QAAQ,EAAE,GAAGR,mBAAmB,CAAC;IAC7D,MAAMS,WAAWC,IAAAA,aAAM,EAAC;IACxB,MAAMC,SAAS;QACbC,UAAU;YACRC,OAAOC,IAAI,CACT,CAAC,IAAI,EAAEZ,WAAW,MAAM,GAAG,GAAG,EAAEH,MAAMgB,OAAO,CAAC,iBAAiB,KAAK,EACpE;YAEFZ,uBAAAA,iCAAAA;QACF;QACAa,QAAQ,CAACC;gBAIcR;YAHrB,IAAIS,aAAaD,CAAAA,cAAAA,wBAAAA,EAAGE,MAAM,IACtBC,IAAAA,+CAAyB,EAACH,EAAEE,MAAM,CAACpB,KAAK,IACxCqB,IAAAA,+CAAyB,EAACH;YAC9B,IAAII,kBAAiBZ,oBAAAA,SAASa,OAAO,cAAhBb,wCAAAA,kBAAkBc,cAAc;YAErD,IACE,AAACrB,YAAYmB,kBAAkB,KAC9B,CAACnB,YAAYmB,kBAAkB,GAChC;gBACAA;YACF;YACAG,WAAW;oBACTf;iBAAAA,oBAAAA,SAASa,OAAO,cAAhBb,wCAAAA,kBAAkBgB,iBAAiB,CAACJ,gBAAgBA;YACtD,GAAG;YACH,IAAIb,UACFU,aAAaQ,IAAAA,kDAA4B,EACvCR,WAAWH,OAAO,CAAC,iBAAiB;YAGxCV,qBAAAA,+BAAAA,SAAWa,WAAWS,QAAQ;QAChC;IACF;IAEA,qBACE,sBAACC;QACCC,WAAWC,IAAAA,mBAAE,EAAC,aAAa;YACzB,yBAAyBxB,cAAcP,SAASA,MAAMgC,MAAM,GAAG;QACjE;;YAECvB,0BACC,sBAACoB;gBAAIC,WAAWC,IAAAA,mBAAE,EAAC;;oBAChB5B,YAAYH,CAAAA,kBAAAA,4BAAAA,MAAOgC,MAAM,IAAG,KAAK;oBACjC,CAAC7B,YAAYH,CAAAA,kBAAAA,4BAAAA,MAAOgC,MAAM,IAAG,KAAK;;;0BAGvC,qBAACC,cAAK,0CACAzB;gBACJD,YAAYA;gBACZP,OAAOA;gBACPM,UAAUM,OAAOK,MAAM;gBACvBZ,QAAQ,CAAC,eAAe,EAAEA,QAAQ;gBAClC6B,MAAK;gBACLC,cAAa;gBACbC,KAAK1B;gBACLoB,WAAWC,IAAAA,mBAAE,EAAC;oBACZ,0BAA0BtB,YAAYN,YAAYH,CAAAA,kBAAAA,4BAAAA,MAAOgC,MAAM,IAAG;oBAClE,6BACEvB,YAAY,CAACN,YAAYH,CAAAA,kBAAAA,4BAAAA,MAAOgC,MAAM,IAAG;gBAC7C;;0BAGF,qBAACH;gBACCQ,SAAS,IAAMzB,OAAOC,QAAQ;gBAC9BiB,WAAWC,IAAAA,mBAAE,EAAC;0BAEb/B,SAAUD,CAAAA,sBAAQ,qBAACuC,0BAAY,KAAE;;;;AAI1C;MAEA,WAAexC"}

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

@@ -20,6 +20,19 @@ const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _InputLink = /*#__PURE__*/ _interop_require_default(require("./InputLink"));
 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/InputLink',
@@ -107,11 +159,10 @@ const _default = {
 };
 const Template = (args)=>{
     const [value, setValue] = (0, _react.useState)();
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_InputLink.default, {
-        ...args,
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_InputLink.default, _object_spread_props(_object_spread({}, args), {
         value: value,
         onChange: setValue
-    });
+    }));
 };
 const InputTemplate = Template.bind({});
 InputTemplate.args = {
@@ -138,3 +189,5 @@ InputTemplate.args = {
     blinkTime: 100,
     withDelete: true
 };
+
+//# sourceMappingURL=InputLink.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/InputLink/InputLink.stories.js"],"sourcesContent":["import React, {useState} from 'react';\nimport InputLink from './InputLink';\n\nimport '../../../../../scss/main.scss';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'Form Elements/InputLink',\n  component: InputLink,\n  argTypes: {\n    withHttpsPrefix: {\n      control: {\n        type: 'object',\n      },\n      description: `\n      isTurnOn: boolean - включает и выключает функционал добавления префикса http(s)://\n\n      isSecure: boolean - добавляет/убирает S в префиксе\n\n      isBorderErrorWithEmptyHost: boolean - красит бордер, если в велью только префикс, без хоста`,\n    },\n    disabled: {\n      description: 'boolean',\n    },\n    error: {\n      description: 'text - coloring input if is errored',\n    },\n    withDelete: {\n      description: 'boolean - add clear-cross by hover',\n    },\n    placeholder: {\n      description: 'text',\n    },\n    value: {description: '(* - required prop)'},\n    className: {description: 'string'},\n    symbolsLimit: {\n      description: 'Set limit of symbols in input, overhead will be ignored',\n    },\n  },\n};\n\nconst Template = args => {\n  const [value, setValue] = useState();\n  return <InputLink {...args} value={value} onChange={setValue} />;\n};\n\nexport const InputTemplate = Template.bind({});\n\nInputTemplate.args = {\n  withHttpsPrefix: {\n    isTurnOn: true,\n    isSecure: true,\n  },\n  placeholder: 'Enter the link',\n  error: '',\n  disabled: false,\n  onBlur: () => {},\n  onKeyUp: () => {},\n  onFocus: () => {},\n  onChange: () => {},\n  onKeyDown: () => {},\n  onRedirect: () => {},\n  isSelect: false,\n  isNotBlinkErrors: false,\n  isFocusDefault: false,\n  isUseAutoSelect: true,\n  ref: null,\n  icon: null,\n  value: '',\n  blinkTime: 100,\n  withDelete: true,\n};\n"],"names":["InputTemplate","global","lng","title","component","InputLink","argTypes","withHttpsPrefix","control","type","description","disabled","error","withDelete","placeholder","value","className","symbolsLimit","Template","args","setValue","useState","onChange","bind","isTurnOn","isSecure","onBlur","onKeyUp","onFocus","onKeyDown","onRedirect","isSelect","isNotBlinkErrors","isFocusDefault","isUseAutoSelect","ref","icon","blinkTime"],"mappings":";;;;;;;;;;;IA+CaA,aAAa;eAAbA;;IAxCb,OAiCE;eAjCF;;;;+DAP8B;kEACR;QAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEPC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,kBAAS;IACpBC,UAAU;QACRC,iBAAiB;YACfC,SAAS;gBACPC,MAAM;YACR;YACAC,aAAa,CAAC;;;;;iGAK6E,CAAC;QAC9F;QACAC,UAAU;YACRD,aAAa;QACf;QACAE,OAAO;YACLF,aAAa;QACf;QACAG,YAAY;YACVH,aAAa;QACf;QACAI,aAAa;YACXJ,aAAa;QACf;QACAK,OAAO;YAACL,aAAa;QAAqB;QAC1CM,WAAW;YAACN,aAAa;QAAQ;QACjCO,cAAc;YACZP,aAAa;QACf;IACF;AACF;AAEA,MAAMQ,WAAWC,CAAAA;IACf,MAAM,CAACJ,OAAOK,SAAS,GAAGC,IAAAA,eAAQ;IAClC,qBAAO,qBAAChB,kBAAS,0CAAKc;QAAMJ,OAAOA;QAAOO,UAAUF;;AACtD;AAEO,MAAMpB,gBAAgBkB,SAASK,IAAI,CAAC,CAAC;AAE5CvB,cAAcmB,IAAI,GAAG;IACnBZ,iBAAiB;QACfiB,UAAU;QACVC,UAAU;IACZ;IACAX,aAAa;IACbF,OAAO;IACPD,UAAU;IACVe,QAAQ,KAAO;IACfC,SAAS,KAAO;IAChBC,SAAS,KAAO;IAChBN,UAAU,KAAO;IACjBO,WAAW,KAAO;IAClBC,YAAY,KAAO;IACnBC,UAAU;IACVC,kBAAkB;IAClBC,gBAAgB;IAChBC,iBAAiB;IACjBC,KAAK;IACLC,MAAM;IACNrB,OAAO;IACPsB,WAAW;IACXxB,YAAY;AACd"}

package/dist/Atomic/FormElements/InputMask/InputCarretPosition.js

@@ -50,3 +50,5 @@ const setCaretPosition = (ctrl, start)=>{
     sel.addRange(range);
     ctrl.focus();
 };
+
+//# sourceMappingURL=InputCarretPosition.js.map

package/dist/Atomic/FormElements/InputMask/InputCarretPosition.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/InputMask/InputCarretPosition.js"],"sourcesContent":["export const getCaretPosition = (ctrl) => {\n  // IE < 9 Support\n  if (document.selection) {\n    ctrl.focus();\n    const range = document.selection.createRange();\n    const rangelen = range.text.length;\n    range.moveStart(\"character\", -ctrl.value.length);\n    const start = range.text.length - rangelen;\n    return {\n      start,\n      end: start + rangelen,\n    };\n  } // IE >=9 and other browsers\n  else if (ctrl.selectionStart || ctrl.selectionStart === \"0\") {\n    return {\n      start: ctrl.selectionStart,\n      end: ctrl.selectionEnd,\n    };\n  } else {\n    return {\n      start: 0,\n      end: 0,\n    };\n  }\n};\n\nexport const setCaretPosition = (ctrl, start) => {\n  if (!ctrl) return false;\n\n  const range = document.createRange();\n  const sel = window.getSelection();\n  range.setStart(ctrl?.childNodes[0], start);\n  range.collapse(true);\n  sel.removeAllRanges();\n  sel.addRange(range);\n  ctrl.focus();\n};\n"],"names":["getCaretPosition","setCaretPosition","ctrl","document","selection","focus","range","createRange","rangelen","text","length","moveStart","value","start","end","selectionStart","selectionEnd","sel","window","getSelection","setStart","childNodes","collapse","removeAllRanges","addRange"],"mappings":";;;;;;;;;;;IAAaA,gBAAgB;eAAhBA;;IA0BAC,gBAAgB;eAAhBA;;;AA1BN,MAAMD,mBAAmB,CAACE;IAC/B,iBAAiB;IACjB,IAAIC,SAASC,SAAS,EAAE;QACtBF,KAAKG,KAAK;QACV,MAAMC,QAAQH,SAASC,SAAS,CAACG,WAAW;QAC5C,MAAMC,WAAWF,MAAMG,IAAI,CAACC,MAAM;QAClCJ,MAAMK,SAAS,CAAC,aAAa,CAACT,KAAKU,KAAK,CAACF,MAAM;QAC/C,MAAMG,QAAQP,MAAMG,IAAI,CAACC,MAAM,GAAGF;QAClC,OAAO;YACLK;YACAC,KAAKD,QAAQL;QACf;IACF,OACK,IAAIN,KAAKa,cAAc,IAAIb,KAAKa,cAAc,KAAK,KAAK;QAC3D,OAAO;YACLF,OAAOX,KAAKa,cAAc;YAC1BD,KAAKZ,KAAKc,YAAY;QACxB;IACF,OAAO;QACL,OAAO;YACLH,OAAO;YACPC,KAAK;QACP;IACF;AACF;AAEO,MAAMb,mBAAmB,CAACC,MAAMW;IACrC,IAAI,CAACX,MAAM,OAAO;IAElB,MAAMI,QAAQH,SAASI,WAAW;IAClC,MAAMU,MAAMC,OAAOC,YAAY;IAC/Bb,MAAMc,QAAQ,CAAClB,iBAAAA,2BAAAA,KAAMmB,UAAU,CAAC,EAAE,EAAER;IACpCP,MAAMgB,QAAQ,CAAC;IACfL,IAAIM,eAAe;IACnBN,IAAIO,QAAQ,CAAClB;IACbJ,KAAKG,KAAK;AACZ"}

package/dist/Atomic/FormElements/InputMask/InputMask.js

@@ -18,6 +18,48 @@ const _InputCarretPosition = require("./InputCarretPosition");
 const _config = require("./config");
 const _functions = require("./functions");
 require("./InputMask.scss");
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+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
@@ -64,11 +106,47 @@ 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 InputMask({ maskPattern, maskPatternPlaceholder, maskPlaceholder, maskDigitPlaceholder, maskLetterPlaceholder, usePatternPlaceholder, disabled, maskAsPlaceholder = true, maxEditableLen = -1, isFocusedDefault = false, isClearable, isCaseSensitive, adaptTextCase, isUseAutoSelect = true, icon, showIcon, isIconLeft, isIconRight, value, blinkErrors = true, blinkDuration = 100, showErrors = false, className = "", errors: customErrors = _config.DEFAULT_ERRORS, error: customError = "", ref, onChange: onChangeProp = ()=>{}, onFocus: onFocusProp = ()=>{}, onBlur: onBlurProp = ()=>{}, onKeyDown: onKeyDownProp = ()=>{}, imitateTypingOnPaste = false, imitateTypingOnPasteDelay = 100, showHint = false, hintText = "", hintClassName = "", isHintRight = true, isHintLeft = false, hintPosition = "right", hideMaskOnBlur = true, returnMaskedValue = false, name, testId = "input-mask" } = {}) {
-    const errors = {
-        ..._config.DEFAULT_ERRORS,
-        ...customErrors
-    };
+    const errors = _object_spread({}, _config.DEFAULT_ERRORS, customErrors);
     const [isMaskRendered, setMaskRendered] = (0, _react.useState)(false);
     const inputRef = (0, _react.useRef)(null);
     const [isMouseDown, setIsMouseDown] = (0, _react.useState)(false);
@@ -197,19 +275,16 @@ function InputMask({ maskPattern, maskPatternPlaceholder, maskPlaceholder, maskD
             char
         });
         if (char === " ") char = _config.SPACE_CHAR;
-        return {
+        return _object_spread({
             char: isSpecialSymbolMask ? char : "",
             maskChar: char,
             isSpecialSymbol: isSpecialSymbolMask,
             isCharSymbol: !isSpecialSymbol && char !== "" && isSpecialSymbolMask,
-            ref: /*#__PURE__*/ (0, _react.createRef)(),
-            ...data
-        };
+            ref: /*#__PURE__*/ (0, _react.createRef)()
+        }, data);
     };
     const getCharByIndex = (i)=>{
-        return innerValue[i] ? {
-            ...innerValue[i]
-        } : undefined;
+        return innerValue[i] ? _object_spread({}, innerValue[i]) : undefined;
     };
     const getMaskCharByIndex = (i)=>{
         var _innerValue_i;
@@ -383,73 +458,78 @@ function InputMask({ maskPattern, maskPatternPlaceholder, maskPlaceholder, maskD
                 break;
         }
     };
-    const handleKeyDown = async (e, i, { disableErrors = false, disableIsSelectingCheck = false } = {})=>{
-        var _getClearInnerValueAsString;
-        if (isSelecting && !disableIsSelectingCheck) {
-            deleteSelectedText();
-            (0, _functions.resetSelectionText)();
-            setIsSelecting(false);
-            setTimeout(()=>handleKeyDown(e, getSelectStartIndex(), {
-                    disableErrors,
-                    disableIsSelectingCheck: true
-                }), 10);
-            return null;
-        }
-        try {
-            e.stopPropagation();
-            e.preventDefault();
-        } catch (e) {}
-        if (isInputThrottled) return false;
-        setIsInputThrottled(true);
-        let { key, keyCode } = e;
-        const charObj = getCharByIndex(i);
-        // Android Text Typing FIX
-        // eslint-disable-next-line eqeqeq
-        if (keyCode == _config.ANDROID_CHROME_TEXT_CODE) {
-            const { ref: charRef } = charObj;
-            key = await new Promise((resolve)=>{
-                setTimeout(()=>{
-                    var _charRef_current_innerText, _charRef_current;
-                    //Typed Text
-                    if ((charRef === null || charRef === void 0 ? void 0 : (_charRef_current = charRef.current) === null || _charRef_current === void 0 ? void 0 : (_charRef_current_innerText = _charRef_current.innerText) === null || _charRef_current_innerText === void 0 ? void 0 : _charRef_current_innerText.length) >= 2) {
-                        var _charRef_current1;
-                        const [key, prevChar] = charRef === null || charRef === void 0 ? void 0 : (_charRef_current1 = charRef.current) === null || _charRef_current1 === void 0 ? void 0 : _charRef_current1.innerText;
-                        charRef.current.innerText = prevChar;
-                        resolve(key);
-                    } else {
-                        resolve(null);
-                    }
-                }, 1);
+    const handleKeyDown = /*#__PURE__*/ function() {
+        var _ref = _async_to_generator(function*(e, i, { disableErrors = false, disableIsSelectingCheck = false } = {}) {
+            var _getClearInnerValueAsString;
+            if (isSelecting && !disableIsSelectingCheck) {
+                deleteSelectedText();
+                (0, _functions.resetSelectionText)();
+                setIsSelecting(false);
+                setTimeout(()=>handleKeyDown(e, getSelectStartIndex(), {
+                        disableErrors,
+                        disableIsSelectingCheck: true
+                    }), 10);
+                return null;
+            }
+            try {
+                e.stopPropagation();
+                e.preventDefault();
+            } catch (e) {}
+            if (isInputThrottled) return false;
+            setIsInputThrottled(true);
+            let { key, keyCode } = e;
+            const charObj = getCharByIndex(i);
+            // Android Text Typing FIX
+            // eslint-disable-next-line eqeqeq
+            if (keyCode == _config.ANDROID_CHROME_TEXT_CODE) {
+                const { ref: charRef } = charObj;
+                key = yield new Promise((resolve)=>{
+                    setTimeout(()=>{
+                        var _charRef_current_innerText, _charRef_current;
+                        //Typed Text
+                        if ((charRef === null || charRef === void 0 ? void 0 : (_charRef_current = charRef.current) === null || _charRef_current === void 0 ? void 0 : (_charRef_current_innerText = _charRef_current.innerText) === null || _charRef_current_innerText === void 0 ? void 0 : _charRef_current_innerText.length) >= 2) {
+                            var _charRef_current1;
+                            const [key, prevChar] = charRef === null || charRef === void 0 ? void 0 : (_charRef_current1 = charRef.current) === null || _charRef_current1 === void 0 ? void 0 : _charRef_current1.innerText;
+                            charRef.current.innerText = prevChar;
+                            resolve(key);
+                        } else {
+                            resolve(null);
+                        }
+                    }, 1);
+                });
+            }
+            if (!charObj || i === innerValue.length - 1) return false;
+            if (maskAsPlaceholder && i > getLastTypedIndex() + 1) return yield handleKeyDown(e, getLastTypedIndex() === 0 ? 0 : getLastTypedIndex() + 1, {
+                disableErrors
             });
-        }
-        if (!charObj || i === innerValue.length - 1) return false;
-        if (maskAsPlaceholder && i > getLastTypedIndex() + 1) return await handleKeyDown(e, getLastTypedIndex() === 0 ? 0 : getLastTypedIndex() + 1, {
-            disableErrors
+            const { isSpecialSymbol, maskChar, isReadOnly } = charObj;
+            if (isReadOnly) return false;
+            //IF DEFAULT CHAR IS SPACE, SWITCH TO NEXT INPUT
+            if (maskChar === _config.SPACE_CHAR) return yield handleKeyDown(e, i + 1);
+            if (isSpecialSymbol && maskChar !== key) return false;
+            if (!isValidChar({
+                char: key,
+                i,
+                disableErrors
+            })) return false;
+            if (maskAsPlaceholder && ((_getClearInnerValueAsString = getClearInnerValueAsString(i)) === null || _getClearInnerValueAsString === void 0 ? void 0 : _getClearInnerValueAsString.length) !== 0) {
+                const fromIndex = i + 1;
+                const text = innerValue.slice().filter(({ isCharSymbol }, index)=>index >= i && !isCharSymbol).map(({ char }, index)=>char).join("");
+                onPaste({
+                    text
+                }, fromIndex, false);
+            }
+            setIsUndoValueBlocked(false);
+            updateInnerValueChar({
+                char: key
+            }, i);
+            setTimeout(()=>onArrowRightDown(e, i), 1);
+            return true;
         });
-        const { isSpecialSymbol, maskChar, isReadOnly } = charObj;
-        if (isReadOnly) return false;
-        //IF DEFAULT CHAR IS SPACE, SWITCH TO NEXT INPUT
-        if (maskChar === _config.SPACE_CHAR) return await handleKeyDown(e, i + 1);
-        if (isSpecialSymbol && maskChar !== key) return false;
-        if (!isValidChar({
-            char: key,
-            i,
-            disableErrors
-        })) return false;
-        if (maskAsPlaceholder && ((_getClearInnerValueAsString = getClearInnerValueAsString(i)) === null || _getClearInnerValueAsString === void 0 ? void 0 : _getClearInnerValueAsString.length) !== 0) {
-            const fromIndex = i + 1;
-            const text = innerValue.slice().filter(({ isCharSymbol }, index)=>index >= i && !isCharSymbol).map(({ char }, index)=>char).join("");
-            onPaste({
-                text
-            }, fromIndex, false);
-        }
-        setIsUndoValueBlocked(false);
-        updateInnerValueChar({
-            char: key
-        }, i);
-        setTimeout(()=>onArrowRightDown(e, i), 1);
-        return true;
-    };
+        return function handleKeyDown(e, i) {
+            return _ref.apply(this, arguments);
+        };
+    }();
     const handleKeyCombinations = (e, i)=>{
         const { key, keyCode } = e;
         switch(keyCode){
@@ -476,29 +556,33 @@ function InputMask({ maskPattern, maskPatternPlaceholder, maskPlaceholder, maskD
                 break;
         }
     };
-    const onKeyDown = async (e, i = null)=>{
-        var _innerValue__ref;
-        if (!isFocused && !isSelecting) return false;
-        const { key, ctrlKey, altKey } = e;
-        const target = ((_innerValue__ref = innerValue[0].ref) === null || _innerValue__ref === void 0 ? void 0 : _innerValue__ref.current) || e.target;
-        onKeyDownProp({
-            ...e,
-            target
-        }, i);
-        if (_indexconstants.KEYBOARD_SERVICE_KEYS.includes(key) && _config.EXCLUDED_KEYS.includes(key)) return true;
-        setError(false);
-        clearErrorMessage();
-        if (ctrlKey || altKey) {
-            if (!_indexconstants.KEYBOARD_SERVICE_KEYS.includes(key)) handleKeyCombinations(e, i);
-            return true;
-        }
-        e.preventDefault();
-        e.stopPropagation();
-        const handleResult = _indexconstants.KEYBOARD_SERVICE_KEYS.includes(key) ? handleServiceKeyDown(e, i) : await handleKeyDown(e, i);
-        if (blinkErrors && !handleResult && i !== null) {
-            setBlinkError(true);
-        }
-    };
+    const onKeyDown = /*#__PURE__*/ function() {
+        var _ref = _async_to_generator(function*(e, i = null) {
+            var _innerValue__ref;
+            if (!isFocused && !isSelecting) return false;
+            const { key, ctrlKey, altKey } = e;
+            const target = ((_innerValue__ref = innerValue[0].ref) === null || _innerValue__ref === void 0 ? void 0 : _innerValue__ref.current) || e.target;
+            onKeyDownProp(_object_spread_props(_object_spread({}, e), {
+                target
+            }), i);
+            if (_indexconstants.KEYBOARD_SERVICE_KEYS.includes(key) && _config.EXCLUDED_KEYS.includes(key)) return true;
+            setError(false);
+            clearErrorMessage();
+            if (ctrlKey || altKey) {
+                if (!_indexconstants.KEYBOARD_SERVICE_KEYS.includes(key)) handleKeyCombinations(e, i);
+                return true;
+            }
+            e.preventDefault();
+            e.stopPropagation();
+            const handleResult = _indexconstants.KEYBOARD_SERVICE_KEYS.includes(key) ? handleServiceKeyDown(e, i) : yield handleKeyDown(e, i);
+            if (blinkErrors && !handleResult && i !== null) {
+                setBlinkError(true);
+            }
+        });
+        return function onKeyDown(e) {
+            return _ref.apply(this, arguments);
+        };
+    }();
     const onClick = (e, cb, { ignoreIsSelecting = false } = {})=>{
         try {
             e.stopPropagation();
@@ -967,3 +1051,5 @@ function InputMask({ maskPattern, maskPatternPlaceholder, maskPlaceholder, maskD
     };
     return render();
 }
+
+//# sourceMappingURL=InputMask.js.map