intelicoreact 1.6.0 → 1.6.2

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

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

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

@@ -1,80 +1,16 @@
-"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;
-}
+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';
 global.lng = 'en';
-const _default = {
+export default {
     title: 'Form Elements/Input Mask3',
-    component: _InputMask3.default,
+    component: InputMask3,
     argTypes: {
         maskPattern: {
             title: 'Mask Pattern',
-            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.`
+            description: `<b>"${DIGIT_MASK_CHAR}"</b> - Digit.<br/><b>"${UPPERCASE_LETTER_MASK_CHAR}"</b> or <b>"${LOWERCASE_LETTER_MASK_CHAR}"</b> - Letter.`
         },
         maskPatternPlaceholder: {
             title: 'Pattern Placeholder',
@@ -179,7 +115,7 @@ const _default = {
             description: `Errors Descriptions: <br/>
       <code>
       {
-        ${Object.keys(_config.DEFAULT_ERRORS).map((key)=>`<br/> &nbsp;&nbsp;&nbsp;&nbsp;${key}: '${_config.DEFAULT_ERRORS[key]}'`)}
+        ${Object.keys(DEFAULT_ERRORS).map((key)=>`<br/> &nbsp;&nbsp;&nbsp;&nbsp;${key}: '${DEFAULT_ERRORS[key]}'`)}
         <br/>
       }
       </code>`
@@ -257,8 +193,8 @@ const _default = {
     }
 };
 const Template = (args)=>{
-    const ref = (0, _react.useRef)(null);
-    const [value, setValue] = (0, _react.useState)('0123456789');
+    const ref = useRef(null);
+    const [value, setValue] = useState('0123456789');
     const onChange = (v, cv)=>{
         console.log('onChange', {
             value,
@@ -267,23 +203,23 @@ const Template = (args)=>{
         });
         setValue(v);
     };
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+    return /*#__PURE__*/ _jsxs(_Fragment, {
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_InputMask3.default, {
+            /*#__PURE__*/ _jsx(InputMask3, {
                 ...args,
                 name: "storybook-InputMask3",
                 onChange: onChange,
                 value: value,
                 onFilled: ()=>console.log('Done')
             }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+            /*#__PURE__*/ _jsx("button", {
                 onClick: ()=>setValue(''),
                 children: "Reset Value"
             })
         ]
     });
 };
-const InputMask3Template = Template.bind({});
+export const InputMask3Template = Template.bind({});
 InputMask3Template.args = {
     // maskPattern: 'DD/DD/DDDD',
     // maskPatternPlaceholder: 'MM/DD/YYYY',

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

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