@elliemae/ds-form 3.5.0-rc.2 → 3.5.0-rc.5

package/dist/esm/InputMask/MaskTypes.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/InputMask/MaskTypes.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-unused-vars */\n\nexport const MASK_TYPES = {\n  DATE: 'ds-mask-date',\n  DATE_DEPRECATED: [/\\d/, /\\d/, '/', /\\d/, /\\d/, '/', /\\d/, /\\d/, /\\d/, /\\d/],\n  DATE_TIME: 'ds-mask-date-time',\n  DATE_TIME_DEPRECATED: [\n    /\\d/,\n    /\\d/,\n    '/',\n    /\\d/,\n    /\\d/,\n    '/',\n    /\\d/,\n    /\\d/,\n    /\\d/,\n    /\\d/,\n    ' ',\n    /[0-2]/,\n    /[0-9]/,\n    ':',\n    /[0-5]/,\n    /[0-9]/,\n  ],\n  DICTIONARY: (props) => ({ type: 'ds-mask-dictionary', ...props }),\n  PHONE: 'ds-mask-phone',\n  PHONE_INTENATIONAL: 'ds-mask-phone-international',\n  SSN: 'ds-mask-ssn',\n  US_ZIP_CODE: 'ds-mask-us-zip-code',\n  ZIP_CODE_SEARCH: 'ds-mask-zip-code-search',\n  NUMBER: (props) => (_number) => ({ type: 'ds-mask-number', ...props }),\n  PERCENT: (props) => (_number) => ({ type: 'ds-mask-percent', ...props }),\n};\n\nexport const maskTypes = [\n  MASK_TYPES.DATE,\n  MASK_TYPES.DATE_DEPRECATED,\n  MASK_TYPES.DATE_TIME,\n  MASK_TYPES.DATE_TIME_DEPRECATED,\n  MASK_TYPES.PHONE,\n  MASK_TYPES.PHONE_INTENATIONAL,\n  MASK_TYPES.SSN,\n  MASK_TYPES.US_ZIP_CODE,\n  MASK_TYPES.NUMBER,\n  MASK_TYPES.PERCENT,\n];\n"],
-  "mappings": "AAAA;ACEO,MAAM,aAAa;AAAA,EACxB,MAAM;AAAA,EACN,iBAAiB,CAAC,MAAM,MAAM,KAAK,MAAM,MAAM,KAAK,MAAM,MAAM,MAAM,IAAI;AAAA,EAC1E,WAAW;AAAA,EACX,sBAAsB;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,YAAY,CAAC,UAAW,GAAE,MAAM,sBAAsB,GAAG,MAAM;AAAA,EAC/D,OAAO;AAAA,EACP,oBAAoB;AAAA,EACpB,KAAK;AAAA,EACL,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,QAAQ,CAAC,UAAU,CAAC,YAAa,GAAE,MAAM,kBAAkB,GAAG,MAAM;AAAA,EACpE,SAAS,CAAC,UAAU,CAAC,YAAa,GAAE,MAAM,mBAAmB,GAAG,MAAM;AACxE;AAEO,MAAM,YAAY;AAAA,EACvB,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AACb;",
+  "mappings": "AAAA,YAAY,WAAW;ACEhB,MAAM,aAAa;AAAA,EACxB,MAAM;AAAA,EACN,iBAAiB,CAAC,MAAM,MAAM,KAAK,MAAM,MAAM,KAAK,MAAM,MAAM,MAAM,IAAI;AAAA,EAC1E,WAAW;AAAA,EACX,sBAAsB;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,YAAY,CAAC,WAAW,EAAE,MAAM,sBAAsB,GAAG,MAAM;AAAA,EAC/D,OAAO;AAAA,EACP,oBAAoB;AAAA,EACpB,KAAK;AAAA,EACL,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,QAAQ,CAAC,UAAU,CAAC,aAAa,EAAE,MAAM,kBAAkB,GAAG,MAAM;AAAA,EACpE,SAAS,CAAC,UAAU,CAAC,aAAa,EAAE,MAAM,mBAAmB,GAAG,MAAM;AACxE;AAEO,MAAM,YAAY;AAAA,EACvB,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AACb;",
   "names": []
 }

package/dist/esm/InputMask/addons/AutoCorrectedDatePipe.js

@@ -26,7 +26,10 @@ const autoCorrectedDatePipe = (dateFormat = "mm dd yyyy", { minYear = 1, maxYear
     const conformedValueArr = conformedValue.split("");
     dateFormatArray.forEach((format) => {
       const position = dateFormat.indexOf(format);
-      const maxFirstDigit = parseInt(maxValue[format].toString().substr(0, 1), 10);
+      const maxFirstDigit = parseInt(
+        maxValue[format].toString().substr(0, 1),
+        10
+      );
       if (parseInt(conformedValueArr[position], 10) > maxFirstDigit) {
         conformedValueArr[position + 1] = conformedValueArr[position];
         conformedValueArr[position] = 0;
@@ -44,8 +47,14 @@ const autoCorrectedDatePipe = (dateFormat = "mm dd yyyy", { minYear = 1, maxYear
       }
       const maxValueForFormat = format === "dd" ? maxValueMonth[month] : maxValue[format];
       if (format === "yyyy" && (minYear !== 1 || maxYear !== 9999)) {
-        const scopedMaxValue = parseInt(maxValue[format].toString().substring(0, textValue.length), 10);
-        const scopedMinValue = parseInt(minValue[format].toString().substring(0, textValue.length), 10);
+        const scopedMaxValue = parseInt(
+          maxValue[format].toString().substring(0, textValue.length),
+          10
+        );
+        const scopedMinValue = parseInt(
+          minValue[format].toString().substring(0, textValue.length),
+          10
+        );
         return value < scopedMinValue || value > scopedMaxValue;
       }
       return value > maxValueForFormat || textValue.length === length && value < minValue[format];

package/dist/esm/InputMask/addons/AutoCorrectedDatePipe.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/InputMask/addons/AutoCorrectedDatePipe.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "const maxValueMonth = [31, 31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];\nconst formatOrder = ['yyyy', 'yy', 'mm', 'dd', 'HH', 'MM', 'SS'];\nexport const autoCorrectedDatePipe = (\n  dateFormat = 'mm dd yyyy',\n  { minYear = 1, maxYear = 9999 } = {},\n) => {\n  const dateFormatArray = dateFormat\n    .split(/[^dmyHMS]+/)\n    .sort((a, b) => formatOrder.indexOf(a) - formatOrder.indexOf(b));\n  return (conformedValue) => {\n    const indexesOfPipedChars = [];\n    const maxValue = {\n      dd: 31,\n      mm: 12,\n      yy: 99,\n      yyyy: maxYear,\n      HH: 23,\n      MM: 59,\n      SS: 59,\n    };\n    const minValue = {\n      dd: 1,\n      mm: 1,\n      yy: 0,\n      yyyy: minYear,\n      HH: 0,\n      MM: 0,\n      SS: 0,\n    };\n    const conformedValueArr = conformedValue.split('');\n\n    // Check first digit\n    dateFormatArray.forEach((format) => {\n      const position = dateFormat.indexOf(format);\n      const maxFirstDigit = parseInt(\n        maxValue[format].toString().substr(0, 1),\n        10,\n      );\n\n      if (parseInt(conformedValueArr[position], 10) > maxFirstDigit) {\n        conformedValueArr[position + 1] = conformedValueArr[position];\n        conformedValueArr[position] = 0;\n        indexesOfPipedChars.push(position);\n      }\n    });\n\n    // Check for invalid date\n    let month = 0;\n    const isInvalid = dateFormatArray.some((format) => {\n      const position = dateFormat.indexOf(format);\n      const { length } = format;\n      const textValue = conformedValue\n        .substr(position, length)\n        .replace(/\\D/g, '');\n      const value = parseInt(textValue, 10);\n      if (format === 'mm') {\n        month = value || 0;\n      }\n      const maxValueForFormat =\n        format === 'dd' ? maxValueMonth[month] : maxValue[format];\n      if (format === 'yyyy' && (minYear !== 1 || maxYear !== 9999)) {\n        const scopedMaxValue = parseInt(\n          maxValue[format].toString().substring(0, textValue.length),\n          10,\n        );\n        const scopedMinValue = parseInt(\n          minValue[format].toString().substring(0, textValue.length),\n          10,\n        );\n        return value < scopedMinValue || value > scopedMaxValue;\n      }\n      return (\n        value > maxValueForFormat ||\n        (textValue.length === length && value < minValue[format])\n      );\n    });\n\n    return {\n      value: conformedValueArr.join(''),\n      valid: !isInvalid,\n      indexesOfPipedChars,\n    };\n  };\n};\n"],
-  "mappings": "AAAA;ACAA,MAAM,gBAAgB,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AACzE,MAAM,cAAc,CAAC,QAAQ,MAAM,MAAM,MAAM,MAAM,MAAM,IAAI;AACxD,MAAM,wBAAwB,CACnC,aAAa,cACb,EAAE,UAAU,GAAG,UAAU,SAAS,CAAC,MAChC;AACH,QAAM,kBAAkB,WACrB,MAAM,YAAY,EAClB,KAAK,CAAC,GAAG,MAAM,YAAY,QAAQ,CAAC,IAAI,YAAY,QAAQ,CAAC,CAAC;AACjE,SAAO,CAAC,mBAAmB;AACzB,UAAM,sBAAsB,CAAC;AAC7B,UAAM,WAAW;AAAA,MACf,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AACA,UAAM,WAAW;AAAA,MACf,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AACA,UAAM,oBAAoB,eAAe,MAAM,EAAE;AAGjD,oBAAgB,QAAQ,CAAC,WAAW;AAClC,YAAM,WAAW,WAAW,QAAQ,MAAM;AAC1C,YAAM,gBAAgB,SACpB,SAAS,QAAQ,SAAS,EAAE,OAAO,GAAG,CAAC,GACvC,EACF;AAEA,UAAI,SAAS,kBAAkB,WAAW,EAAE,IAAI,eAAe;AAC7D,0BAAkB,WAAW,KAAK,kBAAkB;AACpD,0BAAkB,YAAY;AAC9B,4BAAoB,KAAK,QAAQ;AAAA,MACnC;AAAA,IACF,CAAC;AAGD,QAAI,QAAQ;AACZ,UAAM,YAAY,gBAAgB,KAAK,CAAC,WAAW;AACjD,YAAM,WAAW,WAAW,QAAQ,MAAM;AAC1C,YAAM,EAAE,WAAW;AACnB,YAAM,YAAY,eACf,OAAO,UAAU,MAAM,EACvB,QAAQ,OAAO,EAAE;AACpB,YAAM,QAAQ,SAAS,WAAW,EAAE;AACpC,UAAI,WAAW,MAAM;AACnB,gBAAQ,SAAS;AAAA,MACnB;AACA,YAAM,oBACJ,WAAW,OAAO,cAAc,SAAS,SAAS;AACpD,UAAI,WAAW,UAAW,aAAY,KAAK,YAAY,OAAO;AAC5D,cAAM,iBAAiB,SACrB,SAAS,QAAQ,SAAS,EAAE,UAAU,GAAG,UAAU,MAAM,GACzD,EACF;AACA,cAAM,iBAAiB,SACrB,SAAS,QAAQ,SAAS,EAAE,UAAU,GAAG,UAAU,MAAM,GACzD,EACF;AACA,eAAO,QAAQ,kBAAkB,QAAQ;AAAA,MAC3C;AACA,aACE,QAAQ,qBACP,UAAU,WAAW,UAAU,QAAQ,SAAS;AAAA,IAErD,CAAC;AAED,WAAO;AAAA,MACL,OAAO,kBAAkB,KAAK,EAAE;AAAA,MAChC,OAAO,CAAC;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,MAAM,gBAAgB,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AACzE,MAAM,cAAc,CAAC,QAAQ,MAAM,MAAM,MAAM,MAAM,MAAM,IAAI;AACxD,MAAM,wBAAwB,CACnC,aAAa,cACb,EAAE,UAAU,GAAG,UAAU,KAAK,IAAI,CAAC,MAChC;AACH,QAAM,kBAAkB,WACrB,MAAM,YAAY,EAClB,KAAK,CAAC,GAAG,MAAM,YAAY,QAAQ,CAAC,IAAI,YAAY,QAAQ,CAAC,CAAC;AACjE,SAAO,CAAC,mBAAmB;AACzB,UAAM,sBAAsB,CAAC;AAC7B,UAAM,WAAW;AAAA,MACf,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AACA,UAAM,WAAW;AAAA,MACf,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AACA,UAAM,oBAAoB,eAAe,MAAM,EAAE;AAGjD,oBAAgB,QAAQ,CAAC,WAAW;AAClC,YAAM,WAAW,WAAW,QAAQ,MAAM;AAC1C,YAAM,gBAAgB;AAAA,QACpB,SAAS,QAAQ,SAAS,EAAE,OAAO,GAAG,CAAC;AAAA,QACvC;AAAA,MACF;AAEA,UAAI,SAAS,kBAAkB,WAAW,EAAE,IAAI,eAAe;AAC7D,0BAAkB,WAAW,KAAK,kBAAkB;AACpD,0BAAkB,YAAY;AAC9B,4BAAoB,KAAK,QAAQ;AAAA,MACnC;AAAA,IACF,CAAC;AAGD,QAAI,QAAQ;AACZ,UAAM,YAAY,gBAAgB,KAAK,CAAC,WAAW;AACjD,YAAM,WAAW,WAAW,QAAQ,MAAM;AAC1C,YAAM,EAAE,OAAO,IAAI;AACnB,YAAM,YAAY,eACf,OAAO,UAAU,MAAM,EACvB,QAAQ,OAAO,EAAE;AACpB,YAAM,QAAQ,SAAS,WAAW,EAAE;AACpC,UAAI,WAAW,MAAM;AACnB,gBAAQ,SAAS;AAAA,MACnB;AACA,YAAM,oBACJ,WAAW,OAAO,cAAc,SAAS,SAAS;AACpD,UAAI,WAAW,WAAW,YAAY,KAAK,YAAY,OAAO;AAC5D,cAAM,iBAAiB;AAAA,UACrB,SAAS,QAAQ,SAAS,EAAE,UAAU,GAAG,UAAU,MAAM;AAAA,UACzD;AAAA,QACF;AACA,cAAM,iBAAiB;AAAA,UACrB,SAAS,QAAQ,SAAS,EAAE,UAAU,GAAG,UAAU,MAAM;AAAA,UACzD;AAAA,QACF;AACA,eAAO,QAAQ,kBAAkB,QAAQ;AAAA,MAC3C;AACA,aACE,QAAQ,qBACP,UAAU,WAAW,UAAU,QAAQ,SAAS;AAAA,IAErD,CAAC;AAED,WAAO;AAAA,MACL,OAAO,kBAAkB,KAAK,EAAE;AAAA,MAChC,OAAO,CAAC;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/esm/InputMask/defaultProps.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/InputMask/defaultProps.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { MASK_TYPES } from './MaskTypes';\n\nexport const defaultProps = {\n  autoFocus: false,\n  style: {},\n  disabled: false,\n  className: '',\n  name: '',\n  maxLength: 255,\n  minLength: 0,\n  fluidWidth: false,\n  onKeyDown: () => null,\n  onClick: () => null,\n  onChange: () => null,\n  onFocus: () => null,\n  onBlur: () => null,\n  onPaste: () => null,\n  onKeyUp: () => null,\n  value: '',\n  hasError: false,\n  readOnly: false,\n  innerRef: null,\n  type: 'text',\n  clearable: false,\n  leftComponent: null,\n  rightComponent: null,\n  mask: MASK_TYPES.DATE,\n  pipe: null,\n  useSubfix: '',\n};\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,eAAe;AAAA,EAC1B,WAAW;AAAA,EACX,OAAO,CAAC;AAAA,EACR,UAAU;AAAA,EACV,WAAW;AAAA,EACX,MAAM;AAAA,EACN,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,WAAW,MAAM;AAAA,EACjB,SAAS,MAAM;AAAA,EACf,UAAU,MAAM;AAAA,EAChB,SAAS,MAAM;AAAA,EACf,QAAQ,MAAM;AAAA,EACd,SAAS,MAAM;AAAA,EACf,SAAS,MAAM;AAAA,EACf,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,MAAM;AAAA,EACN,WAAW;AAAA,EACX,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,MAAM,WAAW;AAAA,EACjB,MAAM;AAAA,EACN,WAAW;AACb;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,kBAAkB;AAEpB,MAAM,eAAe;AAAA,EAC1B,WAAW;AAAA,EACX,OAAO,CAAC;AAAA,EACR,UAAU;AAAA,EACV,WAAW;AAAA,EACX,MAAM;AAAA,EACN,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,WAAW,MAAM;AAAA,EACjB,SAAS,MAAM;AAAA,EACf,UAAU,MAAM;AAAA,EAChB,SAAS,MAAM;AAAA,EACf,QAAQ,MAAM;AAAA,EACd,SAAS,MAAM;AAAA,EACf,SAAS,MAAM;AAAA,EACf,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,MAAM;AAAA,EACN,WAAW;AAAA,EACX,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,MAAM,WAAW;AAAA,EACjB,MAAM;AAAA,EACN,WAAW;AACb;",
   "names": []
 }

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

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

package/dist/esm/InputMask/mask_types/DateInputMask.js

@@ -69,28 +69,38 @@ const DateInputMask = ({
 }) => {
   const inputRef = useRef();
   const [maskedValue, setMaskedValue] = useState(value);
-  const conform = useCallback(({ rawValue, cursorPos, lastkeycode, shouldUpdateCursorPos = true }) => {
-    const { nextMaskedValue, maskedPos } = conformValue(rawValue, cursorPos, lastkeycode);
-    const event = {
-      target: {
-        value: nextMaskedValue,
-        originalValue: rawValue
-      }
-    };
-    if (onChange && nextMaskedValue !== maskedValue)
-      onChange(event);
-    setMaskedValue(nextMaskedValue);
-    setRawValue(nextMaskedValue);
-    if (shouldUpdateCursorPos)
-      setCursorPosition({ current: maskedPos });
-  }, [maskedValue, onChange]);
-  const handleOnChange = useCallback((e) => {
-    const { value: rawValue, selectionEnd } = e.target;
-    setRawMask(rawValue);
-    setRawValue(rawValue);
-    setCursorPosition({ current: selectionEnd });
-    setFocus(true);
-  }, [setRawMask, setRawValue, setCursorPosition, setFocus, lastkey.code]);
+  const conform = useCallback(
+    ({ rawValue, cursorPos, lastkeycode, shouldUpdateCursorPos = true }) => {
+      const { nextMaskedValue, maskedPos } = conformValue(
+        rawValue,
+        cursorPos,
+        lastkeycode
+      );
+      const event = {
+        target: {
+          value: nextMaskedValue,
+          originalValue: rawValue
+        }
+      };
+      if (onChange && nextMaskedValue !== maskedValue)
+        onChange(event);
+      setMaskedValue(nextMaskedValue);
+      setRawValue(nextMaskedValue);
+      if (shouldUpdateCursorPos)
+        setCursorPosition({ current: maskedPos });
+    },
+    [maskedValue, onChange]
+  );
+  const handleOnChange = useCallback(
+    (e) => {
+      const { value: rawValue, selectionEnd } = e.target;
+      setRawMask(rawValue);
+      setRawValue(rawValue);
+      setCursorPosition({ current: selectionEnd });
+      setFocus(true);
+    },
+    [setRawMask, setRawValue, setCursorPosition, setFocus, lastkey.code]
+  );
   useLayoutEffect(() => {
     if (focus)
       setCaretPosition(inputRef.current, cursorPosition.current);
@@ -103,15 +113,21 @@ const DateInputMask = ({
       shouldUpdateCursorPos: focus
     });
   }, [focus, value, cursorPosition.current]);
-  const handleKeyDown = useCallback((e) => {
-    e.stopPropagation();
-    setLastkey({ key: e.key, code: e.keyCode });
-    onKeyDown(e);
-  }, [onKeyDown]);
-  const handleBlur = useCallback((e) => {
-    setFocus(false);
-    onBlur(e);
-  }, [onBlur]);
+  const handleKeyDown = useCallback(
+    (e) => {
+      e.stopPropagation();
+      setLastkey({ key: e.key, code: e.keyCode });
+      onKeyDown(e);
+    },
+    [onKeyDown]
+  );
+  const handleBlur = useCallback(
+    (e) => {
+      setFocus(false);
+      onBlur(e);
+    },
+    [onBlur]
+  );
   return /* @__PURE__ */ React2.createElement(DSTextBox, {
     ...rest,
     className,

package/dist/esm/InputMask/mask_types/DateInputMask.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/InputMask/mask_types/DateInputMask.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, { useCallback, useLayoutEffect, useRef, useState } from 'react';\nimport { PropTypes } from '@elliemae/ds-utilities';\nimport { DSTextBox } from '../../TextBox';\nimport { TCharsToAdd } from '../types';\nimport { setCaretPosition } from '../utils/setCaretPosition';\n\nconst conformValue = (\n  rawValue: string,\n  cursorPos: number,\n  lastkeycode: number,\n) => {\n  const nextMaskedValue = rawValue\n    .split('')\n    .filter((char) => char >= '0' && char <= '9')\n    .slice(0, 8);\n\n  let maskedPos = 0;\n  for (let i = 0; i < cursorPos; i += 1) {\n    if (nextMaskedValue[maskedPos] === rawValue[i]) maskedPos += 1;\n  }\n\n  // list of [string to add, position to add]\n  const charactersToAdd: TCharsToAdd = [\n    ['/', 2],\n    ['/', 5],\n  ];\n\n  charactersToAdd.forEach(([chars, pos]) => {\n    if (nextMaskedValue.length > pos) {\n      nextMaskedValue.splice(pos, 0, chars);\n      if (maskedPos >= pos) maskedPos += chars.length;\n    }\n  });\n\n  if (lastkeycode !== 8 && maskedPos < nextMaskedValue.length) {\n    charactersToAdd.forEach(([chars, pos]) => {\n      if (maskedPos === pos) maskedPos += chars.length;\n    });\n  } else if (lastkeycode === 8 && maskedPos) {\n    charactersToAdd.forEach(([chars, pos]) => {\n      if (maskedPos === pos + 1) maskedPos -= chars.length;\n    });\n  }\n\n  return { nextMaskedValue: nextMaskedValue.join(''), maskedPos };\n};\n\nconst DateInputMask = ({\n  focus,\n  setFocus,\n  setRawMask,\n  cursorPosition,\n  setCursorPosition,\n  lastkey,\n  setLastkey,\n  setRawValue,\n  style,\n  disabled,\n  className,\n  name,\n  maxLength,\n  minLength,\n  fluidWidth,\n  placeholder,\n  onKeyDown,\n  onClick,\n  onChange,\n  onFocus,\n  onBlur,\n  onPaste,\n  onKeyUp,\n  hasError,\n  readOnly,\n  type,\n  innerRef,\n  clearable = false,\n  leftComponent,\n  rightComponent,\n  value,\n  ...rest\n}) => {\n  const inputRef = useRef();\n  const [maskedValue, setMaskedValue] = useState(value);\n\n  const conform = useCallback(\n    ({ rawValue, cursorPos, lastkeycode, shouldUpdateCursorPos = true }) => {\n      const { nextMaskedValue, maskedPos } = conformValue(\n        rawValue,\n        cursorPos,\n        lastkeycode,\n      );\n      const event = {\n        target: {\n          value: nextMaskedValue,\n          originalValue: rawValue,\n        },\n      };\n      if (onChange && nextMaskedValue !== maskedValue) onChange(event);\n\n      setMaskedValue(nextMaskedValue);\n      setRawValue(nextMaskedValue);\n\n      if (shouldUpdateCursorPos) setCursorPosition({ current: maskedPos });\n    },\n    [maskedValue, onChange],\n  );\n\n  const handleOnChange = useCallback(\n    (e) => {\n      const { value: rawValue, selectionEnd } = e.target;\n      setRawMask(rawValue);\n      setRawValue(rawValue);\n      setCursorPosition({ current: selectionEnd });\n      setFocus(true);\n    },\n    [setRawMask, setRawValue, setCursorPosition, setFocus, lastkey.code],\n  );\n\n  useLayoutEffect(() => {\n    if (focus) setCaretPosition(inputRef.current, cursorPosition.current);\n  }, [focus, cursorPosition]);\n\n  useLayoutEffect(() => {\n    // if the value changes, then re-conform the mask\n    conform({\n      rawValue: value,\n      cursorPos: cursorPosition.current,\n      lastkeycode: lastkey.code,\n      shouldUpdateCursorPos: focus,\n    });\n  }, [focus, value, cursorPosition.current]);\n\n  const handleKeyDown = useCallback(\n    (e) => {\n      e.stopPropagation();\n      setLastkey({ key: e.key, code: e.keyCode });\n      onKeyDown(e);\n    },\n    [onKeyDown],\n  );\n\n  const handleBlur = useCallback(\n    (e) => {\n      setFocus(false);\n      onBlur(e);\n    },\n    [onBlur],\n  );\n\n  return (\n    <DSTextBox\n      {...rest}\n      className={className}\n      clearable={clearable}\n      disabled={disabled}\n      fluidWidth={fluidWidth}\n      hasError={hasError}\n      innerRef={(ref) => {\n        inputRef.current = ref;\n        if (innerRef) innerRef(ref);\n      }}\n      isActive={focus}\n      leftComponent={leftComponent}\n      maxLength={maxLength}\n      minLength={minLength}\n      name={name}\n      onBlur={handleBlur}\n      onChange={handleOnChange}\n      onClick={onClick}\n      onFocus={onFocus}\n      onKeyDown={handleKeyDown}\n      onKeyUp={onKeyUp}\n      onPaste={onPaste}\n      placeholder={placeholder}\n      readOnly={readOnly}\n      rightComponent={rightComponent}\n      style={style}\n      type={type}\n      value={maskedValue}\n    />\n  );\n};\n\nexport { DateInputMask };\nexport default DateInputMask;\n"],
-  "mappings": "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",
-  "names": []
+  "mappings": "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",
+  "names": ["React"]
 }

package/dist/esm/InputMask/mask_types/DateTimeInputMask.js

@@ -75,28 +75,38 @@ const DateTimeInputMask = ({
 }) => {
   const inputRef = useRef();
   const [maskedValue, setMaskedValue] = useState(value);
-  const conform = useCallback(({ rawValue, cursorPos, lastkeycode, shouldUpdateCursorPos = true }) => {
-    const { nextMaskedValue, maskedPos } = conformValue(rawValue, cursorPos, lastkeycode);
-    const event = {
-      target: {
-        value: nextMaskedValue,
-        originalValue: rawValue
-      }
-    };
-    if (onChange && nextMaskedValue !== maskedValue)
-      onChange(event);
-    setMaskedValue(nextMaskedValue);
-    setRawValue(nextMaskedValue);
-    if (shouldUpdateCursorPos)
-      setCursorPosition({ current: maskedPos });
-  }, [maskedValue, onChange]);
-  const handleOnChange = useCallback((e) => {
-    const { value: rawValue, selectionEnd } = e.target;
-    setRawMask(rawValue);
-    setRawValue(rawValue);
-    setCursorPosition({ current: selectionEnd });
-    setFocus(true);
-  }, [setRawMask, setRawValue, setCursorPosition, setFocus, lastkey.code]);
+  const conform = useCallback(
+    ({ rawValue, cursorPos, lastkeycode, shouldUpdateCursorPos = true }) => {
+      const { nextMaskedValue, maskedPos } = conformValue(
+        rawValue,
+        cursorPos,
+        lastkeycode
+      );
+      const event = {
+        target: {
+          value: nextMaskedValue,
+          originalValue: rawValue
+        }
+      };
+      if (onChange && nextMaskedValue !== maskedValue)
+        onChange(event);
+      setMaskedValue(nextMaskedValue);
+      setRawValue(nextMaskedValue);
+      if (shouldUpdateCursorPos)
+        setCursorPosition({ current: maskedPos });
+    },
+    [maskedValue, onChange]
+  );
+  const handleOnChange = useCallback(
+    (e) => {
+      const { value: rawValue, selectionEnd } = e.target;
+      setRawMask(rawValue);
+      setRawValue(rawValue);
+      setCursorPosition({ current: selectionEnd });
+      setFocus(true);
+    },
+    [setRawMask, setRawValue, setCursorPosition, setFocus, lastkey.code]
+  );
   useLayoutEffect(() => {
     if (focus)
       setCaretPosition(inputRef.current, cursorPosition.current);
@@ -109,15 +119,21 @@ const DateTimeInputMask = ({
       shouldUpdateCursorPos: focus
     });
   }, [focus, value, cursorPosition.current]);
-  const handleKeyDown = useCallback((e) => {
-    e.stopPropagation();
-    setLastkey({ key: e.key, code: e.keyCode });
-    onKeyDown(e);
-  }, [onKeyDown]);
-  const handleBlur = useCallback((e) => {
-    setFocus(false);
-    onBlur(e);
-  }, [onBlur]);
+  const handleKeyDown = useCallback(
+    (e) => {
+      e.stopPropagation();
+      setLastkey({ key: e.key, code: e.keyCode });
+      onKeyDown(e);
+    },
+    [onKeyDown]
+  );
+  const handleBlur = useCallback(
+    (e) => {
+      setFocus(false);
+      onBlur(e);
+    },
+    [onBlur]
+  );
   return /* @__PURE__ */ React2.createElement(DSTextBox, {
     ...rest,
     className,

package/dist/esm/InputMask/mask_types/DateTimeInputMask.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/InputMask/mask_types/DateTimeInputMask.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\n/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, { useCallback, useLayoutEffect, useRef, useState } from 'react';\nimport { PropTypes } from '@elliemae/ds-utilities';\nimport { DSTextBox } from '../../TextBox';\nimport { TCharsToAdd } from '../types';\nimport { setCaretPosition } from '../utils/setCaretPosition';\n\nconst conformValue = (\n  rawValue: string,\n  cursorPos: number,\n  lastkeycode: number,\n) => {\n  const nextMaskedValue = rawValue\n    .split('')\n    .filter((char) => char >= '0' && char <= '9')\n    .slice(0, 12);\n\n  while (nextMaskedValue.length > 8 && !nextMaskedValue[8].match(/[0-2]/))\n    nextMaskedValue.splice(8, 1);\n  while (nextMaskedValue.length > 10 && !nextMaskedValue[10].match(/[0-5]/))\n    nextMaskedValue.splice(10, 1);\n\n  let maskedPos = 0;\n  for (let i = 0; i < cursorPos; i += 1) {\n    if (nextMaskedValue[maskedPos] === rawValue[i]) maskedPos += 1;\n  }\n\n  // list of [string to add, position to add]\n  const charactersToAdd: TCharsToAdd = [\n    ['/', 2],\n    ['/', 5],\n    [' ', 10],\n    [':', 13],\n  ];\n\n  charactersToAdd.forEach(([chars, pos]) => {\n    if (nextMaskedValue.length > pos) {\n      nextMaskedValue.splice(pos, 0, chars);\n      if (maskedPos >= pos) maskedPos += chars.length;\n    }\n  });\n\n  if (lastkeycode !== 8 && maskedPos < nextMaskedValue.length) {\n    charactersToAdd.forEach(([chars, pos]) => {\n      if (maskedPos === pos) maskedPos += chars.length;\n    });\n  } else if (lastkeycode === 8 && maskedPos) {\n    charactersToAdd.forEach(([chars, pos]) => {\n      if (maskedPos === pos + 1) maskedPos -= chars.length;\n    });\n  }\n\n  return { nextMaskedValue: nextMaskedValue.join(''), maskedPos };\n};\n\nconst DateTimeInputMask = ({\n  focus,\n  setFocus,\n  setRawMask,\n  cursorPosition,\n  setCursorPosition,\n  lastkey,\n  setLastkey,\n  setRawValue,\n  style,\n  disabled,\n  className,\n  name,\n  maxLength,\n  minLength,\n  fluidWidth,\n  placeholder,\n  onKeyDown,\n  onClick,\n  onChange,\n  onFocus,\n  onBlur,\n  onPaste,\n  onKeyUp,\n  hasError,\n  readOnly,\n  type,\n  innerRef,\n  clearable = false,\n  leftComponent,\n  rightComponent,\n  value,\n  ...rest\n}) => {\n  const inputRef = useRef();\n  const [maskedValue, setMaskedValue] = useState(value);\n\n  const conform = useCallback(\n    ({ rawValue, cursorPos, lastkeycode, shouldUpdateCursorPos = true }) => {\n      const { nextMaskedValue, maskedPos } = conformValue(\n        rawValue,\n        cursorPos,\n        lastkeycode,\n      );\n      const event = {\n        target: {\n          value: nextMaskedValue,\n          originalValue: rawValue,\n        },\n      };\n      if (onChange && nextMaskedValue !== maskedValue) onChange(event);\n\n      setMaskedValue(nextMaskedValue);\n      setRawValue(nextMaskedValue);\n\n      if (shouldUpdateCursorPos) setCursorPosition({ current: maskedPos });\n    },\n    [maskedValue, onChange],\n  );\n\n  const handleOnChange = useCallback(\n    (e) => {\n      const { value: rawValue, selectionEnd } = e.target;\n      setRawMask(rawValue);\n      setRawValue(rawValue);\n      setCursorPosition({ current: selectionEnd });\n      setFocus(true);\n    },\n    [setRawMask, setRawValue, setCursorPosition, setFocus, lastkey.code],\n  );\n\n  useLayoutEffect(() => {\n    if (focus) setCaretPosition(inputRef.current, cursorPosition.current);\n  }, [focus, cursorPosition]);\n\n  useLayoutEffect(() => {\n    // if the value changes, then re-conform the mask\n    conform({\n      rawValue: value,\n      cursorPos: cursorPosition.current,\n      lastkeycode: lastkey.code,\n      shouldUpdateCursorPos: focus,\n    });\n  }, [focus, value, cursorPosition.current]);\n\n  const handleKeyDown = useCallback(\n    (e) => {\n      e.stopPropagation();\n      setLastkey({ key: e.key, code: e.keyCode });\n      onKeyDown(e);\n    },\n    [onKeyDown],\n  );\n\n  const handleBlur = useCallback(\n    (e) => {\n      setFocus(false);\n      onBlur(e);\n    },\n    [onBlur],\n  );\n\n  return (\n    <DSTextBox\n      {...rest}\n      className={className}\n      clearable={clearable}\n      disabled={disabled}\n      fluidWidth={fluidWidth}\n      hasError={hasError}\n      innerRef={(ref) => {\n        inputRef.current = ref;\n        if (innerRef) innerRef(ref);\n      }}\n      isActive={focus}\n      leftComponent={leftComponent}\n      maxLength={maxLength}\n      minLength={minLength}\n      name={name}\n      onBlur={handleBlur}\n      onChange={handleOnChange}\n      onClick={onClick}\n      onFocus={onFocus}\n      onKeyDown={handleKeyDown}\n      onKeyUp={onKeyUp}\n      onPaste={onPaste}\n      placeholder={placeholder}\n      readOnly={readOnly}\n      rightComponent={rightComponent}\n      style={style}\n      type={type}\n      value={maskedValue}\n    />\n  );\n};\n\nexport { DateTimeInputMask };\nexport default DateTimeInputMask;\n"],
-  "mappings": "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",
-  "names": []
+  "mappings": "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",
+  "names": ["React"]
 }

package/dist/esm/InputMask/mask_types/DictionaryInputMask.js

@@ -13,7 +13,9 @@ const conformValue = (rawValue, cursorPos, lastkeycode, allowedWords, ignoreCase
   let nextMaskedValue = "";
   let currentPosibleWords = allowedWords;
   for (let i = 0; i < rawValue.length; i += 1) {
-    const matchingWords = currentPosibleWords.filter((word) => startsWith(word, nextMaskedValue + rawValue[i], ignoreCase));
+    const matchingWords = currentPosibleWords.filter(
+      (word) => startsWith(word, nextMaskedValue + rawValue[i], ignoreCase)
+    );
     if (matchingWords.length) {
       nextMaskedValue += rawValue[i];
       currentPosibleWords = matchingWords;
@@ -60,28 +62,40 @@ const DictionaryInputMask = ({
 }) => {
   const inputRef = useRef();
   const [maskedValue, setMaskedValue] = useState(value);
-  const conform = useCallback(({ rawValue, cursorPos, lastkeycode, shouldUpdateCursorPos = true }) => {
-    const { nextMaskedValue, maskedPos } = conformValue(rawValue, cursorPos, lastkeycode, allowedWords, ignoreCase);
-    const event = {
-      target: {
-        value: nextMaskedValue,
-        originalValue: rawValue
-      }
-    };
-    if (onChange && nextMaskedValue !== maskedValue)
-      onChange(event);
-    setMaskedValue(nextMaskedValue);
-    setRawValue(nextMaskedValue);
-    if (shouldUpdateCursorPos)
-      setCursorPosition({ current: maskedPos });
-  }, [maskedValue, onChange]);
-  const handleOnChange = useCallback((e) => {
-    const { value: rawValue, selectionEnd } = e.target;
-    setRawMask(rawValue);
-    setRawValue(rawValue);
-    setCursorPosition({ current: selectionEnd });
-    setFocus(true);
-  }, [setRawMask, setRawValue, setCursorPosition, setFocus, lastkey.code]);
+  const conform = useCallback(
+    ({ rawValue, cursorPos, lastkeycode, shouldUpdateCursorPos = true }) => {
+      const { nextMaskedValue, maskedPos } = conformValue(
+        rawValue,
+        cursorPos,
+        lastkeycode,
+        allowedWords,
+        ignoreCase
+      );
+      const event = {
+        target: {
+          value: nextMaskedValue,
+          originalValue: rawValue
+        }
+      };
+      if (onChange && nextMaskedValue !== maskedValue)
+        onChange(event);
+      setMaskedValue(nextMaskedValue);
+      setRawValue(nextMaskedValue);
+      if (shouldUpdateCursorPos)
+        setCursorPosition({ current: maskedPos });
+    },
+    [maskedValue, onChange]
+  );
+  const handleOnChange = useCallback(
+    (e) => {
+      const { value: rawValue, selectionEnd } = e.target;
+      setRawMask(rawValue);
+      setRawValue(rawValue);
+      setCursorPosition({ current: selectionEnd });
+      setFocus(true);
+    },
+    [setRawMask, setRawValue, setCursorPosition, setFocus, lastkey.code]
+  );
   useLayoutEffect(() => {
     if (focus)
       setCaretPosition(inputRef.current, cursorPosition.current);
@@ -94,15 +108,21 @@ const DictionaryInputMask = ({
       shouldUpdateCursorPos: focus
     });
   }, [focus, value, cursorPosition.current]);
-  const handleKeyDown = useCallback((e) => {
-    e.stopPropagation();
-    setLastkey({ key: e.key, code: e.keyCode });
-    onKeyDown(e);
-  }, [onKeyDown]);
-  const handleBlur = useCallback((e) => {
-    setFocus(false);
-    onBlur(e);
-  }, [onBlur]);
+  const handleKeyDown = useCallback(
+    (e) => {
+      e.stopPropagation();
+      setLastkey({ key: e.key, code: e.keyCode });
+      onKeyDown(e);
+    },
+    [onKeyDown]
+  );
+  const handleBlur = useCallback(
+    (e) => {
+      setFocus(false);
+      onBlur(e);
+    },
+    [onBlur]
+  );
   return /* @__PURE__ */ React2.createElement(DSTextBox, {
     ...rest,
     className,

package/dist/esm/InputMask/mask_types/DictionaryInputMask.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/InputMask/mask_types/DictionaryInputMask.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-loop-func */\n/* eslint-disable max-params */\n/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, { useCallback, useLayoutEffect, useRef, useState } from 'react';\nimport { PropTypes } from '@elliemae/ds-utilities';\nimport { DSTextBox } from '../../TextBox';\nimport { setCaretPosition } from '../utils/setCaretPosition';\n\nconst startsWith = (a: string, b: string, ignoreCase: boolean): boolean => {\n  if (ignoreCase) {\n    a = a.toLowerCase();\n    b = b.toLowerCase();\n  }\n  return a.startsWith(b);\n};\n\nconst conformValue = (\n  rawValue: string,\n  cursorPos: number,\n  lastkeycode: number,\n  allowedWords: string[],\n  ignoreCase: boolean,\n) => {\n  let nextMaskedValue = '';\n  let currentPosibleWords = allowedWords;\n  for (let i = 0; i < rawValue.length; i += 1) {\n    const matchingWords = currentPosibleWords.filter((word) =>\n      startsWith(word, nextMaskedValue + rawValue[i], ignoreCase),\n    );\n    if (matchingWords.length) {\n      nextMaskedValue += rawValue[i];\n      currentPosibleWords = matchingWords;\n    }\n  }\n\n  return { nextMaskedValue, maskedPos: cursorPos };\n};\n\nconst DictionaryInputMask = ({\n  focus,\n  setFocus,\n  setRawMask,\n  cursorPosition,\n  setCursorPosition,\n  lastkey,\n  setLastkey,\n  setRawValue,\n  allowedWords,\n  ignoreCase = true,\n  autoFocus,\n  style,\n  disabled,\n  className,\n  name,\n  maxLength,\n  minLength,\n  fluidWidth,\n  placeholder,\n  onKeyDown,\n  onClick,\n  onChange,\n  onFocus,\n  onBlur,\n  onPaste,\n  onKeyUp,\n  hasError,\n  readOnly,\n  type,\n  innerRef,\n  clearable = false,\n  leftComponent,\n  rightComponent,\n  value,\n  ...rest\n}) => {\n  const inputRef = useRef();\n  const [maskedValue, setMaskedValue] = useState(value);\n\n  const conform = useCallback(\n    ({ rawValue, cursorPos, lastkeycode, shouldUpdateCursorPos = true }) => {\n      const { nextMaskedValue, maskedPos } = conformValue(\n        rawValue,\n        cursorPos,\n        lastkeycode,\n        allowedWords,\n        ignoreCase,\n      );\n      const event = {\n        target: {\n          value: nextMaskedValue,\n          originalValue: rawValue,\n        },\n      };\n      if (onChange && nextMaskedValue !== maskedValue) onChange(event);\n\n      setMaskedValue(nextMaskedValue);\n      setRawValue(nextMaskedValue);\n\n      if (shouldUpdateCursorPos) setCursorPosition({ current: maskedPos });\n    },\n    [maskedValue, onChange],\n  );\n\n  const handleOnChange = useCallback(\n    (e) => {\n      const { value: rawValue, selectionEnd } = e.target;\n      setRawMask(rawValue);\n      setRawValue(rawValue);\n      setCursorPosition({ current: selectionEnd });\n      setFocus(true);\n    },\n    [setRawMask, setRawValue, setCursorPosition, setFocus, lastkey.code],\n  );\n\n  useLayoutEffect(() => {\n    if (focus) setCaretPosition(inputRef.current, cursorPosition.current);\n  }, [focus, cursorPosition]);\n\n  useLayoutEffect(() => {\n    // if the value changes, then re-conform the mask\n    conform({\n      rawValue: value,\n      cursorPos: cursorPosition.current,\n      lastkeycode: lastkey.code,\n      shouldUpdateCursorPos: focus,\n    });\n  }, [focus, value, cursorPosition.current]);\n\n  const handleKeyDown = useCallback(\n    (e) => {\n      e.stopPropagation();\n      setLastkey({ key: e.key, code: e.keyCode });\n      onKeyDown(e);\n    },\n    [onKeyDown],\n  );\n\n  const handleBlur = useCallback(\n    (e) => {\n      setFocus(false);\n      onBlur(e);\n    },\n    [onBlur],\n  );\n\n  return (\n    <DSTextBox\n      {...rest}\n      className={className}\n      clearable={clearable}\n      disabled={disabled}\n      fluidWidth={fluidWidth}\n      hasError={hasError}\n      innerRef={(ref) => {\n        inputRef.current = ref;\n        if (innerRef) innerRef(ref);\n      }}\n      isActive={focus}\n      leftComponent={leftComponent}\n      maxLength={maxLength}\n      minLength={minLength}\n      name={name}\n      onBlur={handleBlur}\n      onChange={handleOnChange}\n      onClick={onClick}\n      onFocus={onFocus}\n      onKeyDown={handleKeyDown}\n      onKeyUp={onKeyUp}\n      onPaste={onPaste}\n      placeholder={placeholder}\n      readOnly={readOnly}\n      rightComponent={rightComponent}\n      style={style}\n      type={type}\n      value={maskedValue}\n    />\n  );\n};\n\nexport { DictionaryInputMask };\nexport default DictionaryInputMask;\n"],
-  "mappings": "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",
-  "names": []
+  "mappings": "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",
+  "names": ["React"]
 }

package/dist/esm/InputMask/mask_types/NumberInputMask.js

@@ -21,7 +21,10 @@ const conformValue = (prevRawValue, prevCursorPos, lastkeycode, {
   const suffixIndex = prevRawValue.lastIndexOf(suffix);
   const negativeIndex = prevRawValue.indexOf("-");
   const cursorPos = prevCursorPos - (prefixIndex === -1 ? 0 : prefixIndex + prefix.length);
-  const rawValue = prevRawValue.substring(prefixIndex === -1 ? 0 : prefixIndex + prefix.length, suffixIndex === -1 ? prevRawValue.length : suffixIndex);
+  const rawValue = prevRawValue.substring(
+    prefixIndex === -1 ? 0 : prefixIndex + prefix.length,
+    suffixIndex === -1 ? prevRawValue.length : suffixIndex
+  );
   const filteredRawValue = rawValue.split("").filter((char) => char >= "0" && char <= "9" || char === decimalSymbol || char === "-");
   let isNegative = allowNegative && negativeIndex !== -1 && (prefixIndex === -1 || negativeIndex < prefixIndex);
   let integer = "";
@@ -139,41 +142,47 @@ const NumberInputMask = ({
 }) => {
   const inputRef = useRef();
   const [maskedValue, setMaskedValue] = useState(value);
-  const conform = useCallback(({ rawValue, cursorPos, lastkeycode, shouldUpdateCursorPos = true, shouldCompleteDecimals = false }) => {
-    const { nextMaskedValue, maskedPos } = conformValue(rawValue, cursorPos, lastkeycode, {
-      prefix,
-      suffix,
-      includeThousandsSeparator,
-      thousandsSeparatorSymbol,
-      allowDecimal,
-      decimalSymbol,
-      decimalLimit,
-      requireDecimal,
-      allowNegative,
-      allowLeadingZeroes,
-      integerLimit,
-      shouldCompleteDecimals
-    });
-    const event = {
-      target: {
-        value: nextMaskedValue,
-        originalValue: rawValue
-      }
-    };
-    if (onChange && nextMaskedValue !== maskedValue)
-      onChange(event);
-    setMaskedValue(nextMaskedValue);
-    setRawValue(nextMaskedValue);
-    if (shouldUpdateCursorPos)
-      setCursorPosition({ current: maskedPos });
-  }, [maskedValue, onChange]);
-  const handleOnChange = useCallback((e) => {
-    const { value: rawValue, selectionEnd } = e.target;
-    setRawMask(rawValue);
-    setRawValue(rawValue);
-    setCursorPosition({ current: selectionEnd });
-    setFocus(true);
-  }, [setRawMask, setRawValue, setCursorPosition, setFocus, lastkey.code]);
+  const conform = useCallback(
+    ({ rawValue, cursorPos, lastkeycode, shouldUpdateCursorPos = true, shouldCompleteDecimals = false }) => {
+      const { nextMaskedValue, maskedPos } = conformValue(rawValue, cursorPos, lastkeycode, {
+        prefix,
+        suffix,
+        includeThousandsSeparator,
+        thousandsSeparatorSymbol,
+        allowDecimal,
+        decimalSymbol,
+        decimalLimit,
+        requireDecimal,
+        allowNegative,
+        allowLeadingZeroes,
+        integerLimit,
+        shouldCompleteDecimals
+      });
+      const event = {
+        target: {
+          value: nextMaskedValue,
+          originalValue: rawValue
+        }
+      };
+      if (onChange && nextMaskedValue !== maskedValue)
+        onChange(event);
+      setMaskedValue(nextMaskedValue);
+      setRawValue(nextMaskedValue);
+      if (shouldUpdateCursorPos)
+        setCursorPosition({ current: maskedPos });
+    },
+    [maskedValue, onChange]
+  );
+  const handleOnChange = useCallback(
+    (e) => {
+      const { value: rawValue, selectionEnd } = e.target;
+      setRawMask(rawValue);
+      setRawValue(rawValue);
+      setCursorPosition({ current: selectionEnd });
+      setFocus(true);
+    },
+    [setRawMask, setRawValue, setCursorPosition, setFocus, lastkey.code]
+  );
   useLayoutEffect(() => {
     if (focus)
       setCaretPosition(inputRef.current, cursorPosition.current);
@@ -186,24 +195,30 @@ const NumberInputMask = ({
       shouldUpdateCursorPos: focus
     });
   }, [focus, value, cursorPosition.current]);
-  const handleKeyDown = useCallback((e) => {
-    e.stopPropagation();
-    setLastkey({ key: e.key, code: e.keyCode });
-    onKeyDown(e);
-  }, [onKeyDown]);
-  const handleBlur = useCallback((e) => {
-    setFocus(false);
-    onBlur(e);
-    if (requireDecimal && maskedValue !== "") {
-      conform({
-        rawValue: maskedValue,
-        cursorPos: 0,
-        lastkey: 0,
-        shouldUpdateCursorPos: 0,
-        shouldCompleteDecimals: true
-      });
-    }
-  }, [maskedValue, requireDecimal, suffix, decimalLimit, onBlur]);
+  const handleKeyDown = useCallback(
+    (e) => {
+      e.stopPropagation();
+      setLastkey({ key: e.key, code: e.keyCode });
+      onKeyDown(e);
+    },
+    [onKeyDown]
+  );
+  const handleBlur = useCallback(
+    (e) => {
+      setFocus(false);
+      onBlur(e);
+      if (requireDecimal && maskedValue !== "") {
+        conform({
+          rawValue: maskedValue,
+          cursorPos: 0,
+          lastkey: 0,
+          shouldUpdateCursorPos: 0,
+          shouldCompleteDecimals: true
+        });
+      }
+    },
+    [maskedValue, requireDecimal, suffix, decimalLimit, onBlur]
+  );
   return /* @__PURE__ */ React2.createElement(DSTextBox, {
     ...rest,
     className,