@elliemae/ds-form 2.2.0-next.6 → 2.3.0-alpha.1

package/esm/InputMask/props.js

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

package/esm/InputMask/props.js.map

@@ -0,0 +1,7 @@
+{
+  "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 'react-desc';\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(\n    'Whether the input mask is disabled or not',\n  ),\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(\n    'Whether to make the content of the input mask fit the container or not',\n  ),\n  /** isShowElipsisActive */\n  isShowElipsisActive: PropTypes.bool\n    .description(\n      'Wheter to enable the ellipsis and tooltip functionality or not',\n    )\n    .defaultValue(true),\n  /**\n   * Component that works as placeholder\n   */\n  placeholder: PropTypes.node.description(\n    'Component that works as placeholder',\n  ),\n  /**\n   * Allows a function that is triggered once a key is being pressed\n   */\n  onKeyDown: PropTypes.func.description(\n    'Allows a function that is triggered once a key is being pressed',\n  ),\n  /**\n   * Allows a function that is triggered once the input mask is clicked\n   */\n  onClick: PropTypes.func.description(\n    'Allows a function that is triggered once the input mask is clicked',\n  ),\n  /**\n   * Allows a function that is triggered once the input mask changes\n   */\n  onChange: PropTypes.func.description(\n    'Allows a function that is triggered once the input mask changes',\n  ),\n  /**\n   * Allows a function that is triggered once the input mask is focused\n   */\n  onFocus: PropTypes.func.description(\n    'Allows a function that is triggered once the input mask is focused',\n  ),\n  /**\n   * Allows a function that is triggered once the input mask loses focus\n   */\n  onBlur: PropTypes.func.description(\n    'Allows a function that is triggered once the input mask loses focus',\n  ),\n  /**\n   * Allows a function that is triggered once the input mask is pasted\n   */\n  onPaste: PropTypes.func.description(\n    'Allows a function that is triggered once the input mask is pasted',\n  ),\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(\n    'Default value once the component is initialized',\n  ),\n  /**\n   * Whether the input mask has error or not\n   */\n  hasError: PropTypes.bool.description(\n    'Whether the input mask has error or not',\n  ),\n  /**\n   * Whether the input mask is read only or not\n   */\n  readOnly: PropTypes.bool.description(\n    'Whether the input mask is read only or not',\n  ),\n  innerRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.any }),\n  ]).description('Whether the input mask is read only or not'),\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(\n    'Whether the input mask is clearable or not',\n  ),\n  /**\n   * Component to be added at the right side of the input\n   */\n  leftComponent: PropTypes.node.description(\n    'Component to be added at the right side of the input',\n  ),\n  /**\n   * Component to be added at the right side of the input\n   */\n  rightComponent: PropTypes.node.description(\n    'Component to be added at the right side of the input',\n  ),\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([\n    PropTypes.array,\n    PropTypes.string,\n    PropTypes.func,\n  ]).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(\n    'Expects pipe functions. i.e. autoCorrectedDatePipe',\n  ),\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;ACAA;AAEO,MAAM,aAAa;AAAA,EAExB,WAAW,UAAU,KAAK,YAAY;AAAA,EAItC,OAAO,UAAU,OAAO,YAAY;AAAA,EAIpC,UAAU,UAAU,KAAK,YACvB;AAAA,EAGF,gBAAgB,UAAU,KACvB,YAAY,2DACZ,aAAa;AAAA,EAEhB,WAAW,UAAU,OAAO,YAAY;AAAA,EAExC,MAAM,UAAU,OAAO,YAAY;AAAA,EAInC,WAAW,UAAU,OAAO,YAAY;AAAA,EAIxC,WAAW,UAAU,OAAO,YAAY;AAAA,EAIxC,YAAY,UAAU,KAAK,YACzB;AAAA,EAGF,qBAAqB,UAAU,KAC5B,YACC,kEAED,aAAa;AAAA,EAIhB,aAAa,UAAU,KAAK,YAC1B;AAAA,EAKF,WAAW,UAAU,KAAK,YACxB;AAAA,EAKF,SAAS,UAAU,KAAK,YACtB;AAAA,EAKF,UAAU,UAAU,KAAK,YACvB;AAAA,EAKF,SAAS,UAAU,KAAK,YACtB;AAAA,EAKF,QAAQ,UAAU,KAAK,YACrB;AAAA,EAKF,SAAS,UAAU,KAAK,YACtB;AAAA,EAKF,SAAS,UAAU,KAAK,YACtB;AAAA,EAKF,OAAO,UAAU,OAAO,YACtB;AAAA,EAKF,UAAU,UAAU,KAAK,YACvB;AAAA,EAKF,UAAU,UAAU,KAAK,YACvB;AAAA,EAEF,UAAU,UAAU,UAAU;AAAA,IAC5B,UAAU;AAAA,IACV,UAAU,MAAM,EAAE,SAAS,UAAU;AAAA,KACpC,YAAY;AAAA,EAIf,MAAM,UAAU,OAAO,YAAY;AAAA,EAInC,WAAW,UAAU,KAAK,YACxB;AAAA,EAKF,eAAe,UAAU,KAAK,YAC5B;AAAA,EAKF,gBAAgB,UAAU,KAAK,YAC7B;AAAA,EAMF,MAAM,UAAU,UAAU;AAAA,IACxB,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,KACT,YACD;AAAA,EAMF,MAAM,UAAU,KAAK,YACnB;AAAA,EAKF,WAAW,UAAU,OAAO,YAAY;AAAA,EAKxC,iBAAiB,UAAU,OACxB,YACC;AAAA,uDAGD,aAAa;AAAA;",
+  "names": []
+}

package/esm/InputMask/types/index.js

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

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

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

package/esm/InputMask/utils/setCaretPosition.js

@@ -1,15 +1,19 @@
+import * as React from "react";
 const setCaretPosition = (ctrl, pos) => {
-  // Modern browsers
-  if (ctrl !== null && ctrl !== void 0 && ctrl.setSelectionRange) {
-    ctrl === null || ctrl === void 0 ? void 0 : ctrl.focus();
-    ctrl === null || ctrl === void 0 ? void 0 : ctrl.setSelectionRange(pos, pos); // IE8 and below
-  } else if (ctrl !== null && ctrl !== void 0 && ctrl.createTextRange) {
-    const range = ctrl === null || ctrl === void 0 ? void 0 : ctrl.createTextRange();
-    range === null || range === void 0 ? void 0 : range.collapse(true);
-    range === null || range === void 0 ? void 0 : range.moveEnd('character', pos);
-    range === null || range === void 0 ? void 0 : range.moveStart('character', pos);
-    range === null || range === void 0 ? void 0 : range.select();
+  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();
   }
 };
-
-export { setCaretPosition as default };
+var setCaretPosition_default = setCaretPosition;
+export {
+  setCaretPosition_default as default,
+  setCaretPosition
+};
+//# sourceMappingURL=setCaretPosition.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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;ACAA,MAAM,mBAAmB,CAAC,MAAM,QAAQ;AAEtC,MAAI,MAAM,mBAAmB;AAC3B,UAAM;AACN,UAAM,kBAAkB,KAAK;AAAA,aAGpB,MAAM,iBAAiB;AAChC,UAAM,QAAQ,MAAM;AACpB,WAAO,SAAS;AAChB,WAAO,QAAQ,aAAa;AAC5B,WAAO,UAAU,aAAa;AAC9B,WAAO;AAAA;AAAA;AAKX,IAAO,2BAAQ;",
+  "names": []
+}

package/esm/InputProtected/DSInputProtected.js

@@ -1,48 +1,30 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import { useState, useEffect, useCallback } from 'react';
-import { describe } from 'react-desc';
-import { LockUnlocked, LockLocked, VisibleView, InvisibleHide } from '@elliemae/ds-icons';
-import DSButton from '@elliemae/ds-button';
-import DSInputGroup from '../InputGroup/DSInputGroup.js';
-import { DSInputMask } from '../InputMask/DSInputMask.js';
-import { inputProtectedProps } from './props.js';
-import { defaultProps } from './defaultProps.js';
-import { LEFT_ADDON_OPTIONS, RIGHT_ADDON_OPTIONS } from './options.js';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["leftAddon", "rightAddon", "onChange", "value", "readOnly", "mask", "type", "placeholderChar"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import * as React from "react";
+import React2, { useState, useCallback, useEffect } from "react";
+import { describe } from "react-desc";
+import { LockUnlocked, LockLocked, VisibleView, InvisibleHide } from "@elliemae/ds-icons";
+import { DSButton } from "@elliemae/ds-button";
+import { DSInputGroup } from "../InputGroup";
+import { DSInputMask } from "../InputMask";
+import { inputProtectedProps } from "./props";
+import { defaultProps } from "./defaultProps";
+import { LEFT_ADDON_OPTIONS, RIGHT_ADDON_OPTIONS } from "./options";
 const ADDON_ICON_OPTIONS = {
-  LockUnlocked: /*#__PURE__*/_jsx(LockUnlocked, {}),
-  LockLocked: /*#__PURE__*/_jsx(LockLocked, {}),
-  VisibleView: /*#__PURE__*/_jsx(VisibleView, {}),
-  InvisibleHide: /*#__PURE__*/_jsx(InvisibleHide, {})
+  LockUnlocked: /* @__PURE__ */ React2.createElement(LockUnlocked, null),
+  LockLocked: /* @__PURE__ */ React2.createElement(LockLocked, null),
+  VisibleView: /* @__PURE__ */ React2.createElement(VisibleView, null),
+  InvisibleHide: /* @__PURE__ */ React2.createElement(InvisibleHide, null)
 };
-
-const DSInputProtected = _ref => {
-  let {
-    leftAddon,
-    rightAddon,
-    onChange,
-    value,
-    readOnly,
-    mask,
-    type,
-    placeholderChar = undefined
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+const DSInputProtected = ({
+  leftAddon,
+  rightAddon,
+  onChange,
+  value,
+  readOnly,
+  mask,
+  type,
+  placeholderChar = void 0,
+  ...rest
+}) => {
   const left = leftAddon && ADDON_ICON_OPTIONS[leftAddon];
   const right = rightAddon && ADDON_ICON_OPTIONS[rightAddon];
   const [inputLocked, setLocked] = useState(leftAddon === LEFT_ADDON_OPTIONS.LockLocked);
@@ -57,35 +39,41 @@ const DSInputProtected = _ref => {
   const handleRight = useCallback(() => {
     setHidden(!inputHidden);
   }, [rightAddon, inputHidden]);
-  return /*#__PURE__*/_jsx("div", {}, void 0, /*#__PURE__*/_jsx(DSInputGroup, {
-    leftAddon: left ? /*#__PURE__*/_jsx(DSButton, {
-      "aria-label": "".concat(inputLocked ? 'Allow' : 'Disallow', " Edition"),
+  return /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement(DSInputGroup, {
+    leftAddon: left ? /* @__PURE__ */ React2.createElement(DSButton, {
+      "aria-label": `${inputLocked ? "Allow" : "Disallow"} Edition`,
       buttonType: "secondary",
       icon: ADDON_ICON_OPTIONS[inputLocked ? LEFT_ADDON_OPTIONS.LockUnlocked : LEFT_ADDON_OPTIONS.LockLocked],
       onClick: handleLeft
-    }) : undefined,
+    }) : void 0,
     readOnly: left ? inputLocked : readOnly,
-    rightAddon: right ? /*#__PURE__*/_jsx(DSButton, {
-      "aria-label": "".concat(inputHidden ? 'Show' : 'Hide', " Characters"),
+    rightAddon: right ? /* @__PURE__ */ React2.createElement(DSButton, {
+      "aria-label": `${inputHidden ? "Show" : "Hide"} Characters`,
       buttonType: "secondary",
       icon: ADDON_ICON_OPTIONS[inputHidden ? RIGHT_ADDON_OPTIONS.VisibleView : RIGHT_ADDON_OPTIONS.InvisibleHide],
       onClick: handleRight,
       containerProps: {
-        'data-testid': 'inputprotected-show-hide-button'
+        "data-testid": "inputprotected-show-hide-button"
       }
-    }) : undefined
-  }, void 0, /*#__PURE__*/jsx(DSInputMask, _objectSpread(_objectSpread({}, rest), {}, {
-    mask: mask,
-    placeholderChar: placeholderChar,
-    onChange: onChange,
+    }) : void 0
+  }, /* @__PURE__ */ React2.createElement(DSInputMask, {
+    ...rest,
+    mask,
+    placeholderChar,
+    onChange,
     readOnly: left ? inputLocked : readOnly,
-    type: right && inputHidden ? 'password' : type,
-    value: value
-  }))));
+    type: right && inputHidden ? "password" : type,
+    value
+  })));
 };
-
+DSInputProtected.propTypes = inputProtectedProps;
 DSInputProtected.defaultProps = defaultProps;
 const DSInputProtectedWithSchema = describe(DSInputProtected);
 DSInputProtectedWithSchema.propTypes = inputProtectedProps;
-
-export { DSInputProtected, DSInputProtectedWithSchema, DSInputProtected as default };
+var DSInputProtected_default = DSInputProtected;
+export {
+  DSInputProtected,
+  DSInputProtectedWithSchema,
+  DSInputProtected_default as default
+};
+//# sourceMappingURL=DSInputProtected.js.map

package/esm/InputProtected/DSInputProtected.js.map

@@ -0,0 +1,7 @@
+{
+  "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 { describe } from 'react-desc';\nimport { LockUnlocked, LockLocked, VisibleView, InvisibleHide } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\nimport { DSInputGroup } from '../InputGroup';\nimport { DSInputMask } from '../InputMask';\nimport { inputProtectedProps } from './props';\nimport { defaultProps } from './defaultProps';\nimport { LEFT_ADDON_OPTIONS, RIGHT_ADDON_OPTIONS } from './options';\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  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  }, [leftAddon, inputLocked]);\n  const handleRight = useCallback(() => {\n    setHidden(!inputHidden);\n  }, [rightAddon, 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.LockUnlocked : LEFT_ADDON_OPTIONS.LockLocked]}\n              onClick={handleLeft}\n            />\n          ) : undefined\n        }\n        readOnly={left ? inputLocked : readOnly}\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.VisibleView : RIGHT_ADDON_OPTIONS.InvisibleHide]\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          readOnly={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;\n\nconst DSInputProtectedWithSchema = describe(DSInputProtected);\nDSInputProtectedWithSchema.propTypes = inputProtectedProps;\n\nexport { DSInputProtectedWithSchema, DSInputProtected };\nexport default DSInputProtected;\n"],
+  "mappings": "AAAA;ACGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,qBAAqB;AAAA,EACzB,cAAc,qCAAC,cAAD;AAAA,EACd,YAAY,qCAAC,YAAD;AAAA,EACZ,aAAa,qCAAC,aAAD;AAAA,EACb,eAAe,qCAAC,eAAD;AAAA;AAGjB,MAAM,mBAAmB,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,KACf;AAAA,MACC;AACJ,QAAM,OAAO,aAAa,mBAAmB;AAC7C,QAAM,QAAQ,cAAc,mBAAmB;AAC/C,QAAM,CAAC,aAAa,aAAa,SAAS,cAAc,mBAAmB;AAC3E,QAAM,CAAC,aAAa,aAAa,SAAS,eAAe,oBAAoB;AAE7E,YAAU,MAAM;AACd,cAAU,cAAc,mBAAmB;AAC3C,cAAU,eAAe,oBAAoB;AAAA,KAC5C,CAAC,WAAW;AAEf,QAAM,aAAa,YAAY,MAAM;AACnC,cAAU,CAAC;AAAA,KACV,CAAC,WAAW;AACf,QAAM,cAAc,YAAY,MAAM;AACpC,cAAU,CAAC;AAAA,KACV,CAAC,YAAY;AAEhB,SACE,qCAAC,OAAD,MACE,qCAAC,cAAD;AAAA,IACE,WACE,OACE,qCAAC,UAAD;AAAA,MACE,cAAY,GAAG,cAAc,UAAU;AAAA,MACvC,YAAW;AAAA,MACX,MAAM,mBAAmB,cAAc,mBAAmB,eAAe,mBAAmB;AAAA,MAC5F,SAAS;AAAA,SAET;AAAA,IAEN,UAAU,OAAO,cAAc;AAAA,IAC/B,YACE,QACE,qCAAC,UAAD;AAAA,MACE,cAAY,GAAG,cAAc,SAAS;AAAA,MACtC,YAAW;AAAA,MACX,MACE,mBAAmB,cAAc,oBAAoB,cAAc,oBAAoB;AAAA,MAEzF,SAAS;AAAA,MACT,gBAAgB;AAAA,QACd,eAAe;AAAA;AAAA,SAGjB;AAAA,KAGN,qCAAC,aAAD;AAAA,OACM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,OAAO,cAAc;AAAA,IAC/B,MAAM,SAAS,cAAc,aAAa;AAAA,IAC1C;AAAA;AAAA;AAOV,iBAAiB,YAAY;AAC7B,iBAAiB,eAAe;AAEhC,MAAM,6BAA6B,SAAS;AAC5C,2BAA2B,YAAY;AAGvC,IAAO,2BAAQ;",
+  "names": []
+}

package/esm/InputProtected/defaultProps.js

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

package/esm/InputProtected/defaultProps.js.map

@@ -0,0 +1,7 @@
+{
+  "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';\n\nexport const defaultProps = {\n  rightAddon: RIGHT_ADDON_OPTIONS.InvisibleHide,\n  mask: (data) => new Array(data.length).fill(/./),\n};\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,eAAe;AAAA,EAC1B,YAAY,oBAAoB;AAAA,EAChC,MAAM,CAAC,SAAS,IAAI,MAAM,KAAK,QAAQ,KAAK;AAAA;",
+  "names": []
+}

package/esm/InputProtected/index.js

@@ -1,2 +1,4 @@
-export { DSInputProtected, DSInputProtectedWithSchema, DSInputProtected as default } from './DSInputProtected.js';
-export { LEFT_ADDON_OPTIONS, RIGHT_ADDON_OPTIONS } from './options.js';
+import * as React from "react";
+export * from "./DSInputProtected";
+export * from "./options";
+//# sourceMappingURL=index.js.map

package/esm/InputProtected/index.js.map

@@ -0,0 +1,7 @@
+{
+  "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';\nexport * from './options';\n"],
+  "mappings": "AAAA;ACAA;AACA;",
+  "names": []
+}

package/esm/InputProtected/options.js

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

package/esm/InputProtected/options.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/InputProtected/options.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const LEFT_ADDON_OPTIONS = {\n  LockUnlocked: 'LockUnlocked',\n  LockLocked: 'LockLocked',\n};\n\nexport const RIGHT_ADDON_OPTIONS = {\n  VisibleView: 'VisibleView',\n  InvisibleHide: 'InvisibleHide',\n};\n"],
+  "mappings": "AAAA;ACAO,MAAM,qBAAqB;AAAA,EAChC,cAAc;AAAA,EACd,YAAY;AAAA;AAGP,MAAM,sBAAsB;AAAA,EACjC,aAAa;AAAA,EACb,eAAe;AAAA;",
+  "names": []
+}

package/esm/InputProtected/props.js

@@ -1,20 +1,27 @@
-import { PropTypes } from 'react-desc';
-import { LEFT_ADDON_OPTIONS, RIGHT_ADDON_OPTIONS } from './options.js';
-
+import * as React from "react";
+import { PropTypes } from "react-desc";
+import { LEFT_ADDON_OPTIONS, RIGHT_ADDON_OPTIONS } from "./options";
 const inputProtectedProps = {
-  leftAddon: PropTypes.oneOf([LEFT_ADDON_OPTIONS.LockLocked, LEFT_ADDON_OPTIONS.LockUnlocked]).description('left addon component to display'),
-  rightAddon: PropTypes.oneOf([RIGHT_ADDON_OPTIONS.VisibleView, RIGHT_ADDON_OPTIONS.InvisibleHide]).description('right addon component to display').defaultValue(RIGHT_ADDON_OPTIONS.InvisibleHide),
-  onChange: PropTypes.func.description('Function executed when input s value changes'),
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('input s value'),
-  readOnly: PropTypes.bool.description('Whether the input is read-only or not').defaultValue(false),
-  mask: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.func]).description('mask to apply'),
-  type: PropTypes.oneOf(['password', 'number', 'text']).description('type of input'),
-
-  /**
-   * PlaceholderChar: 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.\n  * The default placeholder character is underscore, _.")
+  leftAddon: PropTypes.oneOf([
+    LEFT_ADDON_OPTIONS.LockLocked,
+    LEFT_ADDON_OPTIONS.LockUnlocked
+  ]).description("left addon component to display"),
+  rightAddon: PropTypes.oneOf([
+    RIGHT_ADDON_OPTIONS.VisibleView,
+    RIGHT_ADDON_OPTIONS.InvisibleHide
+  ]).description("right addon component to display").defaultValue(RIGHT_ADDON_OPTIONS.InvisibleHide),
+  onChange: PropTypes.func.description("Function executed when input s value changes"),
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description("input s value"),
+  readOnly: PropTypes.bool.description("Whether the input is read-only or not").defaultValue(false),
+  mask: PropTypes.oneOfType([
+    PropTypes.arrayOf(PropTypes.string),
+    PropTypes.func
+  ]).description("mask to apply"),
+  type: PropTypes.oneOf(["password", "number", "text"]).description("type of input"),
+  placeholderChar: PropTypes.string.description(`The placeholder character represents the fillable spot in the mask.
+  * The default placeholder character is underscore, _.`)
 };
-
-export { inputProtectedProps };
+export {
+  inputProtectedProps
+};
+//# sourceMappingURL=props.js.map

package/esm/InputProtected/props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/InputProtected/props.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\nimport { LEFT_ADDON_OPTIONS, RIGHT_ADDON_OPTIONS } from './options';\n\nexport const inputProtectedProps = {\n  leftAddon: PropTypes.oneOf([\n    LEFT_ADDON_OPTIONS.LockLocked,\n    LEFT_ADDON_OPTIONS.LockUnlocked,\n  ]).description('left addon component to display'),\n  rightAddon: PropTypes.oneOf([\n    RIGHT_ADDON_OPTIONS.VisibleView,\n    RIGHT_ADDON_OPTIONS.InvisibleHide,\n  ])\n    .description('right addon component to display')\n    .defaultValue(RIGHT_ADDON_OPTIONS.InvisibleHide),\n  onChange: PropTypes.func.description(\n    'Function executed when input s value changes',\n  ),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n    'input s value',\n  ),\n  readOnly: PropTypes.bool\n    .description('Whether the input is read-only or not')\n    .defaultValue(false),\n  mask: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.string),\n    PropTypes.func,\n  ]).description('mask to apply'),\n  type: PropTypes.oneOf(['password', 'number', 'text']).description(\n    'type of input',\n  ),\n  /**\n   * PlaceholderChar: The placeholder character represents the fillable spot in the mask.\n   * The default placeholder character is underscore, _.\n   */\n  placeholderChar: PropTypes.string.description(\n    `The placeholder character represents the fillable spot in the mask.\n  * The default placeholder character is underscore, _.`,\n  ),\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,sBAAsB;AAAA,EACjC,WAAW,UAAU,MAAM;AAAA,IACzB,mBAAmB;AAAA,IACnB,mBAAmB;AAAA,KAClB,YAAY;AAAA,EACf,YAAY,UAAU,MAAM;AAAA,IAC1B,oBAAoB;AAAA,IACpB,oBAAoB;AAAA,KAEnB,YAAY,oCACZ,aAAa,oBAAoB;AAAA,EACpC,UAAU,UAAU,KAAK,YACvB;AAAA,EAEF,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,SAAS,YAC/D;AAAA,EAEF,UAAU,UAAU,KACjB,YAAY,yCACZ,aAAa;AAAA,EAChB,MAAM,UAAU,UAAU;AAAA,IACxB,UAAU,QAAQ,UAAU;AAAA,IAC5B,UAAU;AAAA,KACT,YAAY;AAAA,EACf,MAAM,UAAU,MAAM,CAAC,YAAY,UAAU,SAAS,YACpD;AAAA,EAMF,iBAAiB,UAAU,OAAO,YAChC;AAAA;AAAA;",
+  "names": []
+}