@elliemae/ds-form-helpers-mask-hooks 3.4.2 → 3.4.3

package/dist/esm/hooks/useZipCodeMask.js

@@ -22,22 +22,28 @@ const useZipCodeMask = (props) => {
   const lastKeyCode = useRef("Unidentified");
   const scheduleAfterRender = useCallbackAfterRender(true);
   const [, setKey] = useState(0);
-  const onKeyDown = useCallback((e) => {
-    lastKeyCode.current = e.code;
-    if (userOnKeyDown)
-      userOnKeyDown(e);
-  }, [userOnKeyDown]);
-  const onChange = useCallback((e) => {
-    const [mask, cursorPos] = conformValue(e.target.value, e.target.selectionEnd ?? 0, lastKeyCode.current);
-    valueSetter((prevMask) => {
-      if (mask === prevMask)
-        setKey((key) => key + 1);
-      return mask;
-    });
-    if (userOnChange)
-      userOnChange(e, mask);
-    scheduleAfterRender(() => setCursorPosition(e.target, cursorPos));
-  }, [valueSetter, scheduleAfterRender, userOnChange]);
+  const onKeyDown = useCallback(
+    (e) => {
+      lastKeyCode.current = e.code;
+      if (userOnKeyDown)
+        userOnKeyDown(e);
+    },
+    [userOnKeyDown]
+  );
+  const onChange = useCallback(
+    (e) => {
+      const [mask, cursorPos] = conformValue(e.target.value, e.target.selectionEnd ?? 0, lastKeyCode.current);
+      valueSetter((prevMask) => {
+        if (mask === prevMask)
+          setKey((key) => key + 1);
+        return mask;
+      });
+      if (userOnChange)
+        userOnChange(e, mask);
+      scheduleAfterRender(() => setCursorPosition(e.target, cursorPos));
+    },
+    [valueSetter, scheduleAfterRender, userOnChange]
+  );
   return {
     onKeyDown,
     onChange

package/dist/esm/hooks/useZipCodeMask.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hooks/useZipCodeMask.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback, useRef, useState } from 'react';\nimport {\n  describe,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n  useCallbackAfterRender,\n} from '@elliemae/ds-utilities';\nimport { addSpecialCharacters, getPartialMaskedPos, setCursorPosition } from '../utils';\nimport { DSMaskHookDefaultProps, DSMaskHookPropsTypes, DSMaskT } from '../react-desc-prop-types';\n\nconst zipCodeSpecialChars: [string, number][] = [['-', 5]];\n\nconst conformValue = (rawValue: string, cursorPos: number, lastKeyCode: string) => {\n  // Work with digits only\n  let maskedValue = rawValue.split('').filter((char) => char >= '0' && char <= '9');\n\n  // We only consider first 9 digits\n  maskedValue = maskedValue.slice(0, 9);\n\n  const maskedPos = getPartialMaskedPos(rawValue, maskedValue, cursorPos);\n\n  return addSpecialCharacters(maskedValue, zipCodeSpecialChars, maskedPos, lastKeyCode);\n};\n\nexport const useZipCodeMask: DSMaskT.Hook = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, DSMaskHookDefaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, DSMaskHookPropsTypes);\n  const { valueSetter, onChange: userOnChange, onKeyDown: userOnKeyDown } = propsWithDefault;\n\n  const lastKeyCode = useRef('Unidentified');\n  const scheduleAfterRender = useCallbackAfterRender(true);\n\n  // Some times, the value of the mask is not gonna change (user types invalid char for example)\n  // This makes the input to go from \"correct\" -> \"incorrect\" -> \"correct\"\n  // But since the input is controlled, the input does not re-render\n  // This makes the input go mumbo-jumbo and places the cursor in the end, because we kinda changed the value async\n  // Solution for this is to trigger a re-render, we do this with a set state call in the on change event\n  const [, setKey] = useState(0);\n\n  const onKeyDown: React.KeyboardEventHandler<HTMLInputElement> = useCallback(\n    (e) => {\n      lastKeyCode.current = e.code;\n      if (userOnKeyDown) userOnKeyDown(e);\n    },\n    [userOnKeyDown],\n  );\n\n  const onChange: React.ChangeEventHandler<HTMLInputElement> = useCallback(\n    (e) => {\n      const [mask, cursorPos] = conformValue(e.target.value, e.target.selectionEnd ?? 0, lastKeyCode.current);\n      valueSetter((prevMask) => {\n        // Here we need to update the key\n        if (mask === prevMask) setKey((key) => key + 1);\n\n        return mask;\n      });\n      if (userOnChange) userOnChange(e, mask);\n      scheduleAfterRender(() => setCursorPosition(e.target, cursorPos));\n    },\n    [valueSetter, scheduleAfterRender, userOnChange],\n  );\n\n  return {\n    onKeyDown,\n    onChange,\n  };\n};\n\nexport const getUseZipMaskedValue = (value: string) => {\n  const [maskedValue] = conformValue(value, value.length - 1, '');\n  return maskedValue;\n};\n\nuseZipCodeMask.displayName = 'useZipCodeMask';\nexport const UseZipCodeMaskWithSchema = describe(useZipCodeMask);\nUseZipCodeMaskWithSchema.propTypes = DSMaskHookPropsTypes;\n"],
-  "mappings": "AAAA;ACAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACA;AAEA,MAAM,sBAA0C,CAAC,CAAC,KAAK,CAAC,CAAC;AAEzD,MAAM,eAAe,CAAC,UAAkB,WAAmB,gBAAwB;AAEjF,MAAI,cAAc,SAAS,MAAM,EAAE,EAAE,OAAO,CAAC,SAAS,QAAQ,OAAO,QAAQ,GAAG;AAGhF,gBAAc,YAAY,MAAM,GAAG,CAAC;AAEpC,QAAM,YAAY,oBAAoB,UAAU,aAAa,SAAS;AAEtE,SAAO,qBAAqB,aAAa,qBAAqB,WAAW,WAAW;AACtF;AAEO,MAAM,iBAA+B,CAAC,UAAU;AACrD,QAAM,mBAAmB,6BAA6B,OAAO,sBAAsB;AACnF,iCAA+B,kBAAkB,oBAAoB;AACrE,QAAM,EAAE,aAAa,UAAU,cAAc,WAAW,kBAAkB;AAE1E,QAAM,cAAc,OAAO,cAAc;AACzC,QAAM,sBAAsB,uBAAuB,IAAI;AAOvD,QAAM,CAAC,EAAE,UAAU,SAAS,CAAC;AAE7B,QAAM,YAA0D,YAC9D,CAAC,MAAM;AACL,gBAAY,UAAU,EAAE;AACxB,QAAI;AAAe,oBAAc,CAAC;AAAA,EACpC,GACA,CAAC,aAAa,CAChB;AAEA,QAAM,WAAuD,YAC3D,CAAC,MAAM;AACL,UAAM,CAAC,MAAM,aAAa,aAAa,EAAE,OAAO,OAAO,EAAE,OAAO,gBAAgB,GAAG,YAAY,OAAO;AACtG,gBAAY,CAAC,aAAa;AAExB,UAAI,SAAS;AAAU,eAAO,CAAC,QAAQ,MAAM,CAAC;AAE9C,aAAO;AAAA,IACT,CAAC;AACD,QAAI;AAAc,mBAAa,GAAG,IAAI;AACtC,wBAAoB,MAAM,kBAAkB,EAAE,QAAQ,SAAS,CAAC;AAAA,EAClE,GACA,CAAC,aAAa,qBAAqB,YAAY,CACjD;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;AAEO,MAAM,uBAAuB,CAAC,UAAkB;AACrD,QAAM,CAAC,eAAe,aAAa,OAAO,MAAM,SAAS,GAAG,EAAE;AAC9D,SAAO;AACT;AAEA,eAAe,cAAc;AACtB,MAAM,2BAA2B,SAAS,cAAc;AAC/D,yBAAyB,YAAY;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAgB,aAAa,QAAQ,gBAAgB;AACrD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB,qBAAqB,yBAAyB;AAC7E,SAAS,wBAAwB,4BAAqC;AAEtE,MAAM,sBAA0C,CAAC,CAAC,KAAK,CAAC,CAAC;AAEzD,MAAM,eAAe,CAAC,UAAkB,WAAmB,gBAAwB;AAEjF,MAAI,cAAc,SAAS,MAAM,EAAE,EAAE,OAAO,CAAC,SAAS,QAAQ,OAAO,QAAQ,GAAG;AAGhF,gBAAc,YAAY,MAAM,GAAG,CAAC;AAEpC,QAAM,YAAY,oBAAoB,UAAU,aAAa,SAAS;AAEtE,SAAO,qBAAqB,aAAa,qBAAqB,WAAW,WAAW;AACtF;AAEO,MAAM,iBAA+B,CAAC,UAAU;AACrD,QAAM,mBAAmB,6BAA6B,OAAO,sBAAsB;AACnF,iCAA+B,kBAAkB,oBAAoB;AACrE,QAAM,EAAE,aAAa,UAAU,cAAc,WAAW,cAAc,IAAI;AAE1E,QAAM,cAAc,OAAO,cAAc;AACzC,QAAM,sBAAsB,uBAAuB,IAAI;AAOvD,QAAM,CAAC,EAAE,MAAM,IAAI,SAAS,CAAC;AAE7B,QAAM,YAA0D;AAAA,IAC9D,CAAC,MAAM;AACL,kBAAY,UAAU,EAAE;AACxB,UAAI;AAAe,sBAAc,CAAC;AAAA,IACpC;AAAA,IACA,CAAC,aAAa;AAAA,EAChB;AAEA,QAAM,WAAuD;AAAA,IAC3D,CAAC,MAAM;AACL,YAAM,CAAC,MAAM,SAAS,IAAI,aAAa,EAAE,OAAO,OAAO,EAAE,OAAO,gBAAgB,GAAG,YAAY,OAAO;AACtG,kBAAY,CAAC,aAAa;AAExB,YAAI,SAAS;AAAU,iBAAO,CAAC,QAAQ,MAAM,CAAC;AAE9C,eAAO;AAAA,MACT,CAAC;AACD,UAAI;AAAc,qBAAa,GAAG,IAAI;AACtC,0BAAoB,MAAM,kBAAkB,EAAE,QAAQ,SAAS,CAAC;AAAA,IAClE;AAAA,IACA,CAAC,aAAa,qBAAqB,YAAY;AAAA,EACjD;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;AAEO,MAAM,uBAAuB,CAAC,UAAkB;AACrD,QAAM,CAAC,WAAW,IAAI,aAAa,OAAO,MAAM,SAAS,GAAG,EAAE;AAC9D,SAAO;AACT;AAEA,eAAe,cAAc;AACtB,MAAM,2BAA2B,SAAS,cAAc;AAC/D,yBAAyB,YAAY;",
   "names": []
 }

package/dist/esm/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './hooks';\nexport type { DSMaskT } from './react-desc-prop-types';\n"],
-  "mappings": "AAAA;ACAA;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;",
   "names": []
 }

package/dist/esm/react-desc-prop-types.js

@@ -29,7 +29,9 @@ const DSMaskHookPropsTypes = {
 };
 const DSMaskRegExpHookPropsTypes = {
   ...DSMaskHookPropsTypes,
-  regExp: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(RegExp)])).description("Array with regexp or special chars per character").isRequired,
+  regExp: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(RegExp)])).description(
+    "Array with regexp or special chars per character"
+  ).isRequired,
   filledMask: PropTypes.bool.description("Show blank chars positions").defaultValue(false)
 };
 const DSMaskPhoneHookPropsTypes = {

package/dist/esm/react-desc-prop-types.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-utilities';\nimport React, { WeakValidationMap } from 'react';\n\nexport declare namespace DSMaskT {\n  interface HookArgs {\n    valueSetter: React.Dispatch<React.SetStateAction<string>>;\n    onChange?: (e: React.ChangeEvent<HTMLInputElement>, mask?: string) => void;\n    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;\n    onBlur?: React.FocusEventHandler<HTMLInputElement>;\n  }\n\n  interface HookReturn {\n    onChange: React.ChangeEventHandler<HTMLInputElement>;\n    onKeyDown: React.KeyboardEventHandler<HTMLInputElement>;\n    onBlur?: React.FocusEventHandler<HTMLInputElement>;\n  }\n\n  export interface NumberHookArgs extends HookArgs {\n    suffix: string;\n    prefix: string;\n    decimalPlaces: number;\n    allowNegative: boolean;\n    includeThousandsSeparator: boolean;\n    decimalRequired: boolean;\n  }\n\n  export interface PhoneHookArgs extends HookArgs {\n    isInternational: boolean;\n  }\n\n  export interface RegExpHookArgs extends HookArgs {\n    filledMask: boolean;\n  }\n\n  export type Hook = ((args: HookArgs) => HookReturn) & { displayName: string };\n  export type PhoneHook = ((args: PhoneHookArgs) => HookReturn) & { displayName: string };\n  export type NumberHook = ((args: NumberHookArgs) => HookReturn) & { displayName: string };\n}\n\nexport const DSMaskHookDefaultProps: Partial<DSMaskT.HookReturn> = {\n  onChange: () => null,\n  onKeyDown: () => null,\n  onBlur: () => null,\n};\n\nexport const DSMaskPhoneHookDefaultProps: Partial<DSMaskT.PhoneHookArgs> = {\n  ...DSMaskHookDefaultProps,\n  isInternational: false,\n};\nexport const DSMaskRegExpHookDefaultProps: Partial<DSMaskT.RegExpHookArgs> = {\n  ...DSMaskHookDefaultProps,\n  filledMask: false,\n};\n\nexport const DSMaskNumberHookDefaultProps: Partial<DSMaskT.NumberHookArgs> = {\n  ...DSMaskHookDefaultProps,\n  suffix: '',\n  prefix: '',\n  decimalPlaces: 2,\n  allowNegative: false,\n  includeThousandsSeparator: true,\n  decimalRequired: false,\n};\n\nexport const DSMaskHookPropsTypes = {\n  valueSetter: PropTypes.func.description('React set state function for the value').isRequired,\n  onChange: PropTypes.func.description('Callback for onChange'),\n  onKeyDown: PropTypes.func.description('Callback for onKeyDown'),\n} as WeakValidationMap<unknown>;\n\nexport const DSMaskRegExpHookPropsTypes = {\n  ...DSMaskHookPropsTypes,\n  regExp: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(RegExp)])).description(\n    'Array with regexp or special chars per character',\n  ).isRequired,\n  filledMask: PropTypes.bool.description('Show blank chars positions').defaultValue(false),\n} as WeakValidationMap<unknown>;\n\nexport const DSMaskPhoneHookPropsTypes = {\n  ...DSMaskHookPropsTypes,\n  isInternational: PropTypes.bool.description('Use or not internaltional phone mask number').defaultValue(false),\n} as WeakValidationMap<unknown>;\n\nexport const DSMaskNumberHookPropsTypes = {\n  ...DSMaskHookPropsTypes,\n  suffix: PropTypes.string.description('String will be added at the end of the input value').defaultValue(''),\n  prefix: PropTypes.string.description('String will be added at the start of the input value').defaultValue(''),\n  decimalPlaces: PropTypes.number.description('Number of decimals allowed').defaultValue(2),\n  allowNegative: PropTypes.bool.description('Wether the input allows negative number').defaultValue(false),\n  includeThousandsSeparator: PropTypes.bool\n    .description('Wether the integer part will be separated by thousands')\n    .defaultValue(true),\n  decimalRequired: PropTypes.bool.description('Wether decimal part is mandatory').defaultValue(false),\n} as WeakValidationMap<unknown>;\n"],
-  "mappings": "AAAA;ACAA;AAuCO,MAAM,yBAAsD;AAAA,EACjE,UAAU,MAAM;AAAA,EAChB,WAAW,MAAM;AAAA,EACjB,QAAQ,MAAM;AAChB;AAEO,MAAM,8BAA8D;AAAA,EACzE,GAAG;AAAA,EACH,iBAAiB;AACnB;AACO,MAAM,+BAAgE;AAAA,EAC3E,GAAG;AAAA,EACH,YAAY;AACd;AAEO,MAAM,+BAAgE;AAAA,EAC3E,GAAG;AAAA,EACH,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,eAAe;AAAA,EACf,2BAA2B;AAAA,EAC3B,iBAAiB;AACnB;AAEO,MAAM,uBAAuB;AAAA,EAClC,aAAa,UAAU,KAAK,YAAY,wCAAwC,EAAE;AAAA,EAClF,UAAU,UAAU,KAAK,YAAY,uBAAuB;AAAA,EAC5D,WAAW,UAAU,KAAK,YAAY,wBAAwB;AAChE;AAEO,MAAM,6BAA6B;AAAA,EACxC,GAAG;AAAA,EACH,QAAQ,UAAU,QAAQ,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,WAAW,MAAM,CAAC,CAAC,CAAC,EAAE,YAC/F,kDACF,EAAE;AAAA,EACF,YAAY,UAAU,KAAK,YAAY,4BAA4B,EAAE,aAAa,KAAK;AACzF;AAEO,MAAM,4BAA4B;AAAA,EACvC,GAAG;AAAA,EACH,iBAAiB,UAAU,KAAK,YAAY,6CAA6C,EAAE,aAAa,KAAK;AAC/G;AAEO,MAAM,6BAA6B;AAAA,EACxC,GAAG;AAAA,EACH,QAAQ,UAAU,OAAO,YAAY,oDAAoD,EAAE,aAAa,EAAE;AAAA,EAC1G,QAAQ,UAAU,OAAO,YAAY,sDAAsD,EAAE,aAAa,EAAE;AAAA,EAC5G,eAAe,UAAU,OAAO,YAAY,4BAA4B,EAAE,aAAa,CAAC;AAAA,EACxF,eAAe,UAAU,KAAK,YAAY,yCAAyC,EAAE,aAAa,KAAK;AAAA,EACvG,2BAA2B,UAAU,KAClC,YAAY,wDAAwD,EACpE,aAAa,IAAI;AAAA,EACpB,iBAAiB,UAAU,KAAK,YAAY,kCAAkC,EAAE,aAAa,KAAK;AACpG;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAuCnB,MAAM,yBAAsD;AAAA,EACjE,UAAU,MAAM;AAAA,EAChB,WAAW,MAAM;AAAA,EACjB,QAAQ,MAAM;AAChB;AAEO,MAAM,8BAA8D;AAAA,EACzE,GAAG;AAAA,EACH,iBAAiB;AACnB;AACO,MAAM,+BAAgE;AAAA,EAC3E,GAAG;AAAA,EACH,YAAY;AACd;AAEO,MAAM,+BAAgE;AAAA,EAC3E,GAAG;AAAA,EACH,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,eAAe;AAAA,EACf,2BAA2B;AAAA,EAC3B,iBAAiB;AACnB;AAEO,MAAM,uBAAuB;AAAA,EAClC,aAAa,UAAU,KAAK,YAAY,wCAAwC,EAAE;AAAA,EAClF,UAAU,UAAU,KAAK,YAAY,uBAAuB;AAAA,EAC5D,WAAW,UAAU,KAAK,YAAY,wBAAwB;AAChE;AAEO,MAAM,6BAA6B;AAAA,EACxC,GAAG;AAAA,EACH,QAAQ,UAAU,QAAQ,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,WAAW,MAAM,CAAC,CAAC,CAAC,EAAE;AAAA,IAC/F;AAAA,EACF,EAAE;AAAA,EACF,YAAY,UAAU,KAAK,YAAY,4BAA4B,EAAE,aAAa,KAAK;AACzF;AAEO,MAAM,4BAA4B;AAAA,EACvC,GAAG;AAAA,EACH,iBAAiB,UAAU,KAAK,YAAY,6CAA6C,EAAE,aAAa,KAAK;AAC/G;AAEO,MAAM,6BAA6B;AAAA,EACxC,GAAG;AAAA,EACH,QAAQ,UAAU,OAAO,YAAY,oDAAoD,EAAE,aAAa,EAAE;AAAA,EAC1G,QAAQ,UAAU,OAAO,YAAY,sDAAsD,EAAE,aAAa,EAAE;AAAA,EAC5G,eAAe,UAAU,OAAO,YAAY,4BAA4B,EAAE,aAAa,CAAC;AAAA,EACxF,eAAe,UAAU,KAAK,YAAY,yCAAyC,EAAE,aAAa,KAAK;AAAA,EACvG,2BAA2B,UAAU,KAClC,YAAY,wDAAwD,EACpE,aAAa,IAAI;AAAA,EACpB,iBAAiB,UAAU,KAAK,YAAY,kCAAkC,EAAE,aAAa,KAAK;AACpG;",
   "names": []
 }

package/dist/esm/utils/addSpecialCharacters.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/addSpecialCharacters.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-params */\n/**\n *\n * @param {string[]} maskWithoutSpecialChars An array of characters with the unfinished mask\n * @param {[string, number][]} specialCharsDescr An array of tuples. Each tuple contains a string and a position (What string to add in a particular position)\n * @param {number} maskedPos Current masked position\n * @param {string} lastKeyCode Last key code of the user\n * @returns {[string, number]} A tuple containing the final mask and the final masked position\n */\nexport const addSpecialCharacters = (\n  maskWithoutSpecialChars: string[],\n  specialCharsDescr: [string, number][],\n  maskedPos: number,\n  lastKeyCode: string,\n): [string, number] => {\n  const finalMask = maskWithoutSpecialChars;\n  let finalMaskedPos = maskedPos;\n\n  // We insert the special chars in the respective positions, tweaking the masked pos\n  specialCharsDescr.forEach(([chars, pos]) => {\n    if (finalMask.length > pos) {\n      finalMask.splice(pos, 0, ...chars);\n      if (finalMaskedPos >= pos) finalMaskedPos += chars.length;\n    }\n  });\n\n  if (lastKeyCode !== 'Backspace' && finalMaskedPos < finalMask.length) {\n    // If not erasing, move the cursor forward if we are in a special chars area\n    specialCharsDescr.forEach(([chars, pos]) => {\n      if (finalMaskedPos === pos) finalMaskedPos += chars.length;\n    });\n  } else if (lastKeyCode === 'Backspace' && finalMaskedPos) {\n    // If erasing, move the cursor back if we are in a special chars area\n    for (let i = specialCharsDescr.length - 1; i >= 0; i -= 1) {\n      if (\n        specialCharsDescr[i][1] + 1 <= finalMaskedPos &&\n        finalMaskedPos <= specialCharsDescr[i][1] + specialCharsDescr[i][0].length\n      )\n        [, finalMaskedPos] = specialCharsDescr[i];\n    }\n  }\n\n  return [finalMask.join(''), finalMaskedPos];\n};\n"],
-  "mappings": "AAAA;ACSO,MAAM,uBAAuB,CAClC,yBACA,mBACA,WACA,gBACqB;AACrB,QAAM,YAAY;AAClB,MAAI,iBAAiB;AAGrB,oBAAkB,QAAQ,CAAC,CAAC,OAAO,SAAS;AAC1C,QAAI,UAAU,SAAS,KAAK;AAC1B,gBAAU,OAAO,KAAK,GAAG,GAAG,KAAK;AACjC,UAAI,kBAAkB;AAAK,0BAAkB,MAAM;AAAA,IACrD;AAAA,EACF,CAAC;AAED,MAAI,gBAAgB,eAAe,iBAAiB,UAAU,QAAQ;AAEpE,sBAAkB,QAAQ,CAAC,CAAC,OAAO,SAAS;AAC1C,UAAI,mBAAmB;AAAK,0BAAkB,MAAM;AAAA,IACtD,CAAC;AAAA,EACH,WAAW,gBAAgB,eAAe,gBAAgB;AAExD,aAAS,IAAI,kBAAkB,SAAS,GAAG,KAAK,GAAG,KAAK,GAAG;AACzD,UACE,kBAAkB,GAAG,KAAK,KAAK,kBAC/B,kBAAkB,kBAAkB,GAAG,KAAK,kBAAkB,GAAG,GAAG;AAEpE,SAAC,EAAE,cAAc,IAAI,kBAAkB;AAAA,IAC3C;AAAA,EACF;AAEA,SAAO,CAAC,UAAU,KAAK,EAAE,GAAG,cAAc;AAC5C;",
+  "mappings": "AAAA,YAAY,WAAW;ACShB,MAAM,uBAAuB,CAClC,yBACA,mBACA,WACA,gBACqB;AACrB,QAAM,YAAY;AAClB,MAAI,iBAAiB;AAGrB,oBAAkB,QAAQ,CAAC,CAAC,OAAO,GAAG,MAAM;AAC1C,QAAI,UAAU,SAAS,KAAK;AAC1B,gBAAU,OAAO,KAAK,GAAG,GAAG,KAAK;AACjC,UAAI,kBAAkB;AAAK,0BAAkB,MAAM;AAAA,IACrD;AAAA,EACF,CAAC;AAED,MAAI,gBAAgB,eAAe,iBAAiB,UAAU,QAAQ;AAEpE,sBAAkB,QAAQ,CAAC,CAAC,OAAO,GAAG,MAAM;AAC1C,UAAI,mBAAmB;AAAK,0BAAkB,MAAM;AAAA,IACtD,CAAC;AAAA,EACH,WAAW,gBAAgB,eAAe,gBAAgB;AAExD,aAAS,IAAI,kBAAkB,SAAS,GAAG,KAAK,GAAG,KAAK,GAAG;AACzD,UACE,kBAAkB,GAAG,KAAK,KAAK,kBAC/B,kBAAkB,kBAAkB,GAAG,KAAK,kBAAkB,GAAG,GAAG;AAEpE,SAAC,EAAE,cAAc,IAAI,kBAAkB;AAAA,IAC3C;AAAA,EACF;AAEA,SAAO,CAAC,UAAU,KAAK,EAAE,GAAG,cAAc;AAC5C;",
   "names": []
 }

package/dist/esm/utils/flatStringArray.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/flatStringArray.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const flatStringArray = (stringArray: string[]) =>\n  stringArray.reduce((acc, curr) => {\n    if (typeof curr === 'string') {\n      return [...acc, ...curr.split('')];\n    }\n    return [...acc, curr];\n  }, [] as string[]);\n"],
-  "mappings": "AAAA;ACAO,MAAM,kBAAkB,CAAC,gBAC9B,YAAY,OAAO,CAAC,KAAK,SAAS;AAChC,MAAI,OAAO,SAAS,UAAU;AAC5B,WAAO,CAAC,GAAG,KAAK,GAAG,KAAK,MAAM,EAAE,CAAC;AAAA,EACnC;AACA,SAAO,CAAC,GAAG,KAAK,IAAI;AACtB,GAAG,CAAC,CAAa;",
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,kBAAkB,CAAC,gBAC9B,YAAY,OAAO,CAAC,KAAK,SAAS;AAChC,MAAI,OAAO,SAAS,UAAU;AAC5B,WAAO,CAAC,GAAG,KAAK,GAAG,KAAK,MAAM,EAAE,CAAC;AAAA,EACnC;AACA,SAAO,CAAC,GAAG,KAAK,IAAI;AACtB,GAAG,CAAC,CAAa;",
   "names": []
 }

package/dist/esm/utils/getPartialMaskedPos.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/getPartialMaskedPos.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const getPartialMaskedPos = (rawValue: string, maskWithoutSpecialChars: string[], cursorPos: number): number => {\n  let maskedPos = 0;\n  for (let i = 0; i < cursorPos; i += 1) {\n    if (maskWithoutSpecialChars[maskedPos] === rawValue[i]) maskedPos += 1;\n  }\n  return maskedPos;\n};\n"],
-  "mappings": "AAAA;ACAO,MAAM,sBAAsB,CAAC,UAAkB,yBAAmC,cAA8B;AACrH,MAAI,YAAY;AAChB,WAAS,IAAI,GAAG,IAAI,WAAW,KAAK,GAAG;AACrC,QAAI,wBAAwB,eAAe,SAAS;AAAI,mBAAa;AAAA,EACvE;AACA,SAAO;AACT;",
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,sBAAsB,CAAC,UAAkB,yBAAmC,cAA8B;AACrH,MAAI,YAAY;AAChB,WAAS,IAAI,GAAG,IAAI,WAAW,KAAK,GAAG;AACrC,QAAI,wBAAwB,eAAe,SAAS;AAAI,mBAAa;AAAA,EACvE;AACA,SAAO;AACT;",
   "names": []
 }

package/dist/esm/utils/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/index.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './addSpecialCharacters';\nexport * from './getPartialMaskedPos';\nexport * from './setCursorPosition';\nexport * from './sharedFilters';\nexport * from './flatStringArray';\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
   "names": []
 }

package/dist/esm/utils/setCursorPosition.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/setCursorPosition.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const setCursorPosition = (input: HTMLInputElement, position: number) => {\n  input.setSelectionRange(position, position, 'forward');\n};\n"],
-  "mappings": "AAAA;ACAO,MAAM,oBAAoB,CAAC,OAAyB,aAAqB;AAC9E,QAAM,kBAAkB,UAAU,UAAU,SAAS;AACvD;",
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,oBAAoB,CAAC,OAAyB,aAAqB;AAC9E,QAAM,kBAAkB,UAAU,UAAU,SAAS;AACvD;",
   "names": []
 }

package/dist/esm/utils/sharedFilters.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/sharedFilters.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-params */\n/**\n *\n * @param {string[]} charactersToFilter An array of characters to filter from\n * @returns [string] the filtered array including only 0~9 characters\n */\nexport const filterNumbersOnly = (charactersToFilter: string[]): string[] =>\n  charactersToFilter.filter((char) => char >= '0' && char <= '9');\n"],
-  "mappings": "AAAA;ACMO,MAAM,oBAAoB,CAAC,uBAChC,mBAAmB,OAAO,CAAC,SAAS,QAAQ,OAAO,QAAQ,GAAG;",
+  "mappings": "AAAA,YAAY,WAAW;ACMhB,MAAM,oBAAoB,CAAC,uBAChC,mBAAmB,OAAO,CAAC,SAAS,QAAQ,OAAO,QAAQ,GAAG;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-form-helpers-mask-hooks",
-  "version": "3.4.2",
+  "version": "3.4.3",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Controlled Form Helpers - Text Masks Hooks",
   "files": [
@@ -35,11 +35,11 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-system": "3.4.2",
-    "@elliemae/ds-utilities": "3.4.2"
+    "@elliemae/ds-system": "3.4.3",
+    "@elliemae/ds-utilities": "3.4.3"
   },
   "devDependencies": {
-    "@elliemae/ds-form-input-text": "3.4.2",
+    "@elliemae/ds-form-input-text": "3.4.3",
     "@elliemae/pui-theme": "~2.6.0",
     "@testing-library/dom": "~8.13.0",
     "@testing-library/react": "~12.1.3",