intelicoreact 1.6.2 → 1.6.3

package/dist/Atomic/FormElements/InputMask3/InputMask3.js

@@ -1,16 +1,72 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { createRef, useEffect, useMemo, useRef, useState } from "react";
-import cn from "classnames";
-import { Eye, EyeOff, X } from "react-feather";
-import { KEYBOARD_KEY_CODES as KEY_CODES } from "../../../Constants/index.constants";
-import { disableDefaultBehavior } from "../../../Functions/utils";
-import Spinner from "../../Layout/Spinner/Spinner";
-import DynamicIcon from "../../UI/DynamicIcon/DynamicIcon";
-import Hint from "../../UI/Hint/Hint";
-import { DEFAULT_ERRORS, DIGIT_MASK_CHAR, LOWERCASE_LETTER_MASK_CHAR, SPACE_CHAR, UPPERCASE_LETTER_MASK_CHAR } from "./config";
-import { isDigit, isDigitMaskChar, isLetter, isLetterMaskChar, isLowerCaseLetter, isUpperCaseLetter } from "./functions";
-import "./InputMask3.scss";
-export default function InputMask3({ autocomplete = "off", maskPattern, maskPatternPlaceholder, maskPlaceholder, maskDigitPlaceholder, maskLetterPlaceholder, usePatternPlaceholder, maxEditableIndex = -1, isFocusedDefault = false, isClearable, isCaseSensitive, adaptTextCase, isUseAutoSelect = true, isLoading = false, // Включает/отключает режим скрытия в принциепе.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return InputMask3;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _reactfeather = require("react-feather");
+const _indexconstants = require("../../../Constants/index.constants");
+const _utils = require("../../../Functions/utils");
+const _Spinner = /*#__PURE__*/ _interop_require_default(require("../../Layout/Spinner/Spinner"));
+const _DynamicIcon = /*#__PURE__*/ _interop_require_default(require("../../UI/DynamicIcon/DynamicIcon"));
+const _Hint = /*#__PURE__*/ _interop_require_default(require("../../UI/Hint/Hint"));
+const _config = require("./config");
+const _functions = require("./functions");
+require("./InputMask3.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+function InputMask3({ autocomplete = "off", maskPattern, maskPatternPlaceholder, maskPlaceholder, maskDigitPlaceholder, maskLetterPlaceholder, usePatternPlaceholder, maxEditableIndex = -1, isFocusedDefault = false, isClearable, isCaseSensitive, adaptTextCase, isUseAutoSelect = true, isLoading = false, // Включает/отключает режим скрытия в принциепе.
 withHiddenMode = false, // Символ которым скрывааеются символы
 hiddenChar = "*", // Индекс последнего скрываемогосимвола
 // Индекс нужно передавать с УЧЕТОМ не значащих символов маски,
@@ -18,24 +74,24 @@ hiddenChar = "*", // Индекс последнего скрываемогос
 maxHiddenIndex = -1, // Инициализационнное значение положения "скрыть" (если НЕ управляется сверху)
 isValueHiddenDefault = false, // ? Если передана как булева, то режим скрытия управляется ей, здешний триггер (глазик) НЕ рендерится
 // ? Если НЕ передана ка булева, то режим скрытия обеспечиватся своим внутренним стором, здешний триггер (глазик) рендерится
-isHide, icon, showIcon, isIconLeft, isIconRight, iconDynamicKey, iconDynamicProps = {}, value, blinkErrors = true, blinkDuration = 100, showErrors = false, className = "", errors: customErrors = DEFAULT_ERRORS, error: customError = "", onChange: onChangeProp = ()=>{}, onFocus: onFocusProp = ()=>{}, onBlur: onBlurProp = ()=>{}, onKeyDown: onKeyDownProp = ()=>{}, onFilled: onFilledProp = ()=>{}, showHint = false, hintText = "", hintClassName = "", isHintRight = true, isHintLeft = false, hintPosition = "right", hideMaskOnBlur = true, returnMaskedValue = false, name, fieldKey, id, disabled, testId = "input-mask", attributesOfNativeInput = {} } = {}) {
+isHide, icon, showIcon, isIconLeft, isIconRight, iconDynamicKey, iconDynamicProps = {}, value, blinkErrors = true, blinkDuration = 100, showErrors = false, className = "", errors: customErrors = _config.DEFAULT_ERRORS, error: customError = "", onChange: onChangeProp = ()=>{}, onFocus: onFocusProp = ()=>{}, onBlur: onBlurProp = ()=>{}, onKeyDown: onKeyDownProp = ()=>{}, onFilled: onFilledProp = ()=>{}, showHint = false, hintText = "", hintClassName = "", isHintRight = true, isHintLeft = false, hintPosition = "right", hideMaskOnBlur = true, returnMaskedValue = false, name, fieldKey, id, disabled, testId = "input-mask", attributesOfNativeInput = {} } = {}) {
     const errors = {
-        ...DEFAULT_ERRORS,
+        ..._config.DEFAULT_ERRORS,
         ...customErrors
     };
     if (maxEditableIndex === -1) maxEditableIndex = maskPattern.length;
-    const [isMaskRendered, setMaskRendered] = useState(false);
-    const [isFocused, setFocused] = useState(false);
-    const [isInitValue, setIsInitValue] = useState(false);
-    const [selectedLength, setSelectedLength] = useState(0);
+    const [isMaskRendered, setMaskRendered] = (0, _react.useState)(false);
+    const [isFocused, setFocused] = (0, _react.useState)(false);
+    const [isInitValue, setIsInitValue] = (0, _react.useState)(false);
+    const [selectedLength, setSelectedLength] = (0, _react.useState)(0);
     //? Если управляется сверху, то инициируемся текущим внешним значением
-    const [isValueHidden, setIsValueHidden] = useState(typeof isHide === "boolean" ? isHide : isValueHiddenDefault);
-    const [isHiddenLogicInit, setIsHiddenLogicInit] = useState(false);
-    const inputRef = useRef(null);
-    const keyDownRef = useRef(null);
+    const [isValueHidden, setIsValueHidden] = (0, _react.useState)(typeof isHide === "boolean" ? isHide : isValueHiddenDefault);
+    const [isHiddenLogicInit, setIsHiddenLogicInit] = (0, _react.useState)(false);
+    const inputRef = (0, _react.useRef)(null);
+    const keyDownRef = (0, _react.useRef)(null);
     const setKeyDown = (keyCode)=>keyDownRef.current = keyCode;
     const getKeyDown = ()=>keyDownRef.current;
-    const DynamicIconComponent = iconDynamicKey && !icon ? /*#__PURE__*/ _jsx(DynamicIcon, {
+    const DynamicIconComponent = iconDynamicKey && !icon ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_DynamicIcon.default, {
         iconKey: iconDynamicKey,
         ...iconDynamicProps
     }) : null;
@@ -45,14 +101,14 @@ isHide, icon, showIcon, isIconLeft, isIconRight, iconDynamicKey, iconDynamicProp
         if (input) setTimeout(()=>input.setSelectionRange(caret, caret), 0);
     };
     // ERRORS MANAGEMENT FUNCTIONS | START //
-    const [isError, setError] = useState(false);
-    const [blinkError, setBlinkError] = useState(false);
-    const [errorMessage, setErrorMessage] = useState(errors.default);
+    const [isError, setError] = (0, _react.useState)(false);
+    const [blinkError, setBlinkError] = (0, _react.useState)(false);
+    const [errorMessage, setErrorMessage] = (0, _react.useState)(errors.default);
     const clearErrorMessage = ()=>setErrorMessage(errors.default);
     // ERRORS MANAGEMENT FUNCTIONS | END //
     // INNER VALUE MANAGEMENT FUNCTIONS | START //
-    const [innerValue, setInnerValue] = useState([]);
-    const prevValueRef = useRef([]);
+    const [innerValue, setInnerValue] = (0, _react.useState)([]);
+    const prevValueRef = (0, _react.useRef)([]);
     const addInnerValueChar = ({ char, data = {} })=>{
         setInnerValue((state)=>{
             const stateCopy = [
@@ -125,13 +181,13 @@ isHide, icon, showIcon, isIconLeft, isIconRight, iconDynamicKey, iconDynamicProp
         const isSpecialSymbolMask = isSpecialSymbolMaskChar({
             char
         });
-        if (char === " ") char = SPACE_CHAR;
+        if (char === " ") char = _config.SPACE_CHAR;
         return {
             char: isSpecialSymbolMask ? char : "",
             maskChar: char,
             isSpecialSymbol: isSpecialSymbolMask,
             isCharSymbol: !isSpecialSymbol && char !== "" && isSpecialSymbolMask,
-            ref: /*#__PURE__*/ createRef(),
+            ref: /*#__PURE__*/ (0, _react.createRef)(),
             ...data
         };
     };
@@ -149,8 +205,8 @@ isHide, icon, showIcon, isIconLeft, isIconRight, iconDynamicKey, iconDynamicProp
         if (usePatternPlaceholder) {
             return maskPatternPlaceholder[i] || maskPlaceholder;
         }
-        if (isDigitMaskChar(maskChar) && maskDigitPlaceholder) return maskDigitPlaceholder;
-        if (isLetterMaskChar(maskChar) && maskLetterPlaceholder) return maskLetterPlaceholder;
+        if ((0, _functions.isDigitMaskChar)(maskChar) && maskDigitPlaceholder) return maskDigitPlaceholder;
+        if ((0, _functions.isLetterMaskChar)(maskChar) && maskLetterPlaceholder) return maskLetterPlaceholder;
         return maskPlaceholder;
     };
     const getInputValue = ({ noLastTyppedCharIndexCheck, noHide = false } = {})=>{
@@ -187,7 +243,7 @@ isHide, icon, showIcon, isIconLeft, isIconRight, iconDynamicKey, iconDynamicProp
         }, "");
         return clearValue;
     };
-    const inputValue = useMemo(getInputValue, [
+    const inputValue = (0, _react.useMemo)(getInputValue, [
         innerValue,
         isValueHidden
     ]);
@@ -196,32 +252,32 @@ isHide, icon, showIcon, isIconLeft, isIconRight, iconDynamicKey, iconDynamicProp
     const isValidChar = ({ char: key, i, disableErrors = false })=>{
         const maskChar = getMaskCharByIndex(i);
         switch(maskChar){
-            case DIGIT_MASK_CHAR:
-                if (!isDigit(key)) {
+            case _config.DIGIT_MASK_CHAR:
+                if (!(0, _functions.isDigit)(key)) {
                     if (!disableErrors) {
                         setErrorMessage(errors.onlyDigit);
                     }
                     return false;
                 }
                 break;
-            case UPPERCASE_LETTER_MASK_CHAR:
+            case _config.UPPERCASE_LETTER_MASK_CHAR:
                 if (adaptTextCase) key = key.toUpperCase();
-                if (!isLetter(key) && !isCaseSensitive) {
+                if (!(0, _functions.isLetter)(key) && !isCaseSensitive) {
                     if (!disableErrors) setErrorMessage(errors.onlyLetter);
                     return false;
                 }
-                if (isCaseSensitive && !isUpperCaseLetter(key)) {
+                if (isCaseSensitive && !(0, _functions.isUpperCaseLetter)(key)) {
                     if (!disableErrors) setErrorMessage(errors.onlyUpperCase);
                     return false;
                 }
                 break;
-            case LOWERCASE_LETTER_MASK_CHAR:
+            case _config.LOWERCASE_LETTER_MASK_CHAR:
                 if (adaptTextCase) key = key.toLowerCase();
-                if (!isLetter(key) && !isCaseSensitive) {
+                if (!(0, _functions.isLetter)(key) && !isCaseSensitive) {
                     if (!disableErrors) setErrorMessage(errors.onlyLetter);
                     return false;
                 }
-                if (isCaseSensitive && !isLowerCaseLetter(key)) {
+                if (isCaseSensitive && !(0, _functions.isLowerCaseLetter)(key)) {
                     if (!disableErrors) setErrorMessage(errors.onlyLowerCase);
                     return false;
                 }
@@ -232,10 +288,10 @@ isHide, icon, showIcon, isIconLeft, isIconRight, iconDynamicKey, iconDynamicProp
         return true;
     };
     const isSpecialSymbolMaskChar = ({ char })=>{
-        return !isDigitMaskChar(char) && !isLetterMaskChar(char);
+        return !(0, _functions.isDigitMaskChar)(char) && !(0, _functions.isLetterMaskChar)(char);
     };
     const isSpecialSymbolChar = ({ char })=>{
-        return !isDigit(char) && !isLetter(char);
+        return !(0, _functions.isDigit)(char) && !(0, _functions.isLetter)(char);
     };
     const isSpecialSymbol = (i)=>{
         var _getCharByIndex;
@@ -248,7 +304,7 @@ isHide, icon, showIcon, isIconLeft, isIconRight, iconDynamicKey, iconDynamicProp
         clearErrorMessage();
         const { target: { value, selectionStart: caretPos }, nativeEvent: { data: char } } = e;
         if (caretPos > maxEditableIndex) {
-            disableDefaultBehavior();
+            (0, _utils.disableDefaultBehavior)();
             setCaret(maxEditableIndex);
             setBlinkError(true);
             return;
@@ -262,7 +318,7 @@ isHide, icon, showIcon, isIconLeft, isIconRight, iconDynamicKey, iconDynamicProp
                     char,
                     i: caretPos - 1
                 })) {
-                    disableDefaultBehavior(e);
+                    (0, _utils.disableDefaultBehavior)(e);
                     setCaret(caretPos - 1);
                 } else {
                     const newCaretPos = value.length - caretOffset;
@@ -270,15 +326,15 @@ isHide, icon, showIcon, isIconLeft, isIconRight, iconDynamicKey, iconDynamicProp
                 }
             } else if (inputValue.longerThan(value)) {
                 switch(getKeyDown()){
-                    case KEY_CODES.Backspace:
+                    case _indexconstants.KEYBOARD_KEY_CODES.Backspace:
                         if (isSpecialSymbol(caretPos)) {
-                            disableDefaultBehavior(e);
+                            (0, _utils.disableDefaultBehavior)(e);
                         }
                         setCaret(caretPos);
                         break;
-                    case KEY_CODES.Delete:
+                    case _indexconstants.KEYBOARD_KEY_CODES.Delete:
                         if (isSpecialSymbol(caretPos)) {
-                            disableDefaultBehavior(e);
+                            (0, _utils.disableDefaultBehavior)(e);
                             setCaret(caretPos + 1);
                         } else {
                             setCaret(caretPos);
@@ -298,7 +354,7 @@ isHide, icon, showIcon, isIconLeft, isIconRight, iconDynamicKey, iconDynamicProp
                     char,
                     i: caretPos - 1
                 }) || inputValue === getInputValue() && getInputValue()[caretPos - 1] !== char)) {
-                    disableDefaultBehavior(e);
+                    (0, _utils.disableDefaultBehavior)(e);
                     setBlinkError(true);
                 }
             }, 0);
@@ -381,7 +437,7 @@ isHide, icon, showIcon, isIconLeft, isIconRight, iconDynamicKey, iconDynamicProp
     // GENERAL EVENT HANDLERS | END //
     /// --- OBSERVERS ---///
     // Render Mask
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         setIsInitValue(false);
         setInnerValue([]);
         setMaskRendered(false);
@@ -402,7 +458,7 @@ isHide, icon, showIcon, isIconLeft, isIconRight, iconDynamicKey, iconDynamicProp
     }, [
         maskPattern
     ]);
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         if (isMaskRendered && !isInitValue || isInitValue && ![
             getInputValue(),
             getClearInnerValueAsString()
@@ -416,7 +472,7 @@ isHide, icon, showIcon, isIconLeft, isIconRight, iconDynamicKey, iconDynamicProp
         isInitValue
     ]);
     // OnChange Observer
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         if (isMaskRendered && isInitValue) {
             var _prevValueRef_current, _prevValueRef_current1;
             setError(false);
@@ -439,7 +495,7 @@ isHide, icon, showIcon, isIconLeft, isIconRight, iconDynamicKey, iconDynamicProp
         isInitValue
     ]);
     // Blink Error
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         if (blinkError) {
             setTimeout(()=>{
                 setBlinkError(false);
@@ -448,14 +504,14 @@ isHide, icon, showIcon, isIconLeft, isIconRight, iconDynamicKey, iconDynamicProp
     }, [
         blinkError
     ]);
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         setError(customError !== "");
         setErrorMessage(customError === "" ? errors.default : customError);
     }, [
         customError,
         isError
     ]);
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         if (typeof isHide === "boolean") {
             onHiddenToggle(isHide);
             if (!isHiddenLogicInit) setIsHiddenLogicInit(true);
@@ -466,17 +522,17 @@ isHide, icon, showIcon, isIconLeft, isIconRight, iconDynamicKey, iconDynamicProp
     /// --- RENDER ---///
     const renderChar = (obj, i, className = "")=>{
         const { char, ref, maskChar, isSpecialSymbol } = obj;
-        return /*#__PURE__*/ _jsx("span", {
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
             tabIndex: -1,
             "attr-char-id": i,
-            className: cn("input-mask_value_item", className, {
-                "input-mask_value_item--digit": isDigitMaskChar(obj.maskChar),
-                "input-mask_value_item--letter": isLetterMaskChar(obj.maskChar),
+            className: (0, _classnames.default)("input-mask_value_item", className, {
+                "input-mask_value_item--digit": (0, _functions.isDigitMaskChar)(obj.maskChar),
+                "input-mask_value_item--letter": (0, _functions.isLetterMaskChar)(obj.maskChar),
                 "input-mask_value_item--spec": obj.isSpecialSymbol,
                 "input-mask_value_item--hidden": i < inputValue.length
             }),
             ref: ref,
-            children: !isFocused && hideMaskOnBlur && getClearInnerValueAsString().length === 0 ? SPACE_CHAR : isSpecialSymbol ? maskChar : char === "" ? getPlaceholderCharByIndex(i) : char
+            children: !isFocused && hideMaskOnBlur && getClearInnerValueAsString().length === 0 ? _config.SPACE_CHAR : isSpecialSymbol ? maskChar : char === "" ? getPlaceholderCharByIndex(i) : char
         }, i);
     };
     const renderMaskChar = (obj, i)=>renderChar(obj, i, "input-mask_value_item_mask-char");
@@ -496,13 +552,13 @@ isHide, icon, showIcon, isIconLeft, isIconRight, iconDynamicKey, iconDynamicProp
         });
     };
     const renderMask = ()=>{
-        return /*#__PURE__*/ _jsx("div", {
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
             className: "input-mask_value",
             children: renderInputValue()
         });
     };
     const renderInput = ()=>{
-        return /*#__PURE__*/ _jsx("input", {
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
             tabIndex: disabled || isLoading ? -1 : 0,
             readOnly: disabled || isLoading,
             name: name || fieldKey || id || testId || "",
@@ -532,15 +588,15 @@ isHide, icon, showIcon, isIconLeft, isIconRight, iconDynamicKey, iconDynamicProp
         });
     };
     const renderHideToggler = ()=>{
-        return /*#__PURE__*/ _jsxs("span", {
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
             className: "formatted-raw-ssn-eye-holder",
             onClick: onHiddenToggle,
             children: [
                 " ",
-                isValueHidden ? /*#__PURE__*/ _jsx(Eye, {
+                isValueHidden ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Eye, {
                     strokeWidth: 1,
                     className: "password-icon"
-                }) : /*#__PURE__*/ _jsx(EyeOff, {
+                }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.EyeOff, {
                     strokeWidth: 1,
                     className: "password-icon"
                 })
@@ -548,17 +604,17 @@ isHide, icon, showIcon, isIconLeft, isIconRight, iconDynamicKey, iconDynamicProp
         });
     };
     const renderClearButton = ()=>{
-        return /*#__PURE__*/ _jsx("div", {
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
             className: "input-mask_clear",
-            children: /*#__PURE__*/ _jsx(X, {
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.X, {
                 onClick: onClearClick
             })
         });
     };
     const renderHint = ()=>{
-        return /*#__PURE__*/ _jsx("div", {
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
             className: `input-mask_hint input-mask_hint--${hintPosition}`,
-            children: /*#__PURE__*/ _jsx(Hint, {
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Hint.default, {
                 hint: hintText,
                 className: hintClassName,
                 side: hintPosition
@@ -566,15 +622,15 @@ isHide, icon, showIcon, isIconLeft, isIconRight, iconDynamicKey, iconDynamicProp
         });
     };
     const renderIcon = (position = "left")=>{
-        return /*#__PURE__*/ _jsx("div", {
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
             className: `input-mask_icon input-mask_icon--${position}`,
             children: DynamicIconComponent !== null && DynamicIconComponent !== void 0 ? DynamicIconComponent : icon
         });
     };
     const render = ()=>{
-        return /*#__PURE__*/ _jsxs("div", {
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
             "data-testid": testId,
-            className: cn("input-mask3_wrapper", className, {
+            className: (0, _classnames.default)("input-mask3_wrapper", className, {
                 "input-mask_error": isError
             }, {
                 "input-mask_focus": isFocused
@@ -585,7 +641,7 @@ isHide, icon, showIcon, isIconLeft, isIconRight, iconDynamicKey, iconDynamicProp
             }),
             tabIndex: -1,
             children: [
-                /*#__PURE__*/ _jsxs("div", {
+                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                     className: `
             input-mask
             ${isError ? "input-mask_error" : ""}
@@ -603,11 +659,11 @@ isHide, icon, showIcon, isIconLeft, isIconRight, iconDynamicKey, iconDynamicProp
                         showHint && isHintRight && renderHint()
                     ]
                 }),
-                showErrors && errorMessage && /*#__PURE__*/ _jsx("div", {
+                showErrors && errorMessage && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                     className: "input-mask_error-text",
                     children: errorMessage
                 }),
-                isLoading && /*#__PURE__*/ _jsx(Spinner, {
+                isLoading && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Spinner.default, {
                     size: "small"
                 })
             ]

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

@@ -1,16 +1,80 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React, { useRef, useState } from 'react';
-import { DEFAULT_ERRORS, DIGIT_MASK_CHAR, LOWERCASE_LETTER_MASK_CHAR, UPPERCASE_LETTER_MASK_CHAR } from './config';
-import '../../../../../scss/main.scss';
-import InputMask3 from './InputMask3';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    InputMask3Template: function() {
+        return InputMask3Template;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _config = require("./config");
+require("../../../../../scss/main.scss");
+const _InputMask3 = /*#__PURE__*/ _interop_require_default(require("./InputMask3"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
 global.lng = 'en';
-export default {
+const _default = {
     title: 'Form Elements/Input Mask3',
-    component: InputMask3,
+    component: _InputMask3.default,
     argTypes: {
         maskPattern: {
             title: 'Mask Pattern',
-            description: `<b>"${DIGIT_MASK_CHAR}"</b> - Digit.<br/><b>"${UPPERCASE_LETTER_MASK_CHAR}"</b> or <b>"${LOWERCASE_LETTER_MASK_CHAR}"</b> - Letter.`
+            description: `<b>"${_config.DIGIT_MASK_CHAR}"</b> - Digit.<br/><b>"${_config.UPPERCASE_LETTER_MASK_CHAR}"</b> or <b>"${_config.LOWERCASE_LETTER_MASK_CHAR}"</b> - Letter.`
         },
         maskPatternPlaceholder: {
             title: 'Pattern Placeholder',
@@ -115,7 +179,7 @@ export default {
             description: `Errors Descriptions: <br/>
       <code>
       {
-        ${Object.keys(DEFAULT_ERRORS).map((key)=>`<br/> &nbsp;&nbsp;&nbsp;&nbsp;${key}: '${DEFAULT_ERRORS[key]}'`)}
+        ${Object.keys(_config.DEFAULT_ERRORS).map((key)=>`<br/> &nbsp;&nbsp;&nbsp;&nbsp;${key}: '${_config.DEFAULT_ERRORS[key]}'`)}
         <br/>
       }
       </code>`
@@ -193,8 +257,8 @@ export default {
     }
 };
 const Template = (args)=>{
-    const ref = useRef(null);
-    const [value, setValue] = useState('0123456789');
+    const ref = (0, _react.useRef)(null);
+    const [value, setValue] = (0, _react.useState)('0123456789');
     const onChange = (v, cv)=>{
         console.log('onChange', {
             value,
@@ -203,23 +267,23 @@ const Template = (args)=>{
         });
         setValue(v);
     };
-    return /*#__PURE__*/ _jsxs(_Fragment, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
-            /*#__PURE__*/ _jsx(InputMask3, {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_InputMask3.default, {
                 ...args,
                 name: "storybook-InputMask3",
                 onChange: onChange,
                 value: value,
                 onFilled: ()=>console.log('Done')
             }),
-            /*#__PURE__*/ _jsx("button", {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
                 onClick: ()=>setValue(''),
                 children: "Reset Value"
             })
         ]
     });
 };
-export const InputMask3Template = Template.bind({});
+const InputMask3Template = Template.bind({});
 InputMask3Template.args = {
     // maskPattern: 'DD/DD/DDDD',
     // maskPatternPlaceholder: 'MM/DD/YYYY',

package/dist/Atomic/FormElements/InputMask3/config.js

@@ -1,3 +1,4 @@
+"use strict";
 module.exports = {
     UPPERCASE_LETTER_MASK_CHAR: "L",
     LOWERCASE_LETTER_MASK_CHAR: "l",