@elliemae/ds-form 3.27.0-next.1 → 3.27.0-next.3

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

@@ -1,165 +0,0 @@
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-import { useCallback, useLayoutEffect, useRef, useState } from "react";
-import { DSTextBox } from "../../TextBox/index.js";
-import { setCaretPosition } from "../utils/setCaretPosition.js";
-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 = [["-", 5]];
-  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 ZipCodeSearchInputMask = ({
-  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__ */ jsx(
-    DSTextBox,
-    {
-      ...rest,
-      className,
-      clearable,
-      disabled,
-      fluidWidth,
-      hasError,
-      innerRef: (ref) => {
-        inputRef.current = ref;
-        if (innerRef && typeof innerRef === "function")
-          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
-    }
-  );
-};
-var ZipCodeSearchInputMask_default = ZipCodeSearchInputMask;
-export {
-  ZipCodeSearchInputMask,
-  ZipCodeSearchInputMask_default as default
-};
-//# sourceMappingURL=ZipCodeSearchInputMask.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/InputMask/mask_types/ZipCodeSearchInputMask.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, { useCallback, useLayoutEffect, useRef, useState } from 'react';\nimport { PropTypes } from '@elliemae/ds-props-helpers';\nimport { DSTextBox } from '../../TextBox/index.js';\nimport type { TCharsToAdd } from '../types/index.js';\nimport { setCaretPosition } from '../utils/setCaretPosition.js';\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]\n  const charactersToAdd: TCharsToAdd = [['-', 5]];\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 ZipCodeSearchInputMask = ({\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(rawValue, cursorPos, lastkeycode);\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 && typeof innerRef === 'function') innerRef(ref);\n      }}\n      isActive={focus}\n      leftComponent={leftComponent}\n      maxLength={maxLength}\n      minLength={minLength}\n      name={name}\n      onBlur={handleBlur}\n      onChange={handleOnChange}\n      onClick={onClick}\n      onFocus={onFocus}\n      onKeyDown={handleKeyDown}\n      onKeyUp={onKeyUp}\n      onPaste={onPaste}\n      placeholder={placeholder}\n      readOnly={readOnly}\n      rightComponent={rightComponent}\n      style={style}\n      type={type}\n      value={maskedValue}\n    />\n  );\n};\n\nexport { ZipCodeSearchInputMask };\nexport default ZipCodeSearchInputMask;\n"],
-  "mappings": "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",
-  "names": []
-}

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

@@ -1,90 +0,0 @@
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-import { DateInputMask } from "./DateInputMask.js";
-import { DateTimeInputMask } from "./DateTimeInputMask.js";
-import { DictionaryInputMask } from "./DictionaryInputMask.js";
-import { NumberInputMask } from "./NumberInputMask.js";
-import { PhoneInputMask } from "./PhoneInputMask.js";
-import { PhoneInternationalInputMask } from "./PhoneInternationalInputMask.js";
-import { SsnInputMask } from "./SsnInputMask.js";
-import { UsZipCodeInputMask } from "./UsZipCodeInputMask.js";
-import { ZipCodeSearchInputMask } from "./ZipCodeSearchInputMask.js";
-const dollarSign = "$";
-const percentSign = "%";
-const emptyString = "";
-const comma = ",";
-const period = ".";
-const OutOfTheBoxMaskTypes = {
-  "ds-mask-date": (props) => /* @__PURE__ */ jsx(DateInputMask, { ...props }),
-  "ds-mask-date-time": (props) => /* @__PURE__ */ jsx(DateTimeInputMask, { ...props }),
-  "ds-mask-dictionary": ({ ignoreCase = true, ...rest }) => /* @__PURE__ */ jsx(DictionaryInputMask, { ignoreCase, ...rest }),
-  "ds-mask-number": ({
-    prefix = dollarSign,
-    suffix = emptyString,
-    includeThousandsSeparator = true,
-    thousandsSeparatorSymbol = comma,
-    allowDecimal = false,
-    decimalSymbol = period,
-    decimalLimit = 2,
-    requireDecimal = false,
-    allowNegative = false,
-    allowLeadingZeroes = false,
-    integerLimit = null,
-    ...rest
-  }) => /* @__PURE__ */ jsx(
-    NumberInputMask,
-    {
-      prefix,
-      suffix,
-      includeThousandsSeparator,
-      thousandsSeparatorSymbol,
-      allowDecimal,
-      decimalSymbol,
-      decimalLimit,
-      requireDecimal,
-      allowNegative,
-      allowLeadingZeroes,
-      integerLimit,
-      ...rest
-    }
-  ),
-  "ds-mask-percent": ({
-    prefix = emptyString,
-    suffix = percentSign,
-    includeThousandsSeparator = true,
-    thousandsSeparatorSymbol = comma,
-    allowDecimal = false,
-    decimalSymbol = period,
-    decimalLimit = 2,
-    requireDecimal = false,
-    allowNegative = false,
-    allowLeadingZeroes = false,
-    integerLimit = null,
-    ...rest
-  }) => /* @__PURE__ */ jsx(
-    NumberInputMask,
-    {
-      prefix,
-      suffix,
-      includeThousandsSeparator,
-      thousandsSeparatorSymbol,
-      allowDecimal,
-      decimalSymbol,
-      decimalLimit,
-      requireDecimal,
-      allowNegative,
-      allowLeadingZeroes,
-      integerLimit,
-      ...rest
-    }
-  ),
-  "ds-mask-phone": (props) => /* @__PURE__ */ jsx(PhoneInputMask, { ...props }),
-  "ds-mask-phone-international": (props) => /* @__PURE__ */ jsx(PhoneInternationalInputMask, { ...props }),
-  "ds-mask-ssn": (props) => /* @__PURE__ */ jsx(SsnInputMask, { ...props }),
-  "ds-mask-us-zip-code": (props) => /* @__PURE__ */ jsx(UsZipCodeInputMask, { ...props }),
-  "ds-mask-zip-code-search": (props) => /* @__PURE__ */ jsx(ZipCodeSearchInputMask, { ...props })
-};
-export {
-  OutOfTheBoxMaskTypes
-};
-//# sourceMappingURL=index.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/InputMask/mask_types/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DateInputMask } from './DateInputMask.js';\nimport { DateTimeInputMask } from './DateTimeInputMask.js';\nimport { DictionaryInputMask } from './DictionaryInputMask.js';\nimport { NumberInputMask } from './NumberInputMask.js';\nimport { PhoneInputMask } from './PhoneInputMask.js';\nimport { PhoneInternationalInputMask } from './PhoneInternationalInputMask.js';\nimport { SsnInputMask } from './SsnInputMask.js';\nimport { UsZipCodeInputMask } from './UsZipCodeInputMask.js';\nimport { ZipCodeSearchInputMask } from './ZipCodeSearchInputMask.js';\n\nconst dollarSign = '$';\nconst percentSign = '%';\nconst emptyString = '';\nconst comma = ',';\nconst period = '.';\n\nexport const OutOfTheBoxMaskTypes = {\n  'ds-mask-date': (props) => <DateInputMask {...props} />,\n  'ds-mask-date-time': (props) => <DateTimeInputMask {...props} />,\n  'ds-mask-dictionary': ({ ignoreCase = true, ...rest }) => <DictionaryInputMask ignoreCase={ignoreCase} {...rest} />,\n  'ds-mask-number': ({\n    prefix = dollarSign,\n    suffix = emptyString,\n    includeThousandsSeparator = true,\n    thousandsSeparatorSymbol = comma,\n    allowDecimal = false,\n    decimalSymbol = period,\n    decimalLimit = 2,\n    requireDecimal = false,\n    allowNegative = false,\n    allowLeadingZeroes = false,\n    integerLimit = null,\n    ...rest\n  }) => (\n    <NumberInputMask\n      prefix={prefix}\n      suffix={suffix}\n      includeThousandsSeparator={includeThousandsSeparator}\n      thousandsSeparatorSymbol={thousandsSeparatorSymbol}\n      allowDecimal={allowDecimal}\n      decimalSymbol={decimalSymbol}\n      decimalLimit={decimalLimit}\n      requireDecimal={requireDecimal}\n      allowNegative={allowNegative}\n      allowLeadingZeroes={allowLeadingZeroes}\n      integerLimit={integerLimit}\n      {...rest}\n    />\n  ),\n  'ds-mask-percent': ({\n    prefix = emptyString,\n    suffix = percentSign,\n    includeThousandsSeparator = true,\n    thousandsSeparatorSymbol = comma,\n    allowDecimal = false,\n    decimalSymbol = period,\n    decimalLimit = 2,\n    requireDecimal = false,\n    allowNegative = false,\n    allowLeadingZeroes = false,\n    integerLimit = null,\n    ...rest\n  }) => (\n    <NumberInputMask\n      prefix={prefix}\n      suffix={suffix}\n      includeThousandsSeparator={includeThousandsSeparator}\n      thousandsSeparatorSymbol={thousandsSeparatorSymbol}\n      allowDecimal={allowDecimal}\n      decimalSymbol={decimalSymbol}\n      decimalLimit={decimalLimit}\n      requireDecimal={requireDecimal}\n      allowNegative={allowNegative}\n      allowLeadingZeroes={allowLeadingZeroes}\n      integerLimit={integerLimit}\n      {...rest}\n    />\n  ),\n  'ds-mask-phone': (props) => <PhoneInputMask {...props} />,\n  'ds-mask-phone-international': (props) => <PhoneInternationalInputMask {...props} />,\n  'ds-mask-ssn': (props) => <SsnInputMask {...props} />,\n  'ds-mask-us-zip-code': (props) => <UsZipCodeInputMask {...props} />,\n  'ds-mask-zip-code-search': (props) => <ZipCodeSearchInputMask {...props} />,\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACkBM;AAjB7B,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAClC,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,mCAAmC;AAC5C,SAAS,oBAAoB;AAC7B,SAAS,0BAA0B;AACnC,SAAS,8BAA8B;AAEvC,MAAM,aAAa;AACnB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,QAAQ;AACd,MAAM,SAAS;AAER,MAAM,uBAAuB;AAAA,EAClC,gBAAgB,CAAC,UAAU,oBAAC,iBAAe,GAAG,OAAO;AAAA,EACrD,qBAAqB,CAAC,UAAU,oBAAC,qBAAmB,GAAG,OAAO;AAAA,EAC9D,sBAAsB,CAAC,EAAE,aAAa,MAAM,GAAG,KAAK,MAAM,oBAAC,uBAAoB,YAAyB,GAAG,MAAM;AAAA,EACjH,kBAAkB,CAAC;AAAA,IACjB,SAAS;AAAA,IACT,SAAS;AAAA,IACT,4BAA4B;AAAA,IAC5B,2BAA2B;AAAA,IAC3B,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,gBAAgB;AAAA,IAChB,qBAAqB;AAAA,IACrB,eAAe;AAAA,IACf,GAAG;AAAA,EACL,MACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAAA,EAEF,mBAAmB,CAAC;AAAA,IAClB,SAAS;AAAA,IACT,SAAS;AAAA,IACT,4BAA4B;AAAA,IAC5B,2BAA2B;AAAA,IAC3B,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,gBAAgB;AAAA,IAChB,qBAAqB;AAAA,IACrB,eAAe;AAAA,IACf,GAAG;AAAA,EACL,MACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAAA,EAEF,iBAAiB,CAAC,UAAU,oBAAC,kBAAgB,GAAG,OAAO;AAAA,EACvD,+BAA+B,CAAC,UAAU,oBAAC,+BAA6B,GAAG,OAAO;AAAA,EAClF,eAAe,CAAC,UAAU,oBAAC,gBAAc,GAAG,OAAO;AAAA,EACnD,uBAAuB,CAAC,UAAU,oBAAC,sBAAoB,GAAG,OAAO;AAAA,EACjE,2BAA2B,CAAC,UAAU,oBAAC,0BAAwB,GAAG,OAAO;AAC3E;",
-  "names": []
-}

package/dist/esm/InputMask/props.js

@@ -1,127 +0,0 @@
-import * as React from "react";
-import { PropTypes } from "@elliemae/ds-props-helpers";
-const inputProps = {
-  /** Should component focus automatically */
-  autoFocus: PropTypes.bool.description("Should component focus automatically"),
-  /**
-   * Set style for the input mask
-   */
-  style: PropTypes.object.description("Set style for the input mask"),
-  /**
-   * Whether the input mask is disabled or not
-   */
-  disabled: PropTypes.bool.description("Whether the input mask is disabled or not"),
-  /** disableTooltip */
-  disableTooltip: PropTypes.bool.description("Whether to show a tooltip or not when text does not fit").defaultValue(true),
-  /** css class */
-  className: PropTypes.string.description("css class"),
-  /** html name prop for form */
-  name: PropTypes.string.description("html name prop for form"),
-  /**
-   * Max length for the input mask
-   */
-  maxLength: PropTypes.number.description("Max length for the input mask"),
-  /**
-   * Min length for the input mask
-   */
-  minLength: PropTypes.number.description("Min length for the input mask"),
-  /**
-   * Whether to make the content of the input mask fit the container or not
-   */
-  fluidWidth: PropTypes.bool.description("Whether to make the content of the input mask fit the container or not"),
-  /** isShowElipsisActive */
-  isShowElipsisActive: PropTypes.bool.description("Wheter to enable the ellipsis and tooltip functionality or not").defaultValue(true),
-  /**
-   * Component that works as placeholder
-   */
-  placeholder: PropTypes.node.description("Component that works as placeholder"),
-  /**
-   * Allows a function that is triggered once a key is being pressed
-   */
-  onKeyDown: PropTypes.func.description("Allows a function that is triggered once a key is being pressed"),
-  /**
-   * Allows a function that is triggered once the input mask is clicked
-   */
-  onClick: PropTypes.func.description("Allows a function that is triggered once the input mask is clicked"),
-  /**
-   * Allows a function that is triggered once the input mask changes
-   */
-  onChange: PropTypes.func.description("Allows a function that is triggered once the input mask changes"),
-  /**
-   * Allows a function that is triggered once the input mask is focused
-   */
-  onFocus: PropTypes.func.description("Allows a function that is triggered once the input mask is focused"),
-  /**
-   * Allows a function that is triggered once the input mask loses focus
-   */
-  onBlur: PropTypes.func.description("Allows a function that is triggered once the input mask loses focus"),
-  /**
-   * Allows a function that is triggered once the input mask is pasted
-   */
-  onPaste: PropTypes.func.description("Allows a function that is triggered once the input mask is pasted"),
-  /**
-   * Allows a function that is triggered once in the input mask a keyboard key is released
-   */
-  onKeyUp: PropTypes.func.description(
-    "Allows a function that is triggered once in the input mask a keyboard key is released"
-  ),
-  /**
-   * Default value once the component is initialized
-   */
-  value: PropTypes.string.description("Default value once the component is initialized"),
-  /**
-   * Whether the input mask has error or not
-   */
-  hasError: PropTypes.bool.description("Whether the input mask has error or not"),
-  /**
-   * Whether the input mask is read only or not
-   */
-  readOnly: PropTypes.bool.description("Whether the input mask is read only or not"),
-  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(
-    "Whether the input mask is read only or not"
-  ),
-  /**
-   * Type of input. Ex: 'text'
-   */
-  type: PropTypes.string.description("Type of input. Ex: 'text'"),
-  /**
-   * Whether the input mask is clearable or not
-   */
-  clearable: PropTypes.bool.description("Whether the input mask is clearable or not"),
-  /**
-   * Component to be added at the right side of the input
-   */
-  leftComponent: PropTypes.node.description("Component to be added at the right side of the input"),
-  /**
-   * Component to be added at the right side of the input
-   */
-  rightComponent: PropTypes.node.description("Component to be added at the right side of the input"),
-  /**
-   * Mask that has to match with the input information entered
-   * ['DATE', 'PHONE', 'PHONE_INTENATIONAL', 'SSN', 'US_ZIP_CODE', 'NUMBER', 'PERCENT']
-   */
-  mask: PropTypes.oneOfType([PropTypes.array, PropTypes.string, PropTypes.func, PropTypes.object]).description(
-    "Mask that has to match with the input information entered. ['DATE', 'PHONE', 'PHONE_INTENATIONAL', 'SSN', 'US_ZIP_CODE', 'NUMBER', 'PERCENT', 'ZIP_CODE_SEARCH']"
-  ),
-  /**
-    Expects pipe functions. i.e. autoCorrectedDatePipe
-    link a docu de text-mask
-   */
-  pipe: PropTypes.func.description("Expects pipe functions. i.e. autoCorrectedDatePipe"),
-  /**
-   * Put a sufix after the input mask
-   */
-  useSubfix: PropTypes.string.description("Put a sufix after the input mask"),
-  /**
-   * The placeholder character represents the fillable spot in the mask.
-   * The default placeholder character is underscore, _
-   */
-  placeholderChar: PropTypes.string.description(
-    `The placeholder character represents the fillable spot in the mask.
- The default placeholder character is underscore, _.`
-  ).defaultValue("_")
-};
-export {
-  inputProps
-};
-//# sourceMappingURL=props.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/InputMask/props.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-props-helpers';\n\nexport const inputProps = {\n  /** Should component focus automatically */\n  autoFocus: PropTypes.bool.description('Should component focus automatically'),\n  /**\n   * Set style for the input mask\n   */\n  style: PropTypes.object.description('Set style for the input mask'),\n  /**\n   * Whether the input mask is disabled or not\n   */\n  disabled: PropTypes.bool.description('Whether the input mask is disabled or not'),\n  /** disableTooltip */\n  disableTooltip: PropTypes.bool\n    .description('Whether to show a tooltip or not when text does not fit')\n    .defaultValue(true),\n  /** css class */\n  className: PropTypes.string.description('css class'),\n  /** html name prop for form */\n  name: PropTypes.string.description('html name prop for form'),\n  /**\n   * Max length for the input mask\n   */\n  maxLength: PropTypes.number.description('Max length for the input mask'),\n  /**\n   * Min length for the input mask\n   */\n  minLength: PropTypes.number.description('Min length for the input mask'),\n  /**\n   * Whether to make the content of the input mask fit the container or not\n   */\n  fluidWidth: PropTypes.bool.description('Whether to make the content of the input mask fit the container or not'),\n  /** isShowElipsisActive */\n  isShowElipsisActive: PropTypes.bool\n    .description('Wheter to enable the ellipsis and tooltip functionality or not')\n    .defaultValue(true),\n  /**\n   * Component that works as placeholder\n   */\n  placeholder: PropTypes.node.description('Component that works as placeholder'),\n  /**\n   * Allows a function that is triggered once a key is being pressed\n   */\n  onKeyDown: PropTypes.func.description('Allows a function that is triggered once a key is being pressed'),\n  /**\n   * Allows a function that is triggered once the input mask is clicked\n   */\n  onClick: PropTypes.func.description('Allows a function that is triggered once the input mask is clicked'),\n  /**\n   * Allows a function that is triggered once the input mask changes\n   */\n  onChange: PropTypes.func.description('Allows a function that is triggered once the input mask changes'),\n  /**\n   * Allows a function that is triggered once the input mask is focused\n   */\n  onFocus: PropTypes.func.description('Allows a function that is triggered once the input mask is focused'),\n  /**\n   * Allows a function that is triggered once the input mask loses focus\n   */\n  onBlur: PropTypes.func.description('Allows a function that is triggered once the input mask loses focus'),\n  /**\n   * Allows a function that is triggered once the input mask is pasted\n   */\n  onPaste: PropTypes.func.description('Allows a function that is triggered once the input mask is pasted'),\n  /**\n   * Allows a function that is triggered once in the input mask a keyboard key is released\n   */\n  onKeyUp: PropTypes.func.description(\n    'Allows a function that is triggered once in the input mask a keyboard key is released',\n  ),\n  /**\n   * Default value once the component is initialized\n   */\n  value: PropTypes.string.description('Default value once the component is initialized'),\n  /**\n   * Whether the input mask has error or not\n   */\n  hasError: PropTypes.bool.description('Whether the input mask has error or not'),\n  /**\n   * Whether the input mask is read only or not\n   */\n  readOnly: PropTypes.bool.description('Whether the input mask is read only or not'),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(\n    'Whether the input mask is read only or not',\n  ),\n  /**\n   * Type of input. Ex: 'text'\n   */\n  type: PropTypes.string.description(\"Type of input. Ex: 'text'\"),\n  /**\n   * Whether the input mask is clearable or not\n   */\n  clearable: PropTypes.bool.description('Whether the input mask is clearable or not'),\n  /**\n   * Component to be added at the right side of the input\n   */\n  leftComponent: PropTypes.node.description('Component to be added at the right side of the input'),\n  /**\n   * Component to be added at the right side of the input\n   */\n  rightComponent: PropTypes.node.description('Component to be added at the right side of the input'),\n  /**\n   * Mask that has to match with the input information entered\n   * ['DATE', 'PHONE', 'PHONE_INTENATIONAL', 'SSN', 'US_ZIP_CODE', 'NUMBER', 'PERCENT']\n   */\n  mask: PropTypes.oneOfType([PropTypes.array, PropTypes.string, PropTypes.func, PropTypes.object]).description(\n    \"Mask that has to match with the input information entered. ['DATE', 'PHONE', 'PHONE_INTENATIONAL', 'SSN', 'US_ZIP_CODE', 'NUMBER', 'PERCENT', 'ZIP_CODE_SEARCH']\",\n  ),\n  /**\n    Expects pipe functions. i.e. autoCorrectedDatePipe\n    link a docu de text-mask\n   */\n  pipe: PropTypes.func.description('Expects pipe functions. i.e. autoCorrectedDatePipe'),\n  /**\n   * Put a sufix after the input mask\n   */\n  useSubfix: PropTypes.string.description('Put a sufix after the input mask'),\n  /**\n   * The placeholder character represents the fillable spot in the mask.\n   * The default placeholder character is underscore, _\n   */\n  placeholderChar: PropTypes.string\n    .description(\n      `The placeholder character represents the fillable spot in the mask.\n The default placeholder character is underscore, _.`,\n    )\n    .defaultValue('_'),\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAEnB,MAAM,aAAa;AAAA;AAAA,EAExB,WAAW,UAAU,KAAK,YAAY,sCAAsC;AAAA;AAAA;AAAA;AAAA,EAI5E,OAAO,UAAU,OAAO,YAAY,8BAA8B;AAAA;AAAA;AAAA;AAAA,EAIlE,UAAU,UAAU,KAAK,YAAY,2CAA2C;AAAA;AAAA,EAEhF,gBAAgB,UAAU,KACvB,YAAY,yDAAyD,EACrE,aAAa,IAAI;AAAA;AAAA,EAEpB,WAAW,UAAU,OAAO,YAAY,WAAW;AAAA;AAAA,EAEnD,MAAM,UAAU,OAAO,YAAY,yBAAyB;AAAA;AAAA;AAAA;AAAA,EAI5D,WAAW,UAAU,OAAO,YAAY,+BAA+B;AAAA;AAAA;AAAA;AAAA,EAIvE,WAAW,UAAU,OAAO,YAAY,+BAA+B;AAAA;AAAA;AAAA;AAAA,EAIvE,YAAY,UAAU,KAAK,YAAY,wEAAwE;AAAA;AAAA,EAE/G,qBAAqB,UAAU,KAC5B,YAAY,gEAAgE,EAC5E,aAAa,IAAI;AAAA;AAAA;AAAA;AAAA,EAIpB,aAAa,UAAU,KAAK,YAAY,qCAAqC;AAAA;AAAA;AAAA;AAAA,EAI7E,WAAW,UAAU,KAAK,YAAY,iEAAiE;AAAA;AAAA;AAAA;AAAA,EAIvG,SAAS,UAAU,KAAK,YAAY,oEAAoE;AAAA;AAAA;AAAA;AAAA,EAIxG,UAAU,UAAU,KAAK,YAAY,iEAAiE;AAAA;AAAA;AAAA;AAAA,EAItG,SAAS,UAAU,KAAK,YAAY,oEAAoE;AAAA;AAAA;AAAA;AAAA,EAIxG,QAAQ,UAAU,KAAK,YAAY,qEAAqE;AAAA;AAAA;AAAA;AAAA,EAIxG,SAAS,UAAU,KAAK,YAAY,mEAAmE;AAAA;AAAA;AAAA;AAAA,EAIvG,SAAS,UAAU,KAAK;AAAA,IACtB;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAIA,OAAO,UAAU,OAAO,YAAY,iDAAiD;AAAA;AAAA;AAAA;AAAA,EAIrF,UAAU,UAAU,KAAK,YAAY,yCAAyC;AAAA;AAAA;AAAA;AAAA,EAI9E,UAAU,UAAU,KAAK,YAAY,4CAA4C;AAAA,EACjF,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,EAAE,SAAS,UAAU,IAAI,CAAC,CAAC,CAAC,EAAE;AAAA,IAC3F;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAIA,MAAM,UAAU,OAAO,YAAY,2BAA2B;AAAA;AAAA;AAAA;AAAA,EAI9D,WAAW,UAAU,KAAK,YAAY,4CAA4C;AAAA;AAAA;AAAA;AAAA,EAIlF,eAAe,UAAU,KAAK,YAAY,sDAAsD;AAAA;AAAA;AAAA;AAAA,EAIhG,gBAAgB,UAAU,KAAK,YAAY,sDAAsD;AAAA;AAAA;AAAA;AAAA;AAAA,EAKjG,MAAM,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,QAAQ,UAAU,MAAM,UAAU,MAAM,CAAC,EAAE;AAAA,IAC/F;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA,MAAM,UAAU,KAAK,YAAY,oDAAoD;AAAA;AAAA;AAAA;AAAA,EAIrF,WAAW,UAAU,OAAO,YAAY,kCAAkC;AAAA;AAAA;AAAA;AAAA;AAAA,EAK1E,iBAAiB,UAAU,OACxB;AAAA,IACC;AAAA;AAAA,EAEF,EACC,aAAa,GAAG;AACrB;",
-  "names": []
-}

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

@@ -1,2 +0,0 @@
-import * as React from "react";
-//# sourceMappingURL=index.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
-  "mappings": "AAAA,YAAY,WAAW;",
-  "names": []
-}

package/dist/esm/InputMask/utils/setCaretPosition.js

@@ -1,19 +0,0 @@
-import * as React from "react";
-const setCaretPosition = (ctrl, pos) => {
-  if (ctrl?.setSelectionRange) {
-    ctrl?.focus();
-    ctrl?.setSelectionRange(pos, pos);
-  } else if (ctrl?.createTextRange) {
-    const range = ctrl?.createTextRange();
-    range?.collapse(true);
-    range?.moveEnd("character", pos);
-    range?.moveStart("character", pos);
-    range?.select();
-  }
-};
-var setCaretPosition_default = setCaretPosition;
-export {
-  setCaretPosition_default as default,
-  setCaretPosition
-};
-//# sourceMappingURL=setCaretPosition.js.map

package/dist/esm/InputMask/utils/setCaretPosition.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/InputMask/utils/setCaretPosition.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "const setCaretPosition = (ctrl, pos) => {\n  // Modern browsers\n  if (ctrl?.setSelectionRange) {\n    ctrl?.focus();\n    ctrl?.setSelectionRange(pos, pos);\n\n    // IE8 and below\n  } else if (ctrl?.createTextRange) {\n    const range = ctrl?.createTextRange();\n    range?.collapse(true);\n    range?.moveEnd('character', pos);\n    range?.moveStart('character', pos);\n    range?.select();\n  }\n};\n\nexport { setCaretPosition };\nexport default setCaretPosition;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,MAAM,mBAAmB,CAAC,MAAM,QAAQ;AAEtC,MAAI,MAAM,mBAAmB;AAC3B,UAAM,MAAM;AACZ,UAAM,kBAAkB,KAAK,GAAG;AAAA,EAGlC,WAAW,MAAM,iBAAiB;AAChC,UAAM,QAAQ,MAAM,gBAAgB;AACpC,WAAO,SAAS,IAAI;AACpB,WAAO,QAAQ,aAAa,GAAG;AAC/B,WAAO,UAAU,aAAa,GAAG;AACjC,WAAO,OAAO;AAAA,EAChB;AACF;AAGA,IAAO,2BAAQ;",
-  "names": []
-}

package/dist/esm/InputProtected/DSInputProtected.js

@@ -1,95 +0,0 @@
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-import { useState, useCallback, useEffect } from "react";
-import { useDeprecateComponent } from "@elliemae/ds-utilities";
-import { describe } from "@elliemae/ds-props-helpers";
-import { LockUnlocked, LockLocked, VisibleView, InvisibleHide } from "@elliemae/ds-icons";
-import { DSButton } from "@elliemae/ds-button";
-import { DSInputGroup } from "../InputGroup/index.js";
-import { DSInputMask } from "../InputMask/index.js";
-import { inputProtectedProps } from "./props.js";
-import { defaultProps } from "./defaultProps.js";
-import { LEFT_ADDON_OPTIONS, RIGHT_ADDON_OPTIONS } from "./options.js";
-const ADDON_ICON_OPTIONS = {
-  LockUnlocked: /* @__PURE__ */ jsx(LockUnlocked, {}),
-  LockLocked: /* @__PURE__ */ jsx(LockLocked, {}),
-  VisibleView: /* @__PURE__ */ jsx(VisibleView, {}),
-  InvisibleHide: /* @__PURE__ */ jsx(InvisibleHide, {})
-};
-const DSInputProtected = ({
-  leftAddon,
-  rightAddon,
-  onChange,
-  value,
-  readOnly,
-  mask,
-  type,
-  placeholderChar = void 0,
-  ...rest
-}) => {
-  useDeprecateComponent({ componentName: "ds-form/InputProtected", version: "TBD Date: 2023 Q3" });
-  const left = leftAddon && ADDON_ICON_OPTIONS[leftAddon];
-  const right = rightAddon && ADDON_ICON_OPTIONS[rightAddon];
-  const [inputLocked, setLocked] = useState(leftAddon === LEFT_ADDON_OPTIONS.LockLocked);
-  const [inputHidden, setHidden] = useState(rightAddon === RIGHT_ADDON_OPTIONS.InvisibleHide);
-  useEffect(() => {
-    setLocked(leftAddon === LEFT_ADDON_OPTIONS.LockLocked);
-    setHidden(rightAddon === RIGHT_ADDON_OPTIONS.InvisibleHide);
-  }, [leftAddon, rightAddon]);
-  const handleLeft = useCallback(() => {
-    setLocked(!inputLocked);
-  }, [inputLocked]);
-  const handleRight = useCallback(() => {
-    setHidden(!inputHidden);
-  }, [inputHidden]);
-  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-    DSInputGroup,
-    {
-      leftAddon: left ? /* @__PURE__ */ jsx(
-        DSButton,
-        {
-          "aria-label": `${inputLocked ? "Allow" : "Disallow"} Edition`,
-          buttonType: "secondary",
-          icon: ADDON_ICON_OPTIONS[inputLocked ? LEFT_ADDON_OPTIONS.LockLocked : LEFT_ADDON_OPTIONS.LockUnlocked],
-          onClick: handleLeft
-        }
-      ) : void 0,
-      rightAddon: right ? /* @__PURE__ */ jsx(
-        DSButton,
-        {
-          "aria-label": `${inputHidden ? "Show" : "Hide"} Characters`,
-          buttonType: "secondary",
-          icon: ADDON_ICON_OPTIONS[inputHidden ? RIGHT_ADDON_OPTIONS.InvisibleHide : RIGHT_ADDON_OPTIONS.VisibleView],
-          onClick: handleRight,
-          containerProps: {
-            "data-testid": "inputprotected-show-hide-button"
-          }
-        }
-      ) : void 0,
-      children: /* @__PURE__ */ jsx(
-        DSInputMask,
-        {
-          ...rest,
-          mask,
-          placeholderChar,
-          onChange,
-          disabled: left ? inputLocked : readOnly,
-          type: right && inputHidden ? "password" : type,
-          value
-        }
-      )
-    }
-  ) });
-};
-DSInputProtected.propTypes = inputProtectedProps;
-DSInputProtected.defaultProps = defaultProps;
-DSInputProtected.displayName = "DSInputProtected";
-const DSInputProtectedWithSchema = describe(DSInputProtected);
-DSInputProtectedWithSchema.propTypes = inputProtectedProps;
-var DSInputProtected_default = DSInputProtected;
-export {
-  DSInputProtected,
-  DSInputProtectedWithSchema,
-  DSInputProtected_default as default
-};
-//# sourceMappingURL=DSInputProtected.js.map

package/dist/esm/InputProtected/DSInputProtected.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/InputProtected/DSInputProtected.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable import/no-unresolved */\n/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, { useState, useCallback, useEffect } from 'react';\nimport { useDeprecateComponent } from '@elliemae/ds-utilities';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { LockUnlocked, LockLocked, VisibleView, InvisibleHide } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\nimport { DSInputGroup } from '../InputGroup/index.js';\nimport { DSInputMask } from '../InputMask/index.js';\nimport { inputProtectedProps } from './props.js';\nimport { defaultProps } from './defaultProps.js';\nimport { LEFT_ADDON_OPTIONS, RIGHT_ADDON_OPTIONS } from './options.js';\n\nconst ADDON_ICON_OPTIONS = {\n  LockUnlocked: <LockUnlocked />,\n  LockLocked: <LockLocked />,\n  VisibleView: <VisibleView />,\n  InvisibleHide: <InvisibleHide />,\n};\n\nconst DSInputProtected = ({\n  leftAddon,\n  rightAddon,\n  onChange,\n  value,\n  readOnly,\n  mask,\n  type,\n  placeholderChar = undefined,\n  ...rest\n}) => {\n  useDeprecateComponent({ componentName: 'ds-form/InputProtected', version: 'TBD Date: 2023 Q3' });\n\n  const left = leftAddon && ADDON_ICON_OPTIONS[leftAddon];\n  const right = rightAddon && ADDON_ICON_OPTIONS[rightAddon];\n  const [inputLocked, setLocked] = useState(leftAddon === LEFT_ADDON_OPTIONS.LockLocked);\n  const [inputHidden, setHidden] = useState(rightAddon === RIGHT_ADDON_OPTIONS.InvisibleHide);\n\n  useEffect(() => {\n    setLocked(leftAddon === LEFT_ADDON_OPTIONS.LockLocked);\n    setHidden(rightAddon === RIGHT_ADDON_OPTIONS.InvisibleHide);\n  }, [leftAddon, rightAddon]);\n\n  const handleLeft = useCallback(() => {\n    setLocked(!inputLocked);\n  }, [inputLocked]);\n  const handleRight = useCallback(() => {\n    setHidden(!inputHidden);\n  }, [inputHidden]);\n\n  return (\n    <div>\n      <DSInputGroup\n        leftAddon={\n          left ? (\n            <DSButton\n              aria-label={`${inputLocked ? 'Allow' : 'Disallow'} Edition`}\n              buttonType=\"secondary\"\n              icon={ADDON_ICON_OPTIONS[inputLocked ? LEFT_ADDON_OPTIONS.LockLocked : LEFT_ADDON_OPTIONS.LockUnlocked]}\n              onClick={handleLeft}\n            />\n          ) : undefined\n        }\n        rightAddon={\n          right ? (\n            <DSButton\n              aria-label={`${inputHidden ? 'Show' : 'Hide'} Characters`}\n              buttonType=\"secondary\"\n              icon={\n                ADDON_ICON_OPTIONS[inputHidden ? RIGHT_ADDON_OPTIONS.InvisibleHide : RIGHT_ADDON_OPTIONS.VisibleView]\n              }\n              onClick={handleRight}\n              containerProps={{\n                'data-testid': 'inputprotected-show-hide-button',\n              }}\n            />\n          ) : undefined\n        }\n      >\n        <DSInputMask\n          {...rest}\n          mask={mask}\n          placeholderChar={placeholderChar}\n          onChange={onChange}\n          disabled={left ? inputLocked : readOnly}\n          type={right && inputHidden ? 'password' : type}\n          value={value}\n        />\n      </DSInputGroup>\n    </div>\n  );\n};\n\nDSInputProtected.propTypes = inputProtectedProps;\nDSInputProtected.defaultProps = defaultProps;\nDSInputProtected.displayName = 'DSInputProtected';\nconst DSInputProtectedWithSchema = describe(DSInputProtected);\nDSInputProtectedWithSchema.propTypes = inputProtectedProps;\n\nexport { DSInputProtectedWithSchema, DSInputProtected };\nexport default DSInputProtected;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACeP;AAZhB,SAAgB,UAAU,aAAa,iBAAiB;AACxD,SAAS,6BAA6B;AACtC,SAAS,gBAAgB;AACzB,SAAS,cAAc,YAAY,aAAa,qBAAqB;AACrE,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,SAAS,mBAAmB;AAC5B,SAAS,2BAA2B;AACpC,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB,2BAA2B;AAExD,MAAM,qBAAqB;AAAA,EACzB,cAAc,oBAAC,gBAAa;AAAA,EAC5B,YAAY,oBAAC,cAAW;AAAA,EACxB,aAAa,oBAAC,eAAY;AAAA,EAC1B,eAAe,oBAAC,iBAAc;AAChC;AAEA,MAAM,mBAAmB,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,GAAG;AACL,MAAM;AACJ,wBAAsB,EAAE,eAAe,0BAA0B,SAAS,oBAAoB,CAAC;AAE/F,QAAM,OAAO,aAAa,mBAAmB,SAAS;AACtD,QAAM,QAAQ,cAAc,mBAAmB,UAAU;AACzD,QAAM,CAAC,aAAa,SAAS,IAAI,SAAS,cAAc,mBAAmB,UAAU;AACrF,QAAM,CAAC,aAAa,SAAS,IAAI,SAAS,eAAe,oBAAoB,aAAa;AAE1F,YAAU,MAAM;AACd,cAAU,cAAc,mBAAmB,UAAU;AACrD,cAAU,eAAe,oBAAoB,aAAa;AAAA,EAC5D,GAAG,CAAC,WAAW,UAAU,CAAC;AAE1B,QAAM,aAAa,YAAY,MAAM;AACnC,cAAU,CAAC,WAAW;AAAA,EACxB,GAAG,CAAC,WAAW,CAAC;AAChB,QAAM,cAAc,YAAY,MAAM;AACpC,cAAU,CAAC,WAAW;AAAA,EACxB,GAAG,CAAC,WAAW,CAAC;AAEhB,SACE,oBAAC,SACC;AAAA,IAAC;AAAA;AAAA,MACC,WACE,OACE;AAAA,QAAC;AAAA;AAAA,UACC,cAAY,GAAG,cAAc,UAAU;AAAA,UACvC,YAAW;AAAA,UACX,MAAM,mBAAmB,cAAc,mBAAmB,aAAa,mBAAmB,YAAY;AAAA,UACtG,SAAS;AAAA;AAAA,MACX,IACE;AAAA,MAEN,YACE,QACE;AAAA,QAAC;AAAA;AAAA,UACC,cAAY,GAAG,cAAc,SAAS;AAAA,UACtC,YAAW;AAAA,UACX,MACE,mBAAmB,cAAc,oBAAoB,gBAAgB,oBAAoB,WAAW;AAAA,UAEtG,SAAS;AAAA,UACT,gBAAgB;AAAA,YACd,eAAe;AAAA,UACjB;AAAA;AAAA,MACF,IACE;AAAA,MAGN;AAAA,QAAC;AAAA;AAAA,UACE,GAAG;AAAA,UACJ;AAAA,UACA;AAAA,UACA;AAAA,UACA,UAAU,OAAO,cAAc;AAAA,UAC/B,MAAM,SAAS,cAAc,aAAa;AAAA,UAC1C;AAAA;AAAA,MACF;AAAA;AAAA,EACF,GACF;AAEJ;AAEA,iBAAiB,YAAY;AAC7B,iBAAiB,eAAe;AAChC,iBAAiB,cAAc;AAC/B,MAAM,6BAA6B,SAAS,gBAAgB;AAC5D,2BAA2B,YAAY;AAGvC,IAAO,2BAAQ;",
-  "names": []
-}

package/dist/esm/InputProtected/defaultProps.js

@@ -1,10 +0,0 @@
-import * as React from "react";
-import { RIGHT_ADDON_OPTIONS } from "./options.js";
-const defaultProps = {
-  rightAddon: RIGHT_ADDON_OPTIONS.InvisibleHide,
-  mask: (data) => new Array(data.length).fill(/./)
-};
-export {
-  defaultProps
-};
-//# sourceMappingURL=defaultProps.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/InputProtected/defaultProps.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { RIGHT_ADDON_OPTIONS } from './options.js';\n\nexport const defaultProps = {\n  rightAddon: RIGHT_ADDON_OPTIONS.InvisibleHide,\n  mask: (data) => new Array(data.length).fill(/./),\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,2BAA2B;AAE7B,MAAM,eAAe;AAAA,EAC1B,YAAY,oBAAoB;AAAA,EAChC,MAAM,CAAC,SAAS,IAAI,MAAM,KAAK,MAAM,EAAE,KAAK,GAAG;AACjD;",
-  "names": []
-}

package/dist/esm/InputProtected/index.js

@@ -1,4 +0,0 @@
-import * as React from "react";
-export * from "./DSInputProtected.js";
-export * from "./options.js";
-//# sourceMappingURL=index.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/InputProtected/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSInputProtected.js';\nexport * from './options.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;",
-  "names": []
-}

package/dist/esm/InputProtected/options.js

@@ -1,14 +0,0 @@
-import * as React from "react";
-const LEFT_ADDON_OPTIONS = {
-  LockUnlocked: "LockUnlocked",
-  LockLocked: "LockLocked"
-};
-const RIGHT_ADDON_OPTIONS = {
-  VisibleView: "VisibleView",
-  InvisibleHide: "InvisibleHide"
-};
-export {
-  LEFT_ADDON_OPTIONS,
-  RIGHT_ADDON_OPTIONS
-};
-//# sourceMappingURL=options.js.map