@elliemae/ds-form 3.0.0-next.2 → 3.0.0-next.6

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

@@ -0,0 +1,7 @@
+{
+  "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 'react-desc';\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\nDateTimeInputMask.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  style: PropTypes.object,\n  disabled: PropTypes.bool,\n  className: PropTypes.string,\n  name: PropTypes.string,\n  maxLength: PropTypes.number,\n  minLength: PropTypes.number,\n  fluidWidth: PropTypes.bool,\n  placeholder: PropTypes.string,\n  value: PropTypes.string,\n  onChange: PropTypes.func,\n  onKeyDown: PropTypes.func,\n  leftComponent: PropTypes.element,\n  rightComponent: PropTypes.element,\n  onFocus: PropTypes.func,\n  onBlur: PropTypes.func,\n  onPaste: PropTypes.func,\n  onKeyUp: PropTypes.func,\n  hasError: PropTypes.bool,\n  readOnly: PropTypes.bool,\n  onClick: PropTypes.func,\n  clearable: PropTypes.bool,\n  type: PropTypes.string,\n  innerRef: PropTypes.any,\n  mask: PropTypes.any,\n  placeholderChar: PropTypes.string,\n};\n\nexport { DateTimeInputMask };\nexport default DateTimeInputMask;\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,247 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import React2, { useCallback, useLayoutEffect, useRef, useState } from "react";
+import { PropTypes } from "react-desc";
+import { DSTextBox } from "../../TextBox";
+import { setCaretPosition } from "../utils/setCaretPosition";
+const startsWith = (a, b, ignoreCase) => {
+  if (ignoreCase) {
+    a = a.toLowerCase();
+    b = b.toLowerCase();
+  }
+  return a.startsWith(b);
+};
+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));
+    if (matchingWords.length) {
+      nextMaskedValue += rawValue[i];
+      currentPosibleWords = matchingWords;
+    }
+  }
+  return { nextMaskedValue, maskedPos: cursorPos };
+};
+const DictionaryInputMask = (_a) => {
+  var _b = _a, {
+    focus,
+    setFocus,
+    setRawMask,
+    cursorPosition,
+    setCursorPosition,
+    lastkey,
+    setLastkey,
+    setRawValue,
+    allowedWords,
+    ignoreCase = true,
+    autoFocus,
+    style,
+    disabled,
+    className,
+    name,
+    maxLength,
+    minLength,
+    fluidWidth,
+    placeholder,
+    onKeyDown,
+    onClick,
+    onChange,
+    onFocus,
+    onBlur,
+    onPaste,
+    onKeyUp,
+    hasError,
+    readOnly,
+    type,
+    innerRef,
+    clearable = false,
+    leftComponent,
+    rightComponent,
+    value
+  } = _b, rest = __objRest(_b, [
+    "focus",
+    "setFocus",
+    "setRawMask",
+    "cursorPosition",
+    "setCursorPosition",
+    "lastkey",
+    "setLastkey",
+    "setRawValue",
+    "allowedWords",
+    "ignoreCase",
+    "autoFocus",
+    "style",
+    "disabled",
+    "className",
+    "name",
+    "maxLength",
+    "minLength",
+    "fluidWidth",
+    "placeholder",
+    "onKeyDown",
+    "onClick",
+    "onChange",
+    "onFocus",
+    "onBlur",
+    "onPaste",
+    "onKeyUp",
+    "hasError",
+    "readOnly",
+    "type",
+    "innerRef",
+    "clearable",
+    "leftComponent",
+    "rightComponent",
+    "value"
+  ]);
+  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]);
+  useLayoutEffect(() => {
+    if (focus)
+      setCaretPosition(inputRef.current, cursorPosition.current);
+  }, [focus, cursorPosition]);
+  useLayoutEffect(() => {
+    conform({
+      rawValue: value,
+      cursorPos: cursorPosition.current,
+      lastkeycode: lastkey.code,
+      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]);
+  return /* @__PURE__ */ React2.createElement(DSTextBox, __spreadProps(__spreadValues({}, rest), {
+    className,
+    clearable,
+    disabled,
+    fluidWidth,
+    hasError,
+    innerRef: (ref) => {
+      inputRef.current = ref;
+      if (innerRef)
+        innerRef(ref);
+    },
+    isActive: focus,
+    leftComponent,
+    maxLength,
+    minLength,
+    name,
+    onBlur: handleBlur,
+    onChange: handleOnChange,
+    onClick,
+    onFocus,
+    onKeyDown: handleKeyDown,
+    onKeyUp,
+    onPaste,
+    placeholder,
+    readOnly,
+    rightComponent,
+    style,
+    type,
+    value: maskedValue
+  }));
+};
+DictionaryInputMask.propTypes = {
+  focus: PropTypes.bool,
+  setFocus: PropTypes.func,
+  setRawMask: PropTypes.func,
+  cursorPosition: PropTypes.shape({ current: PropTypes.number }),
+  setCursorPosition: PropTypes.func,
+  lastkey: PropTypes.shape({ code: PropTypes.number, key: PropTypes.string }),
+  setLastkey: PropTypes.func,
+  setRawValue: PropTypes.func,
+  allowedWords: PropTypes.arrayOf(PropTypes.string),
+  ignoreCase: PropTypes.bool,
+  autoFocus: PropTypes.bool,
+  style: PropTypes.object,
+  disabled: PropTypes.bool,
+  className: PropTypes.string,
+  name: PropTypes.string,
+  maxLength: PropTypes.number,
+  minLength: PropTypes.number,
+  fluidWidth: PropTypes.bool,
+  placeholder: PropTypes.string,
+  value: PropTypes.string,
+  onChange: PropTypes.func,
+  onKeyDown: PropTypes.func,
+  leftComponent: PropTypes.element,
+  rightComponent: PropTypes.element,
+  onFocus: PropTypes.func,
+  onBlur: PropTypes.func,
+  onPaste: PropTypes.func,
+  onKeyUp: PropTypes.func,
+  hasError: PropTypes.bool,
+  readOnly: PropTypes.bool,
+  onClick: PropTypes.func,
+  clearable: PropTypes.bool,
+  type: PropTypes.string,
+  innerRef: PropTypes.any,
+  mask: PropTypes.any,
+  placeholderChar: PropTypes.string
+};
+var DictionaryInputMask_default = DictionaryInputMask;
+export {
+  DictionaryInputMask,
+  DictionaryInputMask_default as default
+};
+//# sourceMappingURL=DictionaryInputMask.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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 'react-desc';\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\nDictionaryInputMask.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  allowedWords: PropTypes.arrayOf(PropTypes.string),\n  ignoreCase: PropTypes.bool,\n  autoFocus: PropTypes.bool,\n  style: PropTypes.object,\n  disabled: PropTypes.bool,\n  className: PropTypes.string,\n  name: PropTypes.string,\n  maxLength: PropTypes.number,\n  minLength: PropTypes.number,\n  fluidWidth: PropTypes.bool,\n  placeholder: PropTypes.string,\n  value: PropTypes.string,\n  onChange: PropTypes.func,\n  onKeyDown: PropTypes.func,\n  leftComponent: PropTypes.element,\n  rightComponent: PropTypes.element,\n  onFocus: PropTypes.func,\n  onBlur: PropTypes.func,\n  onPaste: PropTypes.func,\n  onKeyUp: PropTypes.func,\n  hasError: PropTypes.bool,\n  readOnly: PropTypes.bool,\n  onClick: PropTypes.func,\n  clearable: PropTypes.bool,\n  type: PropTypes.string,\n  innerRef: PropTypes.any,\n  mask: PropTypes.any,\n  placeholderChar: PropTypes.string,\n};\n\nexport { DictionaryInputMask };\nexport default DictionaryInputMask;\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,372 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import React2, { useCallback, useLayoutEffect, useRef, useState } from "react";
+import { PropTypes } from "react-desc";
+import { DSTextBox } from "../../TextBox";
+import { setCaretPosition } from "../utils/setCaretPosition";
+const addThousandsSeparator = (n, thousandsSeparatorSymbol) => n.replace(/\B(?=(\d{3})+(?!\d))/g, thousandsSeparatorSymbol);
+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 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 === "-");
+  let isNegative = allowNegative && negativeIndex !== -1 && (prefixIndex === -1 || negativeIndex < prefixIndex);
+  let integer = "";
+  let decimal = "";
+  let foundDecimalSymbol = false;
+  const integerFits = () => integerLimit === null || integer.length < integerLimit;
+  const decimalFits = () => decimalLimit === null || decimal.length < decimalLimit;
+  filteredRawValue.forEach((char) => {
+    if (allowDecimal && !foundDecimalSymbol && char === decimalSymbol) {
+      foundDecimalSymbol = true;
+    } else if (allowNegative && !integer.length && !foundDecimalSymbol && char === "-") {
+      isNegative = true;
+    } else if (char >= "0" && char <= "9") {
+      if (!foundDecimalSymbol && integerFits()) {
+        integer += char;
+      } else if (foundDecimalSymbol && decimalFits()) {
+        decimal += char;
+      }
+    }
+  });
+  if (requireDecimal)
+    foundDecimalSymbol = true;
+  if (!requireDecimal && !decimal?.length && lastkeycode === 8) {
+    foundDecimalSymbol = false;
+  }
+  if (!integer && !decimal)
+    foundDecimalSymbol = false;
+  if (foundDecimalSymbol && !integer && decimal) {
+    integer = "0";
+  }
+  if (!allowLeadingZeroes) {
+    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 += 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.length || isNegative) {
+    nextMaskedValue = prefix + nextMaskedValue;
+    maskedPos += prefix.length;
+    if (isNegative) {
+      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;
+    } else if (nextMaskedValue[maskedPos] === thousandsSeparatorSymbol) {
+      maskedPos += 1;
+    }
+  }
+  return {
+    nextMaskedValue,
+    maskedPos: Math.min(maskedPos, nextMaskedValue.length - suffix.length)
+  };
+};
+const NumberInputMask = (_a) => {
+  var _b = _a, {
+    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
+  } = _b, rest = __objRest(_b, [
+    "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"
+  ]);
+  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]);
+  useLayoutEffect(() => {
+    if (focus)
+      setCaretPosition(inputRef.current, cursorPosition.current);
+  }, [focus, cursorPosition]);
+  useLayoutEffect(() => {
+    conform({
+      rawValue: value,
+      cursorPos: cursorPosition.current,
+      lastkeycode: lastkey.code,
+      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]);
+  return /* @__PURE__ */ React2.createElement(DSTextBox, __spreadProps(__spreadValues({}, rest), {
+    className,
+    clearable,
+    disabled,
+    fluidWidth,
+    hasError,
+    innerRef: (ref) => {
+      inputRef.current = ref;
+      if (innerRef)
+        innerRef(ref);
+    },
+    isActive: focus,
+    leftComponent,
+    maxLength,
+    minLength,
+    name,
+    onBlur: handleBlur,
+    onChange: handleOnChange,
+    onClick,
+    onFocus,
+    onKeyDown: handleKeyDown,
+    onKeyUp,
+    onPaste,
+    placeholder,
+    readOnly,
+    rightComponent,
+    style,
+    type,
+    value: maskedValue
+  }));
+};
+NumberInputMask.propTypes = {
+  focus: PropTypes.bool,
+  setFocus: PropTypes.func,
+  setRawMask: PropTypes.func,
+  cursorPosition: PropTypes.shape({ current: PropTypes.number }),
+  setCursorPosition: PropTypes.func,
+  lastkey: PropTypes.shape({ code: PropTypes.number, key: PropTypes.string }),
+  setLastkey: PropTypes.func,
+  setRawValue: PropTypes.func,
+  allowDecimal: PropTypes.bool,
+  allowLeadingZeroes: PropTypes.bool,
+  allowNegative: PropTypes.bool,
+  autoFocus: PropTypes.bool,
+  className: PropTypes.string,
+  clearable: PropTypes.bool,
+  decimalLimit: PropTypes.number,
+  decimalSymbol: PropTypes.string,
+  disabled: PropTypes.bool,
+  fluidWidth: PropTypes.bool,
+  hasError: PropTypes.bool,
+  includeThousandsSeparator: PropTypes.bool,
+  innerRef: PropTypes.any,
+  integerLimit: PropTypes.number,
+  leftComponent: PropTypes.element,
+  mask: PropTypes.any,
+  maxLength: PropTypes.number,
+  minLength: PropTypes.number,
+  name: PropTypes.string,
+  onBlur: PropTypes.func,
+  onChange: PropTypes.func,
+  onClick: PropTypes.func,
+  onFocus: PropTypes.func,
+  onKeyDown: PropTypes.func,
+  onKeyUp: PropTypes.func,
+  onPaste: PropTypes.func,
+  placeholder: PropTypes.string,
+  placeholderChar: PropTypes.string,
+  prefix: PropTypes.string,
+  readOnly: PropTypes.bool,
+  requireDecimal: PropTypes.bool,
+  rightComponent: PropTypes.element,
+  style: PropTypes.object,
+  suffix: PropTypes.string,
+  thousandsSeparatorSymbol: PropTypes.string,
+  type: PropTypes.string,
+  value: PropTypes.string
+};
+var NumberInputMask_default = NumberInputMask;
+export {
+  NumberInputMask,
+  NumberInputMask_default as default
+};
+//# sourceMappingURL=NumberInputMask.js.map