intelicoreact 1.6.0 → 1.6.2

package/dist/Atomic/FormElements/InputMask2/InputMask2.js

@@ -1,86 +1,30 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return InputMask2;
-    }
-});
-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("./InputMask2.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 InputMask2({ autocomplete = "off", maskPattern, maskPatternPlaceholder, maskPlaceholder, maskDigitPlaceholder, maskLetterPlaceholder, usePatternPlaceholder, maxEditableIndex = -1, isFocusedDefault = false, isClearable, isCaseSensitive, adaptTextCase, isUseAutoSelect = true, isLoading = false, 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 = {} } = {}) {
+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 { 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 "./InputMask2.scss";
+export default function InputMask2({ autocomplete = "off", maskPattern, maskPatternPlaceholder, maskPlaceholder, maskDigitPlaceholder, maskLetterPlaceholder, usePatternPlaceholder, maxEditableIndex = -1, isFocusedDefault = false, isClearable, isCaseSensitive, adaptTextCase, isUseAutoSelect = true, isLoading = false, 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 inputRef = (0, _react.useRef)(null);
-    const keyDownRef = (0, _react.useRef)(null);
+    const [isMaskRendered, setMaskRendered] = useState(false);
+    const [isFocused, setFocused] = useState(false);
+    const [isInitValue, setIsInitValue] = useState(false);
+    const [selectedLength, setSelectedLength] = useState(0);
+    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;
@@ -90,14 +34,14 @@ function InputMask2({ autocomplete = "off", maskPattern, maskPatternPlaceholder,
         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 = [
@@ -166,32 +110,32 @@ function InputMask2({ autocomplete = "off", maskPattern, maskPatternPlaceholder,
     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;
                 }
@@ -202,10 +146,10 @@ function InputMask2({ autocomplete = "off", maskPattern, maskPatternPlaceholder,
         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;
@@ -220,13 +164,13 @@ function InputMask2({ autocomplete = "off", maskPattern, maskPatternPlaceholder,
         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
         };
     };
@@ -244,8 +188,8 @@ function InputMask2({ autocomplete = "off", maskPattern, maskPatternPlaceholder,
         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 getClearInnerValueAsString = ()=>{
@@ -275,7 +219,7 @@ function InputMask2({ autocomplete = "off", maskPattern, maskPatternPlaceholder,
         }, "");
         return value;
     };
-    const inputValue = (0, _react.useMemo)(getInputValue, [
+    const inputValue = useMemo(getInputValue, [
         innerValue
     ]);
     // GETTERS | END //
@@ -285,7 +229,7 @@ function InputMask2({ autocomplete = "off", maskPattern, maskPatternPlaceholder,
         clearErrorMessage();
         const { target: { value, selectionStart: caretPos }, nativeEvent: { data: char } } = e;
         if (caretPos > maxEditableIndex) {
-            (0, _utils.disableDefaultBehavior)();
+            disableDefaultBehavior();
             setCaret(maxEditableIndex);
             setBlinkError(true);
             return;
@@ -299,7 +243,7 @@ function InputMask2({ autocomplete = "off", maskPattern, maskPatternPlaceholder,
                     char,
                     i: caretPos - 1
                 })) {
-                    (0, _utils.disableDefaultBehavior)(e);
+                    disableDefaultBehavior(e);
                     setCaret(caretPos - 1);
                 } else {
                     const newCaretPos = value.length - caretOffset;
@@ -307,15 +251,15 @@ function InputMask2({ autocomplete = "off", maskPattern, maskPatternPlaceholder,
                 }
             } 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);
@@ -335,7 +279,7 @@ function InputMask2({ autocomplete = "off", maskPattern, maskPatternPlaceholder,
                     char,
                     i: caretPos - 1
                 }) || inputValue === getInputValue() && getInputValue()[caretPos - 1] !== char)) {
-                    (0, _utils.disableDefaultBehavior)(e);
+                    disableDefaultBehavior(e);
                     setBlinkError(true);
                 }
             }, 0);
@@ -384,7 +328,7 @@ function InputMask2({ autocomplete = "off", maskPattern, maskPatternPlaceholder,
     // GENERAL EVENT HANDLERS | END //
     /// --- OBSERVERS ---///
     // Render Mask
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         setIsInitValue(false);
         setInnerValue([]);
         setMaskRendered(false);
@@ -405,7 +349,7 @@ function InputMask2({ autocomplete = "off", maskPattern, maskPatternPlaceholder,
     }, [
         maskPattern
     ]);
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         if (isMaskRendered && !isInitValue || isInitValue && ![
             getInputValue(),
             getClearInnerValueAsString()
@@ -419,7 +363,7 @@ function InputMask2({ autocomplete = "off", maskPattern, maskPatternPlaceholder,
         isInitValue
     ]);
     // OnChange Observer
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         if (isMaskRendered && isInitValue) {
             setError(false);
             const values = [
@@ -447,7 +391,7 @@ function InputMask2({ autocomplete = "off", maskPattern, maskPatternPlaceholder,
         value
     ]);
     // Blink Error
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         if (blinkError) {
             setTimeout(()=>{
                 setBlinkError(false);
@@ -456,7 +400,7 @@ function InputMask2({ autocomplete = "off", maskPattern, maskPatternPlaceholder,
     }, [
         blinkError
     ]);
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         setError(customError !== "");
         setErrorMessage(customError === "" ? errors.default : customError);
     }, [
@@ -466,17 +410,17 @@ function InputMask2({ autocomplete = "off", maskPattern, maskPatternPlaceholder,
     /// --- 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");
@@ -493,13 +437,13 @@ function InputMask2({ autocomplete = "off", maskPattern, maskPatternPlaceholder,
         });
     };
     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", {
             name: name || fieldKey || id || testId || "",
             className: `input-mask_input ${className}`,
             ref: inputRef,
@@ -527,9 +471,9 @@ function InputMask2({ autocomplete = "off", maskPattern, maskPatternPlaceholder,
         });
     };
     const render = ()=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        return /*#__PURE__*/ _jsxs("div", {
             "data-testid": testId,
-            className: (0, _classnames.default)("input-mask2_wrapper", className, {
+            className: cn("input-mask2_wrapper", className, {
                 "input-mask_error": isError
             }, {
                 "input-mask_focus": isFocused
@@ -539,7 +483,7 @@ function InputMask2({ autocomplete = "off", maskPattern, maskPatternPlaceholder,
                 disabled: disabled || isLoading
             }),
             children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                /*#__PURE__*/ _jsxs("div", {
                     className: `
             input-mask
             ${isError ? "input-mask_error" : ""}
@@ -547,33 +491,33 @@ function InputMask2({ autocomplete = "off", maskPattern, maskPatternPlaceholder,
             ${blinkError ? "input-mask_blink-error" : ""}
           `,
                     children: [
-                        showHint && isHintLeft && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        showHint && isHintLeft && /*#__PURE__*/ _jsx("div", {
                             className: "input-mask_hint input-mask_hint--left",
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Hint.default, {
+                            children: /*#__PURE__*/ _jsx(Hint, {
                                 hint: hintText,
                                 className: hintClassName,
                                 side: hintPosition
                             })
                         }),
-                        isIconLeft && showIcon && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        isIconLeft && showIcon && /*#__PURE__*/ _jsx("div", {
                             className: "input-mask_icon input-mask_icon--left",
                             children: DynamicIconComponent !== null && DynamicIconComponent !== void 0 ? DynamicIconComponent : icon
                         }),
                         renderMask(),
                         renderInput(),
-                        isClearable && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        isClearable && /*#__PURE__*/ _jsx("div", {
                             className: "input-mask_clear",
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.X, {
+                            children: /*#__PURE__*/ _jsx(X, {
                                 onClick: onClearClick
                             })
                         }),
-                        isIconRight && showIcon && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        isIconRight && showIcon && /*#__PURE__*/ _jsx("div", {
                             className: "input-mask_icon input-mask_icon--right",
                             children: DynamicIconComponent !== null && DynamicIconComponent !== void 0 ? DynamicIconComponent : icon
                         }),
-                        showHint && isHintRight && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        showHint && isHintRight && /*#__PURE__*/ _jsx("div", {
                             className: "input-mask_hint input-mask_hint--right",
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Hint.default, {
+                            children: /*#__PURE__*/ _jsx(Hint, {
                                 hint: hintText,
                                 className: hintClassName,
                                 side: hintPosition
@@ -581,11 +525,11 @@ function InputMask2({ autocomplete = "off", maskPattern, maskPatternPlaceholder,
                         })
                     ]
                 }),
-                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/InputMask2/InputMask2.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, {
-    InputMaskTemplate: function() {
-        return InputMaskTemplate;
-    },
-    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 _InputMask2 = /*#__PURE__*/ _interop_require_default(require("./InputMask2"));
-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 } 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 InputMask2 from './InputMask2';
 global.lng = 'en';
-const _default = {
+export default {
     title: 'Form Elements/Input Mask2',
-    component: _InputMask2.default,
+    component: InputMask2,
     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',
@@ -169,7 +105,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>`
@@ -247,8 +183,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,
@@ -257,7 +193,7 @@ const Template = (args)=>{
         });
         setValue(v);
     };
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_InputMask2.default, {
+    return /*#__PURE__*/ _jsx(InputMask2, {
         ...args,
         name: "storybook-inputmask",
         onChange: onChange,
@@ -265,7 +201,7 @@ const Template = (args)=>{
         onFilled: ()=>console.log('Done')
     });
 };
-const InputMaskTemplate = Template.bind({});
+export const InputMaskTemplate = Template.bind({});
 InputMaskTemplate.args = {
     // maskPattern: 'DD/DD/DDDD',
     // maskPatternPlaceholder: 'MM/DD/YYYY',

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

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

package/dist/Atomic/FormElements/InputMask2/functions.js

@@ -1,50 +1,5 @@
-"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, {
-    copyToClipboard: function() {
-        return copyToClipboard;
-    },
-    getSelectionText: function() {
-        return getSelectionText;
-    },
-    isDigit: function() {
-        return isDigit;
-    },
-    isDigitMaskChar: function() {
-        return isDigitMaskChar;
-    },
-    isLetter: function() {
-        return isLetter;
-    },
-    isLetterMaskChar: function() {
-        return isLetterMaskChar;
-    },
-    isLowerCaseLetter: function() {
-        return isLowerCaseLetter;
-    },
-    isUpperCaseLetter: function() {
-        return isUpperCaseLetter;
-    },
-    resetSelectionText: function() {
-        return resetSelectionText;
-    },
-    selectElementContents: function() {
-        return selectElementContents;
-    },
-    voidFn: function() {
-        return voidFn;
-    }
-});
-const _config = require("./config");
-const getSelectionText = ()=>{
+import { DIGIT_MASK_CHAR, LOWERCASE_LETTER_MASK_CHAR, UPPERCASE_LETTER_MASK_CHAR } from "./config";
+export const getSelectionText = ()=>{
     let text = "";
     if (window.getSelection) {
         text = window.getSelection().toString();
@@ -53,39 +8,39 @@ const getSelectionText = ()=>{
     }
     return text === null || text === void 0 ? void 0 : text.replace(/\n/g, "");
 };
-const resetSelectionText = ()=>{
+export const resetSelectionText = ()=>{
     if (window.getSelection) {
         window.getSelection().removeAllRanges();
     }
 };
-const copyToClipboard = (str)=>{
+export const copyToClipboard = (str)=>{
     if (navigator && navigator.clipboard && navigator.clipboard.writeText) return navigator.clipboard.writeText(str);
     // eslint-disable-next-line prefer-promise-reject-errors
     return Promise.reject("The Clipboard API is not available.");
 };
-const selectElementContents = (el, startOffset = -1, endOffset = -1)=>{
+export const selectElementContents = (el, startOffset = -1, endOffset = -1)=>{
     const sel = window.getSelection();
     sel.selectAllChildren(el);
 };
-const isLetter = (char)=>{
+export const isLetter = (char)=>{
     return Boolean((char === null || char === void 0 ? void 0 : char.length) === 1 && (char === null || char === void 0 ? void 0 : char.match(/[a-z]/i)));
 };
-const isUpperCaseLetter = (char)=>{
+export const isUpperCaseLetter = (char)=>{
     return isLetter(char) ? char === char.slice().toUpperCase() : false;
 };
-const isLowerCaseLetter = (char)=>{
+export const isLowerCaseLetter = (char)=>{
     return isLetter(char) ? char === char.slice().toLowerCase() : false;
 };
-const isDigit = (char)=>{
+export const isDigit = (char)=>{
     return Boolean(Number.isInteger(parseInt(char, 10)));
 };
-const isDigitMaskChar = (char)=>{
-    return char === _config.DIGIT_MASK_CHAR;
+export const isDigitMaskChar = (char)=>{
+    return char === DIGIT_MASK_CHAR;
 };
-const isLetterMaskChar = (char)=>{
-    return char === _config.UPPERCASE_LETTER_MASK_CHAR || char === _config.LOWERCASE_LETTER_MASK_CHAR;
+export const isLetterMaskChar = (char)=>{
+    return char === UPPERCASE_LETTER_MASK_CHAR || char === LOWERCASE_LETTER_MASK_CHAR;
 };
-const voidFn = ()=>{
+export const voidFn = ()=>{
     // eslint-disable-next-line no-console
     console.error("Void Function Called");
 };