@elliemae/ds-form 2.2.1 → 2.3.0-alpha.4

package/cjs/InputMask/mask_types/NumberInputMask.js

@@ -1,70 +1,73 @@
-'use strict';
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-require('core-js/modules/es.string.replace.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-require('core-js/modules/web.dom-collections.iterator.js');
-var React = require('react');
-var DSTextBox = require('../../TextBox/DSTextBox.js');
-var setCaretPosition = require('../utils/setCaretPosition.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-
-const _excluded = ["focus", "setFocus", "setRawMask", "cursorPosition", "setCursorPosition", "lastkey", "setLastkey", "setRawValue", "allowDecimal", "allowLeadingZeroes", "allowNegative", "autoFocus", "className", "clearable", "decimalLimit", "decimalSymbol", "disabled", "fluidWidth", "hasError", "includeThousandsSeparator", "innerRef", "integerLimit", "leftComponent", "maxLength", "minLength", "name", "onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "onKeyUp", "onPaste", "placeholder", "prefix", "readOnly", "requireDecimal", "rightComponent", "style", "suffix", "thousandsSeparatorSymbol", "type", "value"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var NumberInputMask_exports = {};
+__export(NumberInputMask_exports, {
+  NumberInputMask: () => NumberInputMask,
+  default: () => NumberInputMask_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_TextBox = require("../../TextBox");
+var import_setCaretPosition = require("../utils/setCaretPosition");
 const addThousandsSeparator = (n, thousandsSeparatorSymbol) => n.replace(/\B(?=(\d{3})+(?!\d))/g, thousandsSeparatorSymbol);
-
-const conformValue = (prevRawValue, prevCursorPos, lastkeycode, _ref) => {
-  var _decimal;
-
-  let {
-    prefix,
-    suffix,
-    includeThousandsSeparator,
-    thousandsSeparatorSymbol,
-    allowDecimal,
-    decimalSymbol,
-    decimalLimit,
-    requireDecimal,
-    allowNegative,
-    allowLeadingZeroes,
-    integerLimit,
-    shouldCompleteDecimals
-  } = _ref;
+const conformValue = (prevRawValue, prevCursorPos, lastkeycode, {
+  prefix,
+  suffix,
+  includeThousandsSeparator,
+  thousandsSeparatorSymbol,
+  allowDecimal,
+  decimalSymbol,
+  decimalLimit,
+  requireDecimal,
+  allowNegative,
+  allowLeadingZeroes,
+  integerLimit,
+  shouldCompleteDecimals
+}) => {
   const prefixIndex = prevRawValue.indexOf(prefix);
   const suffixIndex = prevRawValue.lastIndexOf(suffix);
-  const negativeIndex = prevRawValue.indexOf('-');
+  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 filteredRawValue = rawValue.split('').filter(char => char >= '0' && char <= '9' || char === decimalSymbol || char === '-');
+  const filteredRawValue = rawValue.split("").filter((char) => char >= "0" && char <= "9" || char === decimalSymbol || char === "-");
   let isNegative = allowNegative && negativeIndex !== -1 && (prefixIndex === -1 || negativeIndex < prefixIndex);
-  let integer = '';
-  let decimal = '';
+  let integer = "";
+  let decimal = "";
   let foundDecimalSymbol = false;
-
   const integerFits = () => integerLimit === null || integer.length < integerLimit;
-
   const decimalFits = () => decimalLimit === null || decimal.length < decimalLimit;
-
-  filteredRawValue.forEach(char => {
+  filteredRawValue.forEach((char) => {
     if (allowDecimal && !foundDecimalSymbol && char === decimalSymbol) {
       foundDecimalSymbol = true;
-    } else if (allowNegative && !integer.length && !foundDecimalSymbol && char === '-') {
+    } else if (allowNegative && !integer.length && !foundDecimalSymbol && char === "-") {
       isNegative = true;
-    } else if (char >= '0' && char <= '9') {
+    } else if (char >= "0" && char <= "9") {
       if (!foundDecimalSymbol && integerFits()) {
         integer += char;
       } else if (foundDecimalSymbol && decimalFits()) {
@@ -72,45 +75,43 @@ const conformValue = (prevRawValue, prevCursorPos, lastkeycode, _ref) => {
       }
     }
   });
-  if (requireDecimal) foundDecimalSymbol = true;
-
-  if (!requireDecimal && !((_decimal = decimal) !== null && _decimal !== void 0 && _decimal.length) && lastkeycode === 8) {
+  if (requireDecimal)
+    foundDecimalSymbol = true;
+  if (!requireDecimal && !decimal?.length && lastkeycode === 8) {
     foundDecimalSymbol = false;
   }
-
-  if (!integer && !decimal) foundDecimalSymbol = false;
-
+  if (!integer && !decimal)
+    foundDecimalSymbol = false;
   if (foundDecimalSymbol && !integer && decimal) {
-    integer = '0';
+    integer = "0";
   }
-
   if (!allowLeadingZeroes) {
-    while (integer.length > 1 && integer[0] === '0') integer = integer.substring(1);
+    while (integer.length > 1 && integer[0] === "0")
+      integer = integer.substring(1);
   }
-
   let nextMaskedValue = includeThousandsSeparator ? addThousandsSeparator(integer, thousandsSeparatorSymbol) : integer;
-  nextMaskedValue += foundDecimalSymbol ? decimalSymbol : '';
-  if (shouldCompleteDecimals) while (decimal.length !== decimalLimit) decimal += '0';
+  nextMaskedValue += foundDecimalSymbol ? decimalSymbol : "";
+  if (shouldCompleteDecimals)
+    while (decimal.length !== decimalLimit)
+      decimal += "0";
   nextMaskedValue += decimal;
   let maskedPos = 0;
-
   for (let i = 0; i < cursorPos; i += 1) {
-    if (nextMaskedValue[maskedPos] === thousandsSeparatorSymbol) maskedPos += 1;
-    if (nextMaskedValue[maskedPos] === rawValue[i]) maskedPos += 1;
+    if (nextMaskedValue[maskedPos] === thousandsSeparatorSymbol)
+      maskedPos += 1;
+    if (nextMaskedValue[maskedPos] === rawValue[i])
+      maskedPos += 1;
   }
-
   if (nextMaskedValue.length || isNegative) {
     nextMaskedValue = prefix + nextMaskedValue;
     maskedPos += prefix.length;
-
     if (isNegative) {
-      if (lastkeycode !== 8 || nextMaskedValue !== prefix) nextMaskedValue = "-".concat(nextMaskedValue);
+      if (lastkeycode !== 8 || nextMaskedValue !== prefix)
+        nextMaskedValue = `-${nextMaskedValue}`;
       maskedPos += 1;
     }
-
     nextMaskedValue += suffix;
   }
-
   if (lastkeycode !== 8 && maskedPos < nextMaskedValue.length) {
     if (nextMaskedValue[maskedPos] === decimalSymbol && integer.length === integerLimit) {
       maskedPos += 1;
@@ -118,75 +119,67 @@ const conformValue = (prevRawValue, prevCursorPos, lastkeycode, _ref) => {
       maskedPos += 1;
     }
   }
-
   return {
     nextMaskedValue,
     maskedPos: Math.min(maskedPos, nextMaskedValue.length - suffix.length)
   };
 };
-
-const NumberInputMask = _ref2 => {
-  let {
-    focus,
-    setFocus,
-    setRawMask,
-    cursorPosition,
-    setCursorPosition,
-    lastkey,
-    setLastkey,
-    setRawValue,
-    allowDecimal,
-    allowLeadingZeroes,
-    allowNegative,
-    autoFocus,
-    className,
-    clearable = false,
-    decimalLimit,
-    decimalSymbol,
-    disabled,
-    fluidWidth,
-    hasError,
-    includeThousandsSeparator,
-    innerRef,
-    integerLimit,
-    leftComponent,
-    maxLength,
-    minLength,
-    name,
-    onBlur,
-    onChange,
-    onClick,
-    onFocus,
-    onKeyDown,
-    onKeyUp,
-    onPaste,
-    placeholder,
-    prefix,
-    readOnly,
-    requireDecimal,
-    rightComponent,
-    style,
-    suffix,
-    thousandsSeparatorSymbol,
-    type,
-    value
-  } = _ref2,
-      rest = _objectWithoutProperties__default["default"](_ref2, _excluded);
-
-  const inputRef = React.useRef();
-  const [maskedValue, setMaskedValue] = React.useState(value);
-  const conform = React.useCallback(_ref3 => {
-    let {
-      rawValue,
-      cursorPos,
-      lastkeycode,
-      shouldUpdateCursorPos = true,
-      shouldCompleteDecimals = false
-    } = _ref3;
-    const {
-      nextMaskedValue,
-      maskedPos
-    } = conformValue(rawValue, cursorPos, lastkeycode, {
+const NumberInputMask = ({
+  focus,
+  setFocus,
+  setRawMask,
+  cursorPosition,
+  setCursorPosition,
+  lastkey,
+  setLastkey,
+  setRawValue,
+  allowDecimal,
+  allowLeadingZeroes,
+  allowNegative,
+  autoFocus,
+  className,
+  clearable = false,
+  decimalLimit,
+  decimalSymbol,
+  disabled,
+  fluidWidth,
+  hasError,
+  includeThousandsSeparator,
+  innerRef,
+  integerLimit,
+  leftComponent,
+  maxLength,
+  minLength,
+  name,
+  onBlur,
+  onChange,
+  onClick,
+  onFocus,
+  onKeyDown,
+  onKeyUp,
+  onPaste,
+  placeholder,
+  prefix,
+  readOnly,
+  requireDecimal,
+  rightComponent,
+  style,
+  suffix,
+  thousandsSeparatorSymbol,
+  type,
+  value,
+  ...rest
+}) => {
+  const inputRef = (0, import_react.useRef)();
+  const [maskedValue, setMaskedValue] = (0, import_react.useState)(value);
+  const conform = (0, import_react.useCallback)(({
+    rawValue,
+    cursorPos,
+    lastkeycode,
+    shouldUpdateCursorPos = true,
+    shouldCompleteDecimals = false
+  }) => {
+    const { nextMaskedValue, maskedPos } = conformValue(rawValue, cursorPos, lastkeycode, {
       prefix,
       suffix,
       includeThousandsSeparator,
@@ -206,30 +199,25 @@ const NumberInputMask = _ref2 => {
         originalValue: rawValue
       }
     };
-    if (onChange && nextMaskedValue !== maskedValue) onChange(event);
+    if (onChange && nextMaskedValue !== maskedValue)
+      onChange(event);
     setMaskedValue(nextMaskedValue);
     setRawValue(nextMaskedValue);
-    if (shouldUpdateCursorPos) setCursorPosition({
-      current: maskedPos
-    });
+    if (shouldUpdateCursorPos)
+      setCursorPosition({ current: maskedPos });
   }, [maskedValue, onChange]);
-  const handleOnChange = React.useCallback(e => {
-    const {
-      value: rawValue,
-      selectionEnd
-    } = e.target;
+  const handleOnChange = (0, import_react.useCallback)((e) => {
+    const { value: rawValue, selectionEnd } = e.target;
     setRawMask(rawValue);
     setRawValue(rawValue);
-    setCursorPosition({
-      current: selectionEnd
-    });
+    setCursorPosition({ current: selectionEnd });
     setFocus(true);
   }, [setRawMask, setRawValue, setCursorPosition, setFocus, lastkey.code]);
-  React.useLayoutEffect(() => {
-    if (focus) setCaretPosition(inputRef.current, cursorPosition.current);
+  (0, import_react.useLayoutEffect)(() => {
+    if (focus)
+      (0, import_setCaretPosition.setCaretPosition)(inputRef.current, cursorPosition.current);
   }, [focus, cursorPosition]);
-  React.useLayoutEffect(() => {
-    // if the value changes, then re-conform the mask
+  (0, import_react.useLayoutEffect)(() => {
     conform({
       rawValue: value,
       cursorPos: cursorPosition.current,
@@ -237,19 +225,15 @@ const NumberInputMask = _ref2 => {
       shouldUpdateCursorPos: focus
     });
   }, [focus, value, cursorPosition.current]);
-  const handleKeyDown = React.useCallback(e => {
+  const handleKeyDown = (0, import_react.useCallback)((e) => {
     e.stopPropagation();
-    setLastkey({
-      key: e.key,
-      code: e.keyCode
-    });
+    setLastkey({ key: e.key, code: e.keyCode });
     onKeyDown(e);
   }, [onKeyDown]);
-  const handleBlur = React.useCallback(e => {
+  const handleBlur = (0, import_react.useCallback)((e) => {
     setFocus(false);
     onBlur(e);
-
-    if (requireDecimal && maskedValue !== '') {
+    if (requireDecimal && maskedValue !== "") {
       conform({
         rawValue: maskedValue,
         cursorPos: 0,
@@ -259,35 +243,85 @@ const NumberInputMask = _ref2 => {
       });
     }
   }, [maskedValue, requireDecimal, suffix, decimalLimit, onBlur]);
-  return /*#__PURE__*/jsxRuntime.jsx(DSTextBox["default"], _objectSpread(_objectSpread({}, rest), {}, {
-    className: className,
-    clearable: clearable,
-    disabled: disabled,
-    fluidWidth: fluidWidth,
-    hasError: hasError,
-    innerRef: ref => {
+  return /* @__PURE__ */ import_react.default.createElement(import_TextBox.DSTextBox, {
+    ...rest,
+    className,
+    clearable,
+    disabled,
+    fluidWidth,
+    hasError,
+    innerRef: (ref) => {
       inputRef.current = ref;
-      if (innerRef) innerRef(ref);
+      if (innerRef)
+        innerRef(ref);
     },
     isActive: focus,
-    leftComponent: leftComponent,
-    maxLength: maxLength,
-    minLength: minLength,
-    name: name,
+    leftComponent,
+    maxLength,
+    minLength,
+    name,
     onBlur: handleBlur,
     onChange: handleOnChange,
-    onClick: onClick,
-    onFocus: onFocus,
+    onClick,
+    onFocus,
     onKeyDown: handleKeyDown,
-    onKeyUp: onKeyUp,
-    onPaste: onPaste,
-    placeholder: placeholder,
-    readOnly: readOnly,
-    rightComponent: rightComponent,
-    style: style,
-    type: type,
+    onKeyUp,
+    onPaste,
+    placeholder,
+    readOnly,
+    rightComponent,
+    style,
+    type,
     value: maskedValue
-  }));
+  });
+};
+NumberInputMask.propTypes = {
+  focus: import_react_desc.PropTypes.bool,
+  setFocus: import_react_desc.PropTypes.func,
+  setRawMask: import_react_desc.PropTypes.func,
+  cursorPosition: import_react_desc.PropTypes.shape({ current: import_react_desc.PropTypes.number }),
+  setCursorPosition: import_react_desc.PropTypes.func,
+  lastkey: import_react_desc.PropTypes.shape({ code: import_react_desc.PropTypes.number, key: import_react_desc.PropTypes.string }),
+  setLastkey: import_react_desc.PropTypes.func,
+  setRawValue: import_react_desc.PropTypes.func,
+  allowDecimal: import_react_desc.PropTypes.bool,
+  allowLeadingZeroes: import_react_desc.PropTypes.bool,
+  allowNegative: import_react_desc.PropTypes.bool,
+  autoFocus: import_react_desc.PropTypes.bool,
+  className: import_react_desc.PropTypes.string,
+  clearable: import_react_desc.PropTypes.bool,
+  decimalLimit: import_react_desc.PropTypes.number,
+  decimalSymbol: import_react_desc.PropTypes.string,
+  disabled: import_react_desc.PropTypes.bool,
+  fluidWidth: import_react_desc.PropTypes.bool,
+  hasError: import_react_desc.PropTypes.bool,
+  includeThousandsSeparator: import_react_desc.PropTypes.bool,
+  innerRef: import_react_desc.PropTypes.any,
+  integerLimit: import_react_desc.PropTypes.number,
+  leftComponent: import_react_desc.PropTypes.element,
+  mask: import_react_desc.PropTypes.any,
+  maxLength: import_react_desc.PropTypes.number,
+  minLength: import_react_desc.PropTypes.number,
+  name: import_react_desc.PropTypes.string,
+  onBlur: import_react_desc.PropTypes.func,
+  onChange: import_react_desc.PropTypes.func,
+  onClick: import_react_desc.PropTypes.func,
+  onFocus: import_react_desc.PropTypes.func,
+  onKeyDown: import_react_desc.PropTypes.func,
+  onKeyUp: import_react_desc.PropTypes.func,
+  onPaste: import_react_desc.PropTypes.func,
+  placeholder: import_react_desc.PropTypes.string,
+  placeholderChar: import_react_desc.PropTypes.string,
+  prefix: import_react_desc.PropTypes.string,
+  readOnly: import_react_desc.PropTypes.bool,
+  requireDecimal: import_react_desc.PropTypes.bool,
+  rightComponent: import_react_desc.PropTypes.element,
+  style: import_react_desc.PropTypes.object,
+  suffix: import_react_desc.PropTypes.string,
+  thousandsSeparatorSymbol: import_react_desc.PropTypes.string,
+  type: import_react_desc.PropTypes.string,
+  value: import_react_desc.PropTypes.string
 };
-
-module.exports = NumberInputMask;
+var NumberInputMask_default = NumberInputMask;
+module.exports = __toCommonJS(NumberInputMask_exports);
+//# sourceMappingURL=NumberInputMask.js.map

package/cjs/InputMask/mask_types/NumberInputMask.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/InputMask/mask_types/NumberInputMask.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-params */\n/* eslint-disable max-statements */\n/* eslint-disable max-lines */\n/* eslint-disable complexity */\n\nimport React, { useCallback, useLayoutEffect, useRef, useState } from 'react';\nimport { PropTypes } from 'react-desc';\nimport { DSTextBox } from '../../TextBox';\nimport { setCaretPosition } from '../utils/setCaretPosition';\n\n// http://stackoverflow.com/a/10899795/604296\nconst addThousandsSeparator = (n, thousandsSeparatorSymbol) =>\n  n.replace(/\\B(?=(\\d{3})+(?!\\d))/g, thousandsSeparatorSymbol);\n\nconst conformValue = (\n  prevRawValue,\n  prevCursorPos,\n  lastkeycode,\n  {\n    prefix,\n    suffix,\n    includeThousandsSeparator,\n    thousandsSeparatorSymbol,\n    allowDecimal,\n    decimalSymbol,\n    decimalLimit,\n    requireDecimal,\n    allowNegative,\n    allowLeadingZeroes,\n    integerLimit,\n    shouldCompleteDecimals,\n  },\n) => {\n  const prefixIndex = prevRawValue.indexOf(prefix);\n  const suffixIndex = prevRawValue.lastIndexOf(suffix);\n  const negativeIndex = prevRawValue.indexOf('-');\n\n  const cursorPos =\n    prevCursorPos - (prefixIndex === -1 ? 0 : prefixIndex + prefix.length);\n\n  const rawValue = prevRawValue.substring(\n    prefixIndex === -1 ? 0 : prefixIndex + prefix.length,\n    suffixIndex === -1 ? prevRawValue.length : suffixIndex,\n  );\n\n  const filteredRawValue = rawValue\n    .split('')\n    .filter(\n      (char) =>\n        (char >= '0' && char <= '9') || char === decimalSymbol || char === '-',\n    );\n\n  let isNegative =\n    allowNegative &&\n    negativeIndex !== -1 &&\n    (prefixIndex === -1 || negativeIndex < prefixIndex);\n\n  let integer = '';\n  let decimal = '';\n  let foundDecimalSymbol = false;\n\n  const integerFits = () =>\n    integerLimit === null || integer.length < integerLimit;\n  const decimalFits = () =>\n    decimalLimit === null || decimal.length < decimalLimit;\n\n  filteredRawValue.forEach((char) => {\n    if (allowDecimal && !foundDecimalSymbol && char === decimalSymbol) {\n      foundDecimalSymbol = true;\n    } else if (\n      allowNegative &&\n      !integer.length &&\n      !foundDecimalSymbol &&\n      char === '-'\n    ) {\n      isNegative = true;\n    } else if (char >= '0' && char <= '9') {\n      if (!foundDecimalSymbol && integerFits()) {\n        integer += char;\n      } else if (foundDecimalSymbol && decimalFits()) {\n        decimal += char;\n      }\n    }\n  });\n\n  if (requireDecimal) foundDecimalSymbol = true;\n  if (!requireDecimal && !decimal?.length && lastkeycode === 8) {\n    foundDecimalSymbol = false;\n  }\n  if (!integer && !decimal) foundDecimalSymbol = false;\n\n  if (foundDecimalSymbol && !integer && decimal) {\n    integer = '0';\n  }\n\n  if (!allowLeadingZeroes) {\n    while (integer.length > 1 && integer[0] === '0')\n      integer = integer.substring(1);\n  }\n\n  let nextMaskedValue = includeThousandsSeparator\n    ? addThousandsSeparator(integer, thousandsSeparatorSymbol)\n    : integer;\n  nextMaskedValue += foundDecimalSymbol ? decimalSymbol : '';\n\n  if (shouldCompleteDecimals)\n    while (decimal.length !== decimalLimit) decimal += '0';\n\n  nextMaskedValue += decimal;\n\n  let maskedPos = 0;\n  for (let i = 0; i < cursorPos; i += 1) {\n    if (nextMaskedValue[maskedPos] === thousandsSeparatorSymbol) maskedPos += 1;\n    if (nextMaskedValue[maskedPos] === rawValue[i]) maskedPos += 1;\n  }\n  if (nextMaskedValue.length || isNegative) {\n    nextMaskedValue = prefix + nextMaskedValue;\n    maskedPos += prefix.length;\n\n    if (isNegative) {\n      if (lastkeycode !== 8 || nextMaskedValue !== prefix)\n        nextMaskedValue = `-${nextMaskedValue}`;\n      maskedPos += 1;\n    }\n\n    nextMaskedValue += suffix;\n  }\n\n  if (lastkeycode !== 8 && maskedPos < nextMaskedValue.length) {\n    if (\n      nextMaskedValue[maskedPos] === decimalSymbol &&\n      integer.length === integerLimit\n    ) {\n      maskedPos += 1;\n    } else if (nextMaskedValue[maskedPos] === thousandsSeparatorSymbol) {\n      maskedPos += 1;\n    }\n  }\n\n  return {\n    nextMaskedValue,\n    maskedPos: Math.min(maskedPos, nextMaskedValue.length - suffix.length),\n  };\n};\n\nconst NumberInputMask = ({\n  focus,\n  setFocus,\n  setRawMask,\n  cursorPosition,\n  setCursorPosition,\n  lastkey,\n  setLastkey,\n  setRawValue,\n  allowDecimal,\n  allowLeadingZeroes,\n  allowNegative,\n  autoFocus,\n  className,\n  clearable = false,\n  decimalLimit,\n  decimalSymbol,\n  disabled,\n  fluidWidth,\n  hasError,\n  includeThousandsSeparator,\n  innerRef,\n  integerLimit,\n  leftComponent,\n  maxLength,\n  minLength,\n  name,\n  onBlur,\n  onChange,\n  onClick,\n  onFocus,\n  onKeyDown,\n  onKeyUp,\n  onPaste,\n  placeholder,\n  prefix,\n  readOnly,\n  requireDecimal,\n  rightComponent,\n  style,\n  suffix,\n  thousandsSeparatorSymbol,\n  type,\n  value,\n  ...rest\n}) => {\n  const inputRef = useRef();\n  const [maskedValue, setMaskedValue] = useState(value);\n\n  const conform = useCallback(\n    ({\n      rawValue,\n      cursorPos,\n      lastkeycode,\n      shouldUpdateCursorPos = true,\n      shouldCompleteDecimals = false,\n    }) => {\n      const { nextMaskedValue, maskedPos } = conformValue(\n        rawValue,\n        cursorPos,\n        lastkeycode,\n        {\n          prefix,\n          suffix,\n          includeThousandsSeparator,\n          thousandsSeparatorSymbol,\n          allowDecimal,\n          decimalSymbol,\n          decimalLimit,\n          requireDecimal,\n          allowNegative,\n          allowLeadingZeroes,\n          integerLimit,\n          shouldCompleteDecimals,\n        },\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      if (requireDecimal && maskedValue !== '') {\n        conform({\n          rawValue: maskedValue,\n          cursorPos: 0,\n          lastkey: 0,\n          shouldUpdateCursorPos: 0,\n          shouldCompleteDecimals: true,\n        });\n      }\n    },\n    [maskedValue, requireDecimal, suffix, decimalLimit, 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\nNumberInputMask.propTypes = {\n  focus: PropTypes.bool,\n  setFocus: PropTypes.func,\n  setRawMask: PropTypes.func,\n  cursorPosition: PropTypes.shape({ current: PropTypes.number }),\n  setCursorPosition: PropTypes.func,\n  lastkey: PropTypes.shape({ code: PropTypes.number, key: PropTypes.string }),\n  setLastkey: PropTypes.func,\n  setRawValue: PropTypes.func,\n  allowDecimal: PropTypes.bool,\n  allowLeadingZeroes: PropTypes.bool,\n  allowNegative: PropTypes.bool,\n  autoFocus: PropTypes.bool,\n  className: PropTypes.string,\n  clearable: PropTypes.bool,\n  decimalLimit: PropTypes.number,\n  decimalSymbol: PropTypes.string,\n  disabled: PropTypes.bool,\n  fluidWidth: PropTypes.bool,\n  hasError: PropTypes.bool,\n  includeThousandsSeparator: PropTypes.bool,\n  innerRef: PropTypes.any,\n  integerLimit: PropTypes.number,\n  leftComponent: PropTypes.element,\n  mask: PropTypes.any,\n  maxLength: PropTypes.number,\n  minLength: PropTypes.number,\n  name: PropTypes.string,\n  onBlur: PropTypes.func,\n  onChange: PropTypes.func,\n  onClick: PropTypes.func,\n  onFocus: PropTypes.func,\n  onKeyDown: PropTypes.func,\n  onKeyUp: PropTypes.func,\n  onPaste: PropTypes.func,\n  placeholder: PropTypes.string,\n  placeholderChar: PropTypes.string,\n  prefix: PropTypes.string,\n  readOnly: PropTypes.bool,\n  requireDecimal: PropTypes.bool,\n  rightComponent: PropTypes.element,\n  style: PropTypes.object,\n  suffix: PropTypes.string,\n  thousandsSeparatorSymbol: PropTypes.string,\n  type: PropTypes.string,\n  value: PropTypes.string,\n};\n\nexport { NumberInputMask };\nexport default NumberInputMask;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}