@elliemae/ds-form 2.3.0-alpha.9 → 2.3.0-next.3

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

@@ -1,192 +0,0 @@
-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 conformValue = (rawValue, cursorPos, lastkeycode) => {
-  let nextMaskedValue = rawValue.split("").filter((char) => char >= "0" && char <= "9");
-  while (nextMaskedValue.length && nextMaskedValue[0] === "0")
-    nextMaskedValue.splice(0, 1);
-  nextMaskedValue = nextMaskedValue.slice(0, 10);
-  let maskedPos = 0;
-  for (let i = 0; i < cursorPos; i += 1) {
-    if (nextMaskedValue[maskedPos] === rawValue[i])
-      maskedPos += 1;
-  }
-  const charactersToAdd = [
-    ["(", 0],
-    [") ", 4],
-    ["-", 9]
-  ];
-  charactersToAdd.forEach(([chars, pos]) => {
-    if (nextMaskedValue.length > pos) {
-      nextMaskedValue.splice(pos, 0, ...chars);
-      if (maskedPos >= pos)
-        maskedPos += chars.length;
-    }
-  });
-  if (lastkeycode !== 8 && maskedPos < nextMaskedValue.length) {
-    charactersToAdd.forEach(([chars, pos]) => {
-      if (maskedPos === pos)
-        maskedPos += chars.length;
-    });
-  } else if (lastkeycode === 8 && maskedPos) {
-    charactersToAdd.forEach(([chars, pos]) => {
-      if (maskedPos === pos + 1)
-        maskedPos -= chars.length;
-    });
-  }
-  return { nextMaskedValue: nextMaskedValue.join(""), maskedPos };
-};
-const PhoneInputMask = ({
-  focus,
-  setFocus,
-  setRawMask,
-  cursorPosition,
-  setCursorPosition,
-  lastkey,
-  setLastkey,
-  setRawValue,
-  style,
-  disabled,
-  className,
-  name,
-  maxLength,
-  minLength,
-  fluidWidth,
-  placeholder,
-  onKeyDown,
-  onClick,
-  onChange,
-  onFocus,
-  onBlur,
-  onPaste,
-  onKeyUp,
-  hasError,
-  readOnly,
-  type,
-  innerRef,
-  clearable = false,
-  leftComponent,
-  rightComponent,
-  value,
-  ...rest
-}) => {
-  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]);
-  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, {
-    ...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
-  });
-};
-PhoneInputMask.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,
-  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 PhoneInputMask_default = PhoneInputMask;
-export {
-  PhoneInputMask,
-  PhoneInputMask_default as default
-};
-//# sourceMappingURL=PhoneInputMask.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/InputMask/mask_types/PhoneInputMask.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 'react-desc';\nimport { DSTextBox } from '../../TextBox';\nimport { TCharsToAdd } from '../types';\nimport { setCaretPosition } from '../utils/setCaretPosition';\n\nconst conformValue = (rawValue, cursorPos, lastkeycode) => {\n  let nextMaskedValue = rawValue\n    .split('')\n    .filter((char) => char >= '0' && char <= '9');\n\n  while (nextMaskedValue.length && nextMaskedValue[0] === '0')\n    nextMaskedValue.splice(0, 1);\n\n  nextMaskedValue = nextMaskedValue.slice(0, 10);\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]\nconst charactersToAdd: TCharsToAdd = [\n    ['(', 0],\n    [') ', 4],\n    ['-', 9],\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  return { nextMaskedValue: nextMaskedValue.join(''), maskedPos };\n};\n\nconst PhoneInputMask = ({\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\nPhoneInputMask.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 { PhoneInputMask };\nexport default PhoneInputMask;\n"],
-  "mappings": "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",
-  "names": []
-}

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

@@ -1,192 +0,0 @@
-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 conformValue = (rawValue, cursorPos, lastkeycode) => {
-  let nextMaskedValue = rawValue.split("+1").slice(-1)[0].split("").filter((char) => char >= "0" && char <= "9");
-  while (nextMaskedValue.length && nextMaskedValue[0] === "0")
-    nextMaskedValue.splice(0, 1);
-  nextMaskedValue = nextMaskedValue.slice(0, 10);
-  let maskedPos = 0;
-  for (let i = 0; i < cursorPos; i += 1) {
-    if (nextMaskedValue[maskedPos] === rawValue[i])
-      maskedPos += 1;
-  }
-  const charactersToAdd = [
-    ["+1 (", 0],
-    [") ", 7],
-    ["-", 12]
-  ];
-  charactersToAdd.forEach(([chars, pos]) => {
-    if (nextMaskedValue.length > pos) {
-      nextMaskedValue.splice(pos, 0, ...chars);
-      if (maskedPos >= pos)
-        maskedPos += chars.length;
-    }
-  });
-  if (lastkeycode !== 8 && maskedPos < nextMaskedValue.length) {
-    charactersToAdd.forEach(([chars, pos]) => {
-      if (maskedPos === pos)
-        maskedPos += chars.length;
-    });
-  } else if (lastkeycode === 8 && maskedPos) {
-    charactersToAdd.forEach(([chars, pos]) => {
-      if (maskedPos === pos + 1)
-        maskedPos -= chars.length;
-    });
-  }
-  return { nextMaskedValue: nextMaskedValue.join(""), maskedPos };
-};
-const PhoneInternationalInputMask = ({
-  focus,
-  setFocus,
-  setRawMask,
-  cursorPosition,
-  setCursorPosition,
-  lastkey,
-  setLastkey,
-  setRawValue,
-  style,
-  disabled,
-  className,
-  name,
-  maxLength,
-  minLength,
-  fluidWidth,
-  placeholder,
-  onKeyDown,
-  onClick,
-  onChange,
-  onFocus,
-  onBlur,
-  onPaste,
-  onKeyUp,
-  hasError,
-  readOnly,
-  type,
-  innerRef,
-  clearable = false,
-  leftComponent,
-  rightComponent,
-  value,
-  ...rest
-}) => {
-  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]);
-  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, {
-    ...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
-  });
-};
-PhoneInternationalInputMask.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,
-  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 PhoneInternationalInputMask_default = PhoneInternationalInputMask;
-export {
-  PhoneInternationalInputMask,
-  PhoneInternationalInputMask_default as default
-};
-//# sourceMappingURL=PhoneInternationalInputMask.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/InputMask/mask_types/PhoneInternationalInputMask.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 'react-desc';\nimport { DSTextBox } from '../../TextBox';\nimport { TCharsToAdd } from '../types';\nimport { setCaretPosition } from '../utils/setCaretPosition';\n\nconst conformValue = (rawValue, cursorPos, lastkeycode) => {\n  let nextMaskedValue = rawValue\n    .split('+1')\n    .slice(-1)[0]\n    .split('')\n    .filter((char) => char >= '0' && char <= '9');\n\n  while (nextMaskedValue.length && nextMaskedValue[0] === '0')\n    nextMaskedValue.splice(0, 1);\n\n  nextMaskedValue = nextMaskedValue.slice(0, 10);\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]\nconst charactersToAdd: TCharsToAdd = [\n    ['+1 (', 0],\n    [') ', 7],\n    ['-', 12],\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  return { nextMaskedValue: nextMaskedValue.join(''), maskedPos };\n};\n\nconst PhoneInternationalInputMask = ({\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\nPhoneInternationalInputMask.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 { PhoneInternationalInputMask };\nexport default PhoneInternationalInputMask;\n"],
-  "mappings": "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",
-  "names": []
-}

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

@@ -1,188 +0,0 @@
-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 conformValue = (rawValue, cursorPos, lastkeycode) => {
-  const nextMaskedValue = rawValue.split("").filter((char) => char >= "0" && char <= "9").slice(0, 9);
-  let maskedPos = 0;
-  for (let i = 0; i < cursorPos; i += 1) {
-    if (nextMaskedValue[maskedPos] === rawValue[i])
-      maskedPos += 1;
-  }
-  const charactersToAdd = [
-    ["-", 3],
-    ["-", 6]
-  ];
-  charactersToAdd.forEach(([chars, pos]) => {
-    if (nextMaskedValue.length > pos) {
-      nextMaskedValue.splice(pos, 0, ...chars);
-      if (maskedPos >= pos)
-        maskedPos += chars.length;
-    }
-  });
-  if (lastkeycode !== 8 && maskedPos < nextMaskedValue.length) {
-    charactersToAdd.forEach(([chars, pos]) => {
-      if (maskedPos === pos)
-        maskedPos += chars.length;
-    });
-  } else if (lastkeycode === 8 && maskedPos) {
-    charactersToAdd.forEach(([chars, pos]) => {
-      if (maskedPos === pos + 1)
-        maskedPos -= chars.length;
-    });
-  }
-  return { nextMaskedValue: nextMaskedValue.join(""), maskedPos };
-};
-const SsnInputMask = ({
-  focus,
-  setFocus,
-  setRawMask,
-  cursorPosition,
-  setCursorPosition,
-  lastkey,
-  setLastkey,
-  setRawValue,
-  style,
-  disabled,
-  className,
-  name,
-  maxLength,
-  minLength,
-  fluidWidth,
-  placeholder,
-  onKeyDown,
-  onClick,
-  onChange,
-  onFocus,
-  onBlur,
-  onPaste,
-  onKeyUp,
-  hasError,
-  readOnly,
-  type,
-  innerRef,
-  clearable = false,
-  leftComponent,
-  rightComponent,
-  value,
-  ...rest
-}) => {
-  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]);
-  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, {
-    ...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
-  });
-};
-SsnInputMask.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,
-  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 SsnInputMask_default = SsnInputMask;
-export {
-  SsnInputMask,
-  SsnInputMask_default as default
-};
-//# sourceMappingURL=SsnInputMask.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/InputMask/mask_types/SsnInputMask.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 'react-desc';\nimport { DSTextBox } from '../../TextBox';\nimport { TCharsToAdd } from '../types';\nimport { setCaretPosition } from '../utils/setCaretPosition';\n\nconst conformValue = (rawValue, cursorPos, lastkeycode) => {\n  const nextMaskedValue = rawValue\n    .split('')\n    .filter((char) => char >= '0' && char <= '9')\n    .slice(0, 9);\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]\nconst charactersToAdd: TCharsToAdd = [\n    ['-', 3],\n    ['-', 6],\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  return { nextMaskedValue: nextMaskedValue.join(''), maskedPos };\n};\n\nconst SsnInputMask = ({\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\nSsnInputMask.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 { SsnInputMask };\nexport default SsnInputMask;\n"],
-  "mappings": "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",
-  "names": []
-}