@elliemae/ds-form 3.1.0-next.2 → 3.1.0-next.3

package/dist/cjs/InputMask/props.js

@@ -24,45 +24,45 @@ __export(props_exports, {
 });
 module.exports = __toCommonJS(props_exports);
 var React = __toESM(require("react"));
-var import_react_desc = require("react-desc");
+var import_ds_utilities = require("@elliemae/ds-utilities");
 const inputProps = {
-  autoFocus: import_react_desc.PropTypes.bool.description("Should component focus automatically"),
-  style: import_react_desc.PropTypes.object.description("Set style for the input mask"),
-  disabled: import_react_desc.PropTypes.bool.description("Whether the input mask is disabled or not"),
-  disableTooltip: import_react_desc.PropTypes.bool.description("Whether to show a tooltip or not when text does not fit").defaultValue(true),
-  className: import_react_desc.PropTypes.string.description("css class"),
-  name: import_react_desc.PropTypes.string.description("html name prop for form"),
-  maxLength: import_react_desc.PropTypes.number.description("Max length for the input mask"),
-  minLength: import_react_desc.PropTypes.number.description("Min length for the input mask"),
-  fluidWidth: import_react_desc.PropTypes.bool.description("Whether to make the content of the input mask fit the container or not"),
-  isShowElipsisActive: import_react_desc.PropTypes.bool.description("Wheter to enable the ellipsis and tooltip functionality or not").defaultValue(true),
-  placeholder: import_react_desc.PropTypes.node.description("Component that works as placeholder"),
-  onKeyDown: import_react_desc.PropTypes.func.description("Allows a function that is triggered once a key is being pressed"),
-  onClick: import_react_desc.PropTypes.func.description("Allows a function that is triggered once the input mask is clicked"),
-  onChange: import_react_desc.PropTypes.func.description("Allows a function that is triggered once the input mask changes"),
-  onFocus: import_react_desc.PropTypes.func.description("Allows a function that is triggered once the input mask is focused"),
-  onBlur: import_react_desc.PropTypes.func.description("Allows a function that is triggered once the input mask loses focus"),
-  onPaste: import_react_desc.PropTypes.func.description("Allows a function that is triggered once the input mask is pasted"),
-  onKeyUp: import_react_desc.PropTypes.func.description("Allows a function that is triggered once in the input mask a keyboard key is released"),
-  value: import_react_desc.PropTypes.string.description("Default value once the component is initialized"),
-  hasError: import_react_desc.PropTypes.bool.description("Whether the input mask has error or not"),
-  readOnly: import_react_desc.PropTypes.bool.description("Whether the input mask is read only or not"),
-  innerRef: import_react_desc.PropTypes.oneOfType([
-    import_react_desc.PropTypes.func,
-    import_react_desc.PropTypes.shape({ current: import_react_desc.PropTypes.any })
+  autoFocus: import_ds_utilities.PropTypes.bool.description("Should component focus automatically"),
+  style: import_ds_utilities.PropTypes.object.description("Set style for the input mask"),
+  disabled: import_ds_utilities.PropTypes.bool.description("Whether the input mask is disabled or not"),
+  disableTooltip: import_ds_utilities.PropTypes.bool.description("Whether to show a tooltip or not when text does not fit").defaultValue(true),
+  className: import_ds_utilities.PropTypes.string.description("css class"),
+  name: import_ds_utilities.PropTypes.string.description("html name prop for form"),
+  maxLength: import_ds_utilities.PropTypes.number.description("Max length for the input mask"),
+  minLength: import_ds_utilities.PropTypes.number.description("Min length for the input mask"),
+  fluidWidth: import_ds_utilities.PropTypes.bool.description("Whether to make the content of the input mask fit the container or not"),
+  isShowElipsisActive: import_ds_utilities.PropTypes.bool.description("Wheter to enable the ellipsis and tooltip functionality or not").defaultValue(true),
+  placeholder: import_ds_utilities.PropTypes.node.description("Component that works as placeholder"),
+  onKeyDown: import_ds_utilities.PropTypes.func.description("Allows a function that is triggered once a key is being pressed"),
+  onClick: import_ds_utilities.PropTypes.func.description("Allows a function that is triggered once the input mask is clicked"),
+  onChange: import_ds_utilities.PropTypes.func.description("Allows a function that is triggered once the input mask changes"),
+  onFocus: import_ds_utilities.PropTypes.func.description("Allows a function that is triggered once the input mask is focused"),
+  onBlur: import_ds_utilities.PropTypes.func.description("Allows a function that is triggered once the input mask loses focus"),
+  onPaste: import_ds_utilities.PropTypes.func.description("Allows a function that is triggered once the input mask is pasted"),
+  onKeyUp: import_ds_utilities.PropTypes.func.description("Allows a function that is triggered once in the input mask a keyboard key is released"),
+  value: import_ds_utilities.PropTypes.string.description("Default value once the component is initialized"),
+  hasError: import_ds_utilities.PropTypes.bool.description("Whether the input mask has error or not"),
+  readOnly: import_ds_utilities.PropTypes.bool.description("Whether the input mask is read only or not"),
+  innerRef: import_ds_utilities.PropTypes.oneOfType([
+    import_ds_utilities.PropTypes.func,
+    import_ds_utilities.PropTypes.shape({ current: import_ds_utilities.PropTypes.any })
   ]).description("Whether the input mask is read only or not"),
-  type: import_react_desc.PropTypes.string.description("Type of input. Ex: 'text'"),
-  clearable: import_react_desc.PropTypes.bool.description("Whether the input mask is clearable or not"),
-  leftComponent: import_react_desc.PropTypes.node.description("Component to be added at the right side of the input"),
-  rightComponent: import_react_desc.PropTypes.node.description("Component to be added at the right side of the input"),
-  mask: import_react_desc.PropTypes.oneOfType([
-    import_react_desc.PropTypes.array,
-    import_react_desc.PropTypes.string,
-    import_react_desc.PropTypes.func
+  type: import_ds_utilities.PropTypes.string.description("Type of input. Ex: 'text'"),
+  clearable: import_ds_utilities.PropTypes.bool.description("Whether the input mask is clearable or not"),
+  leftComponent: import_ds_utilities.PropTypes.node.description("Component to be added at the right side of the input"),
+  rightComponent: import_ds_utilities.PropTypes.node.description("Component to be added at the right side of the input"),
+  mask: import_ds_utilities.PropTypes.oneOfType([
+    import_ds_utilities.PropTypes.array,
+    import_ds_utilities.PropTypes.string,
+    import_ds_utilities.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: import_react_desc.PropTypes.func.description("Expects pipe functions. i.e. autoCorrectedDatePipe"),
-  useSubfix: import_react_desc.PropTypes.string.description("Put a sufix after the input mask"),
-  placeholderChar: import_react_desc.PropTypes.string.description(`The placeholder character represents the fillable spot in the mask.
+  pipe: import_ds_utilities.PropTypes.func.description("Expects pipe functions. i.e. autoCorrectedDatePipe"),
+  useSubfix: import_ds_utilities.PropTypes.string.description("Put a sufix after the input mask"),
+  placeholderChar: import_ds_utilities.PropTypes.string.description(`The placeholder character represents the fillable spot in the mask.
  The default placeholder character is underscore, _.`).defaultValue("_")
 };
 //# sourceMappingURL=props.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/InputMask/props.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAEnB,MAAM,aAAa;AAAA,EAExB,WAAW,4BAAU,KAAK,YAAY,sCAAsC;AAAA,EAI5E,OAAO,4BAAU,OAAO,YAAY,8BAA8B;AAAA,EAIlE,UAAU,4BAAU,KAAK,YACvB,2CACF;AAAA,EAEA,gBAAgB,4BAAU,KACvB,YAAY,yDAAyD,EACrE,aAAa,IAAI;AAAA,EAEpB,WAAW,4BAAU,OAAO,YAAY,WAAW;AAAA,EAEnD,MAAM,4BAAU,OAAO,YAAY,yBAAyB;AAAA,EAI5D,WAAW,4BAAU,OAAO,YAAY,+BAA+B;AAAA,EAIvE,WAAW,4BAAU,OAAO,YAAY,+BAA+B;AAAA,EAIvE,YAAY,4BAAU,KAAK,YACzB,wEACF;AAAA,EAEA,qBAAqB,4BAAU,KAC5B,YACC,gEACF,EACC,aAAa,IAAI;AAAA,EAIpB,aAAa,4BAAU,KAAK,YAC1B,qCACF;AAAA,EAIA,WAAW,4BAAU,KAAK,YACxB,iEACF;AAAA,EAIA,SAAS,4BAAU,KAAK,YACtB,oEACF;AAAA,EAIA,UAAU,4BAAU,KAAK,YACvB,iEACF;AAAA,EAIA,SAAS,4BAAU,KAAK,YACtB,oEACF;AAAA,EAIA,QAAQ,4BAAU,KAAK,YACrB,qEACF;AAAA,EAIA,SAAS,4BAAU,KAAK,YACtB,mEACF;AAAA,EAIA,SAAS,4BAAU,KAAK,YACtB,uFACF;AAAA,EAIA,OAAO,4BAAU,OAAO,YACtB,iDACF;AAAA,EAIA,UAAU,4BAAU,KAAK,YACvB,yCACF;AAAA,EAIA,UAAU,4BAAU,KAAK,YACvB,4CACF;AAAA,EACA,UAAU,4BAAU,UAAU;AAAA,IAC5B,4BAAU;AAAA,IACV,4BAAU,MAAM,EAAE,SAAS,4BAAU,IAAI,CAAC;AAAA,EAC5C,CAAC,EAAE,YAAY,4CAA4C;AAAA,EAI3D,MAAM,4BAAU,OAAO,YAAY,2BAA2B;AAAA,EAI9D,WAAW,4BAAU,KAAK,YACxB,4CACF;AAAA,EAIA,eAAe,4BAAU,KAAK,YAC5B,sDACF;AAAA,EAIA,gBAAgB,4BAAU,KAAK,YAC7B,sDACF;AAAA,EAKA,MAAM,4BAAU,UAAU;AAAA,IACxB,4BAAU;AAAA,IACV,4BAAU;AAAA,IACV,4BAAU;AAAA,EACZ,CAAC,EAAE,YACD,kKACF;AAAA,EAKA,MAAM,4BAAU,KAAK,YACnB,oDACF;AAAA,EAIA,WAAW,4BAAU,OAAO,YAAY,kCAAkC;AAAA,EAK1E,iBAAiB,4BAAU,OACxB,YACC;AAAA,qDAEF,EACC,aAAa,GAAG;AACrB;",
+  "sourcesContent": ["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(\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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AAEnB,MAAM,aAAa;AAAA,EAExB,WAAW,8BAAU,KAAK,YAAY,sCAAsC;AAAA,EAI5E,OAAO,8BAAU,OAAO,YAAY,8BAA8B;AAAA,EAIlE,UAAU,8BAAU,KAAK,YACvB,2CACF;AAAA,EAEA,gBAAgB,8BAAU,KACvB,YAAY,yDAAyD,EACrE,aAAa,IAAI;AAAA,EAEpB,WAAW,8BAAU,OAAO,YAAY,WAAW;AAAA,EAEnD,MAAM,8BAAU,OAAO,YAAY,yBAAyB;AAAA,EAI5D,WAAW,8BAAU,OAAO,YAAY,+BAA+B;AAAA,EAIvE,WAAW,8BAAU,OAAO,YAAY,+BAA+B;AAAA,EAIvE,YAAY,8BAAU,KAAK,YACzB,wEACF;AAAA,EAEA,qBAAqB,8BAAU,KAC5B,YACC,gEACF,EACC,aAAa,IAAI;AAAA,EAIpB,aAAa,8BAAU,KAAK,YAC1B,qCACF;AAAA,EAIA,WAAW,8BAAU,KAAK,YACxB,iEACF;AAAA,EAIA,SAAS,8BAAU,KAAK,YACtB,oEACF;AAAA,EAIA,UAAU,8BAAU,KAAK,YACvB,iEACF;AAAA,EAIA,SAAS,8BAAU,KAAK,YACtB,oEACF;AAAA,EAIA,QAAQ,8BAAU,KAAK,YACrB,qEACF;AAAA,EAIA,SAAS,8BAAU,KAAK,YACtB,mEACF;AAAA,EAIA,SAAS,8BAAU,KAAK,YACtB,uFACF;AAAA,EAIA,OAAO,8BAAU,OAAO,YACtB,iDACF;AAAA,EAIA,UAAU,8BAAU,KAAK,YACvB,yCACF;AAAA,EAIA,UAAU,8BAAU,KAAK,YACvB,4CACF;AAAA,EACA,UAAU,8BAAU,UAAU;AAAA,IAC5B,8BAAU;AAAA,IACV,8BAAU,MAAM,EAAE,SAAS,8BAAU,IAAI,CAAC;AAAA,EAC5C,CAAC,EAAE,YAAY,4CAA4C;AAAA,EAI3D,MAAM,8BAAU,OAAO,YAAY,2BAA2B;AAAA,EAI9D,WAAW,8BAAU,KAAK,YACxB,4CACF;AAAA,EAIA,eAAe,8BAAU,KAAK,YAC5B,sDACF;AAAA,EAIA,gBAAgB,8BAAU,KAAK,YAC7B,sDACF;AAAA,EAKA,MAAM,8BAAU,UAAU;AAAA,IACxB,8BAAU;AAAA,IACV,8BAAU;AAAA,IACV,8BAAU;AAAA,EACZ,CAAC,EAAE,YACD,kKACF;AAAA,EAKA,MAAM,8BAAU,KAAK,YACnB,oDACF;AAAA,EAIA,WAAW,8BAAU,OAAO,YAAY,kCAAkC;AAAA,EAK1E,iBAAiB,8BAAU,OACxB,YACC;AAAA,qDAEF,EACC,aAAa,GAAG;AACrB;",
   "names": []
 }

package/dist/cjs/InputProtected/DSInputProtected.js

@@ -56,7 +56,7 @@ __export(DSInputProtected_exports, {
 module.exports = __toCommonJS(DSInputProtected_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
+var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_button = require("@elliemae/ds-button");
 var import_InputGroup = require("../InputGroup");
@@ -132,7 +132,7 @@ const DSInputProtected = (_a) => {
 DSInputProtected.propTypes = import_props.inputProtectedProps;
 DSInputProtected.defaultProps = import_defaultProps.defaultProps;
 DSInputProtected.displayName = "DSInputProtected";
-const DSInputProtectedWithSchema = (0, import_react_desc.describe)(DSInputProtected);
+const DSInputProtectedWithSchema = (0, import_ds_utilities.describe)(DSInputProtected);
 DSInputProtectedWithSchema.propTypes = import_props.inputProtectedProps;
 var DSInputProtected_default = DSInputProtected;
 //# sourceMappingURL=DSInputProtected.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/InputProtected/DSInputProtected.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* 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  }, [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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,mBAAwD;AACxD,wBAAyB;AACzB,sBAAqE;AACrE,uBAAyB;AACzB,wBAA6B;AAC7B,uBAA4B;AAC5B,mBAAoC;AACpC,0BAA6B;AAC7B,qBAAwD;AAExD,MAAM,qBAAqB;AAAA,EACzB,cAAc,mDAAC,kCAAa;AAAA,EAC5B,YAAY,mDAAC,gCAAW;AAAA,EACxB,aAAa,mDAAC,iCAAY;AAAA,EAC1B,eAAe,mDAAC,mCAAc;AAChC;AAEA,MAAM,mBAAmB,CAAC,OAUpB;AAVoB,eACxB;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,MARM,IASrB,iBATqB,IASrB;AAAA,IARH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,OAAO,aAAa,mBAAmB;AAC7C,QAAM,QAAQ,cAAc,mBAAmB;AAC/C,QAAM,CAAC,aAAa,aAAa,2BAAS,cAAc,kCAAmB,UAAU;AACrF,QAAM,CAAC,aAAa,aAAa,2BAAS,eAAe,mCAAoB,aAAa;AAE1F,8BAAU,MAAM;AACd,cAAU,cAAc,kCAAmB,UAAU;AACrD,cAAU,eAAe,mCAAoB,aAAa;AAAA,EAC5D,GAAG,CAAC,WAAW,UAAU,CAAC;AAE1B,QAAM,aAAa,8BAAY,MAAM;AACnC,cAAU,CAAC,WAAW;AAAA,EACxB,GAAG,CAAC,WAAW,CAAC;AAChB,QAAM,cAAc,8BAAY,MAAM;AACpC,cAAU,CAAC,WAAW;AAAA,EACxB,GAAG,CAAC,WAAW,CAAC;AAEhB,SACE,mDAAC,aACC,mDAAC;AAAA,IACC,WACE,OACE,mDAAC;AAAA,MACC,cAAY,GAAG,cAAc,UAAU;AAAA,MACvC,YAAW;AAAA,MACX,MAAM,mBAAmB,cAAc,kCAAmB,aAAa,kCAAmB;AAAA,MAC1F,SAAS;AAAA,KACX,IACE;AAAA,IAEN,YACE,QACE,mDAAC;AAAA,MACC,cAAY,GAAG,cAAc,SAAS;AAAA,MACtC,YAAW;AAAA,MACX,MACE,mBAAmB,cAAc,mCAAoB,gBAAgB,mCAAoB;AAAA,MAE3F,SAAS;AAAA,MACT,gBAAgB;AAAA,QACd,eAAe;AAAA,MACjB;AAAA,KACF,IACE;AAAA,KAGN,mDAAC,+DACK,OADL;AAAA,IAEC;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,OAAO,cAAc;AAAA,IAC/B,MAAM,SAAS,cAAc,aAAa;AAAA,IAC1C;AAAA,IACF,CACF,CACF;AAEJ;AAEA,iBAAiB,YAAY;AAC7B,iBAAiB,eAAe;AAChC,iBAAiB,cAAc;AAC/B,MAAM,6BAA6B,gCAAS,gBAAgB;AAC5D,2BAA2B,YAAY;AAGvC,IAAO,2BAAQ;",
+  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,mBAAwD;AACxD,0BAAyB;AACzB,sBAAqE;AACrE,uBAAyB;AACzB,wBAA6B;AAC7B,uBAA4B;AAC5B,mBAAoC;AACpC,0BAA6B;AAC7B,qBAAwD;AAExD,MAAM,qBAAqB;AAAA,EACzB,cAAc,mDAAC,kCAAa;AAAA,EAC5B,YAAY,mDAAC,gCAAW;AAAA,EACxB,aAAa,mDAAC,iCAAY;AAAA,EAC1B,eAAe,mDAAC,mCAAc;AAChC;AAEA,MAAM,mBAAmB,CAAC,OAUpB;AAVoB,eACxB;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,MARM,IASrB,iBATqB,IASrB;AAAA,IARH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,OAAO,aAAa,mBAAmB;AAC7C,QAAM,QAAQ,cAAc,mBAAmB;AAC/C,QAAM,CAAC,aAAa,aAAa,2BAAS,cAAc,kCAAmB,UAAU;AACrF,QAAM,CAAC,aAAa,aAAa,2BAAS,eAAe,mCAAoB,aAAa;AAE1F,8BAAU,MAAM;AACd,cAAU,cAAc,kCAAmB,UAAU;AACrD,cAAU,eAAe,mCAAoB,aAAa;AAAA,EAC5D,GAAG,CAAC,WAAW,UAAU,CAAC;AAE1B,QAAM,aAAa,8BAAY,MAAM;AACnC,cAAU,CAAC,WAAW;AAAA,EACxB,GAAG,CAAC,WAAW,CAAC;AAChB,QAAM,cAAc,8BAAY,MAAM;AACpC,cAAU,CAAC,WAAW;AAAA,EACxB,GAAG,CAAC,WAAW,CAAC;AAEhB,SACE,mDAAC,aACC,mDAAC;AAAA,IACC,WACE,OACE,mDAAC;AAAA,MACC,cAAY,GAAG,cAAc,UAAU;AAAA,MACvC,YAAW;AAAA,MACX,MAAM,mBAAmB,cAAc,kCAAmB,aAAa,kCAAmB;AAAA,MAC1F,SAAS;AAAA,KACX,IACE;AAAA,IAEN,YACE,QACE,mDAAC;AAAA,MACC,cAAY,GAAG,cAAc,SAAS;AAAA,MACtC,YAAW;AAAA,MACX,MACE,mBAAmB,cAAc,mCAAoB,gBAAgB,mCAAoB;AAAA,MAE3F,SAAS;AAAA,MACT,gBAAgB;AAAA,QACd,eAAe;AAAA,MACjB;AAAA,KACF,IACE;AAAA,KAGN,mDAAC,+DACK,OADL;AAAA,IAEC;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,OAAO,cAAc;AAAA,IAC/B,MAAM,SAAS,cAAc,aAAa;AAAA,IAC1C;AAAA,IACF,CACF,CACF;AAEJ;AAEA,iBAAiB,YAAY;AAC7B,iBAAiB,eAAe;AAChC,iBAAiB,cAAc;AAC/B,MAAM,6BAA6B,kCAAS,gBAAgB;AAC5D,2BAA2B,YAAY;AAGvC,IAAO,2BAAQ;",
   "names": []
 }

package/dist/cjs/InputProtected/props.js

@@ -24,26 +24,26 @@ __export(props_exports, {
 });
 module.exports = __toCommonJS(props_exports);
 var React = __toESM(require("react"));
-var import_react_desc = require("react-desc");
+var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_options = require("./options");
 const inputProtectedProps = {
-  leftAddon: import_react_desc.PropTypes.oneOf([
+  leftAddon: import_ds_utilities.PropTypes.oneOf([
     import_options.LEFT_ADDON_OPTIONS.LockLocked,
     import_options.LEFT_ADDON_OPTIONS.LockUnlocked
   ]).description("left addon component to display"),
-  rightAddon: import_react_desc.PropTypes.oneOf([
+  rightAddon: import_ds_utilities.PropTypes.oneOf([
     import_options.RIGHT_ADDON_OPTIONS.VisibleView,
     import_options.RIGHT_ADDON_OPTIONS.InvisibleHide
   ]).description("right addon component to display").defaultValue(import_options.RIGHT_ADDON_OPTIONS.InvisibleHide),
-  onChange: import_react_desc.PropTypes.func.description("Function executed when input s value changes"),
-  value: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.number]).description("input s value"),
-  readOnly: import_react_desc.PropTypes.bool.description("Whether the input is read-only or not").defaultValue(false),
-  mask: import_react_desc.PropTypes.oneOfType([
-    import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.string),
-    import_react_desc.PropTypes.func
+  onChange: import_ds_utilities.PropTypes.func.description("Function executed when input s value changes"),
+  value: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.number]).description("input s value"),
+  readOnly: import_ds_utilities.PropTypes.bool.description("Whether the input is read-only or not").defaultValue(false),
+  mask: import_ds_utilities.PropTypes.oneOfType([
+    import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.string),
+    import_ds_utilities.PropTypes.func
   ]).description("mask to apply"),
-  type: import_react_desc.PropTypes.oneOf(["password", "number", "text"]).description("type of input"),
-  placeholderChar: import_react_desc.PropTypes.string.description(`The placeholder character represents the fillable spot in the mask.
+  type: import_ds_utilities.PropTypes.oneOf(["password", "number", "text"]).description("type of input"),
+  placeholderChar: import_ds_utilities.PropTypes.string.description(`The placeholder character represents the fillable spot in the mask.
   * The default placeholder character is underscore, _.`)
 };
 //# sourceMappingURL=props.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/InputProtected/props.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAC1B,qBAAwD;AAEjD,MAAM,sBAAsB;AAAA,EACjC,WAAW,4BAAU,MAAM;AAAA,IACzB,kCAAmB;AAAA,IACnB,kCAAmB;AAAA,EACrB,CAAC,EAAE,YAAY,iCAAiC;AAAA,EAChD,YAAY,4BAAU,MAAM;AAAA,IAC1B,mCAAoB;AAAA,IACpB,mCAAoB;AAAA,EACtB,CAAC,EACE,YAAY,kCAAkC,EAC9C,aAAa,mCAAoB,aAAa;AAAA,EACjD,UAAU,4BAAU,KAAK,YACvB,8CACF;AAAA,EACA,OAAO,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU,MAAM,CAAC,EAAE,YAC/D,eACF;AAAA,EACA,UAAU,4BAAU,KACjB,YAAY,uCAAuC,EACnD,aAAa,KAAK;AAAA,EACrB,MAAM,4BAAU,UAAU;AAAA,IACxB,4BAAU,QAAQ,4BAAU,MAAM;AAAA,IAClC,4BAAU;AAAA,EACZ,CAAC,EAAE,YAAY,eAAe;AAAA,EAC9B,MAAM,4BAAU,MAAM,CAAC,YAAY,UAAU,MAAM,CAAC,EAAE,YACpD,eACF;AAAA,EAKA,iBAAiB,4BAAU,OAAO,YAChC;AAAA,wDAEF;AACF;",
+  "sourcesContent": ["import { PropTypes } from '@elliemae/ds-utilities';\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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AAC1B,qBAAwD;AAEjD,MAAM,sBAAsB;AAAA,EACjC,WAAW,8BAAU,MAAM;AAAA,IACzB,kCAAmB;AAAA,IACnB,kCAAmB;AAAA,EACrB,CAAC,EAAE,YAAY,iCAAiC;AAAA,EAChD,YAAY,8BAAU,MAAM;AAAA,IAC1B,mCAAoB;AAAA,IACpB,mCAAoB;AAAA,EACtB,CAAC,EACE,YAAY,kCAAkC,EAC9C,aAAa,mCAAoB,aAAa;AAAA,EACjD,UAAU,8BAAU,KAAK,YACvB,8CACF;AAAA,EACA,OAAO,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAAE,YAC/D,eACF;AAAA,EACA,UAAU,8BAAU,KACjB,YAAY,uCAAuC,EACnD,aAAa,KAAK;AAAA,EACrB,MAAM,8BAAU,UAAU;AAAA,IACxB,8BAAU,QAAQ,8BAAU,MAAM;AAAA,IAClC,8BAAU;AAAA,EACZ,CAAC,EAAE,YAAY,eAAe;AAAA,EAC9B,MAAM,8BAAU,MAAM,CAAC,YAAY,UAAU,MAAM,CAAC,EAAE,YACpD,eACF;AAAA,EAKA,iBAAiB,8BAAU,OAAO,YAChC;AAAA,wDAEF;AACF;",
   "names": []
 }

package/dist/cjs/LargeInputText/DSLargeInputText.js

@@ -44,7 +44,7 @@ __export(DSLargeInputText_exports, {
 module.exports = __toCommonJS(DSLargeInputText_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
+var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_classnames = require("@elliemae/ds-classnames");
 var import_props = require("./props");
 var import_defaultProps = require("./defaultProps");
@@ -137,7 +137,7 @@ const DSLargeInputText = ({
 DSLargeInputText.propTypes = import_props.props;
 DSLargeInputText.defaultProps = import_defaultProps.defaultProps;
 DSLargeInputText.displayName = "DSLargeInputText";
-const DSLargeInputTextWithSchema = (0, import_react_desc.describe)(DSLargeInputText).description("A large input");
+const DSLargeInputTextWithSchema = (0, import_ds_utilities.describe)(DSLargeInputText).description("A large input");
 DSLargeInputTextWithSchema.propTypes = import_props.props;
 var DSLargeInputText_default = DSLargeInputText;
 //# sourceMappingURL=DSLargeInputText.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/LargeInputText/DSLargeInputText.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable jsx-a11y/no-autofocus, react/prop-types */\nimport React, { useMemo } from 'react';\nimport { describe } from 'react-desc';\nimport {\n  convertPropToCssClassName,\n  aggregatedClasses,\n} from '@elliemae/ds-classnames';\nimport { props } from './props';\nimport { defaultProps } from './defaultProps';\n\nconst CounterArea = aggregatedClasses('div')(\n  'counter',\n  'textarea',\n  ({ limitError }) => ({\n    'limit-error': limitError,\n  }),\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    () =>\n      characterLimitCounter < String(value).length && characterLimitCounter > 0,\n    [characterLimitCounter, value],\n  );\n  const {\n    cssClassName,\n    classNameElement,\n    classNameBlock,\n  } = convertPropToCssClassName('form-element-textarea', 'text', {\n    hasError: limitError || hasError,\n    readOnly,\n    disabled,\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          {`${\n            limitError\n              ? `${errorLimit} ${characterLimitCounter} characters.   `\n              : ''\n          }${String(value).length} / ${characterLimitCounter}`}\n        </CounterArea>\n      )}\n    </>\n  );\n};\n\nDSLargeInputText.propTypes = props;\nDSLargeInputText.defaultProps = defaultProps;\nDSLargeInputText.displayName = 'DSLargeInputText';\nconst DSLargeInputTextWithSchema = describe(DSLargeInputText).description(\n  'A large input',\n);\nDSLargeInputTextWithSchema.propTypes = props;\n\nexport { DSLargeInputTextWithSchema, DSLargeInputText };\n\nexport default DSLargeInputText;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAA+B;AAC/B,wBAAyB;AACzB,2BAGO;AACP,mBAAsB;AACtB,0BAA6B;AAE7B,MAAM,cAAc,4CAAkB,KAAK,EACzC,WACA,YACA,CAAC,EAAE,iBAAkB;AAAA,EACnB,eAAe;AACjB,EACF;AAEA,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;AAAA,MACI;AACJ,QAAM,aAAa,0BACjB,MACE,wBAAwB,OAAO,KAAK,EAAE,UAAU,wBAAwB,GAC1E,CAAC,uBAAuB,KAAK,CAC/B;AACA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,MACE,oDAA0B,yBAAyB,QAAQ;AAAA,IAC7D,UAAU,cAAc;AAAA,IACxB;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,cAAc,CAAC,MAAM;AAEzB,YAAQ,CAAC;AAAA,EAIX;AACA,SACE,wFACE,mDAAC,wCAAQ,iBAAR;AAAA,IAAwB,WAAW,GAAG,gBAAgB;AAAA,MACrD,mDAAC;AAAA,IAAI,WAAW,eAAe,SAAS;AAAA,KACtC,mDAAC;AAAA,IACC,KAAK;AAAA,IACL,qBAAmB;AAAA,IACnB,cAAY;AAAA,IACZ,kBAAc;AAAA,IACd,oBAAkB;AAAA,IAClB,iBAAe;AAAA,IACf;AAAA,IACA,WAAW,iBAAiB,UAAU;AAAA,IACtC,eAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM,OAAO,IAAI;AAAA,IACjB,OAAO;AAAA,MACL;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,GACF,CACF,CACF,GACC,wBAAwB,KACvB,mDAAC;AAAA,IAAY,YAAY,EAAE,WAAW;AAAA,IAAG,eAAY;AAAA,KAClD,GACC,aACI,GAAG,cAAc,yCACjB,KACH,OAAO,KAAK,EAAE,YAAY,uBAC/B,CAEJ;AAEJ;AAEA,iBAAiB,YAAY;AAC7B,iBAAiB,eAAe;AAChC,iBAAiB,cAAc;AAC/B,MAAM,6BAA6B,gCAAS,gBAAgB,EAAE,YAC5D,eACF;AACA,2BAA2B,YAAY;AAIvC,IAAO,2BAAQ;",
+  "sourcesContent": ["/* 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 {\n  convertPropToCssClassName,\n  aggregatedClasses,\n} from '@elliemae/ds-classnames';\nimport { props } from './props';\nimport { defaultProps } from './defaultProps';\n\nconst CounterArea = aggregatedClasses('div')(\n  'counter',\n  'textarea',\n  ({ limitError }) => ({\n    'limit-error': limitError,\n  }),\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    () =>\n      characterLimitCounter < String(value).length && characterLimitCounter > 0,\n    [characterLimitCounter, value],\n  );\n  const {\n    cssClassName,\n    classNameElement,\n    classNameBlock,\n  } = convertPropToCssClassName('form-element-textarea', 'text', {\n    hasError: limitError || hasError,\n    readOnly,\n    disabled,\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          {`${\n            limitError\n              ? `${errorLimit} ${characterLimitCounter} characters.   `\n              : ''\n          }${String(value).length} / ${characterLimitCounter}`}\n        </CounterArea>\n      )}\n    </>\n  );\n};\n\nDSLargeInputText.propTypes = props;\nDSLargeInputText.defaultProps = defaultProps;\nDSLargeInputText.displayName = 'DSLargeInputText';\nconst DSLargeInputTextWithSchema = describe(DSLargeInputText).description(\n  'A large input',\n);\nDSLargeInputTextWithSchema.propTypes = props;\n\nexport { DSLargeInputTextWithSchema, DSLargeInputText };\n\nexport default DSLargeInputText;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAA+B;AAC/B,0BAAyB;AACzB,2BAGO;AACP,mBAAsB;AACtB,0BAA6B;AAE7B,MAAM,cAAc,4CAAkB,KAAK,EACzC,WACA,YACA,CAAC,EAAE,iBAAkB;AAAA,EACnB,eAAe;AACjB,EACF;AAEA,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;AAAA,MACI;AACJ,QAAM,aAAa,0BACjB,MACE,wBAAwB,OAAO,KAAK,EAAE,UAAU,wBAAwB,GAC1E,CAAC,uBAAuB,KAAK,CAC/B;AACA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,MACE,oDAA0B,yBAAyB,QAAQ;AAAA,IAC7D,UAAU,cAAc;AAAA,IACxB;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,cAAc,CAAC,MAAM;AAEzB,YAAQ,CAAC;AAAA,EAIX;AACA,SACE,wFACE,mDAAC,wCAAQ,iBAAR;AAAA,IAAwB,WAAW,GAAG,gBAAgB;AAAA,MACrD,mDAAC;AAAA,IAAI,WAAW,eAAe,SAAS;AAAA,KACtC,mDAAC;AAAA,IACC,KAAK;AAAA,IACL,qBAAmB;AAAA,IACnB,cAAY;AAAA,IACZ,kBAAc;AAAA,IACd,oBAAkB;AAAA,IAClB,iBAAe;AAAA,IACf;AAAA,IACA,WAAW,iBAAiB,UAAU;AAAA,IACtC,eAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM,OAAO,IAAI;AAAA,IACjB,OAAO;AAAA,MACL;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,GACF,CACF,CACF,GACC,wBAAwB,KACvB,mDAAC;AAAA,IAAY,YAAY,EAAE,WAAW;AAAA,IAAG,eAAY;AAAA,KAClD,GACC,aACI,GAAG,cAAc,yCACjB,KACH,OAAO,KAAK,EAAE,YAAY,uBAC/B,CAEJ;AAEJ;AAEA,iBAAiB,YAAY;AAC7B,iBAAiB,eAAe;AAChC,iBAAiB,cAAc;AAC/B,MAAM,6BAA6B,kCAAS,gBAAgB,EAAE,YAC5D,eACF;AACA,2BAA2B,YAAY;AAIvC,IAAO,2BAAQ;",
   "names": []
 }

package/dist/cjs/LargeInputText/props.js

@@ -24,34 +24,34 @@ __export(props_exports, {
 });
 module.exports = __toCommonJS(props_exports);
 var React = __toESM(require("react"));
-var import_react_desc = require("react-desc");
+var import_ds_utilities = require("@elliemae/ds-utilities");
 const props = {
-  containerProps: import_react_desc.PropTypes.object.description("Injected props to wrapper element of component"),
-  autoFocus: import_react_desc.PropTypes.bool.description("Whether uses auto focus or not"),
-  className: import_react_desc.PropTypes.string.description("CSS class"),
-  disabled: import_react_desc.PropTypes.bool.description("Whether is disabled or not"),
-  name: import_react_desc.PropTypes.string.description("HTML form name property"),
-  id: import_react_desc.PropTypes.number.description("HTML id"),
-  maxLength: import_react_desc.PropTypes.number.description("Max length for text to be entered"),
-  minLength: import_react_desc.PropTypes.number.description("Min length for text to be entered"),
-  placeholder: import_react_desc.PropTypes.string.description("Placeholder for the text"),
-  onClick: import_react_desc.PropTypes.func.description("Allows a function that is triggered once the input text is clicked"),
-  onChange: import_react_desc.PropTypes.func.description("Allows a function that is triggered once the input text changes"),
-  onFocus: import_react_desc.PropTypes.func.description("Allows a function that is triggered once the input text is focused"),
-  onBlur: import_react_desc.PropTypes.func.description("Allows a function that is triggered once the input text loses focus"),
-  onKeyUp: import_react_desc.PropTypes.func.description("Allows a function that is triggered once in the input a keyboard key is released"),
-  onKeyDown: import_react_desc.PropTypes.func.description("Allows a function that is triggered once a key is being pressed"),
-  onPaste: import_react_desc.PropTypes.func.description("Allows a function that is triggered once the input text is pasted"),
-  value: import_react_desc.PropTypes.string.description("Default value once the component is initialized"),
-  hasError: import_react_desc.PropTypes.bool.description("Whether the input text has error or not"),
-  required: import_react_desc.PropTypes.bool.description("Whether the input text is required or not"),
-  readOnly: import_react_desc.PropTypes.bool.description("Whether the input text is read only or not"),
-  resize: import_react_desc.PropTypes.string.description("Whether the input text style is vertical or not"),
-  innerRef: import_react_desc.PropTypes.func.description("ref forwarded to component"),
-  ariaLabel: import_react_desc.PropTypes.string.description("a11y aria label"),
-  ariaAutocomplete: import_react_desc.PropTypes.string.description(""),
-  role: import_react_desc.PropTypes.string.description("Type of input. Ex: textbox"),
-  characterLimitCounter: import_react_desc.PropTypes.number.description("it will show a counter/limit if the value is greater than 0"),
-  tabIndex: import_react_desc.PropTypes.string.description("Tab index html property.")
+  containerProps: import_ds_utilities.PropTypes.object.description("Injected props to wrapper element of component"),
+  autoFocus: import_ds_utilities.PropTypes.bool.description("Whether uses auto focus or not"),
+  className: import_ds_utilities.PropTypes.string.description("CSS class"),
+  disabled: import_ds_utilities.PropTypes.bool.description("Whether is disabled or not"),
+  name: import_ds_utilities.PropTypes.string.description("HTML form name property"),
+  id: import_ds_utilities.PropTypes.number.description("HTML id"),
+  maxLength: import_ds_utilities.PropTypes.number.description("Max length for text to be entered"),
+  minLength: import_ds_utilities.PropTypes.number.description("Min length for text to be entered"),
+  placeholder: import_ds_utilities.PropTypes.string.description("Placeholder for the text"),
+  onClick: import_ds_utilities.PropTypes.func.description("Allows a function that is triggered once the input text is clicked"),
+  onChange: import_ds_utilities.PropTypes.func.description("Allows a function that is triggered once the input text changes"),
+  onFocus: import_ds_utilities.PropTypes.func.description("Allows a function that is triggered once the input text is focused"),
+  onBlur: import_ds_utilities.PropTypes.func.description("Allows a function that is triggered once the input text loses focus"),
+  onKeyUp: import_ds_utilities.PropTypes.func.description("Allows a function that is triggered once in the input a keyboard key is released"),
+  onKeyDown: import_ds_utilities.PropTypes.func.description("Allows a function that is triggered once a key is being pressed"),
+  onPaste: import_ds_utilities.PropTypes.func.description("Allows a function that is triggered once the input text is pasted"),
+  value: import_ds_utilities.PropTypes.string.description("Default value once the component is initialized"),
+  hasError: import_ds_utilities.PropTypes.bool.description("Whether the input text has error or not"),
+  required: import_ds_utilities.PropTypes.bool.description("Whether the input text is required or not"),
+  readOnly: import_ds_utilities.PropTypes.bool.description("Whether the input text is read only or not"),
+  resize: import_ds_utilities.PropTypes.string.description("Whether the input text style is vertical or not"),
+  innerRef: import_ds_utilities.PropTypes.func.description("ref forwarded to component"),
+  ariaLabel: import_ds_utilities.PropTypes.string.description("a11y aria label"),
+  ariaAutocomplete: import_ds_utilities.PropTypes.string.description(""),
+  role: import_ds_utilities.PropTypes.string.description("Type of input. Ex: textbox"),
+  characterLimitCounter: import_ds_utilities.PropTypes.number.description("it will show a counter/limit if the value is greater than 0"),
+  tabIndex: import_ds_utilities.PropTypes.string.description("Tab index html property.")
 };
 //# sourceMappingURL=props.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/LargeInputText/props.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { PropTypes } from 'react-desc';\n\nexport const props = {\n  /** Injected props to wrapper element of component */\n  containerProps: PropTypes.object.description(\n    'Injected props to wrapper element of component',\n  ),\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(\n    'Allows a function that is triggered once the input text is clicked',\n  ),\n  /**\n   * Allows a function that is triggered once the input text changes\n   */\n  onChange: PropTypes.func.description(\n    'Allows a function that is triggered once the input text changes',\n  ),\n  /**\n   * Allows a function that is triggered once the input text is focused\n   */\n  onFocus: PropTypes.func.description(\n    'Allows a function that is triggered once the input text is focused',\n  ),\n  /**\n   * Allows a function that is triggered once the input text loses focus\n   */\n  onBlur: PropTypes.func.description(\n    'Allows a function that is triggered once the input text loses focus',\n  ),\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(\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 text is pasted\n   */\n  onPaste: PropTypes.func.description(\n    'Allows a function that is triggered once the input text is pasted',\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 text has error or not\n   */\n  hasError: PropTypes.bool.description(\n    'Whether the input text has error or not',\n  ),\n  /**\n   * Whether the input text is required or not\n   */\n  required: PropTypes.bool.description(\n    'Whether the input text is required or not',\n  ),\n  /**\n   * Whether the input text is read only or not\n   */\n  readOnly: PropTypes.bool.description(\n    'Whether the input text is read only or not',\n  ),\n  /**\n   * Whether the input text style is vertical or not\n   */\n  resize: PropTypes.string.description(\n    'Whether the input text style is vertical or not',\n  ),\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(\n    'it will show a counter/limit if the value is greater than 0',\n  ),\n  /**\n   * Tab index html property.\n   */\n  tabIndex: PropTypes.string.description('Tab index html property.'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAEnB,MAAM,QAAQ;AAAA,EAEnB,gBAAgB,4BAAU,OAAO,YAC/B,gDACF;AAAA,EAIA,WAAW,4BAAU,KAAK,YAAY,gCAAgC;AAAA,EAEtE,WAAW,4BAAU,OAAO,YAAY,WAAW;AAAA,EAInD,UAAU,4BAAU,KAAK,YAAY,4BAA4B;AAAA,EAEjE,MAAM,4BAAU,OAAO,YAAY,yBAAyB;AAAA,EAE5D,IAAI,4BAAU,OAAO,YAAY,SAAS;AAAA,EAI1C,WAAW,4BAAU,OAAO,YAAY,mCAAmC;AAAA,EAI3E,WAAW,4BAAU,OAAO,YAAY,mCAAmC;AAAA,EAI3E,aAAa,4BAAU,OAAO,YAAY,0BAA0B;AAAA,EAIpE,SAAS,4BAAU,KAAK,YACtB,oEACF;AAAA,EAIA,UAAU,4BAAU,KAAK,YACvB,iEACF;AAAA,EAIA,SAAS,4BAAU,KAAK,YACtB,oEACF;AAAA,EAIA,QAAQ,4BAAU,KAAK,YACrB,qEACF;AAAA,EAIA,SAAS,4BAAU,KAAK,YACtB,kFACF;AAAA,EAIA,WAAW,4BAAU,KAAK,YACxB,iEACF;AAAA,EAIA,SAAS,4BAAU,KAAK,YACtB,mEACF;AAAA,EAIA,OAAO,4BAAU,OAAO,YACtB,iDACF;AAAA,EAIA,UAAU,4BAAU,KAAK,YACvB,yCACF;AAAA,EAIA,UAAU,4BAAU,KAAK,YACvB,2CACF;AAAA,EAIA,UAAU,4BAAU,KAAK,YACvB,4CACF;AAAA,EAIA,QAAQ,4BAAU,OAAO,YACvB,iDACF;AAAA,EAEA,UAAU,4BAAU,KAAK,YAAY,4BAA4B;AAAA,EAEjE,WAAW,4BAAU,OAAO,YAAY,iBAAiB;AAAA,EACzD,kBAAkB,4BAAU,OAAO,YAAY,EAAE;AAAA,EAIjD,MAAM,4BAAU,OAAO,YAAY,4BAA4B;AAAA,EAI/D,uBAAuB,4BAAU,OAAO,YACtC,6DACF;AAAA,EAIA,UAAU,4BAAU,OAAO,YAAY,0BAA0B;AACnE;",
+  "sourcesContent": ["import { PropTypes } from '@elliemae/ds-utilities';\n\nexport const props = {\n  /** Injected props to wrapper element of component */\n  containerProps: PropTypes.object.description(\n    'Injected props to wrapper element of component',\n  ),\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(\n    'Allows a function that is triggered once the input text is clicked',\n  ),\n  /**\n   * Allows a function that is triggered once the input text changes\n   */\n  onChange: PropTypes.func.description(\n    'Allows a function that is triggered once the input text changes',\n  ),\n  /**\n   * Allows a function that is triggered once the input text is focused\n   */\n  onFocus: PropTypes.func.description(\n    'Allows a function that is triggered once the input text is focused',\n  ),\n  /**\n   * Allows a function that is triggered once the input text loses focus\n   */\n  onBlur: PropTypes.func.description(\n    'Allows a function that is triggered once the input text loses focus',\n  ),\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(\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 text is pasted\n   */\n  onPaste: PropTypes.func.description(\n    'Allows a function that is triggered once the input text is pasted',\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 text has error or not\n   */\n  hasError: PropTypes.bool.description(\n    'Whether the input text has error or not',\n  ),\n  /**\n   * Whether the input text is required or not\n   */\n  required: PropTypes.bool.description(\n    'Whether the input text is required or not',\n  ),\n  /**\n   * Whether the input text is read only or not\n   */\n  readOnly: PropTypes.bool.description(\n    'Whether the input text is read only or not',\n  ),\n  /**\n   * Whether the input text style is vertical or not\n   */\n  resize: PropTypes.string.description(\n    'Whether the input text style is vertical or not',\n  ),\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(\n    'it will show a counter/limit if the value is greater than 0',\n  ),\n  /**\n   * Tab index html property.\n   */\n  tabIndex: PropTypes.string.description('Tab index html property.'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AAEnB,MAAM,QAAQ;AAAA,EAEnB,gBAAgB,8BAAU,OAAO,YAC/B,gDACF;AAAA,EAIA,WAAW,8BAAU,KAAK,YAAY,gCAAgC;AAAA,EAEtE,WAAW,8BAAU,OAAO,YAAY,WAAW;AAAA,EAInD,UAAU,8BAAU,KAAK,YAAY,4BAA4B;AAAA,EAEjE,MAAM,8BAAU,OAAO,YAAY,yBAAyB;AAAA,EAE5D,IAAI,8BAAU,OAAO,YAAY,SAAS;AAAA,EAI1C,WAAW,8BAAU,OAAO,YAAY,mCAAmC;AAAA,EAI3E,WAAW,8BAAU,OAAO,YAAY,mCAAmC;AAAA,EAI3E,aAAa,8BAAU,OAAO,YAAY,0BAA0B;AAAA,EAIpE,SAAS,8BAAU,KAAK,YACtB,oEACF;AAAA,EAIA,UAAU,8BAAU,KAAK,YACvB,iEACF;AAAA,EAIA,SAAS,8BAAU,KAAK,YACtB,oEACF;AAAA,EAIA,QAAQ,8BAAU,KAAK,YACrB,qEACF;AAAA,EAIA,SAAS,8BAAU,KAAK,YACtB,kFACF;AAAA,EAIA,WAAW,8BAAU,KAAK,YACxB,iEACF;AAAA,EAIA,SAAS,8BAAU,KAAK,YACtB,mEACF;AAAA,EAIA,OAAO,8BAAU,OAAO,YACtB,iDACF;AAAA,EAIA,UAAU,8BAAU,KAAK,YACvB,yCACF;AAAA,EAIA,UAAU,8BAAU,KAAK,YACvB,2CACF;AAAA,EAIA,UAAU,8BAAU,KAAK,YACvB,4CACF;AAAA,EAIA,QAAQ,8BAAU,OAAO,YACvB,iDACF;AAAA,EAEA,UAAU,8BAAU,KAAK,YAAY,4BAA4B;AAAA,EAEjE,WAAW,8BAAU,OAAO,YAAY,iBAAiB;AAAA,EACzD,kBAAkB,8BAAU,OAAO,YAAY,EAAE;AAAA,EAIjD,MAAM,8BAAU,OAAO,YAAY,4BAA4B;AAAA,EAI/D,uBAAuB,8BAAU,OAAO,YACtC,6DACF;AAAA,EAIA,UAAU,8BAAU,OAAO,YAAY,0BAA0B;AACnE;",
   "names": []
 }

package/dist/cjs/Radio/DSRadio.js

@@ -56,7 +56,7 @@ __export(DSRadio_exports, {
 module.exports = __toCommonJS(DSRadio_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
+var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_classnames = require("@elliemae/ds-classnames");
 var import_Circle = require("./Circle");
 const DSRadio = (_a) => {
@@ -157,24 +157,24 @@ DSRadio.defaultProps = {
   tabIndex: 0
 };
 const radioProps = {
-  containerProps: import_react_desc.PropTypes.object.description("Injected props to wrapper element of component"),
-  className: import_react_desc.PropTypes.string.description("css class prop"),
-  name: import_react_desc.PropTypes.string.description("name property to manage form"),
-  labelText: import_react_desc.PropTypes.string.description("Displayable label for the radio"),
-  htmlFor: import_react_desc.PropTypes.element.description("HTMLFOR property to manage form"),
-  hasError: import_react_desc.PropTypes.bool.description("Whether the radio has error or not"),
-  readOnly: import_react_desc.PropTypes.bool.description("Whether the radio is read only or not"),
-  disabled: import_react_desc.PropTypes.bool.description("Whether the radio is disabled or not"),
-  checked: import_react_desc.PropTypes.bool.description("Whether the radio is checked or not"),
-  value: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.number, import_react_desc.PropTypes.object]).description("Value that takes the checkbox if it is checked").isRequired,
-  onChange: import_react_desc.PropTypes.func.description("Allows a function that is triggered once the radio changes"),
-  children: import_react_desc.PropTypes.node.description("Optional, if you want a checkbox customized"),
-  tabIndex: import_react_desc.PropTypes.number.description("HTML tabindex to manage focus"),
-  style: import_react_desc.PropTypes.number.description("style override object")
+  containerProps: import_ds_utilities.PropTypes.object.description("Injected props to wrapper element of component"),
+  className: import_ds_utilities.PropTypes.string.description("css class prop"),
+  name: import_ds_utilities.PropTypes.string.description("name property to manage form"),
+  labelText: import_ds_utilities.PropTypes.string.description("Displayable label for the radio"),
+  htmlFor: import_ds_utilities.PropTypes.element.description("HTMLFOR property to manage form"),
+  hasError: import_ds_utilities.PropTypes.bool.description("Whether the radio has error or not"),
+  readOnly: import_ds_utilities.PropTypes.bool.description("Whether the radio is read only or not"),
+  disabled: import_ds_utilities.PropTypes.bool.description("Whether the radio is disabled or not"),
+  checked: import_ds_utilities.PropTypes.bool.description("Whether the radio is checked or not"),
+  value: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.number, import_ds_utilities.PropTypes.object]).description("Value that takes the checkbox if it is checked").isRequired,
+  onChange: import_ds_utilities.PropTypes.func.description("Allows a function that is triggered once the radio changes"),
+  children: import_ds_utilities.PropTypes.node.description("Optional, if you want a checkbox customized"),
+  tabIndex: import_ds_utilities.PropTypes.number.description("HTML tabindex to manage focus"),
+  style: import_ds_utilities.PropTypes.number.description("style override object")
 };
 DSRadio.propTypes = radioProps;
 DSRadio.displayName = "DSRadio";
-const DSRadioWithSchema = (0, import_react_desc.describe)(DSRadio);
+const DSRadioWithSchema = (0, import_ds_utilities.describe)(DSRadio);
 DSRadioWithSchema.propTypes = radioProps;
 var DSRadio_default = DSRadio;
 //# sourceMappingURL=DSRadio.js.map

package/dist/cjs/Radio/DSRadio.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Radio/DSRadio.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable react/no-unknown-property */\nimport React, { useRef } from 'react';\nimport * as CSS from 'csstype';\nimport { PropTypes, describe } from 'react-desc';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { Circle } from './Circle';\n\ninterface DSRadioT {\n  [x: string]: unknown;\n  innerRef?: React.MutableRefObject<HTMLInputElement>;\n  containerProps?: { [x: string]: unknown };\n  className?: string;\n  style?: CSS.Properties;\n  labelText?: string;\n  htmlFor?: string;\n  hasError?: boolean;\n  readOnly?: boolean;\n  disabled?: boolean;\n  checked?: boolean;\n  value?: string;\n  name?: string;\n  onKeyDown?: React.KeyboardEventHandler<HTMLSpanElement>;\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n  children?: React.ReactNode | React.ReactNode[];\n  tabIndex?: number;\n}\n\nconst DSRadio = ({\n  containerProps,\n  className,\n  style,\n  labelText,\n  htmlFor,\n  hasError,\n  readOnly,\n  disabled,\n  checked,\n  value,\n  name,\n  onChange,\n  children,\n  tabIndex,\n  ...otherProps\n}: DSRadioT) => {\n  // this will be solved when we move to styled components...\n  // eslint-disable-next-line @typescript-eslint/unbound-method\n  const { cssClassName, classNameElement } = convertPropToCssClassName('form-element-radio', className, {\n    hasError,\n    readOnly,\n    disabled,\n  });\n  const checkRef = useRef<HTMLInputElement | null>(null);\n  return (\n    <div {...containerProps} className={cssClassName}>\n      <label className={classNameElement('label')} htmlFor={htmlFor}>\n        <input\n          {...otherProps}\n          ref={checkRef}\n          aria-disabled={disabled}\n          checked={disabled ? false : checked}\n          className={classNameElement('input')}\n          disabled={disabled}\n          name={name}\n          onChange={(e) => {\n            if (!readOnly && !disabled) {\n              onChange(e);\n            }\n          }}\n          readOnly={readOnly}\n          tabIndex={-1}\n          type=\"radio\"\n          value={value}\n        />\n        <span\n          ref={otherProps.innerRef}\n          aria-checked={checked}\n          aria-disabled={disabled}\n          className={classNameElement('input-button')}\n          onKeyDown={(e) => {\n            // really really bad pattern...\n            // overwriting the target to point to the hidden input because the focus is on the span and not on the input...\n            // we will solve this with a v2 of this when we move to controlled + styled components...\n            e.target = checkRef.current;\n            if (disabled) return;\n            if (e.key === 'Enter' || e.keyCode === 32) {\n              onChange(e);\n            } else if (otherProps.onKeyDown) {\n              otherProps.onKeyDown(e);\n            }\n          }}\n          role=\"radio\"\n          style={style}\n          tabIndex={disabled ? -1 : tabIndex}\n          // value={value} // should be unused?\n        >\n          <Circle checked={checked} />\n        </span>\n        <span className={classNameElement('label-text')}>{labelText}</span>\n      </label>\n      {children && <div className={classNameElement('radio-children')}>{children}</div>}\n    </div>\n  );\n};\n\nDSRadio.defaultProps = {\n  containerProps: {},\n  className: '',\n  hasError: false,\n  readOnly: false,\n  disabled: false,\n  checked: false,\n  name: '',\n  onChange: () => null,\n  children: null,\n  tabIndex: 0,\n};\n\nconst radioProps = {\n  /** Injected props to wrapper element of component */\n  containerProps: PropTypes.object.description('Injected props to wrapper element of component'),\n  /** css class prop */\n  className: PropTypes.string.description('css class prop'),\n  /** name property to manage form */\n  name: PropTypes.string.description('name property to manage form'),\n  /**\n   * Displayable label for the radio\n   */\n  labelText: PropTypes.string.description('Displayable label for the radio'),\n  /** HTMLFOR property to manage form */\n  htmlFor: PropTypes.element.description('HTMLFOR property to manage form'),\n  /**\n   * Whether the radio has error or not\n   */\n  hasError: PropTypes.bool.description('Whether the radio has error or not'),\n  /**\n   * Whether the radio is read only or not\n   */\n  readOnly: PropTypes.bool.description('Whether the radio is read only or not'),\n  /**\n   * Whether the radio is disabled or not\n   */\n  disabled: PropTypes.bool.description('Whether the radio is disabled or not'),\n  /**\n   * Whether the radio is checked or not\n   */\n  checked: PropTypes.bool.description('Whether the radio is checked or not'),\n  /**\n   * Value that takes the checkbox if it is checked\n   */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description(\n    'Value that takes the checkbox if it is checked',\n  ).isRequired,\n  /**\n   * Allows a function that is triggered once the radio changes\n   */\n  onChange: PropTypes.func.description('Allows a function that is triggered once the radio changes'),\n  /**\n   * Optional, if you want a checkbox customized\n   */\n  children: PropTypes.node.description('Optional, if you want a checkbox customized'),\n  /** HTML tabindex to manage focus */\n  tabIndex: PropTypes.number.description('HTML tabindex to manage focus'),\n  /** style override object */\n  style: PropTypes.number.description('style override object'),\n};\n\nDSRadio.propTypes = radioProps;\nDSRadio.displayName = 'DSRadio';\nconst DSRadioWithSchema = describe(DSRadio);\nDSRadioWithSchema.propTypes = radioProps;\n\nexport { DSRadio, DSRadioWithSchema };\n\nexport default DSRadio;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable react/no-unknown-property */\nimport React, { useRef } from 'react';\nimport * as CSS from 'csstype';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { Circle } from './Circle';\n\ninterface DSRadioT {\n  [x: string]: unknown;\n  innerRef?: React.MutableRefObject<HTMLInputElement>;\n  containerProps?: { [x: string]: unknown };\n  className?: string;\n  style?: CSS.Properties;\n  labelText?: string;\n  htmlFor?: string;\n  hasError?: boolean;\n  readOnly?: boolean;\n  disabled?: boolean;\n  checked?: boolean;\n  value?: string;\n  name?: string;\n  onKeyDown?: React.KeyboardEventHandler<HTMLSpanElement>;\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n  children?: React.ReactNode | React.ReactNode[];\n  tabIndex?: number;\n}\n\nconst DSRadio = ({\n  containerProps,\n  className,\n  style,\n  labelText,\n  htmlFor,\n  hasError,\n  readOnly,\n  disabled,\n  checked,\n  value,\n  name,\n  onChange,\n  children,\n  tabIndex,\n  ...otherProps\n}: DSRadioT) => {\n  // this will be solved when we move to styled components...\n  // eslint-disable-next-line @typescript-eslint/unbound-method\n  const { cssClassName, classNameElement } = convertPropToCssClassName('form-element-radio', className, {\n    hasError,\n    readOnly,\n    disabled,\n  });\n  const checkRef = useRef<HTMLInputElement | null>(null);\n  return (\n    <div {...containerProps} className={cssClassName}>\n      <label className={classNameElement('label')} htmlFor={htmlFor}>\n        <input\n          {...otherProps}\n          ref={checkRef}\n          aria-disabled={disabled}\n          checked={disabled ? false : checked}\n          className={classNameElement('input')}\n          disabled={disabled}\n          name={name}\n          onChange={(e) => {\n            if (!readOnly && !disabled) {\n              onChange(e);\n            }\n          }}\n          readOnly={readOnly}\n          tabIndex={-1}\n          type=\"radio\"\n          value={value}\n        />\n        <span\n          ref={otherProps.innerRef}\n          aria-checked={checked}\n          aria-disabled={disabled}\n          className={classNameElement('input-button')}\n          onKeyDown={(e) => {\n            // really really bad pattern...\n            // overwriting the target to point to the hidden input because the focus is on the span and not on the input...\n            // we will solve this with a v2 of this when we move to controlled + styled components...\n            e.target = checkRef.current;\n            if (disabled) return;\n            if (e.key === 'Enter' || e.keyCode === 32) {\n              onChange(e);\n            } else if (otherProps.onKeyDown) {\n              otherProps.onKeyDown(e);\n            }\n          }}\n          role=\"radio\"\n          style={style}\n          tabIndex={disabled ? -1 : tabIndex}\n          // value={value} // should be unused?\n        >\n          <Circle checked={checked} />\n        </span>\n        <span className={classNameElement('label-text')}>{labelText}</span>\n      </label>\n      {children && <div className={classNameElement('radio-children')}>{children}</div>}\n    </div>\n  );\n};\n\nDSRadio.defaultProps = {\n  containerProps: {},\n  className: '',\n  hasError: false,\n  readOnly: false,\n  disabled: false,\n  checked: false,\n  name: '',\n  onChange: () => null,\n  children: null,\n  tabIndex: 0,\n};\n\nconst radioProps = {\n  /** Injected props to wrapper element of component */\n  containerProps: PropTypes.object.description('Injected props to wrapper element of component'),\n  /** css class prop */\n  className: PropTypes.string.description('css class prop'),\n  /** name property to manage form */\n  name: PropTypes.string.description('name property to manage form'),\n  /**\n   * Displayable label for the radio\n   */\n  labelText: PropTypes.string.description('Displayable label for the radio'),\n  /** HTMLFOR property to manage form */\n  htmlFor: PropTypes.element.description('HTMLFOR property to manage form'),\n  /**\n   * Whether the radio has error or not\n   */\n  hasError: PropTypes.bool.description('Whether the radio has error or not'),\n  /**\n   * Whether the radio is read only or not\n   */\n  readOnly: PropTypes.bool.description('Whether the radio is read only or not'),\n  /**\n   * Whether the radio is disabled or not\n   */\n  disabled: PropTypes.bool.description('Whether the radio is disabled or not'),\n  /**\n   * Whether the radio is checked or not\n   */\n  checked: PropTypes.bool.description('Whether the radio is checked or not'),\n  /**\n   * Value that takes the checkbox if it is checked\n   */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description(\n    'Value that takes the checkbox if it is checked',\n  ).isRequired,\n  /**\n   * Allows a function that is triggered once the radio changes\n   */\n  onChange: PropTypes.func.description('Allows a function that is triggered once the radio changes'),\n  /**\n   * Optional, if you want a checkbox customized\n   */\n  children: PropTypes.node.description('Optional, if you want a checkbox customized'),\n  /** HTML tabindex to manage focus */\n  tabIndex: PropTypes.number.description('HTML tabindex to manage focus'),\n  /** style override object */\n  style: PropTypes.number.description('style override object'),\n};\n\nDSRadio.propTypes = radioProps;\nDSRadio.displayName = 'DSRadio';\nconst DSRadioWithSchema = describe(DSRadio);\nDSRadioWithSchema.propTypes = radioProps;\n\nexport { DSRadio, DSRadioWithSchema };\n\nexport default DSRadio;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAA8B;AAE9B,0BAAoC;AACpC,2BAA0C;AAC1C,oBAAuB;AAsBvB,MAAM,UAAU,CAAC,OAgBD;AAhBC,eACf;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAde,IAeZ,uBAfY,IAeZ;AAAA,IAdH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAKA,QAAM,EAAE,cAAc,qBAAqB,oDAA0B,sBAAsB,WAAW;AAAA,IACpG;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,WAAW,yBAAgC,IAAI;AACrD,SACE,mDAAC,wCAAQ,iBAAR;AAAA,IAAwB,WAAW;AAAA,MAClC,mDAAC;AAAA,IAAM,WAAW,iBAAiB,OAAO;AAAA,IAAG;AAAA,KAC3C,mDAAC,0CACK,aADL;AAAA,IAEC,KAAK;AAAA,IACL,iBAAe;AAAA,IACf,SAAS,WAAW,QAAQ;AAAA,IAC5B,WAAW,iBAAiB,OAAO;AAAA,IACnC;AAAA,IACA;AAAA,IACA,UAAU,CAAC,MAAM;AACf,UAAI,CAAC,YAAY,CAAC,UAAU;AAC1B,iBAAS,CAAC;AAAA,MACZ;AAAA,IACF;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,MAAK;AAAA,IACL;AAAA,IACF,GACA,mDAAC;AAAA,IACC,KAAK,WAAW;AAAA,IAChB,gBAAc;AAAA,IACd,iBAAe;AAAA,IACf,WAAW,iBAAiB,cAAc;AAAA,IAC1C,WAAW,CAAC,MAAM;AAIhB,QAAE,SAAS,SAAS;AACpB,UAAI;AAAU;AACd,UAAI,EAAE,QAAQ,WAAW,EAAE,YAAY,IAAI;AACzC,iBAAS,CAAC;AAAA,MACZ,WAAW,WAAW,WAAW;AAC/B,mBAAW,UAAU,CAAC;AAAA,MACxB;AAAA,IACF;AAAA,IACA,MAAK;AAAA,IACL;AAAA,IACA,UAAU,WAAW,KAAK;AAAA,KAG1B,mDAAC;AAAA,IAAO;AAAA,GAAkB,CAC5B,GACA,mDAAC;AAAA,IAAK,WAAW,iBAAiB,YAAY;AAAA,KAAI,SAAU,CAC9D,GACC,YAAY,mDAAC;AAAA,IAAI,WAAW,iBAAiB,gBAAgB;AAAA,KAAI,QAAS,CAC7E;AAEJ;AAEA,QAAQ,eAAe;AAAA,EACrB,gBAAgB,CAAC;AAAA,EACjB,WAAW;AAAA,EACX,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA,EACT,MAAM;AAAA,EACN,UAAU,MAAM;AAAA,EAChB,UAAU;AAAA,EACV,UAAU;AACZ;AAEA,MAAM,aAAa;AAAA,EAEjB,gBAAgB,8BAAU,OAAO,YAAY,gDAAgD;AAAA,EAE7F,WAAW,8BAAU,OAAO,YAAY,gBAAgB;AAAA,EAExD,MAAM,8BAAU,OAAO,YAAY,8BAA8B;AAAA,EAIjE,WAAW,8BAAU,OAAO,YAAY,iCAAiC;AAAA,EAEzE,SAAS,8BAAU,QAAQ,YAAY,iCAAiC;AAAA,EAIxE,UAAU,8BAAU,KAAK,YAAY,oCAAoC;AAAA,EAIzE,UAAU,8BAAU,KAAK,YAAY,uCAAuC;AAAA,EAI5E,UAAU,8BAAU,KAAK,YAAY,sCAAsC;AAAA,EAI3E,SAAS,8BAAU,KAAK,YAAY,qCAAqC;AAAA,EAIzE,OAAO,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAAE,YACjF,gDACF,EAAE;AAAA,EAIF,UAAU,8BAAU,KAAK,YAAY,4DAA4D;AAAA,EAIjG,UAAU,8BAAU,KAAK,YAAY,6CAA6C;AAAA,EAElF,UAAU,8BAAU,OAAO,YAAY,+BAA+B;AAAA,EAEtE,OAAO,8BAAU,OAAO,YAAY,uBAAuB;AAC7D;AAEA,QAAQ,YAAY;AACpB,QAAQ,cAAc;AACtB,MAAM,oBAAoB,kCAAS,OAAO;AAC1C,kBAAkB,YAAY;AAI9B,IAAO,kBAAQ;",
   "names": []
 }

package/dist/cjs/RadioGroup/DSRadioGroup.js

@@ -44,7 +44,7 @@ __export(DSRadioGroup_exports, {
 module.exports = __toCommonJS(DSRadioGroup_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
+var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_shared = require("@elliemae/ds-shared");
 var import_FormItem = require("../FormItem");
 var import_Radio = require("../Radio");
@@ -116,7 +116,7 @@ const DSRadioGroup = ({
 DSRadioGroup.propTypes = import_props.props;
 DSRadioGroup.defaultProps = import_defaultProps.defaultProps;
 DSRadioGroup.displayName = "DSRadioGroup";
-const DSRadioGroupWithSchema = (0, import_react_desc.describe)(DSRadioGroup);
+const DSRadioGroupWithSchema = (0, import_ds_utilities.describe)(DSRadioGroup);
 DSRadioGroupWithSchema.propTypes = import_props.props;
 var DSRadioGroup_default = DSRadioGroup;
 //# sourceMappingURL=DSRadioGroup.js.map

package/dist/cjs/RadioGroup/DSRadioGroup.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/RadioGroup/DSRadioGroup.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { describe } from 'react-desc';\nimport { GroupItem, Group } from '@elliemae/ds-shared';\nimport { DSFormItemLayout } from '../FormItem';\nimport { DSRadio } from '../Radio';\nimport { props as rprops } from './props';\nimport { defaultProps } from './defaultProps';\n\nconst emClassPrefix = 'em-ds';\nconst baseClass = `${emClassPrefix}-radio-group`;\n\nconst RadioItem = (props) => (\n  <GroupItem\n    render={(context) => (\n      <DSRadio\n        {...props}\n        checked={context.activeValue === props.value}\n        disabled={context.disabled || props.disabled}\n        onChange={context.onChange}\n      />\n    )}\n  />\n);\n\nconst DSRadioGroup = ({\n  containerProps,\n  onChange,\n  activeValue,\n  children,\n  orientation,\n  disabled,\n  truncateText,\n  labelProps,\n}) => {\n  const checkRefs = [];\n  const count = React.Children.count(children);\n  const onKeyDown = (e, index) => {\n    if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n      if (index === 0) checkRefs[count - 1].focus();\n      else checkRefs[index - 1].focus();\n    }\n    if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n      if (index === count - 1) checkRefs[0].focus();\n      else checkRefs[index + 1].focus();\n    }\n  };\n  const group = (\n    <Group activeValue={activeValue} disabled={disabled} onChange={onChange}>\n      <div\n        data-testid=\"ds-radiogroup\"\n        {...(labelProps && labelProps.labelText ? {} : containerProps)}\n        className={`${baseClass} ${baseClass}--${orientation}`}\n        role=\"group\"\n      >\n        {React.Children.map(\n          children,\n          (child, index) => (\n            <RadioItem\n              {...child.props}\n              innerRef={(t) => {\n                checkRefs.push(t);\n              }}\n              onKeyDown={(e) => onKeyDown(e, index)}\n            />\n          ),\n          null,\n        )}\n      </div>\n    </Group>\n  );\n\n  if (labelProps && labelProps.labelText) {\n    return (\n      <div\n        className={`${baseClass}-form-item-layout-wrapper`}\n        {...containerProps}\n        role=\"group\"\n      >\n        <DSFormItemLayout\n          {...labelProps}\n          inputComponent={group}\n          onChange={onChange}\n          truncateText={truncateText}\n        />\n      </div>\n    );\n  }\n  return group;\n};\n\nDSRadioGroup.propTypes = rprops;\nDSRadioGroup.defaultProps = defaultProps;\nDSRadioGroup.displayName = 'DSRadioGroup';\nconst DSRadioGroupWithSchema = describe(DSRadioGroup);\nDSRadioGroupWithSchema.propTypes = rprops;\n\nexport { DSRadioGroup, DSRadioGroupWithSchema };\n\nexport default DSRadioGroup;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAyB;AACzB,uBAAiC;AACjC,sBAAiC;AACjC,mBAAwB;AACxB,mBAAgC;AAChC,0BAA6B;AAE7B,MAAM,gBAAgB;AACtB,MAAM,YAAY,GAAG;AAErB,MAAM,YAAY,CAAC,UACjB,mDAAC;AAAA,EACC,QAAQ,CAAC,YACP,mDAAC,uDACK,QADL;AAAA,IAEC,SAAS,QAAQ,gBAAgB,MAAM;AAAA,IACvC,UAAU,QAAQ,YAAY,MAAM;AAAA,IACpC,UAAU,QAAQ;AAAA,IACpB;AAAA,CAEJ;AAGF,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,YAAY,CAAC;AACnB,QAAM,QAAQ,qBAAM,SAAS,MAAM,QAAQ;AAC3C,QAAM,YAAY,CAAC,GAAG,UAAU;AAC9B,QAAI,EAAE,QAAQ,eAAe,EAAE,QAAQ,WAAW;AAChD,UAAI,UAAU;AAAG,kBAAU,QAAQ,GAAG,MAAM;AAAA;AACvC,kBAAU,QAAQ,GAAG,MAAM;AAAA,IAClC;AACA,QAAI,EAAE,QAAQ,gBAAgB,EAAE,QAAQ,aAAa;AACnD,UAAI,UAAU,QAAQ;AAAG,kBAAU,GAAG,MAAM;AAAA;AACvC,kBAAU,QAAQ,GAAG,MAAM;AAAA,IAClC;AAAA,EACF;AACA,QAAM,QACJ,mDAAC;AAAA,IAAM;AAAA,IAA0B;AAAA,IAAoB;AAAA,KACnD,mDAAC;AAAA,IACC,eAAY;AAAA,KACP,cAAc,WAAW,YAAY,CAAC,IAAI,iBAFhD;AAAA,IAGC,WAAW,GAAG,aAAa,cAAc;AAAA,IACzC,MAAK;AAAA,MAEJ,qBAAM,SAAS,IACd,UACA,CAAC,OAAO,UACN,mDAAC,4CACK,MAAM,QADX;AAAA,IAEC,UAAU,CAAC,MAAM;AACf,gBAAU,KAAK,CAAC;AAAA,IAClB;AAAA,IACA,WAAW,CAAC,MAAM,UAAU,GAAG,KAAK;AAAA,IACtC,GAEF,IACF,CACF,CACF;AAGF,MAAI,cAAc,WAAW,WAAW;AACtC,WACE,mDAAC;AAAA,MACC,WAAW,GAAG;AAAA,OACV,iBAFL;AAAA,MAGC,MAAK;AAAA,QAEL,mDAAC,mEACK,aADL;AAAA,MAEC,gBAAgB;AAAA,MAChB;AAAA,MACA;AAAA,MACF,CACF;AAAA,EAEJ;AACA,SAAO;AACT;AAEA,aAAa,YAAY;AACzB,aAAa,eAAe;AAC5B,aAAa,cAAc;AAC3B,MAAM,yBAAyB,gCAAS,YAAY;AACpD,uBAAuB,YAAY;AAInC,IAAO,uBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { GroupItem, Group } from '@elliemae/ds-shared';\nimport { DSFormItemLayout } from '../FormItem';\nimport { DSRadio } from '../Radio';\nimport { props as rprops } from './props';\nimport { defaultProps } from './defaultProps';\n\nconst emClassPrefix = 'em-ds';\nconst baseClass = `${emClassPrefix}-radio-group`;\n\nconst RadioItem = (props) => (\n  <GroupItem\n    render={(context) => (\n      <DSRadio\n        {...props}\n        checked={context.activeValue === props.value}\n        disabled={context.disabled || props.disabled}\n        onChange={context.onChange}\n      />\n    )}\n  />\n);\n\nconst DSRadioGroup = ({\n  containerProps,\n  onChange,\n  activeValue,\n  children,\n  orientation,\n  disabled,\n  truncateText,\n  labelProps,\n}) => {\n  const checkRefs = [];\n  const count = React.Children.count(children);\n  const onKeyDown = (e, index) => {\n    if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n      if (index === 0) checkRefs[count - 1].focus();\n      else checkRefs[index - 1].focus();\n    }\n    if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n      if (index === count - 1) checkRefs[0].focus();\n      else checkRefs[index + 1].focus();\n    }\n  };\n  const group = (\n    <Group activeValue={activeValue} disabled={disabled} onChange={onChange}>\n      <div\n        data-testid=\"ds-radiogroup\"\n        {...(labelProps && labelProps.labelText ? {} : containerProps)}\n        className={`${baseClass} ${baseClass}--${orientation}`}\n        role=\"group\"\n      >\n        {React.Children.map(\n          children,\n          (child, index) => (\n            <RadioItem\n              {...child.props}\n              innerRef={(t) => {\n                checkRefs.push(t);\n              }}\n              onKeyDown={(e) => onKeyDown(e, index)}\n            />\n          ),\n          null,\n        )}\n      </div>\n    </Group>\n  );\n\n  if (labelProps && labelProps.labelText) {\n    return (\n      <div\n        className={`${baseClass}-form-item-layout-wrapper`}\n        {...containerProps}\n        role=\"group\"\n      >\n        <DSFormItemLayout\n          {...labelProps}\n          inputComponent={group}\n          onChange={onChange}\n          truncateText={truncateText}\n        />\n      </div>\n    );\n  }\n  return group;\n};\n\nDSRadioGroup.propTypes = rprops;\nDSRadioGroup.defaultProps = defaultProps;\nDSRadioGroup.displayName = 'DSRadioGroup';\nconst DSRadioGroupWithSchema = describe(DSRadioGroup);\nDSRadioGroupWithSchema.propTypes = rprops;\n\nexport { DSRadioGroup, DSRadioGroupWithSchema };\n\nexport default DSRadioGroup;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAAyB;AACzB,uBAAiC;AACjC,sBAAiC;AACjC,mBAAwB;AACxB,mBAAgC;AAChC,0BAA6B;AAE7B,MAAM,gBAAgB;AACtB,MAAM,YAAY,GAAG;AAErB,MAAM,YAAY,CAAC,UACjB,mDAAC;AAAA,EACC,QAAQ,CAAC,YACP,mDAAC,uDACK,QADL;AAAA,IAEC,SAAS,QAAQ,gBAAgB,MAAM;AAAA,IACvC,UAAU,QAAQ,YAAY,MAAM;AAAA,IACpC,UAAU,QAAQ;AAAA,IACpB;AAAA,CAEJ;AAGF,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,YAAY,CAAC;AACnB,QAAM,QAAQ,qBAAM,SAAS,MAAM,QAAQ;AAC3C,QAAM,YAAY,CAAC,GAAG,UAAU;AAC9B,QAAI,EAAE,QAAQ,eAAe,EAAE,QAAQ,WAAW;AAChD,UAAI,UAAU;AAAG,kBAAU,QAAQ,GAAG,MAAM;AAAA;AACvC,kBAAU,QAAQ,GAAG,MAAM;AAAA,IAClC;AACA,QAAI,EAAE,QAAQ,gBAAgB,EAAE,QAAQ,aAAa;AACnD,UAAI,UAAU,QAAQ;AAAG,kBAAU,GAAG,MAAM;AAAA;AACvC,kBAAU,QAAQ,GAAG,MAAM;AAAA,IAClC;AAAA,EACF;AACA,QAAM,QACJ,mDAAC;AAAA,IAAM;AAAA,IAA0B;AAAA,IAAoB;AAAA,KACnD,mDAAC;AAAA,IACC,eAAY;AAAA,KACP,cAAc,WAAW,YAAY,CAAC,IAAI,iBAFhD;AAAA,IAGC,WAAW,GAAG,aAAa,cAAc;AAAA,IACzC,MAAK;AAAA,MAEJ,qBAAM,SAAS,IACd,UACA,CAAC,OAAO,UACN,mDAAC,4CACK,MAAM,QADX;AAAA,IAEC,UAAU,CAAC,MAAM;AACf,gBAAU,KAAK,CAAC;AAAA,IAClB;AAAA,IACA,WAAW,CAAC,MAAM,UAAU,GAAG,KAAK;AAAA,IACtC,GAEF,IACF,CACF,CACF;AAGF,MAAI,cAAc,WAAW,WAAW;AACtC,WACE,mDAAC;AAAA,MACC,WAAW,GAAG;AAAA,OACV,iBAFL;AAAA,MAGC,MAAK;AAAA,QAEL,mDAAC,mEACK,aADL;AAAA,MAEC,gBAAgB;AAAA,MAChB;AAAA,MACA;AAAA,MACF,CACF;AAAA,EAEJ;AACA,SAAO;AACT;AAEA,aAAa,YAAY;AACzB,aAAa,eAAe;AAC5B,aAAa,cAAc;AAC3B,MAAM,yBAAyB,kCAAS,YAAY;AACpD,uBAAuB,YAAY;AAInC,IAAO,uBAAQ;",
   "names": []
 }