intelicoreact 1.6.7 → 1.6.8

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/InputMask3/InputMask3.js"],"sourcesContent":["import React, { createRef, useEffect, useMemo, useRef, useState } from \"react\";\n\nimport cn from \"classnames\";\nimport { Eye, EyeOff, 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 \"./InputMask3.scss\";\n\nexport default function InputMask3({\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  // Включает/отключает режим скрытия в принциепе.\n  withHiddenMode = false,\n  // Символ которым скрывааеются символы\n  hiddenChar = \"*\",\n  // Индекс последнего скрываемогосимвола\n  // Индекс нужно передавать с УЧЕТОМ не значащих символов маски,\n  // при этом не значащие символы скрываться НЕ будут\n  maxHiddenIndex = -1,\n  // Инициализационнное значение положения \"скрыть\" (если НЕ управляется сверху)\n  isValueHiddenDefault = false,\n\n  // ? Если передана как булева, то режим скрытия управляется ей, здешний триггер (глазик) НЕ рендерится\n  // ? Если НЕ передана ка булева, то режим скрытия обеспечиватся своим внутренним стором, здешний триггер (глазик) рендерится\n  isHide, // булева пропа для управления сверху\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 [isValueHidden, setIsValueHidden] = useState(\n    typeof isHide === \"boolean\" ? isHide : isValueHiddenDefault,\n  );\n  const [isHiddenLogicInit, setIsHiddenLogicInit] = useState(false);\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  // 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 getInputValue = ({\n    noLastTyppedCharIndexCheck,\n    noHide = false,\n  } = {}) => {\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, isSpecialSymbol }, i) => {\n      if (\n        char !== \"\" &&\n        isValid &&\n        (!noLastTyppedCharIndexCheck ? i <= lastTyppedCharIndex : true)\n      ) {\n        if (\n          isValueHidden &&\n          !isSpecialSymbol &&\n          !noHide &&\n          (maxHiddenIndex === -1 || i <= maxHiddenIndex)\n        ) {\n          result += hiddenChar;\n        } else {\n          result += char;\n        }\n      } else {\n        isValid = false;\n      }\n\n      return result;\n    }, \"\");\n\n    if (getClearInnerValueAsString(value)?.length === 0) return \"\";\n\n    return value;\n  };\n  const getClearInnerValueAsString = (valueProp) => {\n    const symbolsInfo = innerValue?.map(\n      ({ isSpecialSymbol, isCharSymbol }) => ({\n        isSpecialSymbol,\n        isCharSymbol,\n      }),\n    );\n    const clearValue = (\n      valueProp ??\n      getInputValue({ noLastTyppedCharIndexCheck: true, noHide: true })\n    )\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 inputValue = useMemo(getInputValue, [innerValue, isValueHidden]);\n  // GETTERS | 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  /// --- Event Handlers ---///\n\n  // GENERAL EVENT HANDLERS | START //\n  const onVisibleChange = (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 onHiddenChange = (e) => {\n    const SSN = getInputValue({ noHide: true });\n\n    const {\n      target: { value },\n    } = e;\n\n    if (value.replace(/-/g, \"\").length < SSN.replace(/-/g, \"\").length) {\n      const last = SSN.length - 1;\n      setValue(SSN.slice(0, last));\n      return;\n    }\n\n    const numValue = value.replace(/\\D/g, \"\");\n    let newSSN = \"\";\n\n    //! maxHiddenIndex - это индекс, НЕ length. Поэтому нужно добавить 1\n    const staticLength =\n      maxHiddenIndex !== -1 ? maxHiddenIndex + 1 : maskPattern?.length;\n\n    if (SSN.length > staticLength) {\n      newSSN = SSN.slice(0, staticLength) + numValue;\n    } else {\n      newSSN = SSN + numValue;\n    }\n\n    if (newSSN.length > maskPattern?.length) {\n      return;\n    }\n    setValue(newSSN);\n  };\n  const onChange = isValueHidden ? onHiddenChange : onVisibleChange;\n  const onKeyDown = (e) => {\n    onKeyDownProp?.(e);\n\n    const { keyCode } = e;\n    setKeyDown(keyCode);\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  };\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 onHiddenToggle = (value) => {\n    // ? Добавлена возможность принудительной установки велью (опционально)\n    const newValue = typeof value === \"boolean\" ? value : !isValueHidden;\n    setIsValueHidden(newValue);\n    if (isHiddenLogicInit) inputRef?.current?.focus();\n  };\n  const onFocus = () => {\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  const onSelect = (e) => {\n    const { selectionStart, selectionEnd } = e.target ?? {};\n    setSelectedLength(selectionEnd - selectionStart ?? 0);\n    if (selectionStart >= maxEditableIndex) setCaret(maxEditableIndex);\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    ) {\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, noHide: true }),\n      ];\n      if (returnMaskedValue) values.reverse();\n\n      if (\n        prevValueRef?.current?.[0] !== values[0] &&\n        prevValueRef?.current?.[1] !== values[1] && \n        value !== getClearInnerValueAsString()\n      ) {\n        prevValueRef.current = values;\n        onChangeProp(...values);\n      }\n    }\n  }, [innerValue, isMaskRendered, isInitValue]);\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  useEffect(() => {\n    if (typeof isHide === \"boolean\") {\n      onHiddenToggle(isHide);\n      if (!isHiddenLogicInit) setIsHiddenLogicInit(true);\n    }\n  }, [isHide]);\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    isValueHidden && (maxHiddenIndex === -1 || i <= maxHiddenIndex)\n      ? renderChar(\n          { ...obj, char: hiddenChar },\n          i,\n          \"input-mask_value_item_value-hidden-char\",\n        )\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        tabIndex={disabled || isLoading ? -1 : 0}\n        readOnly={disabled || isLoading}\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 renderHideToggler = () => {\n    return (\n      <span className=\"formatted-raw-ssn-eye-holder\" onClick={onHiddenToggle}>\n        {\" \"}\n        {isValueHidden ? (\n          <Eye strokeWidth={1} className=\"password-icon\" />\n        ) : (\n          <EyeOff strokeWidth={1} className=\"password-icon\" />\n        )}\n      </span>\n    );\n  };\n  const renderClearButton = () => {\n    return (\n      <div className=\"input-mask_clear\">\n        <X onClick={onClearClick} />\n      </div>\n    );\n  };\n  const renderHint = () => {\n    return (\n      <div className={`input-mask_hint input-mask_hint--${hintPosition}`}>\n        <Hint hint={hintText} className={hintClassName} side={hintPosition} />\n      </div>\n    );\n  };\n  const renderIcon = (position = \"left\") => {\n    return (\n      <div className={`input-mask_icon input-mask_icon--${position}`}>\n        {DynamicIconComponent ?? icon}\n      </div>\n    );\n  };\n  const render = () => {\n    return (\n      <div\n        data-testid={testId}\n        className={cn(\n          \"input-mask3_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        tabIndex={-1}\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 && renderHint()}\n          {isIconLeft && showIcon && renderIcon(\"left\")}\n          {renderMask()}\n          {renderInput()}\n          {/* Если isHide булева, значит будем управлять сверху, значит там свой триггер*/}\n          {withHiddenMode && typeof isHide !== \"boolean\" && renderHideToggler()}\n          {isClearable && renderClearButton()}\n          {isIconRight && showIcon && renderIcon(\"right\")}\n          {showHint && isHintRight && renderHint()}\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":["InputMask3","autocomplete","maskPattern","maskPatternPlaceholder","maskPlaceholder","maskDigitPlaceholder","maskLetterPlaceholder","usePatternPlaceholder","maxEditableIndex","isFocusedDefault","isClearable","isCaseSensitive","adaptTextCase","isUseAutoSelect","isLoading","withHiddenMode","hiddenChar","maxHiddenIndex","isValueHiddenDefault","isHide","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","isValueHidden","setIsValueHidden","isHiddenLogicInit","setIsHiddenLogicInit","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","isSpecialSymbolMask","isSpecialSymbolMaskChar","SPACE_CHAR","maskChar","isCharSymbol","ref","createRef","getCharByIndex","getMaskCharByIndex","getPlaceholderCharByIndex","isDigitMaskChar","isLetterMaskChar","getInputValue","noLastTyppedCharIndexCheck","noHide","getClearInnerValueAsString","isValid","lastTyppedCharIndex","reduce","result","valueProp","symbolsInfo","clearValue","split","resultStr","symbol","inputValue","useMemo","key","DIGIT_MASK_CHAR","isDigit","onlyDigit","UPPERCASE_LETTER_MASK_CHAR","toUpperCase","isLetter","onlyLetter","isUpperCaseLetter","onlyUpperCase","LOWERCASE_LETTER_MASK_CHAR","toLowerCase","isLowerCaseLetter","onlyLowerCase","onVisibleChange","e","target","selectionStart","caretPos","nativeEvent","disableDefaultBehavior","caretOffset","lastIndexEqualsTo","longerThan","newCaretPos","KEY_CODES","Backspace","Delete","onHiddenChange","SSN","replace","last","numValue","newSSN","onKeyUp","onClearClick","stopPropagation","preventDefault","focus","onHiddenToggle","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","readOnly","autoComplete","params","select","onDragStart","onDragEnd","renderHideToggler","Eye","strokeWidth","EyeOff","renderClearButton","X","renderHint","Hint","hint","side","renderIcon","position","render","data-testid","Spinner","size"],"mappings":"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"}

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

@@ -0,0 +1,388 @@
+"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 _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 Mask3',
+    component: _InputMask3.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.'
+        },
+        withHiddenMode: {
+            type: 'boolean',
+            default: false,
+            description: 'Enable Password/Hidden Mode.'
+        },
+        hiddenChar: {
+            type: 'string',
+            description: 'Hidden char. If Password/Hidden Mode ENABLED value will be masked as hiddenChar',
+            default: '*'
+        },
+        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.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_InputMask3.default, _object_spread_props(_object_spread({}, args), {
+                name: "storybook-InputMask3",
+                onChange: onChange,
+                value: value,
+                onFilled: ()=>console.log('Done')
+            })),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                onClick: ()=>setValue(''),
+                children: "Reset Value"
+            })
+        ]
+    });
+};
+const InputMask3Template = Template.bind({});
+InputMask3Template.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,
+    maxHiddenIndex: -1,
+    isCaseSensitive: false,
+    adaptTextCase: false,
+    // icon: <Type />,
+    showIcon: false,
+    isIconLeft: true,
+    isIconRight: false,
+    isClearable: true,
+    isLoading: false,
+    withHiddenMode: false,
+    hiddenChar: '*',
+    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=InputMask3.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/InputMask3/InputMask3.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 InputMask3 from './InputMask3';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'Form Elements/Input Mask3',\n  component: InputMask3,\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    withHiddenMode: {\n      type: 'boolean',\n      default: false,\n      description: 'Enable Password/Hidden Mode.',\n    },\n    hiddenChar: {\n      type: 'string',\n      description: 'Hidden char. If Password/Hidden Mode ENABLED value will be masked as hiddenChar',\n      default: '*',\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    <>\n      <InputMask3\n        {...args}\n        name=\"storybook-InputMask3\"\n        onChange={onChange}\n        value={value}\n        onFilled={() => console.log('Done')}\n      />\n      <button onClick={() => setValue('')}>Reset Value</button>\n    </>\n  );\n};\n\nexport const InputMask3Template = Template.bind({});\n\nInputMask3Template.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  maxHiddenIndex: -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  withHiddenMode: false,\n  hiddenChar: '*',\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":["InputMask3Template","global","lng","title","component","InputMask3","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","withHiddenMode","hiddenChar","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","button","onClick","bind","maxEditableIndex","maxHiddenIndex","isLoading","disabled","iconDynamicKey","iconDynamicProps","size","color"],"mappings":"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"}

package/dist/Atomic/FormElements/InputMask3/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/InputMask3/config.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/InputMask3/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/InputMask3/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/InputMask3/functions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/InputMask3/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"}