@elliemae/ds-form 3.16.0-next.2 → 3.16.0-next.21

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

@@ -1,7 +1,7 @@
 {
   "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';\nimport { DateTimeInputMask } from './DateTimeInputMask';\nimport { DictionaryInputMask } from './DictionaryInputMask';\nimport { NumberInputMask } from './NumberInputMask';\nimport { PhoneInputMask } from './PhoneInputMask';\nimport { PhoneInternationalInputMask } from './PhoneInternationalInputMask';\nimport { SsnInputMask } from './SsnInputMask';\nimport { UsZipCodeInputMask } from './UsZipCodeInputMask';\nimport { ZipCodeSearchInputMask } from './ZipCodeSearchInputMask';\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,SAAS,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,OACZ;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,OACZ;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;",
+  "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,41 +1,121 @@
 import * as React from "react";
-import { PropTypes } from "@elliemae/ds-utilities";
+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, _.`

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

@@ -1,7 +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 '@elliemae/ds-utilities';\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,EAExB,WAAW,UAAU,KAAK,YAAY,sCAAsC;AAAA,EAI5E,OAAO,UAAU,OAAO,YAAY,8BAA8B;AAAA,EAIlE,UAAU,UAAU,KAAK,YAAY,2CAA2C;AAAA,EAEhF,gBAAgB,UAAU,KACvB,YAAY,yDAAyD,EACrE,aAAa,IAAI;AAAA,EAEpB,WAAW,UAAU,OAAO,YAAY,WAAW;AAAA,EAEnD,MAAM,UAAU,OAAO,YAAY,yBAAyB;AAAA,EAI5D,WAAW,UAAU,OAAO,YAAY,+BAA+B;AAAA,EAIvE,WAAW,UAAU,OAAO,YAAY,+BAA+B;AAAA,EAIvE,YAAY,UAAU,KAAK,YAAY,wEAAwE;AAAA,EAE/G,qBAAqB,UAAU,KAC5B,YAAY,gEAAgE,EAC5E,aAAa,IAAI;AAAA,EAIpB,aAAa,UAAU,KAAK,YAAY,qCAAqC;AAAA,EAI7E,WAAW,UAAU,KAAK,YAAY,iEAAiE;AAAA,EAIvG,SAAS,UAAU,KAAK,YAAY,oEAAoE;AAAA,EAIxG,UAAU,UAAU,KAAK,YAAY,iEAAiE;AAAA,EAItG,SAAS,UAAU,KAAK,YAAY,oEAAoE;AAAA,EAIxG,QAAQ,UAAU,KAAK,YAAY,qEAAqE;AAAA,EAIxG,SAAS,UAAU,KAAK,YAAY,mEAAmE;AAAA,EAIvG,SAAS,UAAU,KAAK;AAAA,IACtB;AAAA,EACF;AAAA,EAIA,OAAO,UAAU,OAAO,YAAY,iDAAiD;AAAA,EAIrF,UAAU,UAAU,KAAK,YAAY,yCAAyC;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,EAIA,MAAM,UAAU,OAAO,YAAY,2BAA2B;AAAA,EAI9D,WAAW,UAAU,KAAK,YAAY,4CAA4C;AAAA,EAIlF,eAAe,UAAU,KAAK,YAAY,sDAAsD;AAAA,EAIhG,gBAAgB,UAAU,KAAK,YAAY,sDAAsD;AAAA,EAKjG,MAAM,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,QAAQ,UAAU,MAAM,UAAU,MAAM,CAAC,EAAE;AAAA,IAC/F;AAAA,EACF;AAAA,EAKA,MAAM,UAAU,KAAK,YAAY,oDAAoD;AAAA,EAIrF,WAAW,UAAU,OAAO,YAAY,kCAAkC;AAAA,EAK1E,iBAAiB,UAAU,OACxB;AAAA,IACC;AAAA;AAAA,EAEF,EACC,aAAa,GAAG;AACrB;",
+  "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/InputProtected/DSInputProtected.js

@@ -1,14 +1,15 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { useState, useCallback, useEffect } from "react";
-import { describe } from "@elliemae/ds-utilities";
+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";
-import { DSInputMask } from "../InputMask";
-import { inputProtectedProps } from "./props";
-import { defaultProps } from "./defaultProps";
-import { LEFT_ADDON_OPTIONS, RIGHT_ADDON_OPTIONS } from "./options";
+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, {}),
@@ -26,6 +27,7 @@ const DSInputProtected = ({
   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);

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

@@ -1,7 +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 '@elliemae/ds-utilities';\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  }, [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;ACcP;AAXhB,SAAgB,UAAU,aAAa,iBAAiB;AACxD,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,KACf;AACL,MAAM;AACJ,QAAM,OAAO,aAAa,mBAAmB;AAC7C,QAAM,QAAQ,cAAc,mBAAmB;AAC/C,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;AAAA,UAC1F,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;AAAA,UAE3F,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;",
+  "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,5 +1,5 @@
 import * as React from "react";
-import { RIGHT_ADDON_OPTIONS } from "./options";
+import { RIGHT_ADDON_OPTIONS } from "./options.js";
 const defaultProps = {
   rightAddon: RIGHT_ADDON_OPTIONS.InvisibleHide,
   mask: (data) => new Array(data.length).fill(/./)

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

@@ -1,7 +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"],
+  "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 +1,4 @@
 import * as React from "react";
-export * from "./DSInputProtected";
-export * from "./options";
+export * from "./DSInputProtected.js";
+export * from "./options.js";
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +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"],
+  "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/props.js

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { PropTypes } from "@elliemae/ds-utilities";
-import { LEFT_ADDON_OPTIONS, RIGHT_ADDON_OPTIONS } from "./options";
+import { PropTypes } from "@elliemae/ds-props-helpers";
+import { LEFT_ADDON_OPTIONS, RIGHT_ADDON_OPTIONS } from "./options.js";
 const inputProtectedProps = {
   leftAddon: PropTypes.oneOf([LEFT_ADDON_OPTIONS.LockLocked, LEFT_ADDON_OPTIONS.LockUnlocked]).description(
     "left addon component to display"
@@ -13,6 +13,10 @@ const inputProtectedProps = {
     "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.
   * The default placeholder character is underscore, _.`

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

@@ -1,7 +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 '@elliemae/ds-utilities';\nimport { LEFT_ADDON_OPTIONS, RIGHT_ADDON_OPTIONS } from './options';\n\nexport const inputProtectedProps = {\n  leftAddon: PropTypes.oneOf([LEFT_ADDON_OPTIONS.LockLocked, LEFT_ADDON_OPTIONS.LockUnlocked]).description(\n    'left addon component to display',\n  ),\n  rightAddon: PropTypes.oneOf([RIGHT_ADDON_OPTIONS.VisibleView, RIGHT_ADDON_OPTIONS.InvisibleHide])\n    .description('right addon component to display')\n    .defaultValue(RIGHT_ADDON_OPTIONS.InvisibleHide),\n  onChange: PropTypes.func.description('Function executed when input s value changes'),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('input s value'),\n  readOnly: PropTypes.bool.description('Whether the input is read-only or not').defaultValue(false),\n  mask: PropTypes.oneOfType([PropTypes.array, PropTypes.func, PropTypes.object, PropTypes.string]).description(\n    'mask to apply',\n  ),\n  type: PropTypes.oneOf(['password', 'number', 'text']).description('type of input'),\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,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB,2BAA2B;AAEjD,MAAM,sBAAsB;AAAA,EACjC,WAAW,UAAU,MAAM,CAAC,mBAAmB,YAAY,mBAAmB,YAAY,CAAC,EAAE;AAAA,IAC3F;AAAA,EACF;AAAA,EACA,YAAY,UAAU,MAAM,CAAC,oBAAoB,aAAa,oBAAoB,aAAa,CAAC,EAC7F,YAAY,kCAAkC,EAC9C,aAAa,oBAAoB,aAAa;AAAA,EACjD,UAAU,UAAU,KAAK,YAAY,8CAA8C;AAAA,EACnF,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAAY,eAAe;AAAA,EAC5F,UAAU,UAAU,KAAK,YAAY,uCAAuC,EAAE,aAAa,KAAK;AAAA,EAChG,MAAM,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE;AAAA,IAC/F;AAAA,EACF;AAAA,EACA,MAAM,UAAU,MAAM,CAAC,YAAY,UAAU,MAAM,CAAC,EAAE,YAAY,eAAe;AAAA,EAKjF,iBAAiB,UAAU,OAAO;AAAA,IAChC;AAAA;AAAA,EAEF;AACF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-props-helpers';\nimport { LEFT_ADDON_OPTIONS, RIGHT_ADDON_OPTIONS } from './options.js';\n\nexport const inputProtectedProps = {\n  leftAddon: PropTypes.oneOf([LEFT_ADDON_OPTIONS.LockLocked, LEFT_ADDON_OPTIONS.LockUnlocked]).description(\n    'left addon component to display',\n  ),\n  rightAddon: PropTypes.oneOf([RIGHT_ADDON_OPTIONS.VisibleView, RIGHT_ADDON_OPTIONS.InvisibleHide])\n    .description('right addon component to display')\n    .defaultValue(RIGHT_ADDON_OPTIONS.InvisibleHide),\n  onChange: PropTypes.func.description('Function executed when input s value changes'),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('input s value'),\n  readOnly: PropTypes.bool.description('Whether the input is read-only or not').defaultValue(false),\n  mask: PropTypes.oneOfType([PropTypes.array, PropTypes.func, PropTypes.object, PropTypes.string]).description(\n    'mask to apply',\n  ),\n  type: PropTypes.oneOf(['password', 'number', 'text']).description('type of input'),\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,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB,2BAA2B;AAEjD,MAAM,sBAAsB;AAAA,EACjC,WAAW,UAAU,MAAM,CAAC,mBAAmB,YAAY,mBAAmB,YAAY,CAAC,EAAE;AAAA,IAC3F;AAAA,EACF;AAAA,EACA,YAAY,UAAU,MAAM,CAAC,oBAAoB,aAAa,oBAAoB,aAAa,CAAC,EAC7F,YAAY,kCAAkC,EAC9C,aAAa,oBAAoB,aAAa;AAAA,EACjD,UAAU,UAAU,KAAK,YAAY,8CAA8C;AAAA,EACnF,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAAY,eAAe;AAAA,EAC5F,UAAU,UAAU,KAAK,YAAY,uCAAuC,EAAE,aAAa,KAAK;AAAA,EAChG,MAAM,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE;AAAA,IAC/F;AAAA,EACF;AAAA,EACA,MAAM,UAAU,MAAM,CAAC,YAAY,UAAU,MAAM,CAAC,EAAE,YAAY,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA,EAKjF,iBAAiB,UAAU,OAAO;AAAA,IAChC;AAAA;AAAA,EAEF;AACF;",
   "names": []
 }

package/dist/esm/LargeInputText/DSLargeInputText.js

@@ -1,10 +1,11 @@
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { describe } from "@elliemae/ds-utilities";
+import { useDeprecateComponent } from "@elliemae/ds-utilities";
+import { describe } from "@elliemae/ds-props-helpers";
 import { convertPropToCssClassName, aggregatedClasses } from "@elliemae/ds-classnames";
-import { props } from "./props";
-import { defaultProps } from "./defaultProps";
+import { props } from "./props.js";
+import { defaultProps } from "./defaultProps.js";
 const CounterArea = aggregatedClasses("div")("counter", "textarea", ({ limitError }) => ({
   "limit-error": limitError
 }));
@@ -39,6 +40,7 @@ const DSLargeInputText = ({
   errorLimit,
   tabIndex
 }) => {
+  useDeprecateComponent({ componentName: "ds-form/LargeInputText", version: "TBD Date: 2023 Q3" });
   const limitError = useMemo(
     () => characterLimitCounter < String(value).length && characterLimitCounter > 0,
     [characterLimitCounter, value]

package/dist/esm/LargeInputText/DSLargeInputText.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/LargeInputText/DSLargeInputText.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable jsx-a11y/no-autofocus, react/prop-types */\nimport React, { useMemo } from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { convertPropToCssClassName, aggregatedClasses } from '@elliemae/ds-classnames';\nimport { props } from './props';\nimport { defaultProps } from './defaultProps';\n\nconst CounterArea = aggregatedClasses('div')('counter', 'textarea', ({ limitError }) => ({\n  'limit-error': limitError,\n}));\n\nconst DSLargeInputText = ({\n  containerProps,\n  autoFocus,\n  className,\n  disabled,\n  name,\n  id,\n  maxLength,\n  minLength,\n  placeholder,\n  onClick,\n  onChange,\n  onFocus,\n  onBlur,\n  onKeyUp,\n  onKeyDown,\n  onPaste,\n  value,\n  hasError,\n  required,\n  readOnly,\n  resize,\n  innerRef,\n  ariaLabel,\n  ariaAutocomplete,\n  role,\n  characterLimitCounter,\n  rows,\n  errorLimit,\n  tabIndex,\n}) => {\n  const limitError = useMemo(\n    () => characterLimitCounter < String(value).length && characterLimitCounter > 0,\n    [characterLimitCounter, value],\n  );\n  const { cssClassName, classNameElement, classNameBlock } = convertPropToCssClassName(\n    'form-element-textarea',\n    'text',\n    {\n      hasError: limitError || hasError,\n      readOnly,\n      disabled,\n    },\n  );\n  // auto size when user types\n  const handleKeyUp = (e) => {\n    // const { target } = e\n    onKeyUp(e);\n    // if (e.key !== 'Enter') return\n    // target.style.cssText = 'height:auto; padding:0'\n    // target.style.cssText = `height: ${target.scrollHeight}px`\n  };\n  return (\n    <>\n      <div {...containerProps} className={`${cssClassName} ${className}`}>\n        <div className={classNameBlock('wrapper')}>\n          <textarea\n            ref={innerRef}\n            aria-autocomplete={ariaAutocomplete}\n            aria-label={ariaLabel}\n            aria-multiline\n            aria-placeholder={placeholder}\n            aria-required={required}\n            autoFocus={autoFocus}\n            className={classNameElement('textarea')}\n            data-testid=\"ds-large-input_main-component\"\n            disabled={disabled}\n            id={id}\n            maxLength={maxLength}\n            minLength={minLength}\n            name={name}\n            onBlur={onBlur}\n            onChange={onChange}\n            onClick={onClick}\n            onFocus={onFocus}\n            onKeyDown={onKeyDown}\n            onKeyUp={handleKeyUp}\n            onPaste={onPaste}\n            placeholder={placeholder}\n            role={role}\n            rows={String(rows)}\n            style={{\n              resize,\n            }}\n            value={value}\n            tabIndex={tabIndex}\n          />\n        </div>\n      </div>\n      {characterLimitCounter > 0 && (\n        <CounterArea classProps={{ limitError }} data-testid=\"counter-area\">\n          {`${limitError ? `${errorLimit} ${characterLimitCounter} characters.   ` : ''}${\n            String(value).length\n          } / ${characterLimitCounter}`}\n        </CounterArea>\n      )}\n    </>\n  );\n};\n\nDSLargeInputText.propTypes = props;\nDSLargeInputText.defaultProps = defaultProps;\nDSLargeInputText.displayName = 'DSLargeInputText';\nconst DSLargeInputTextWithSchema = describe(DSLargeInputText).description('A large input');\nDSLargeInputTextWithSchema.propTypes = props;\n\nexport { DSLargeInputTextWithSchema, DSLargeInputText };\n\nexport default DSLargeInputText;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACiEnB,mBAGM,KAHN;AA/DJ,SAAgB,eAAe;AAC/B,SAAS,gBAAgB;AACzB,SAAS,2BAA2B,yBAAyB;AAC7D,SAAS,aAAa;AACtB,SAAS,oBAAoB;AAE7B,MAAM,cAAc,kBAAkB,KAAK,EAAE,WAAW,YAAY,CAAC,EAAE,WAAW,OAAO;AAAA,EACvF,eAAe;AACjB,EAAE;AAEF,MAAM,mBAAmB,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,aAAa;AAAA,IACjB,MAAM,wBAAwB,OAAO,KAAK,EAAE,UAAU,wBAAwB;AAAA,IAC9E,CAAC,uBAAuB,KAAK;AAAA,EAC/B;AACA,QAAM,EAAE,cAAc,kBAAkB,eAAe,IAAI;AAAA,IACzD;AAAA,IACA;AAAA,IACA;AAAA,MACE,UAAU,cAAc;AAAA,MACxB;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,cAAc,CAAC,MAAM;AAEzB,YAAQ,CAAC;AAAA,EAIX;AACA,SACE,iCACE;AAAA,wBAAC,SAAK,GAAG,gBAAgB,WAAW,GAAG,gBAAgB,aACrD,8BAAC,SAAI,WAAW,eAAe,SAAS,GACtC;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,qBAAmB;AAAA,QACnB,cAAY;AAAA,QACZ,kBAAc;AAAA,QACd,oBAAkB;AAAA,QAClB,iBAAe;AAAA,QACf;AAAA,QACA,WAAW,iBAAiB,UAAU;AAAA,QACtC,eAAY;AAAA,QACZ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAM,OAAO,IAAI;AAAA,QACjB,OAAO;AAAA,UACL;AAAA,QACF;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF,GACF,GACF;AAAA,IACC,wBAAwB,KACvB,oBAAC,eAAY,YAAY,EAAE,WAAW,GAAG,eAAY,gBAClD,aAAG,aAAa,GAAG,cAAc,yCAAyC,KACzE,OAAO,KAAK,EAAE,YACV,yBACR;AAAA,KAEJ;AAEJ;AAEA,iBAAiB,YAAY;AAC7B,iBAAiB,eAAe;AAChC,iBAAiB,cAAc;AAC/B,MAAM,6BAA6B,SAAS,gBAAgB,EAAE,YAAY,eAAe;AACzF,2BAA2B,YAAY;AAIvC,IAAO,2BAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable jsx-a11y/no-autofocus, react/prop-types */\nimport React, { useMemo } from 'react';\nimport { useDeprecateComponent } from '@elliemae/ds-utilities';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { convertPropToCssClassName, aggregatedClasses } from '@elliemae/ds-classnames';\nimport { props } from './props.js';\nimport { defaultProps } from './defaultProps.js';\n\nconst CounterArea = aggregatedClasses('div')('counter', 'textarea', ({ limitError }) => ({\n  'limit-error': limitError,\n}));\n\nconst DSLargeInputText = ({\n  containerProps,\n  autoFocus,\n  className,\n  disabled,\n  name,\n  id,\n  maxLength,\n  minLength,\n  placeholder,\n  onClick,\n  onChange,\n  onFocus,\n  onBlur,\n  onKeyUp,\n  onKeyDown,\n  onPaste,\n  value,\n  hasError,\n  required,\n  readOnly,\n  resize,\n  innerRef,\n  ariaLabel,\n  ariaAutocomplete,\n  role,\n  characterLimitCounter,\n  rows,\n  errorLimit,\n  tabIndex,\n}) => {\n  useDeprecateComponent({ componentName: 'ds-form/LargeInputText', version: 'TBD Date: 2023 Q3' });\n\n  const limitError = useMemo(\n    () => characterLimitCounter < String(value).length && characterLimitCounter > 0,\n    [characterLimitCounter, value],\n  );\n  const { cssClassName, classNameElement, classNameBlock } = convertPropToCssClassName(\n    'form-element-textarea',\n    'text',\n    {\n      hasError: limitError || hasError,\n      readOnly,\n      disabled,\n    },\n  );\n  // auto size when user types\n  const handleKeyUp = (e) => {\n    // const { target } = e\n    onKeyUp(e);\n    // if (e.key !== 'Enter') return\n    // target.style.cssText = 'height:auto; padding:0'\n    // target.style.cssText = `height: ${target.scrollHeight}px`\n  };\n  return (\n    <>\n      <div {...containerProps} className={`${cssClassName} ${className}`}>\n        <div className={classNameBlock('wrapper')}>\n          <textarea\n            ref={innerRef}\n            aria-autocomplete={ariaAutocomplete}\n            aria-label={ariaLabel}\n            aria-multiline\n            aria-placeholder={placeholder}\n            aria-required={required}\n            autoFocus={autoFocus}\n            className={classNameElement('textarea')}\n            data-testid=\"ds-large-input_main-component\"\n            disabled={disabled}\n            id={id}\n            maxLength={maxLength}\n            minLength={minLength}\n            name={name}\n            onBlur={onBlur}\n            onChange={onChange}\n            onClick={onClick}\n            onFocus={onFocus}\n            onKeyDown={onKeyDown}\n            onKeyUp={handleKeyUp}\n            onPaste={onPaste}\n            placeholder={placeholder}\n            role={role}\n            rows={String(rows)}\n            style={{\n              resize,\n            }}\n            value={value}\n            tabIndex={tabIndex}\n          />\n        </div>\n      </div>\n      {characterLimitCounter > 0 && (\n        <CounterArea classProps={{ limitError }} data-testid=\"counter-area\">\n          {`${limitError ? `${errorLimit} ${characterLimitCounter} characters.   ` : ''}${\n            String(value).length\n          } / ${characterLimitCounter}`}\n        </CounterArea>\n      )}\n    </>\n  );\n};\n\nDSLargeInputText.propTypes = props;\nDSLargeInputText.defaultProps = defaultProps;\nDSLargeInputText.displayName = 'DSLargeInputText';\nconst DSLargeInputTextWithSchema = describe(DSLargeInputText).description('A large input');\nDSLargeInputTextWithSchema.propTypes = props;\n\nexport { DSLargeInputTextWithSchema, DSLargeInputText };\n\nexport default DSLargeInputText;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACoEnB,mBAGM,KAHN;AAlEJ,SAAgB,eAAe;AAC/B,SAAS,6BAA6B;AACtC,SAAS,gBAAgB;AACzB,SAAS,2BAA2B,yBAAyB;AAC7D,SAAS,aAAa;AACtB,SAAS,oBAAoB;AAE7B,MAAM,cAAc,kBAAkB,KAAK,EAAE,WAAW,YAAY,CAAC,EAAE,WAAW,OAAO;AAAA,EACvF,eAAe;AACjB,EAAE;AAEF,MAAM,mBAAmB,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,wBAAsB,EAAE,eAAe,0BAA0B,SAAS,oBAAoB,CAAC;AAE/F,QAAM,aAAa;AAAA,IACjB,MAAM,wBAAwB,OAAO,KAAK,EAAE,UAAU,wBAAwB;AAAA,IAC9E,CAAC,uBAAuB,KAAK;AAAA,EAC/B;AACA,QAAM,EAAE,cAAc,kBAAkB,eAAe,IAAI;AAAA,IACzD;AAAA,IACA;AAAA,IACA;AAAA,MACE,UAAU,cAAc;AAAA,MACxB;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,cAAc,CAAC,MAAM;AAEzB,YAAQ,CAAC;AAAA,EAIX;AACA,SACE,iCACE;AAAA,wBAAC,SAAK,GAAG,gBAAgB,WAAW,GAAG,gBAAgB,aACrD,8BAAC,SAAI,WAAW,eAAe,SAAS,GACtC;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,qBAAmB;AAAA,QACnB,cAAY;AAAA,QACZ,kBAAc;AAAA,QACd,oBAAkB;AAAA,QAClB,iBAAe;AAAA,QACf;AAAA,QACA,WAAW,iBAAiB,UAAU;AAAA,QACtC,eAAY;AAAA,QACZ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAM,OAAO,IAAI;AAAA,QACjB,OAAO;AAAA,UACL;AAAA,QACF;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF,GACF,GACF;AAAA,IACC,wBAAwB,KACvB,oBAAC,eAAY,YAAY,EAAE,WAAW,GAAG,eAAY,gBAClD,aAAG,aAAa,GAAG,cAAc,yCAAyC,KACzE,OAAO,KAAK,EAAE,YACV,yBACR;AAAA,KAEJ;AAEJ;AAEA,iBAAiB,YAAY;AAC7B,iBAAiB,eAAe;AAChC,iBAAiB,cAAc;AAC/B,MAAM,6BAA6B,SAAS,gBAAgB,EAAE,YAAY,eAAe;AACzF,2BAA2B,YAAY;AAIvC,IAAO,2BAAQ;",
   "names": []
 }

package/dist/esm/LargeInputText/index.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { default as default2, DSLargeInputTextWithSchema, DSLargeInputText } from "./DSLargeInputText";
+import { default as default2, DSLargeInputTextWithSchema, DSLargeInputText } from "./DSLargeInputText.js";
 export {
   DSLargeInputText,
   DSLargeInputTextWithSchema,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/LargeInputText/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default, DSLargeInputTextWithSchema, DSLargeInputText } from './DSLargeInputText';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default, DSLargeInputTextWithSchema, DSLargeInputText } from './DSLargeInputText.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAAA,UAAS,4BAA4B,wBAAwB;",
   "names": ["default"]
 }

package/dist/esm/LargeInputText/props.js

@@ -1,34 +1,100 @@
 import * as React from "react";
-import { PropTypes } from "@elliemae/ds-utilities";
+import { PropTypes } from "@elliemae/ds-props-helpers";
 const props = {
+  /** Injected props to wrapper element of component */
   containerProps: PropTypes.object.description("Injected props to wrapper element of component"),
+  /**
+   * Whether uses auto focus or not
+   */
   autoFocus: PropTypes.bool.description("Whether uses auto focus or not"),
+  /** CSS class */
   className: PropTypes.string.description("CSS class"),
+  /**
+   * Whether is disabled or not
+   */
   disabled: PropTypes.bool.description("Whether is disabled or not"),
+  /** HTML form name property */
   name: PropTypes.string.description("HTML form name property"),
+  /** HTML id */
   id: PropTypes.number.description("HTML id"),
+  /**
+   * Max length for text to be entered
+   */
   maxLength: PropTypes.number.description("Max length for text to be entered"),
+  /**
+   * Min length for text to be entered
+   */
   minLength: PropTypes.number.description("Min length for text to be entered"),
+  /**
+   * Placeholder for the text
+   */
   placeholder: PropTypes.string.description("Placeholder for the text"),
+  /**
+   * Allows a function that is triggered once the input text is clicked
+   */
   onClick: PropTypes.func.description("Allows a function that is triggered once the input text is clicked"),
+  /**
+   * Allows a function that is triggered once the input text changes
+   */
   onChange: PropTypes.func.description("Allows a function that is triggered once the input text changes"),
+  /**
+   * Allows a function that is triggered once the input text is focused
+   */
   onFocus: PropTypes.func.description("Allows a function that is triggered once the input text is focused"),
+  /**
+   * Allows a function that is triggered once the input text loses focus
+   */
   onBlur: PropTypes.func.description("Allows a function that is triggered once the input text loses focus"),
+  /**
+   * Allows a function that is triggered once in the input a keyboard key is released
+   */
   onKeyUp: PropTypes.func.description(
     "Allows a function that is triggered once in the input a keyboard key is released"
   ),
+  /**
+   * 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 text is pasted
+   */
   onPaste: PropTypes.func.description("Allows a function that is triggered once the input text is pasted"),
+  /**
+   * Default value once the component is initialized
+   */
   value: PropTypes.string.description("Default value once the component is initialized"),
+  /**
+   * Whether the input text has error or not
+   */
   hasError: PropTypes.bool.description("Whether the input text has error or not"),
+  /**
+   * Whether the input text is required or not
+   */
   required: PropTypes.bool.description("Whether the input text is required or not"),
+  /**
+   * Whether the input text is read only or not
+   */
   readOnly: PropTypes.bool.description("Whether the input text is read only or not"),
+  /**
+   * Whether the input text style is vertical or not
+   */
   resize: PropTypes.string.description("Whether the input text style is vertical or not"),
+  /** ref forwarded to component */
   innerRef: PropTypes.func.description("ref forwarded to component"),
+  /** a11y aria label */
   ariaLabel: PropTypes.string.description("a11y aria label"),
   ariaAutocomplete: PropTypes.string.description(""),
+  /**
+   * Type of input. Ex: textbox
+   */
   role: PropTypes.string.description("Type of input. Ex: textbox"),
+  /**
+   * it will show a counter/limit if the value is greater than 0
+   */
   characterLimitCounter: PropTypes.number.description("it will show a counter/limit if the value is greater than 0"),
+  /**
+   * Tab index html property.
+   */
   tabIndex: PropTypes.string.description("Tab index html property.")
 };
 export {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/LargeInputText/props.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-utilities';\n\nexport const props = {\n  /** Injected props to wrapper element of component */\n  containerProps: PropTypes.object.description('Injected props to wrapper element of component'),\n  /**\n   * Whether uses auto focus or not\n   */\n  autoFocus: PropTypes.bool.description('Whether uses auto focus or not'),\n  /** CSS class */\n  className: PropTypes.string.description('CSS class'),\n  /**\n   * Whether is disabled or not\n   */\n  disabled: PropTypes.bool.description('Whether is disabled or not'),\n  /** HTML form name property */\n  name: PropTypes.string.description('HTML form name property'),\n  /** HTML id */\n  id: PropTypes.number.description('HTML id'),\n  /**\n   * Max length for text to be entered\n   */\n  maxLength: PropTypes.number.description('Max length for text to be entered'),\n  /**\n   * Min length for text to be entered\n   */\n  minLength: PropTypes.number.description('Min length for text to be entered'),\n  /**\n   * Placeholder for the text\n   */\n  placeholder: PropTypes.string.description('Placeholder for the text'),\n  /**\n   * Allows a function that is triggered once the input text is clicked\n   */\n  onClick: PropTypes.func.description('Allows a function that is triggered once the input text is clicked'),\n  /**\n   * Allows a function that is triggered once the input text changes\n   */\n  onChange: PropTypes.func.description('Allows a function that is triggered once the input text changes'),\n  /**\n   * Allows a function that is triggered once the input text is focused\n   */\n  onFocus: PropTypes.func.description('Allows a function that is triggered once the input text is focused'),\n  /**\n   * Allows a function that is triggered once the input text loses focus\n   */\n  onBlur: PropTypes.func.description('Allows a function that is triggered once the input text loses focus'),\n  /**\n   * Allows a function that is triggered once in the input a keyboard key is released\n   */\n  onKeyUp: PropTypes.func.description(\n    'Allows a function that is triggered once in the input a keyboard key is released',\n  ),\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 text is pasted\n   */\n  onPaste: PropTypes.func.description('Allows a function that is triggered once the input text is pasted'),\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 text has error or not\n   */\n  hasError: PropTypes.bool.description('Whether the input text has error or not'),\n  /**\n   * Whether the input text is required or not\n   */\n  required: PropTypes.bool.description('Whether the input text is required or not'),\n  /**\n   * Whether the input text is read only or not\n   */\n  readOnly: PropTypes.bool.description('Whether the input text is read only or not'),\n  /**\n   * Whether the input text style is vertical or not\n   */\n  resize: PropTypes.string.description('Whether the input text style is vertical or not'),\n  /** ref forwarded to component */\n  innerRef: PropTypes.func.description('ref forwarded to component'),\n  /** a11y aria label */\n  ariaLabel: PropTypes.string.description('a11y aria label'),\n  ariaAutocomplete: PropTypes.string.description(''),\n  /**\n   * Type of input. Ex: textbox\n   */\n  role: PropTypes.string.description('Type of input. Ex: textbox'),\n  /**\n   * it will show a counter/limit if the value is greater than 0\n   */\n  characterLimitCounter: PropTypes.number.description('it will show a counter/limit if the value is greater than 0'),\n  /**\n   * Tab index html property.\n   */\n  tabIndex: PropTypes.string.description('Tab index html property.'),\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAEnB,MAAM,QAAQ;AAAA,EAEnB,gBAAgB,UAAU,OAAO,YAAY,gDAAgD;AAAA,EAI7F,WAAW,UAAU,KAAK,YAAY,gCAAgC;AAAA,EAEtE,WAAW,UAAU,OAAO,YAAY,WAAW;AAAA,EAInD,UAAU,UAAU,KAAK,YAAY,4BAA4B;AAAA,EAEjE,MAAM,UAAU,OAAO,YAAY,yBAAyB;AAAA,EAE5D,IAAI,UAAU,OAAO,YAAY,SAAS;AAAA,EAI1C,WAAW,UAAU,OAAO,YAAY,mCAAmC;AAAA,EAI3E,WAAW,UAAU,OAAO,YAAY,mCAAmC;AAAA,EAI3E,aAAa,UAAU,OAAO,YAAY,0BAA0B;AAAA,EAIpE,SAAS,UAAU,KAAK,YAAY,oEAAoE;AAAA,EAIxG,UAAU,UAAU,KAAK,YAAY,iEAAiE;AAAA,EAItG,SAAS,UAAU,KAAK,YAAY,oEAAoE;AAAA,EAIxG,QAAQ,UAAU,KAAK,YAAY,qEAAqE;AAAA,EAIxG,SAAS,UAAU,KAAK;AAAA,IACtB;AAAA,EACF;AAAA,EAIA,WAAW,UAAU,KAAK,YAAY,iEAAiE;AAAA,EAIvG,SAAS,UAAU,KAAK,YAAY,mEAAmE;AAAA,EAIvG,OAAO,UAAU,OAAO,YAAY,iDAAiD;AAAA,EAIrF,UAAU,UAAU,KAAK,YAAY,yCAAyC;AAAA,EAI9E,UAAU,UAAU,KAAK,YAAY,2CAA2C;AAAA,EAIhF,UAAU,UAAU,KAAK,YAAY,4CAA4C;AAAA,EAIjF,QAAQ,UAAU,OAAO,YAAY,iDAAiD;AAAA,EAEtF,UAAU,UAAU,KAAK,YAAY,4BAA4B;AAAA,EAEjE,WAAW,UAAU,OAAO,YAAY,iBAAiB;AAAA,EACzD,kBAAkB,UAAU,OAAO,YAAY,EAAE;AAAA,EAIjD,MAAM,UAAU,OAAO,YAAY,4BAA4B;AAAA,EAI/D,uBAAuB,UAAU,OAAO,YAAY,6DAA6D;AAAA,EAIjH,UAAU,UAAU,OAAO,YAAY,0BAA0B;AACnE;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-props-helpers';\n\nexport const props = {\n  /** Injected props to wrapper element of component */\n  containerProps: PropTypes.object.description('Injected props to wrapper element of component'),\n  /**\n   * Whether uses auto focus or not\n   */\n  autoFocus: PropTypes.bool.description('Whether uses auto focus or not'),\n  /** CSS class */\n  className: PropTypes.string.description('CSS class'),\n  /**\n   * Whether is disabled or not\n   */\n  disabled: PropTypes.bool.description('Whether is disabled or not'),\n  /** HTML form name property */\n  name: PropTypes.string.description('HTML form name property'),\n  /** HTML id */\n  id: PropTypes.number.description('HTML id'),\n  /**\n   * Max length for text to be entered\n   */\n  maxLength: PropTypes.number.description('Max length for text to be entered'),\n  /**\n   * Min length for text to be entered\n   */\n  minLength: PropTypes.number.description('Min length for text to be entered'),\n  /**\n   * Placeholder for the text\n   */\n  placeholder: PropTypes.string.description('Placeholder for the text'),\n  /**\n   * Allows a function that is triggered once the input text is clicked\n   */\n  onClick: PropTypes.func.description('Allows a function that is triggered once the input text is clicked'),\n  /**\n   * Allows a function that is triggered once the input text changes\n   */\n  onChange: PropTypes.func.description('Allows a function that is triggered once the input text changes'),\n  /**\n   * Allows a function that is triggered once the input text is focused\n   */\n  onFocus: PropTypes.func.description('Allows a function that is triggered once the input text is focused'),\n  /**\n   * Allows a function that is triggered once the input text loses focus\n   */\n  onBlur: PropTypes.func.description('Allows a function that is triggered once the input text loses focus'),\n  /**\n   * Allows a function that is triggered once in the input a keyboard key is released\n   */\n  onKeyUp: PropTypes.func.description(\n    'Allows a function that is triggered once in the input a keyboard key is released',\n  ),\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 text is pasted\n   */\n  onPaste: PropTypes.func.description('Allows a function that is triggered once the input text is pasted'),\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 text has error or not\n   */\n  hasError: PropTypes.bool.description('Whether the input text has error or not'),\n  /**\n   * Whether the input text is required or not\n   */\n  required: PropTypes.bool.description('Whether the input text is required or not'),\n  /**\n   * Whether the input text is read only or not\n   */\n  readOnly: PropTypes.bool.description('Whether the input text is read only or not'),\n  /**\n   * Whether the input text style is vertical or not\n   */\n  resize: PropTypes.string.description('Whether the input text style is vertical or not'),\n  /** ref forwarded to component */\n  innerRef: PropTypes.func.description('ref forwarded to component'),\n  /** a11y aria label */\n  ariaLabel: PropTypes.string.description('a11y aria label'),\n  ariaAutocomplete: PropTypes.string.description(''),\n  /**\n   * Type of input. Ex: textbox\n   */\n  role: PropTypes.string.description('Type of input. Ex: textbox'),\n  /**\n   * it will show a counter/limit if the value is greater than 0\n   */\n  characterLimitCounter: PropTypes.number.description('it will show a counter/limit if the value is greater than 0'),\n  /**\n   * Tab index html property.\n   */\n  tabIndex: PropTypes.string.description('Tab index html property.'),\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAEnB,MAAM,QAAQ;AAAA;AAAA,EAEnB,gBAAgB,UAAU,OAAO,YAAY,gDAAgD;AAAA;AAAA;AAAA;AAAA,EAI7F,WAAW,UAAU,KAAK,YAAY,gCAAgC;AAAA;AAAA,EAEtE,WAAW,UAAU,OAAO,YAAY,WAAW;AAAA;AAAA;AAAA;AAAA,EAInD,UAAU,UAAU,KAAK,YAAY,4BAA4B;AAAA;AAAA,EAEjE,MAAM,UAAU,OAAO,YAAY,yBAAyB;AAAA;AAAA,EAE5D,IAAI,UAAU,OAAO,YAAY,SAAS;AAAA;AAAA;AAAA;AAAA,EAI1C,WAAW,UAAU,OAAO,YAAY,mCAAmC;AAAA;AAAA;AAAA;AAAA,EAI3E,WAAW,UAAU,OAAO,YAAY,mCAAmC;AAAA;AAAA;AAAA;AAAA,EAI3E,aAAa,UAAU,OAAO,YAAY,0BAA0B;AAAA;AAAA;AAAA;AAAA,EAIpE,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;AAAA,IACtB;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAIA,WAAW,UAAU,KAAK,YAAY,iEAAiE;AAAA;AAAA;AAAA;AAAA,EAIvG,SAAS,UAAU,KAAK,YAAY,mEAAmE;AAAA;AAAA;AAAA;AAAA,EAIvG,OAAO,UAAU,OAAO,YAAY,iDAAiD;AAAA;AAAA;AAAA;AAAA,EAIrF,UAAU,UAAU,KAAK,YAAY,yCAAyC;AAAA;AAAA;AAAA;AAAA,EAI9E,UAAU,UAAU,KAAK,YAAY,2CAA2C;AAAA;AAAA;AAAA;AAAA,EAIhF,UAAU,UAAU,KAAK,YAAY,4CAA4C;AAAA;AAAA;AAAA;AAAA,EAIjF,QAAQ,UAAU,OAAO,YAAY,iDAAiD;AAAA;AAAA,EAEtF,UAAU,UAAU,KAAK,YAAY,4BAA4B;AAAA;AAAA,EAEjE,WAAW,UAAU,OAAO,YAAY,iBAAiB;AAAA,EACzD,kBAAkB,UAAU,OAAO,YAAY,EAAE;AAAA;AAAA;AAAA;AAAA,EAIjD,MAAM,UAAU,OAAO,YAAY,4BAA4B;AAAA;AAAA;AAAA;AAAA,EAI/D,uBAAuB,UAAU,OAAO,YAAY,6DAA6D;AAAA;AAAA;AAAA;AAAA,EAIjH,UAAU,UAAU,OAAO,YAAY,0BAA0B;AACnE;",
   "names": []
 }

package/dist/esm/Radio/Circle.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Radio/Circle.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { withTheme } from '@elliemae/ds-system';\n\nconst Circle = ({ checked, theme }) => {\n  const r = theme.breakpoints.medium.split('px')[0] - window.innerWidth >= 0 ? 6 : 4;\n  return (\n    <svg width=\"100%\" height=\"100%\">\n      <circle className={checked ? 'checked' : 'unchecked'} r={r} cx=\"50%\" cy=\"50%\" />\n    </svg>\n  );\n};\n\nconst ThemedCircle = withTheme(Circle);\nexport { ThemedCircle as Circle };\nexport default ThemedCircle;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACOjB;AANN,SAAS,iBAAiB;AAE1B,MAAM,SAAS,CAAC,EAAE,SAAS,MAAM,MAAM;AACrC,QAAM,IAAI,MAAM,YAAY,OAAO,MAAM,IAAI,EAAE,KAAK,OAAO,cAAc,IAAI,IAAI;AACjF,SACE,oBAAC,SAAI,OAAM,QAAO,QAAO,QACvB,8BAAC,YAAO,WAAW,UAAU,YAAY,aAAa,GAAM,IAAG,OAAM,IAAG,OAAM,GAChF;AAEJ;AAEA,MAAM,eAAe,UAAU,MAAM;AAErC,IAAO,iBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACOjB;AANN,SAAS,iBAAiB;AAE1B,MAAM,SAAS,CAAC,EAAE,SAAS,MAAM,MAAM;AACrC,QAAM,IAAI,MAAM,YAAY,OAAO,MAAM,IAAI,EAAE,CAAC,IAAI,OAAO,cAAc,IAAI,IAAI;AACjF,SACE,oBAAC,SAAI,OAAM,QAAO,QAAO,QACvB,8BAAC,YAAO,WAAW,UAAU,YAAY,aAAa,GAAM,IAAG,OAAM,IAAG,OAAM,GAChF;AAEJ;AAEA,MAAM,eAAe,UAAU,MAAM;AAErC,IAAO,iBAAQ;",
   "names": []
 }