intelicoreact 1.6.7 → 1.6.8

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/InputMask2/InputMask2.js"],"sourcesContent":["import React, { createRef, useEffect, useMemo, useRef, useState } from \"react\";\n\nimport cn from \"classnames\";\nimport { X } from \"react-feather\";\n\nimport { KEYBOARD_KEY_CODES as KEY_CODES } from \"../../../Constants/index.constants\";\nimport { disableDefaultBehavior } from \"../../../Functions/utils\";\nimport Spinner from \"../../Layout/Spinner/Spinner\";\nimport DynamicIcon from \"../../UI/DynamicIcon/DynamicIcon\";\nimport Hint from \"../../UI/Hint/Hint\";\n\nimport {\n  DEFAULT_ERRORS,\n  DIGIT_MASK_CHAR,\n  LOWERCASE_LETTER_MASK_CHAR,\n  SPACE_CHAR,\n  UPPERCASE_LETTER_MASK_CHAR,\n} from \"./config\";\nimport {\n  isDigit,\n  isDigitMaskChar,\n  isLetter,\n  isLetterMaskChar,\n  isLowerCaseLetter,\n  isUpperCaseLetter,\n} from \"./functions\";\n\nimport \"./InputMask2.scss\";\n\nexport default function InputMask2({\n  autocomplete = \"off\",\n  maskPattern,\n  maskPatternPlaceholder,\n  maskPlaceholder,\n  maskDigitPlaceholder,\n  maskLetterPlaceholder,\n  usePatternPlaceholder,\n\n  maxEditableIndex = -1,\n\n  isFocusedDefault = false,\n  isClearable,\n  isCaseSensitive,\n  adaptTextCase,\n  isUseAutoSelect = true,\n  isLoading = false,\n\n  icon,\n  showIcon,\n  isIconLeft,\n  isIconRight,\n  iconDynamicKey,\n  iconDynamicProps = {},\n  value,\n  blinkErrors = true,\n  blinkDuration = 100,\n  showErrors = false,\n\n  className = \"\",\n  errors: customErrors = DEFAULT_ERRORS,\n  error: customError = \"\",\n\n  onChange: onChangeProp = () => {},\n  onFocus: onFocusProp = () => {},\n  onBlur: onBlurProp = () => {},\n  onKeyDown: onKeyDownProp = () => {},\n  onFilled: onFilledProp = () => {},\n\n  showHint = false,\n  hintText = \"\",\n  hintClassName = \"\",\n  isHintRight = true,\n  isHintLeft = false,\n  hintPosition = \"right\",\n\n  hideMaskOnBlur = true,\n  returnMaskedValue = false,\n\n  name,\n  fieldKey,\n  id,\n  disabled,\n  testId = \"input-mask\",\n\n  attributesOfNativeInput = {},\n} = {}) {\n  const errors = {\n    ...DEFAULT_ERRORS,\n    ...customErrors,\n  };\n\n  if (maxEditableIndex === -1) maxEditableIndex = maskPattern.length;\n\n  const [isMaskRendered, setMaskRendered] = useState(false);\n  const [isFocused, setFocused] = useState(false);\n  const [isInitValue, setIsInitValue] = useState(false);\n  const [selectedLength, setSelectedLength] = useState(0);\n\n  const inputRef = useRef(null);\n  const keyDownRef = useRef(null);\n  const setKeyDown = (keyCode) => (keyDownRef.current = keyCode);\n  const getKeyDown = () => keyDownRef.current;\n\n  const DynamicIconComponent =\n    iconDynamicKey && !icon ? (\n      <DynamicIcon iconKey={iconDynamicKey} {...iconDynamicProps} />\n    ) : null;\n\n  const setCaret = (caret) => {\n    if (caret < 0) caret = 0;\n    const input = inputRef.current;\n    if (input) setTimeout(() => input.setSelectionRange(caret, caret), 0);\n  };\n\n  // ERRORS MANAGEMENT FUNCTIONS | START //\n  const [isError, setError] = useState(false);\n  const [blinkError, setBlinkError] = useState(false);\n\n  const [errorMessage, setErrorMessage] = useState(errors.default);\n  const clearErrorMessage = () => setErrorMessage(errors.default);\n  // ERRORS MANAGEMENT FUNCTIONS | END //\n\n  // INNER VALUE MANAGEMENT FUNCTIONS | START //\n  const [innerValue, setInnerValue] = useState([]);\n\n  const prevValueRef = useRef([]);\n\n  const addInnerValueChar = ({ char, data = {} }) => {\n    setInnerValue((state) => {\n      const stateCopy = [...state];\n      const charObj = getCharObj(char, data);\n\n      stateCopy.push(charObj);\n\n      return stateCopy;\n    });\n  };\n  const updateInnerValueChar = ({ char = null } = {}, i) => {\n    setInnerValue((state) => {\n      if (!state[i]) return state;\n\n      const stateCopy = [...state];\n\n      if (!stateCopy[i].isSpecialSymbol && char !== null)\n        stateCopy[i].char = char;\n\n      return stateCopy;\n    });\n  };\n  const resetInnerValue = () => {\n    setInnerValue((innerValue) =>\n      innerValue.map((item) => {\n        if (!item.isSpecialSymbol && item.char !== null) item.char = \"\";\n        return item;\n      }),\n    );\n  };\n  const setValue = (value, disableErrors = true) => {\n    value = value === null || value === undefined ? \"\" : value.toString();\n\n    resetInnerValue();\n    const staticLength = maskPattern.length - maxEditableIndex;\n\n    if (value.length > maxEditableIndex)\n      value = value.slice(0, value.length - staticLength);\n    else if (maxEditableIndex !== maskPattern?.length - 1)\n      value = value.slice(0, maxEditableIndex);\n    let valueCharIndex = 0;\n    setInnerValue((innerValue) => {\n      const newValue = innerValue.map((item, i) => {\n        const { isSpecialSymbol } = item;\n        if (isSpecialSymbol) return item;\n        let char = value[valueCharIndex];\n        let whileLimit = maskPattern?.length || 0;\n\n        while (\n          whileLimit &&\n          (isSpecialSymbolChar({ char: value[valueCharIndex] }) ||\n            !isValidChar({ char, i, disableErrors: true }))\n        ) {\n          whileLimit--;\n          char = value[++valueCharIndex];\n        }\n\n        // If Valid\n        if (isValidChar({ char, i, disableErrors })) {\n          item.char = char;\n        }\n\n        ++valueCharIndex;\n\n        return item;\n      });\n\n      return newValue;\n    });\n  };\n  // INNER VALUE MANAGEMENT FUNCTIONS | END //\n\n  // CHECKERS | START //\n  const isValidChar = ({ char: key, i, disableErrors = false }) => {\n    const maskChar = getMaskCharByIndex(i);\n\n    switch (maskChar) {\n      case DIGIT_MASK_CHAR:\n        if (!isDigit(key)) {\n          if (!disableErrors) {\n            setErrorMessage(errors.onlyDigit);\n          }\n          return false;\n        }\n        break;\n\n      case UPPERCASE_LETTER_MASK_CHAR:\n        if (adaptTextCase) key = key.toUpperCase();\n\n        if (!isLetter(key) && !isCaseSensitive) {\n          if (!disableErrors) setErrorMessage(errors.onlyLetter);\n          return false;\n        }\n\n        if (isCaseSensitive && !isUpperCaseLetter(key)) {\n          if (!disableErrors) setErrorMessage(errors.onlyUpperCase);\n          return false;\n        }\n        break;\n      case LOWERCASE_LETTER_MASK_CHAR:\n        if (adaptTextCase) key = key.toLowerCase();\n\n        if (!isLetter(key) && !isCaseSensitive) {\n          if (!disableErrors) setErrorMessage(errors.onlyLetter);\n          return false;\n        }\n\n        if (isCaseSensitive && !isLowerCaseLetter(key)) {\n          if (!disableErrors) setErrorMessage(errors.onlyLowerCase);\n          return false;\n        }\n        break;\n\n      default:\n        return false;\n    }\n\n    return true;\n  };\n  const isSpecialSymbolMaskChar = ({ char }) => {\n    return !isDigitMaskChar(char) && !isLetterMaskChar(char);\n  };\n  const isSpecialSymbolChar = ({ char }) => {\n    return !isDigit(char) && !isLetter(char);\n  };\n  const isSpecialSymbol = (i) => getCharByIndex(i)?.isSpecialSymbol;\n  // CHECKERS | END //\n\n  // GETTERS | START //\n  const getCharObj = (char, data = {}) => {\n    const isSpecialSymbol = isSpecialSymbolChar({ char });\n    const isSpecialSymbolMask = isSpecialSymbolMaskChar({ char });\n\n    if (char === \" \") char = SPACE_CHAR;\n\n    return {\n      char: isSpecialSymbolMask ? char : \"\",\n      maskChar: char,\n      isSpecialSymbol: isSpecialSymbolMask,\n      isCharSymbol: !isSpecialSymbol && char !== \"\" && isSpecialSymbolMask,\n      ref: createRef(),\n      ...data,\n    };\n  };\n  const getCharByIndex = (i) => {\n    return innerValue[i] ? { ...innerValue[i] } : undefined;\n  };\n  const getMaskCharByIndex = (i) => {\n    return innerValue[i]?.maskChar || undefined;\n  };\n  const getPlaceholderCharByIndex = (i) => {\n    const { maskChar } = getCharByIndex(i);\n\n    if (usePatternPlaceholder) {\n      return maskPatternPlaceholder[i] || maskPlaceholder;\n    }\n    if (isDigitMaskChar(maskChar) && maskDigitPlaceholder)\n      return maskDigitPlaceholder;\n    if (isLetterMaskChar(maskChar) && maskLetterPlaceholder)\n      return maskLetterPlaceholder;\n    return maskPlaceholder;\n  };\n  const getClearInnerValueAsString = () => {\n    const symbolsInfo = innerValue?.map(\n      ({ isSpecialSymbol, isCharSymbol }) => ({\n        isSpecialSymbol,\n        isCharSymbol,\n      }),\n    );\n    const clearValue = getInputValue({ noLastTyppedCharIndexCheck: true })\n      ?.split(\"\")\n      ?.reduce((resultStr, symbol, i) => {\n        if (!symbolsInfo[i].isSpecialSymbol || symbolsInfo[i].isCharSymbol)\n          resultStr += symbol;\n        return resultStr;\n      }, \"\");\n\n    return clearValue;\n  };\n  const getInputValue = ({ noLastTyppedCharIndexCheck } = {}) => {\n    let isValid = true;\n\n    const lastTyppedCharIndex = innerValue.reduce(\n      (result, { char, isSpecialSymbol }, i) =>\n        char !== \"\" && !isSpecialSymbol ? i : result,\n      0,\n    );\n\n    const value = innerValue.reduce((result, { char }, i) => {\n      if (\n        char !== \"\" &&\n        isValid &&\n        (!noLastTyppedCharIndexCheck ? i <= lastTyppedCharIndex : true)\n      ) {\n        result += char;\n      } else {\n        isValid = false;\n      }\n\n      return result;\n    }, \"\");\n\n    return value;\n  };\n  const inputValue = useMemo(getInputValue, [innerValue]);\n  // GETTERS | END //\n\n  /// --- Event Handlers ---///\n\n  // GENERAL EVENT HANDLERS | START //\n  const onChange = (e) => {\n    clearErrorMessage();\n\n    const {\n      target: { value, selectionStart: caretPos },\n      nativeEvent: { data: char },\n    } = e;\n\n    if (caretPos > maxEditableIndex) {\n      disableDefaultBehavior();\n      setCaret(maxEditableIndex);\n      setBlinkError(true);\n      return;\n    }\n\n    setValue(value);\n\n    const caretOffset = value.length - caretPos;\n\n    // Correct Caret Position\n    if (!value.lastIndexEqualsTo(caretPos - 1)) {\n      if (value.longerThan(inputValue)) {\n        if (!isValidChar({ char, i: caretPos - 1 })) {\n          disableDefaultBehavior(e);\n          setCaret(caretPos - 1);\n        } else {\n          const newCaretPos = value.length - caretOffset;\n          setCaret(\n            isSpecialSymbol(newCaretPos) ? newCaretPos + 1 : newCaretPos,\n          );\n        }\n      } else if (inputValue.longerThan(value)) {\n        switch (getKeyDown()) {\n          case KEY_CODES.Backspace:\n            if (isSpecialSymbol(caretPos)) {\n              disableDefaultBehavior(e);\n            }\n            setCaret(caretPos);\n            break;\n          case KEY_CODES.Delete:\n            if (isSpecialSymbol(caretPos)) {\n              disableDefaultBehavior(e);\n              setCaret(caretPos + 1);\n            } else {\n              setCaret(caretPos);\n            }\n            break;\n          default:\n            if (selectedLength > 0) {\n              setCaret(caretPos);\n            }\n        }\n      }\n    }\n\n    /* Checking if the character is a special symbol and if it is not, it is checking if the character\n    is valid or not. If it is not valid, it will blink the error. */\n    if (blinkErrors) {\n      setTimeout(() => {\n        if (\n          ((value.longerThan(inputValue) && !isSpecialSymbol(caretPos - 1)) ||\n            (inputValue.longerThan(value) && !isSpecialSymbol(caretPos))) &&\n          ((char && !isValidChar({ char, i: caretPos - 1 })) ||\n            (inputValue === getInputValue() &&\n              getInputValue()[caretPos - 1] !== char))\n        ) {\n          disableDefaultBehavior(e);\n          setBlinkError(true);\n        }\n      }, 0);\n    }\n  };\n  const onKeyDown = (e) => {\n    onKeyDownProp?.(e);\n\n    const { keyCode } = e;\n    setKeyDown(keyCode);\n  };\n\n  const onKeyUp = (e) => {\n    setKeyDown(null);\n    // On Filled Callback\n    if (\n      getInputValue({ noLastTyppedCharIndexCheck: true }).length ===\n        maskPattern.length &&\n      e.target.selectionStart >= maxEditableIndex\n    )\n      onFilledProp();\n  };\n  const onClearClick = (e) => {\n    e.stopPropagation();\n    e.preventDefault();\n\n    resetInnerValue();\n\n    inputRef?.current?.focus();\n    setCaret(0);\n    clearErrorMessage();\n  };\n  const onFocus = (e) => {\n    setFocused(true);\n    onFocusProp();\n  };\n  const onBlur = () => {\n    setFocused(false);\n    onBlurProp();\n  };\n  const onClick = (e) => {\n    const cursor = e.target.selectionStart;\n    if (cursor >= maxEditableIndex) setCaret(maxEditableIndex);\n  };\n\n  const onSelect = (e) => {\n    const { selectionStart, selectionEnd } = e.target ?? {};\n    setSelectedLength(selectionEnd - selectionStart ?? 0);\n    if (selectionStart >= maxEditableIndex) setCaret(maxEditableIndex);\n  };\n\n  // GENERAL EVENT HANDLERS | END //\n\n  /// --- OBSERVERS ---///\n  // Render Mask\n  useEffect(() => {\n    setIsInitValue(false);\n    setInnerValue([]);\n    setMaskRendered(false);\n\n    if (!maskPattern) maskPattern = \"\";\n\n    maskPattern.split(\"\").map((char, id) => {\n      addInnerValueChar({\n        char,\n        data: { id, isReadOnly: id === maskPattern.length },\n      });\n      if (value?.[id]) updateInnerValueChar({ char: value[id] }, id);\n    });\n    setMaskRendered(true);\n  }, [maskPattern]);\n\n  useEffect(() => {\n    if (\n      (isMaskRendered && !isInitValue) ||\n      (isInitValue &&\n        ![getInputValue(), getClearInnerValueAsString()].includes(value) &&\n        value !== \"\")\n    ) {\n      setValue(value);\n      setIsInitValue(true);\n    }\n  }, [isMaskRendered, value, isInitValue]);\n\n  // OnChange Observer\n  useEffect(() => {\n    if (isMaskRendered && isInitValue) {\n      setError(false);\n      const values = [\n        getClearInnerValueAsString(),\n        getInputValue({ noLastTyppedCharIndexCheck: true }),\n      ];\n      if (returnMaskedValue) values.reverse();\n\n      onChangeProp(...values);\n      //todo Этот функционал ломает логику - инпут начиначиет возвращать промежуточные онченджи с пустым вэлью, при правильной отрисовке форма видит пустое вэлью.\n      /*if (\n        prevValueRef?.current?.[0] !== values[0] &&\n        prevValueRef?.current?.[1] !== values[1] &&\n        value !== values[0] &&\n        value !== values[1]\n      ) {\n        prevValueRef.current = values;\n        onChangeProp(...values);\n      }*/\n    }\n  }, [innerValue, isMaskRendered, isInitValue, value]);\n\n  // Blink Error\n  useEffect(() => {\n    if (blinkError) {\n      setTimeout(() => {\n        setBlinkError(false);\n      }, blinkDuration);\n    }\n  }, [blinkError]);\n\n  useEffect(() => {\n    setError(customError !== \"\");\n    setErrorMessage(customError === \"\" ? errors.default : customError);\n  }, [customError, isError]);\n\n  /// --- RENDER ---///\n\n  const renderChar = (obj, i, className = \"\") => {\n    const { char, ref, maskChar, isSpecialSymbol } = obj;\n\n    return (\n      <span\n        tabIndex={-1}\n        key={i}\n        attr-char-id={i}\n        className={cn(\"input-mask_value_item\", className, {\n          \"input-mask_value_item--digit\": isDigitMaskChar(obj.maskChar),\n          \"input-mask_value_item--letter\": isLetterMaskChar(obj.maskChar),\n          \"input-mask_value_item--spec\": obj.isSpecialSymbol,\n          \"input-mask_value_item--hidden\": i < inputValue.length,\n        })}\n        ref={ref}\n      >\n        {!isFocused &&\n        hideMaskOnBlur &&\n        getClearInnerValueAsString().length === 0\n          ? SPACE_CHAR\n          : isSpecialSymbol\n            ? maskChar\n            : char === \"\"\n              ? getPlaceholderCharByIndex(i)\n              : char}\n      </span>\n    );\n  };\n  const renderMaskChar = (obj, i) =>\n    renderChar(obj, i, \"input-mask_value_item_mask-char\");\n  const renderValueChar = (obj, i) =>\n    renderChar(obj, i, \"input-mask_value_item_value-char\");\n  const renderSpecialChar = (obj, i) =>\n    renderChar(obj, i, \"input-mask_value_item_spec-char\");\n  const renderInputValue = () => {\n    return innerValue.map((obj, i) => {\n      const { char, isSpecialSymbol } = obj;\n\n      if (isSpecialSymbol) {\n        return renderSpecialChar(obj, i);\n      }\n\n      const isMaskItem = (() => char === \"\")();\n      return isMaskItem ? renderMaskChar(obj, i) : renderValueChar(obj, i);\n    });\n  };\n  const renderMask = () => {\n    return <div className=\"input-mask_value\">{renderInputValue()}</div>;\n  };\n  const renderInput = () => {\n    return (\n      <input\n        name={name || fieldKey || id || testId || \"\"}\n        className={`input-mask_input ${className}`}\n        ref={inputRef}\n        value={inputValue}\n        onChange={onChange}\n        onKeyDown={onKeyDown}\n        onKeyUp={onKeyUp}\n        onBlur={onBlur}\n        onClick={onClick}\n        autoComplete={autocomplete}\n        onFocus={(...params) => {\n          if (isUseAutoSelect) inputRef.current.select();\n          if (onFocus) onFocus(...params);\n        }}\n        onDragStart={(e) => {\n          e.stopPropagation();\n          e.preventDefault();\n        }}\n        onDragEnd={(e) => {\n          e.stopPropagation();\n          e.preventDefault();\n        }}\n        onSelect={onSelect}\n        {...attributesOfNativeInput}\n      />\n    );\n  };\n  const render = () => {\n    return (\n      <div\n        data-testid={testId}\n        className={cn(\n          \"input-mask2_wrapper\",\n          className,\n          { \"input-mask_error\": isError },\n          { \"input-mask_focus\": isFocused },\n          { \"input-mask_blink-error\": blinkError },\n          { disabled: disabled || isLoading },\n        )}\n      >\n        <div\n          className={`\n            input-mask\n            ${isError ? \"input-mask_error\" : \"\"}\n            ${isFocused ? \"input-mask_focus\" : \"\"}\n            ${blinkError ? \"input-mask_blink-error\" : \"\"}\n          `}\n        >\n          {showHint && isHintLeft && (\n            <div className=\"input-mask_hint input-mask_hint--left\">\n              <Hint\n                hint={hintText}\n                className={hintClassName}\n                side={hintPosition}\n              />\n            </div>\n          )}\n          {isIconLeft && showIcon && (\n            <div className=\"input-mask_icon input-mask_icon--left\">\n              {DynamicIconComponent ?? icon}\n            </div>\n          )}\n          {renderMask()}\n          {renderInput()}\n          {isClearable && (\n            <div className=\"input-mask_clear\">\n              <X onClick={onClearClick} />\n            </div>\n          )}\n          {isIconRight && showIcon && (\n            <div className=\"input-mask_icon input-mask_icon--right\">\n              {DynamicIconComponent ?? icon}\n            </div>\n          )}\n          {showHint && isHintRight && (\n            <div className=\"input-mask_hint input-mask_hint--right\">\n              <Hint\n                hint={hintText}\n                className={hintClassName}\n                side={hintPosition}\n              />\n            </div>\n          )}\n        </div>\n        {showErrors && errorMessage && (\n          <div className=\"input-mask_error-text\">{errorMessage}</div>\n        )}\n        {isLoading && <Spinner size=\"small\" />}\n      </div>\n    );\n  };\n\n  return render();\n}\n"],"names":["InputMask2","autocomplete","maskPattern","maskPatternPlaceholder","maskPlaceholder","maskDigitPlaceholder","maskLetterPlaceholder","usePatternPlaceholder","maxEditableIndex","isFocusedDefault","isClearable","isCaseSensitive","adaptTextCase","isUseAutoSelect","isLoading","icon","showIcon","isIconLeft","isIconRight","iconDynamicKey","iconDynamicProps","value","blinkErrors","blinkDuration","showErrors","className","errors","customErrors","DEFAULT_ERRORS","error","customError","onChange","onChangeProp","onFocus","onFocusProp","onBlur","onBlurProp","onKeyDown","onKeyDownProp","onFilled","onFilledProp","showHint","hintText","hintClassName","isHintRight","isHintLeft","hintPosition","hideMaskOnBlur","returnMaskedValue","name","fieldKey","id","disabled","testId","attributesOfNativeInput","length","isMaskRendered","setMaskRendered","useState","isFocused","setFocused","isInitValue","setIsInitValue","selectedLength","setSelectedLength","inputRef","useRef","keyDownRef","setKeyDown","keyCode","current","getKeyDown","DynamicIconComponent","DynamicIcon","iconKey","setCaret","caret","input","setTimeout","setSelectionRange","isError","setError","blinkError","setBlinkError","errorMessage","setErrorMessage","default","clearErrorMessage","innerValue","setInnerValue","prevValueRef","addInnerValueChar","char","data","state","stateCopy","charObj","getCharObj","push","updateInnerValueChar","i","isSpecialSymbol","resetInnerValue","map","item","setValue","disableErrors","undefined","toString","staticLength","slice","valueCharIndex","newValue","whileLimit","isSpecialSymbolChar","isValidChar","key","maskChar","getMaskCharByIndex","DIGIT_MASK_CHAR","isDigit","onlyDigit","UPPERCASE_LETTER_MASK_CHAR","toUpperCase","isLetter","onlyLetter","isUpperCaseLetter","onlyUpperCase","LOWERCASE_LETTER_MASK_CHAR","toLowerCase","isLowerCaseLetter","onlyLowerCase","isSpecialSymbolMaskChar","isDigitMaskChar","isLetterMaskChar","getCharByIndex","isSpecialSymbolMask","SPACE_CHAR","isCharSymbol","ref","createRef","getPlaceholderCharByIndex","getClearInnerValueAsString","getInputValue","symbolsInfo","clearValue","noLastTyppedCharIndexCheck","split","reduce","resultStr","symbol","isValid","lastTyppedCharIndex","result","inputValue","useMemo","e","target","selectionStart","caretPos","nativeEvent","disableDefaultBehavior","caretOffset","lastIndexEqualsTo","longerThan","newCaretPos","KEY_CODES","Backspace","Delete","onKeyUp","onClearClick","stopPropagation","preventDefault","focus","onClick","cursor","onSelect","selectionEnd","useEffect","isReadOnly","includes","values","reverse","renderChar","obj","span","tabIndex","attr-char-id","cn","renderMaskChar","renderValueChar","renderSpecialChar","renderInputValue","isMaskItem","renderMask","div","renderInput","autoComplete","params","select","onDragStart","onDragEnd","render","data-testid","Hint","hint","side","X","Spinner","size"],"mappings":"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"}

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

@@ -0,0 +1,367 @@
+"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 _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
+    };
+}
+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 _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+global.lng = 'en';
+const _default = {
+    title: 'Form Elements/Input Mask2',
+    component: _InputMask2.default,
+    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.`
+        },
+        maskPatternPlaceholder: {
+            title: 'Pattern Placeholder',
+            description: 'Fine-tuning the mask character.<br/>Works if <b>"usePatternPlaceholder"</b> is <b>ENABLED</b>.'
+        },
+        usePatternPlaceholder: {
+            title: 'Pattern Placeholder',
+            type: 'boolean',
+            default: false,
+            description: 'Turn <b>On/Off</b> use of <b>"maskPatternPlaceholder"</b>'
+        },
+        maskPlaceholder: {
+            title: 'Mask Placeholder',
+            type: 'string',
+            description: 'General Mask Char.<br/>Uses if <b>"usePatternPlaceholder"</b> is <b>Turned Off</b> or Specialized Mask Char is not recieved.'
+        },
+        maskDigitPlaceholder: {
+            title: 'Specialized Mask Placeholder for Digit Char',
+            description: 'Specialized Mask Placeholder for <b>Digit</b>.'
+        },
+        maskLetterPlaceholder: {
+            title: 'Specialized Mask Placeholder for Letter Char',
+            description: 'Specialized Mask Placeholder for <b>Letter</b>.'
+        },
+        maskAsPlaceholder: {
+            title: 'Use Mask As Placeholder',
+            description: 'Use Mask As Placeholder',
+            type: 'boolean',
+            default: true
+        },
+        hideMaskOnBlur: {
+            title: 'Hide mask on field blur if value is Empty',
+            type: 'boolean',
+            default: true
+        },
+        isCaseSensitive: {
+            type: 'boolean',
+            default: false,
+            description: 'Turn <b>On/Off</b> use of <b>Case Sensitive Mode</b>.'
+        },
+        adaptTextCase: {
+            type: 'boolean',
+            default: false,
+            description: 'Turn <b>On/Off</b> use of <b>Auto Text Case Adapt</b>.'
+        },
+        icon: {
+            type: 'object',
+            description: 'Icon for Input.<br/>Will works only if <b>"showIcon"</b> is <b>ENABLED</b>.'
+        },
+        showIcon: {
+            type: 'boolean',
+            default: false,
+            description: 'Turn <b>On/Off</b> Icon Display.'
+        },
+        isIconLeft: {
+            type: 'boolean',
+            default: false,
+            description: 'Display Icon on Left Side.'
+        },
+        isIconRight: {
+            type: 'boolean',
+            default: false,
+            description: 'Display Icon on Right Side.'
+        },
+        isClearable: {
+            type: 'boolean',
+            default: false,
+            description: 'Display Clear Button and Enable Clearable Possibility.'
+        },
+        value: {
+            type: 'string',
+            description: 'Input Value',
+            default: ''
+        },
+        blinkErrors: {
+            type: 'boolean',
+            default: true,
+            description: 'Turn <b>On/Off</b> Blinking Error Mode.'
+        },
+        blinkDuration: {
+            type: 'number',
+            description: 'Duration of <b>Error Blink</b> in <b>ms</b>.',
+            default: 100
+        },
+        showErrors: {
+            type: 'boolean',
+            default: true,
+            description: 'Turn <b>On/Off</b> Display of Errors.'
+        },
+        errors: {
+            type: 'object',
+            description: `Errors Descriptions: <br/>
+      <code>
+      {
+        ${Object.keys(_config.DEFAULT_ERRORS).map((key)=>`<br/> &nbsp;&nbsp;&nbsp;&nbsp;${key}: '${_config.DEFAULT_ERRORS[key]}'`)}
+        <br/>
+      }
+      </code>`
+        },
+        error: {
+            type: 'string',
+            default: '',
+            description: 'Custom Error Text. If is not empty, field would be hightlited'
+        },
+        onChange: {
+            type: 'function',
+            description: 'Callback Function for Handle <b>Input Value Change</b>'
+        },
+        onFocus: {
+            type: 'function',
+            description: 'Callback Function for Handle <b>Input Focus</b>'
+        },
+        onBlur: {
+            type: 'function',
+            description: 'Callback Function for Handle <b>Input Blur</b>'
+        },
+        className: {
+            type: 'string',
+            description: 'ClassName For Input Mask Wrapper',
+            default: ''
+        },
+        isFocusedDefault: {
+            type: 'boolean',
+            description: 'Set Autofocus On Render',
+            default: false
+        },
+        imitateTypingOnPaste: {
+            type: 'boolean',
+            description: '<b>Manual Input Simulation Mode</b> when called <b>Pasting Text Event</b>.',
+            default: false
+        },
+        imitateTypingOnPasteDelay: {
+            type: 'number',
+            description: '<b>Delay Time</b> for <b>Manual Input Simulation Mode</b> when called <b>Pasting Text Event</b>.',
+            default: 100
+        },
+        showHint: {
+            type: 'boolean',
+            description: 'Turn <b>On/Off</b> Input Hint.',
+            default: false
+        },
+        hintText: {
+            type: 'string',
+            description: 'Input Hint Text.',
+            default: ''
+        },
+        hintClassName: {
+            type: 'string',
+            description: 'ClassName for Input Hint.',
+            default: ''
+        },
+        isHintLeft: {
+            type: 'boolean',
+            default: false,
+            description: 'Display Input Hint on Left Side.'
+        },
+        isHintRight: {
+            type: 'boolean',
+            default: true,
+            description: 'Display Input Hint on Right Side.'
+        },
+        hintPosition: {
+            type: 'string',
+            description: 'Position of <b>Input Hint Text</b>',
+            default: 'right'
+        },
+        attributesOfNativeInput: {
+            description: 'Object. Optional. This is list of attributes to add in native input'
+        }
+    }
+};
+const Template = (args)=>{
+    const ref = (0, _react.useRef)(null);
+    const [value, setValue] = (0, _react.useState)('0123456789');
+    const onChange = (v, cv)=>{
+        console.log('onChange', {
+            value,
+            v,
+            cv
+        });
+        setValue(v);
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_InputMask2.default, _object_spread_props(_object_spread({}, args), {
+        name: "storybook-inputmask",
+        onChange: onChange,
+        value: value,
+        onFilled: ()=>console.log('Done')
+    }));
+};
+const InputMaskTemplate = Template.bind({});
+InputMaskTemplate.args = {
+    // maskPattern: 'DD/DD/DDDD',
+    // maskPatternPlaceholder: 'MM/DD/YYYY',
+    maskPattern: 'DDD-DDD-DDDD',
+    maskPatternPlaceholder: 'XXX-XXX-XXXX',
+    usePatternPlaceholder: true,
+    maskPlaceholder: 'X',
+    maskDigitPlaceholder: '',
+    maskLetterPlaceholder: '',
+    maskAsPlaceholder: true,
+    maxEditableIndex: -1,
+    isCaseSensitive: false,
+    adaptTextCase: false,
+    // icon: <Type />,
+    showIcon: false,
+    isIconLeft: true,
+    isIconRight: false,
+    isClearable: true,
+    isLoading: false,
+    value: '1234567890',
+    onChange: ()=>{},
+    blinkErrors: true,
+    blinkDuration: 100,
+    showErrors: true,
+    errors: {},
+    error: '',
+    onFocus: ()=>{},
+    onBlur: ()=>{},
+    className: '',
+    isFocusedDefault: false,
+    disabled: false,
+    imitateTypingOnPaste: false,
+    imitateTypingOnPasteDelay: 100,
+    showHint: false,
+    hintText: 'Hint Text',
+    hintClassName: '',
+    isHintRight: true,
+    isHintLeft: false,
+    hintPosition: 'right',
+    hideMaskOnBlur: true,
+    iconDynamicKey: 'Anchor',
+    iconDynamicProps: {
+        size: 16,
+        color: 'green'
+    }
+};
+
+//# sourceMappingURL=InputMask2.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/InputMask2/InputMask2.stories.js"],"sourcesContent":["import React, {useRef, useState} from 'react';\nimport {Type, User} from 'react-feather';\n\nimport {DEFAULT_ERRORS, DIGIT_MASK_CHAR, LOWERCASE_LETTER_MASK_CHAR, UPPERCASE_LETTER_MASK_CHAR} from './config';\n\nimport '../../../../../scss/main.scss';\nimport InputMask2 from './InputMask2';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'Form Elements/Input Mask2',\n  component: InputMask2,\n  argTypes: {\n    maskPattern: {\n      title: 'Mask Pattern',\n      description: `<b>\"${DIGIT_MASK_CHAR}\"</b> - Digit.<br/><b>\"${UPPERCASE_LETTER_MASK_CHAR}\"</b> or <b>\"${LOWERCASE_LETTER_MASK_CHAR}\"</b> - Letter.`,\n    },\n    maskPatternPlaceholder: {\n      title: 'Pattern Placeholder',\n      description: 'Fine-tuning the mask character.<br/>Works if <b>\"usePatternPlaceholder\"</b> is <b>ENABLED</b>.',\n    },\n    usePatternPlaceholder: {\n      title: 'Pattern Placeholder',\n      type: 'boolean',\n      default: false,\n      description: 'Turn <b>On/Off</b> use of <b>\"maskPatternPlaceholder\"</b>',\n    },\n    maskPlaceholder: {\n      title: 'Mask Placeholder',\n      type: 'string',\n      description:\n        'General Mask Char.<br/>Uses if <b>\"usePatternPlaceholder\"</b> is <b>Turned Off</b> or Specialized Mask Char is not recieved.',\n    },\n    maskDigitPlaceholder: {\n      title: 'Specialized Mask Placeholder for Digit Char',\n      description: 'Specialized Mask Placeholder for <b>Digit</b>.',\n    },\n    maskLetterPlaceholder: {\n      title: 'Specialized Mask Placeholder for Letter Char',\n      description: 'Specialized Mask Placeholder for <b>Letter</b>.',\n    },\n    maskAsPlaceholder: {\n      title: 'Use Mask As Placeholder',\n      description: 'Use Mask As Placeholder',\n      type: 'boolean',\n      default: true,\n    },\n    hideMaskOnBlur: {\n      title: 'Hide mask on field blur if value is Empty',\n      type: 'boolean',\n      default: true,\n    },\n    isCaseSensitive: {\n      type: 'boolean',\n      default: false,\n      description: 'Turn <b>On/Off</b> use of <b>Case Sensitive Mode</b>.',\n    },\n    adaptTextCase: {\n      type: 'boolean',\n      default: false,\n      description: 'Turn <b>On/Off</b> use of <b>Auto Text Case Adapt</b>.',\n    },\n    icon: {\n      type: 'object',\n      description: 'Icon for Input.<br/>Will works only if <b>\"showIcon\"</b> is <b>ENABLED</b>.',\n    },\n    showIcon: {\n      type: 'boolean',\n      default: false,\n      description: 'Turn <b>On/Off</b> Icon Display.',\n    },\n    isIconLeft: {\n      type: 'boolean',\n      default: false,\n      description: 'Display Icon on Left Side.',\n    },\n    isIconRight: {\n      type: 'boolean',\n      default: false,\n      description: 'Display Icon on Right Side.',\n    },\n    isClearable: {\n      type: 'boolean',\n      default: false,\n      description: 'Display Clear Button and Enable Clearable Possibility.',\n    },\n    value: {\n      type: 'string',\n      description: 'Input Value',\n      default: '',\n    },\n    blinkErrors: {\n      type: 'boolean',\n      default: true,\n      description: 'Turn <b>On/Off</b> Blinking Error Mode.',\n    },\n    blinkDuration: {\n      type: 'number',\n      description: 'Duration of <b>Error Blink</b> in <b>ms</b>.',\n      default: 100,\n    },\n    showErrors: {\n      type: 'boolean',\n      default: true,\n      description: 'Turn <b>On/Off</b> Display of Errors.',\n    },\n    errors: {\n      type: 'object',\n      description: `Errors Descriptions: <br/>\n      <code>\n      {\n        ${Object.keys(DEFAULT_ERRORS).map(key => `<br/> &nbsp;&nbsp;&nbsp;&nbsp;${key}: '${DEFAULT_ERRORS[key]}'`)}\n        <br/>\n      }\n      </code>`,\n    },\n    error: {\n      type: 'string',\n      default: '',\n      description: 'Custom Error Text. If is not empty, field would be hightlited',\n    },\n\n    onChange: {\n      type: 'function',\n      description: 'Callback Function for Handle <b>Input Value Change</b>',\n    },\n    onFocus: {\n      type: 'function',\n      description: 'Callback Function for Handle <b>Input Focus</b>',\n    },\n\n    onBlur: {\n      type: 'function',\n      description: 'Callback Function for Handle <b>Input Blur</b>',\n    },\n\n    className: {\n      type: 'string',\n      description: 'ClassName For Input Mask Wrapper',\n      default: '',\n    },\n\n    isFocusedDefault: {\n      type: 'boolean',\n      description: 'Set Autofocus On Render',\n      default: false,\n    },\n\n    imitateTypingOnPaste: {\n      type: 'boolean',\n      description: '<b>Manual Input Simulation Mode</b> when called <b>Pasting Text Event</b>.',\n      default: false,\n    },\n    imitateTypingOnPasteDelay: {\n      type: 'number',\n      description: '<b>Delay Time</b> for <b>Manual Input Simulation Mode</b> when called <b>Pasting Text Event</b>.',\n      default: 100,\n    },\n\n    showHint: {\n      type: 'boolean',\n      description: 'Turn <b>On/Off</b> Input Hint.',\n      default: false,\n    },\n    hintText: {\n      type: 'string',\n      description: 'Input Hint Text.',\n      default: '',\n    },\n    hintClassName: {\n      type: 'string',\n      description: 'ClassName for Input Hint.',\n      default: '',\n    },\n    isHintLeft: {\n      type: 'boolean',\n      default: false,\n      description: 'Display Input Hint on Left Side.',\n    },\n    isHintRight: {\n      type: 'boolean',\n      default: true,\n      description: 'Display Input Hint on Right Side.',\n    },\n    hintPosition: {\n      type: 'string',\n      description: 'Position of <b>Input Hint Text</b>',\n      default: 'right',\n    },\n    attributesOfNativeInput: {\n      description: 'Object. Optional. This is list of attributes to add in native input',\n    }\n  },\n};\n\nconst Template = args => {\n  const ref = useRef(null);\n  const [value, setValue] = useState('0123456789');\n\n  const onChange = (v, cv) => {\n    console.log('onChange', {value, v, cv});\n    setValue(v);\n  };\n\n  return (\n    <InputMask2\n      {...args}\n      name=\"storybook-inputmask\"\n      onChange={onChange}\n      value={value}\n      onFilled={() => console.log('Done')}\n    />\n  );\n};\n\nexport const InputMaskTemplate = Template.bind({});\n\nInputMaskTemplate.args = {\n  // maskPattern: 'DD/DD/DDDD',\n  // maskPatternPlaceholder: 'MM/DD/YYYY',\n  maskPattern: 'DDD-DDD-DDDD',\n  maskPatternPlaceholder: 'XXX-XXX-XXXX',\n  usePatternPlaceholder: true,\n  maskPlaceholder: 'X',\n  maskDigitPlaceholder: '',\n  maskLetterPlaceholder: '',\n  maskAsPlaceholder: true,\n  maxEditableIndex: -1,\n  isCaseSensitive: false,\n  adaptTextCase: false,\n  // icon: <Type />,\n  showIcon: false,\n  isIconLeft: true,\n  isIconRight: false,\n  isClearable: true,\n  isLoading: false,\n  value: '1234567890',\n  onChange: () => {},\n  blinkErrors: true,\n  blinkDuration: 100,\n  showErrors: true,\n  errors: {},\n  error: '',\n  onFocus: () => {},\n  onBlur: () => {},\n\n  className: '',\n  isFocusedDefault: false,\n  disabled: false,\n  imitateTypingOnPaste: false,\n  imitateTypingOnPasteDelay: 100,\n\n  showHint: false,\n  hintText: 'Hint Text',\n  hintClassName: '',\n  isHintRight: true,\n  isHintLeft: false,\n  hintPosition: 'right',\n  hideMaskOnBlur: true,\n  iconDynamicKey: 'Anchor',\n  iconDynamicProps: {\n    size: 16,\n    color: 'green',\n\n  }\n};\n"],"names":["InputMaskTemplate","global","lng","title","component","InputMask2","argTypes","maskPattern","description","DIGIT_MASK_CHAR","UPPERCASE_LETTER_MASK_CHAR","LOWERCASE_LETTER_MASK_CHAR","maskPatternPlaceholder","usePatternPlaceholder","type","default","maskPlaceholder","maskDigitPlaceholder","maskLetterPlaceholder","maskAsPlaceholder","hideMaskOnBlur","isCaseSensitive","adaptTextCase","icon","showIcon","isIconLeft","isIconRight","isClearable","value","blinkErrors","blinkDuration","showErrors","errors","Object","keys","DEFAULT_ERRORS","map","key","error","onChange","onFocus","onBlur","className","isFocusedDefault","imitateTypingOnPaste","imitateTypingOnPasteDelay","showHint","hintText","hintClassName","isHintLeft","isHintRight","hintPosition","attributesOfNativeInput","Template","args","ref","useRef","setValue","useState","v","cv","console","log","name","onFilled","bind","maxEditableIndex","isLoading","disabled","iconDynamicKey","iconDynamicProps","size","color"],"mappings":"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"}

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

@@ -0,0 +1,20 @@
+"use strict";
+module.exports = {
+    UPPERCASE_LETTER_MASK_CHAR: "L",
+    LOWERCASE_LETTER_MASK_CHAR: "l",
+    DIGIT_MASK_CHAR: "D",
+    SPACE_CHAR: "\u00A0",
+    ANDROID_CHROME_TEXT_CODE: 229,
+    EXCLUDED_KEYS: [
+        "Tab"
+    ],
+    DEFAULT_ERRORS: {
+        onlyLetter: "Type letter",
+        onlyDigit: "Type digit",
+        onlyUpperCase: "Type letter in UpperCase",
+        onlyLowerCase: "Type letter in LowerCase",
+        default: null
+    }
+};
+
+//# sourceMappingURL=config.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/InputMask2/config.js"],"sourcesContent":["module.exports = {\n  UPPERCASE_LETTER_MASK_CHAR: \"L\",\n  LOWERCASE_LETTER_MASK_CHAR: \"l\",\n  DIGIT_MASK_CHAR: \"D\",\n  SPACE_CHAR: \"\\u00A0\",\n  ANDROID_CHROME_TEXT_CODE: 229,\n  EXCLUDED_KEYS: [\"Tab\"],\n  DEFAULT_ERRORS: {\n    onlyLetter: \"Type letter\",\n    onlyDigit: \"Type digit\",\n    onlyUpperCase: \"Type letter in UpperCase\",\n    onlyLowerCase: \"Type letter in LowerCase\",\n    default: null,\n  },\n};\n"],"names":["module","exports","UPPERCASE_LETTER_MASK_CHAR","LOWERCASE_LETTER_MASK_CHAR","DIGIT_MASK_CHAR","SPACE_CHAR","ANDROID_CHROME_TEXT_CODE","EXCLUDED_KEYS","DEFAULT_ERRORS","onlyLetter","onlyDigit","onlyUpperCase","onlyLowerCase","default"],"mappings":";AAAAA,OAAOC,OAAO,GAAG;IACfC,4BAA4B;IAC5BC,4BAA4B;IAC5BC,iBAAiB;IACjBC,YAAY;IACZC,0BAA0B;IAC1BC,eAAe;QAAC;KAAM;IACtBC,gBAAgB;QACdC,YAAY;QACZC,WAAW;QACXC,eAAe;QACfC,eAAe;QACfC,SAAS;IACX;AACF"}

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

@@ -0,0 +1,93 @@
+"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 = ()=>{
+    let text = "";
+    if (window.getSelection) {
+        text = window.getSelection().toString();
+    } else if (document.selection && document.selection.type !== "Control") {
+        text = document.selection.createRange().text;
+    }
+    return text === null || text === void 0 ? void 0 : text.replace(/\n/g, "");
+};
+const resetSelectionText = ()=>{
+    if (window.getSelection) {
+        window.getSelection().removeAllRanges();
+    }
+};
+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)=>{
+    const sel = window.getSelection();
+    sel.selectAllChildren(el);
+};
+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)=>{
+    return isLetter(char) ? char === char.slice().toUpperCase() : false;
+};
+const isLowerCaseLetter = (char)=>{
+    return isLetter(char) ? char === char.slice().toLowerCase() : false;
+};
+const isDigit = (char)=>{
+    return Boolean(Number.isInteger(parseInt(char, 10)));
+};
+const isDigitMaskChar = (char)=>{
+    return char === _config.DIGIT_MASK_CHAR;
+};
+const isLetterMaskChar = (char)=>{
+    return char === _config.UPPERCASE_LETTER_MASK_CHAR || char === _config.LOWERCASE_LETTER_MASK_CHAR;
+};
+const voidFn = ()=>{
+    // eslint-disable-next-line no-console
+    console.error("Void Function Called");
+};
+
+//# sourceMappingURL=functions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/InputMask2/functions.js"],"sourcesContent":["import {\n  DIGIT_MASK_CHAR,\n  LOWERCASE_LETTER_MASK_CHAR,\n  UPPERCASE_LETTER_MASK_CHAR,\n} from \"./config\";\n\nexport const getSelectionText = () => {\n  let text = \"\";\n  if (window.getSelection) {\n    text = window.getSelection().toString();\n  } else if (document.selection && document.selection.type !== \"Control\") {\n    text = document.selection.createRange().text;\n  }\n\n  return text?.replace(/\\n/g, \"\");\n};\nexport const resetSelectionText = () => {\n  if (window.getSelection) {\n    window.getSelection().removeAllRanges();\n  }\n};\nexport const copyToClipboard = (str) => {\n  if (navigator && navigator.clipboard && navigator.clipboard.writeText)\n    return navigator.clipboard.writeText(str);\n  // eslint-disable-next-line prefer-promise-reject-errors\n  return Promise.reject(\"The Clipboard API is not available.\");\n};\nexport const selectElementContents = (el, startOffset = -1, endOffset = -1) => {\n  const sel = window.getSelection();\n  sel.selectAllChildren(el);\n};\n\nexport const isLetter = (char) => {\n  return Boolean(char?.length === 1 && char?.match(/[a-z]/i));\n};\nexport const isUpperCaseLetter = (char) => {\n  return isLetter(char) ? char === char.slice().toUpperCase() : false;\n};\nexport const isLowerCaseLetter = (char) => {\n  return isLetter(char) ? char === char.slice().toLowerCase() : false;\n};\nexport const isDigit = (char) => {\n  return Boolean(Number.isInteger(parseInt(char, 10)));\n};\n\nexport const isDigitMaskChar = (char) => {\n  return char === DIGIT_MASK_CHAR;\n};\nexport const isLetterMaskChar = (char) => {\n  return (\n    char === UPPERCASE_LETTER_MASK_CHAR || char === LOWERCASE_LETTER_MASK_CHAR\n  );\n};\n\nexport const voidFn = () => {\n  // eslint-disable-next-line no-console\n  console.error(\"Void Function Called\");\n};\n"],"names":["copyToClipboard","getSelectionText","isDigit","isDigitMaskChar","isLetter","isLetterMaskChar","isLowerCaseLetter","isUpperCaseLetter","resetSelectionText","selectElementContents","voidFn","text","window","getSelection","toString","document","selection","type","createRange","replace","removeAllRanges","str","navigator","clipboard","writeText","Promise","reject","el","startOffset","endOffset","sel","selectAllChildren","char","Boolean","length","match","slice","toUpperCase","toLowerCase","Number","isInteger","parseInt","DIGIT_MASK_CHAR","UPPERCASE_LETTER_MASK_CHAR","LOWERCASE_LETTER_MASK_CHAR","console","error"],"mappings":";;;;;;;;;;;IAqBaA,eAAe;eAAfA;;IAfAC,gBAAgB;eAAhBA;;IAmCAC,OAAO;eAAPA;;IAIAC,eAAe;eAAfA;;IAbAC,QAAQ;eAARA;;IAgBAC,gBAAgB;eAAhBA;;IAVAC,iBAAiB;eAAjBA;;IAHAC,iBAAiB;eAAjBA;;IAnBAC,kBAAkB;eAAlBA;;IAWAC,qBAAqB;eAArBA;;IA2BAC,MAAM;eAANA;;;wBAlDN;AAEA,MAAMT,mBAAmB;IAC9B,IAAIU,OAAO;IACX,IAAIC,OAAOC,YAAY,EAAE;QACvBF,OAAOC,OAAOC,YAAY,GAAGC,QAAQ;IACvC,OAAO,IAAIC,SAASC,SAAS,IAAID,SAASC,SAAS,CAACC,IAAI,KAAK,WAAW;QACtEN,OAAOI,SAASC,SAAS,CAACE,WAAW,GAAGP,IAAI;IAC9C;IAEA,OAAOA,iBAAAA,2BAAAA,KAAMQ,OAAO,CAAC,OAAO;AAC9B;AACO,MAAMX,qBAAqB;IAChC,IAAII,OAAOC,YAAY,EAAE;QACvBD,OAAOC,YAAY,GAAGO,eAAe;IACvC;AACF;AACO,MAAMpB,kBAAkB,CAACqB;IAC9B,IAAIC,aAAaA,UAAUC,SAAS,IAAID,UAAUC,SAAS,CAACC,SAAS,EACnE,OAAOF,UAAUC,SAAS,CAACC,SAAS,CAACH;IACvC,wDAAwD;IACxD,OAAOI,QAAQC,MAAM,CAAC;AACxB;AACO,MAAMjB,wBAAwB,CAACkB,IAAIC,cAAc,CAAC,CAAC,EAAEC,YAAY,CAAC,CAAC;IACxE,MAAMC,MAAMlB,OAAOC,YAAY;IAC/BiB,IAAIC,iBAAiB,CAACJ;AACxB;AAEO,MAAMvB,WAAW,CAAC4B;IACvB,OAAOC,QAAQD,CAAAA,iBAAAA,2BAAAA,KAAME,MAAM,MAAK,MAAKF,iBAAAA,2BAAAA,KAAMG,KAAK,CAAC;AACnD;AACO,MAAM5B,oBAAoB,CAACyB;IAChC,OAAO5B,SAAS4B,QAAQA,SAASA,KAAKI,KAAK,GAAGC,WAAW,KAAK;AAChE;AACO,MAAM/B,oBAAoB,CAAC0B;IAChC,OAAO5B,SAAS4B,QAAQA,SAASA,KAAKI,KAAK,GAAGE,WAAW,KAAK;AAChE;AACO,MAAMpC,UAAU,CAAC8B;IACtB,OAAOC,QAAQM,OAAOC,SAAS,CAACC,SAAST,MAAM;AACjD;AAEO,MAAM7B,kBAAkB,CAAC6B;IAC9B,OAAOA,SAASU,uBAAe;AACjC;AACO,MAAMrC,mBAAmB,CAAC2B;IAC/B,OACEA,SAASW,kCAA0B,IAAIX,SAASY,kCAA0B;AAE9E;AAEO,MAAMlC,SAAS;IACpB,sCAAsC;IACtCmC,QAAQC,KAAK,CAAC;AAChB"}