@elliemae/ds-form 3.16.0-next.11 → 3.16.0-next.13

package/dist/esm/InputMask/props.js

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

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

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

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

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

package/dist/esm/InputProtected/props.js

@@ -13,6 +13,10 @@ const inputProtectedProps = {
     "mask to apply"
   ),
   type: PropTypes.oneOf(["password", "number", "text"]).description("type of input"),
+  /**
+   * PlaceholderChar: The placeholder character represents the fillable spot in the mask.
+   * The default placeholder character is underscore, _.
+   */
   placeholderChar: PropTypes.string.description(
     `The placeholder character represents the fillable spot in the mask.
   * The default placeholder character is underscore, _.`

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/InputProtected/props.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-props-helpers';\nimport { LEFT_ADDON_OPTIONS, RIGHT_ADDON_OPTIONS } from './options.js';\n\nexport const inputProtectedProps = {\n  leftAddon: PropTypes.oneOf([LEFT_ADDON_OPTIONS.LockLocked, LEFT_ADDON_OPTIONS.LockUnlocked]).description(\n    'left addon component to display',\n  ),\n  rightAddon: PropTypes.oneOf([RIGHT_ADDON_OPTIONS.VisibleView, RIGHT_ADDON_OPTIONS.InvisibleHide])\n    .description('right addon component to display')\n    .defaultValue(RIGHT_ADDON_OPTIONS.InvisibleHide),\n  onChange: PropTypes.func.description('Function executed when input s value changes'),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('input s value'),\n  readOnly: PropTypes.bool.description('Whether the input is read-only or not').defaultValue(false),\n  mask: PropTypes.oneOfType([PropTypes.array, PropTypes.func, PropTypes.object, PropTypes.string]).description(\n    'mask to apply',\n  ),\n  type: PropTypes.oneOf(['password', 'number', 'text']).description('type of input'),\n  /**\n   * PlaceholderChar: The placeholder character represents the fillable spot in the mask.\n   * The default placeholder character is underscore, _.\n   */\n  placeholderChar: PropTypes.string.description(\n    `The placeholder character represents the fillable spot in the mask.\n  * The default placeholder character is underscore, _.`,\n  ),\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB,2BAA2B;AAEjD,MAAM,sBAAsB;AAAA,EACjC,WAAW,UAAU,MAAM,CAAC,mBAAmB,YAAY,mBAAmB,YAAY,CAAC,EAAE;AAAA,IAC3F;AAAA,EACF;AAAA,EACA,YAAY,UAAU,MAAM,CAAC,oBAAoB,aAAa,oBAAoB,aAAa,CAAC,EAC7F,YAAY,kCAAkC,EAC9C,aAAa,oBAAoB,aAAa;AAAA,EACjD,UAAU,UAAU,KAAK,YAAY,8CAA8C;AAAA,EACnF,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAAY,eAAe;AAAA,EAC5F,UAAU,UAAU,KAAK,YAAY,uCAAuC,EAAE,aAAa,KAAK;AAAA,EAChG,MAAM,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE;AAAA,IAC/F;AAAA,EACF;AAAA,EACA,MAAM,UAAU,MAAM,CAAC,YAAY,UAAU,MAAM,CAAC,EAAE,YAAY,eAAe;AAAA,EAKjF,iBAAiB,UAAU,OAAO;AAAA,IAChC;AAAA;AAAA,EAEF;AACF;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB,2BAA2B;AAEjD,MAAM,sBAAsB;AAAA,EACjC,WAAW,UAAU,MAAM,CAAC,mBAAmB,YAAY,mBAAmB,YAAY,CAAC,EAAE;AAAA,IAC3F;AAAA,EACF;AAAA,EACA,YAAY,UAAU,MAAM,CAAC,oBAAoB,aAAa,oBAAoB,aAAa,CAAC,EAC7F,YAAY,kCAAkC,EAC9C,aAAa,oBAAoB,aAAa;AAAA,EACjD,UAAU,UAAU,KAAK,YAAY,8CAA8C;AAAA,EACnF,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAAY,eAAe;AAAA,EAC5F,UAAU,UAAU,KAAK,YAAY,uCAAuC,EAAE,aAAa,KAAK;AAAA,EAChG,MAAM,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE;AAAA,IAC/F;AAAA,EACF;AAAA,EACA,MAAM,UAAU,MAAM,CAAC,YAAY,UAAU,MAAM,CAAC,EAAE,YAAY,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA,EAKjF,iBAAiB,UAAU,OAAO;AAAA,IAChC;AAAA;AAAA,EAEF;AACF;",
   "names": []
 }

package/dist/esm/LargeInputText/props.js

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

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

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

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

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

package/dist/esm/Radio/DSRadio.js

@@ -94,21 +94,51 @@ DSRadio.defaultProps = {
   tabIndex: 0
 };
 const radioProps = {
+  /** Injected props to wrapper element of component */
   containerProps: PropTypes.object.description("Injected props to wrapper element of component"),
+  /** css class prop */
   className: PropTypes.string.description("css class prop"),
+  /** name property to manage form */
   name: PropTypes.string.description("name property to manage form"),
+  /**
+   * Displayable label for the radio
+   */
   labelText: PropTypes.string.description("Displayable label for the radio"),
+  /** HTMLFOR property to manage form */
   htmlFor: PropTypes.element.description("HTMLFOR property to manage form"),
+  /**
+   * Whether the radio has error or not
+   */
   hasError: PropTypes.bool.description("Whether the radio has error or not"),
+  /**
+   * Whether the radio is read only or not
+   */
   readOnly: PropTypes.bool.description("Whether the radio is read only or not"),
+  /**
+   * Whether the radio is disabled or not
+   */
   disabled: PropTypes.bool.description("Whether the radio is disabled or not"),
+  /**
+   * Whether the radio is checked or not
+   */
   checked: PropTypes.bool.description("Whether the radio is checked or not"),
+  /**
+   * Value that takes the checkbox if it is checked
+   */
   value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description(
     "Value that takes the checkbox if it is checked"
   ).isRequired,
+  /**
+   * Allows a function that is triggered once the radio changes
+   */
   onChange: PropTypes.func.description("Allows a function that is triggered once the radio changes"),
+  /**
+   * Optional, if you want a checkbox customized
+   */
   children: PropTypes.node.description("Optional, if you want a checkbox customized"),
+  /** HTML tabindex to manage focus */
   tabIndex: PropTypes.number.description("HTML tabindex to manage focus"),
+  /** style override object */
   style: PropTypes.object.description("style override object")
 };
 DSRadio.propTypes = radioProps;

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Radio/DSRadio.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable react/no-unknown-property */\nimport React, { useRef } from 'react';\nimport { useDeprecateComponent } from '@elliemae/ds-utilities';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { Circle } from './Circle.js';\n\ninterface DSRadioT {\n  [x: string]: unknown;\n  innerRef?: React.MutableRefObject<HTMLInputElement>;\n  containerProps?: { [x: string]: unknown };\n  className?: string;\n  style?: React.CSSProperties;\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  innerRef,\n  ...otherProps\n}: DSRadioT) => {\n  useDeprecateComponent({ componentName: 'ds-form/DSRadio', version: '3.x Date: 2023 Q1' });\n\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={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.object.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"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/RadioGroup/DSRadioGroup.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { GroupItem, Group } from '@elliemae/ds-shared';\nimport { DSFormItemLayout } from '../FormItem/index.js';\nimport { DSRadio } from '../Radio/index.js';\nimport { props as rprops } from './props.js';\nimport { defaultProps } from './defaultProps.js';\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 className={`${baseClass}-form-item-layout-wrapper`} {...containerProps} role=\"group\">\n        <DSFormItemLayout {...labelProps} inputComponent={group} onChange={onChange} truncateText={truncateText} />\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"],
-  "mappings": "AAAA,YAAY,WAAW;ACcjB;AAdN,OAAOA,YAAW;AAClB,SAAS,gBAAgB;AACzB,SAAS,WAAW,aAAa;AACjC,SAAS,wBAAwB;AACjC,SAAS,eAAe;AACxB,SAAS,SAAS,cAAc;AAChC,SAAS,oBAAoB;AAE7B,MAAM,gBAAgB;AACtB,MAAM,YAAY,GAAG;AAErB,MAAM,YAAY,CAAC,UACjB;AAAA,EAAC;AAAA;AAAA,IACC,QAAQ,CAAC,YACP;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,SAAS,QAAQ,gBAAgB,MAAM;AAAA,QACvC,UAAU,QAAQ,YAAY,MAAM;AAAA,QACpC,UAAU,QAAQ;AAAA;AAAA,IACpB;AAAA;AAEJ;AAGF,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,YAAY,CAAC;AACnB,QAAM,QAAQA,OAAM,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,oBAAC,SAAM,aAA0B,UAAoB,UACnD;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACX,GAAI,cAAc,WAAW,YAAY,CAAC,IAAI;AAAA,MAC/C,WAAW,GAAG,aAAa,cAAc;AAAA,MACzC,MAAK;AAAA,MAEJ,UAAAA,OAAM,SAAS;AAAA,QACd;AAAA,QACA,CAAC,OAAO,UACN;AAAA,UAAC;AAAA;AAAA,YACE,GAAG,MAAM;AAAA,YACV,UAAU,CAAC,MAAM;AACf,wBAAU,KAAK,CAAC;AAAA,YAClB;AAAA,YACA,WAAW,CAAC,MAAM,UAAU,GAAG,KAAK;AAAA;AAAA,QACtC;AAAA,QAEF;AAAA,MACF;AAAA;AAAA,EACF,GACF;AAGF,MAAI,cAAc,WAAW,WAAW;AACtC,WACE,oBAAC,SAAI,WAAW,GAAG,sCAAuC,GAAG,gBAAgB,MAAK,SAChF,8BAAC,oBAAkB,GAAG,YAAY,gBAAgB,OAAO,UAAoB,cAA4B,GAC3G;AAAA,EAEJ;AACA,SAAO;AACT;AAEA,aAAa,YAAY;AACzB,aAAa,eAAe;AAC5B,aAAa,cAAc;AAC3B,MAAM,yBAAyB,SAAS,YAAY;AACpD,uBAAuB,YAAY;AAInC,IAAO,uBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACcjB;AAdN,OAAOA,YAAW;AAClB,SAAS,gBAAgB;AACzB,SAAS,WAAW,aAAa;AACjC,SAAS,wBAAwB;AACjC,SAAS,eAAe;AACxB,SAAS,SAAS,cAAc;AAChC,SAAS,oBAAoB;AAE7B,MAAM,gBAAgB;AACtB,MAAM,YAAY,GAAG;AAErB,MAAM,YAAY,CAAC,UACjB;AAAA,EAAC;AAAA;AAAA,IACC,QAAQ,CAAC,YACP;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,SAAS,QAAQ,gBAAgB,MAAM;AAAA,QACvC,UAAU,QAAQ,YAAY,MAAM;AAAA,QACpC,UAAU,QAAQ;AAAA;AAAA,IACpB;AAAA;AAEJ;AAGF,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,YAAY,CAAC;AACnB,QAAM,QAAQA,OAAM,SAAS,MAAM,QAAQ;AAC3C,QAAM,YAAY,CAAC,GAAG,UAAU;AAC9B,QAAI,EAAE,QAAQ,eAAe,EAAE,QAAQ,WAAW;AAChD,UAAI,UAAU;AAAG,kBAAU,QAAQ,CAAC,EAAE,MAAM;AAAA;AACvC,kBAAU,QAAQ,CAAC,EAAE,MAAM;AAAA,IAClC;AACA,QAAI,EAAE,QAAQ,gBAAgB,EAAE,QAAQ,aAAa;AACnD,UAAI,UAAU,QAAQ;AAAG,kBAAU,CAAC,EAAE,MAAM;AAAA;AACvC,kBAAU,QAAQ,CAAC,EAAE,MAAM;AAAA,IAClC;AAAA,EACF;AACA,QAAM,QACJ,oBAAC,SAAM,aAA0B,UAAoB,UACnD;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACX,GAAI,cAAc,WAAW,YAAY,CAAC,IAAI;AAAA,MAC/C,WAAW,GAAG,aAAa,cAAc;AAAA,MACzC,MAAK;AAAA,MAEJ,UAAAA,OAAM,SAAS;AAAA,QACd;AAAA,QACA,CAAC,OAAO,UACN;AAAA,UAAC;AAAA;AAAA,YACE,GAAG,MAAM;AAAA,YACV,UAAU,CAAC,MAAM;AACf,wBAAU,KAAK,CAAC;AAAA,YAClB;AAAA,YACA,WAAW,CAAC,MAAM,UAAU,GAAG,KAAK;AAAA;AAAA,QACtC;AAAA,QAEF;AAAA,MACF;AAAA;AAAA,EACF,GACF;AAGF,MAAI,cAAc,WAAW,WAAW;AACtC,WACE,oBAAC,SAAI,WAAW,GAAG,sCAAuC,GAAG,gBAAgB,MAAK,SAChF,8BAAC,oBAAkB,GAAG,YAAY,gBAAgB,OAAO,UAAoB,cAA4B,GAC3G;AAAA,EAEJ;AACA,SAAO;AACT;AAEA,aAAa,YAAY;AACzB,aAAa,eAAe;AAC5B,aAAa,cAAc;AAC3B,MAAM,yBAAyB,SAAS,YAAY;AACpD,uBAAuB,YAAY;AAInC,IAAO,uBAAQ;",
   "names": ["React"]
 }

package/dist/esm/RadioGroup/props.js

@@ -2,11 +2,27 @@ import * as React from "react";
 import { PropTypes } from "@elliemae/ds-props-helpers";
 import { orientation as radioGroupOrientation } from "@elliemae/ds-shared";
 const props = {
+  /** Inject props to component wrapper  */
   containerProps: PropTypes.object.description("Inject props to component wrapper"),
+  /**
+   * Allows a function that is triggered once the radio group changes
+   */
   onChange: PropTypes.func.description("Allows a function that is triggered once the radio group changes"),
+  /**
+   * Selected default active value
+   */
   activeValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description("Selected default active value"),
+  /**
+   * Radio group items to show of type DSRadio
+   */
   children: PropTypes.arrayOf(PropTypes.element).isRequired.description("Radio group items to show of type DSRadio"),
+  /**
+   * ['horizontal', 'vertical']
+   */
   orientation: PropTypes.oneOf(radioGroupOrientation).description("['horizontal', 'vertical']"),
+  /**
+   * Whether the radio group is disabled or not
+   */
   disabled: PropTypes.bool.description(""),
   labelProps: PropTypes.shape({
     feedbackMessage: PropTypes.string,

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/RadioGroup/props.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-props-helpers';\nimport { orientation as radioGroupOrientation } from '@elliemae/ds-shared';\n\nexport const props = {\n  /** Inject props to component wrapper  */\n  containerProps: PropTypes.object.description('Inject props to component wrapper'),\n  /**\n   * Allows a function that is triggered once the radio group changes\n   */\n  onChange: PropTypes.func.description('Allows a function that is triggered once the radio group changes'),\n  /**\n   * Selected default active value\n   */\n  activeValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Selected default active value'),\n  /**\n   * Radio group items to show of type DSRadio\n   */\n  children: PropTypes.arrayOf(PropTypes.element).isRequired.description('Radio group items to show of type DSRadio'),\n  /**\n   * ['horizontal', 'vertical']\n   */\n  orientation: PropTypes.oneOf(radioGroupOrientation).description(\"['horizontal', 'vertical']\"),\n  /**\n   * Whether the radio group is disabled or not\n   */\n  disabled: PropTypes.bool.description(''),\n  labelProps: PropTypes.shape({\n    feedbackMessage: PropTypes.string,\n    labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n    required: PropTypes.bool,\n  }).description('Whether the radio group is disabled or not'),\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAC1B,SAAS,eAAe,6BAA6B;AAE9C,MAAM,QAAQ;AAAA,EAEnB,gBAAgB,UAAU,OAAO,YAAY,mCAAmC;AAAA,EAIhF,UAAU,UAAU,KAAK,YAAY,kEAAkE;AAAA,EAIvG,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAAY,+BAA+B;AAAA,EAIlH,UAAU,UAAU,QAAQ,UAAU,OAAO,EAAE,WAAW,YAAY,2CAA2C;AAAA,EAIjH,aAAa,UAAU,MAAM,qBAAqB,EAAE,YAAY,4BAA4B;AAAA,EAI5F,UAAU,UAAU,KAAK,YAAY,EAAE;AAAA,EACvC,YAAY,UAAU,MAAM;AAAA,IAC1B,iBAAiB,UAAU;AAAA,IAC3B,WAAW,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC;AAAA,IACpE,UAAU,UAAU;AAAA,EACtB,CAAC,EAAE,YAAY,4CAA4C;AAC7D;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAC1B,SAAS,eAAe,6BAA6B;AAE9C,MAAM,QAAQ;AAAA;AAAA,EAEnB,gBAAgB,UAAU,OAAO,YAAY,mCAAmC;AAAA;AAAA;AAAA;AAAA,EAIhF,UAAU,UAAU,KAAK,YAAY,kEAAkE;AAAA;AAAA;AAAA;AAAA,EAIvG,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAAY,+BAA+B;AAAA;AAAA;AAAA;AAAA,EAIlH,UAAU,UAAU,QAAQ,UAAU,OAAO,EAAE,WAAW,YAAY,2CAA2C;AAAA;AAAA;AAAA;AAAA,EAIjH,aAAa,UAAU,MAAM,qBAAqB,EAAE,YAAY,4BAA4B;AAAA;AAAA;AAAA;AAAA,EAI5F,UAAU,UAAU,KAAK,YAAY,EAAE;AAAA,EACvC,YAAY,UAAU,MAAM;AAAA,IAC1B,iBAAiB,UAAU;AAAA,IAC3B,WAAW,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC;AAAA,IACpE,UAAU,UAAU;AAAA,EACtB,CAAC,EAAE,YAAY,4CAA4C;AAC7D;",
   "names": []
 }

package/dist/esm/TimeInput/DSTimeInput.js

@@ -45,18 +45,41 @@ DSTimeInput.defaultProps = {
   clearable: true
 };
 const props = {
+  /** Injected props to wrapper element of component */
   containerProps: PropTypes.object.description("Injected props to wrapper element of component"),
+  /**
+   * Allows a function that is triggered once the time input changes
+   */
   onChange: PropTypes.func.description("Allows a function that is triggered once the time input changes"),
+  /** a11y aria label */
   "aria-label": PropTypes.string.description("a11y aria label"),
+  /** style object for time input wrapper */
   style: PropTypes.object.description("style object for time input wrapper"),
+  /** inner ref for time inpot wrapper */
   innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(
     "inner ref for time input wrapper"
   ),
+  /** class for time input */
   className: PropTypes.string.description("class for time input"),
+  /**
+   * Valid time format
+   */
   format: PropTypes.string.description("Valid time format"),
+  /**
+   * Default value once the component is initialized
+   */
   value: PropTypes.string.description("Default value once the component is initialized"),
+  /**
+   * Whether the time input is clearable or not
+   */
   clearable: PropTypes.bool.description("Whether the time input is clearable or not"),
+  /**
+   * Whether the time input is disabled or not
+   */
   disabled: PropTypes.bool.description("Whether the time input is disabled or not"),
+  /**
+   * Aria label
+   */
   ariaLabel: PropTypes.string.description("Aria label")
 };
 DSTimeInput.propTypes = props;

package/dist/esm/TimeInput/DSTimeInput.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/TimeInput/DSTimeInput.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { DSInput } from '../Input/index.js';\nimport { TimeInputImpl } from './TimeInputImpl.js';\n\nconst DSTimeInput = ({\n  containerProps = {},\n  innerRef,\n  className = '',\n  style = {},\n  onChange = () => null,\n  format,\n  value = '',\n  clearable = false,\n  disabled = false,\n  ariaLabel = 'Time input',\n}) => (\n  <DSInput\n    className={className}\n    clearable={clearable}\n    containerProps={containerProps}\n    customInputType={({ onChange: inputOnChange, ...restInputProps }) => (\n      <TimeInputImpl\n        aria-label={ariaLabel}\n        disabled={disabled}\n        format={format}\n        onChange={(time) => inputOnChange(time)}\n        {...restInputProps}\n        style={style}\n      />\n    )}\n    disabled={disabled}\n    innerRef={innerRef}\n    isShowElipsisActive={false}\n    onChange={onChange}\n    onClear={() => onChange(null)}\n    value={value}\n  />\n);\n\nDSTimeInput.defaultProps = {\n  format: 'hh:mm:ss',\n  disabled: false,\n  clearable: true,\n};\n\nconst props = {\n  /** Injected props to wrapper element of component */\n  containerProps: PropTypes.object.description('Injected props to wrapper element of component'),\n  /**\n   * Allows a function that is triggered once the time input changes\n   */\n  onChange: PropTypes.func.description('Allows a function that is triggered once the time input changes'),\n  /** a11y aria label */\n  'aria-label': PropTypes.string.description('a11y aria label'),\n  /** style object for time input wrapper */\n  style: PropTypes.object.description('style object for time input wrapper'),\n  /** inner ref for time inpot wrapper */\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(\n    'inner ref for time input wrapper',\n  ),\n  /** class for time input */\n  className: PropTypes.string.description('class for time input'),\n  /**\n   * Valid time format\n   */\n  format: PropTypes.string.description('Valid time format'),\n  /**\n   * Default value once the component is initialized\n   */\n  value: PropTypes.string.description('Default value once the component is initialized'),\n  /**\n   * Whether the time input is clearable or not\n   */\n  clearable: PropTypes.bool.description('Whether the time input is clearable or not'),\n  /**\n   * Whether the time input is disabled or not\n   */\n  disabled: PropTypes.bool.description('Whether the time input is disabled or not'),\n  /**\n   * Aria label\n   */\n  ariaLabel: PropTypes.string.description('Aria label'),\n};\n\nDSTimeInput.propTypes = props;\nDSTimeInput.displayName = 'DSTimeInput';\nconst DSTimeInputWithSchema = describe(DSTimeInput);\nDSTimeInputWithSchema.propTypes = props;\n\nexport { TimeInputImpl, DSTimeInputWithSchema, DSTimeInput };\n\nexport default DSTimeInput;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACsBjB;AArBN,SAAS,WAAW,gBAAgB;AACpC,SAAS,eAAe;AACxB,SAAS,qBAAqB;AAE9B,MAAM,cAAc,CAAC;AAAA,EACnB,iBAAiB,CAAC;AAAA,EAClB;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ,CAAC;AAAA,EACT,WAAW,MAAM;AAAA,EACjB;AAAA,EACA,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AACd,MACE;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB,CAAC,EAAE,UAAU,kBAAkB,eAAe,MAC7D;AAAA,MAAC;AAAA;AAAA,QACC,cAAY;AAAA,QACZ;AAAA,QACA;AAAA,QACA,UAAU,CAAC,SAAS,cAAc,IAAI;AAAA,QACrC,GAAG;AAAA,QACJ;AAAA;AAAA,IACF;AAAA,IAEF;AAAA,IACA;AAAA,IACA,qBAAqB;AAAA,IACrB;AAAA,IACA,SAAS,MAAM,SAAS,IAAI;AAAA,IAC5B;AAAA;AACF;AAGF,YAAY,eAAe;AAAA,EACzB,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,WAAW;AACb;AAEA,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAAY,gDAAgD;AAAA,EAI7F,UAAU,UAAU,KAAK,YAAY,iEAAiE;AAAA,EAEtG,cAAc,UAAU,OAAO,YAAY,iBAAiB;AAAA,EAE5D,OAAO,UAAU,OAAO,YAAY,qCAAqC;AAAA,EAEzE,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,EAAE,SAAS,UAAU,IAAI,CAAC,CAAC,CAAC,EAAE;AAAA,IAC3F;AAAA,EACF;AAAA,EAEA,WAAW,UAAU,OAAO,YAAY,sBAAsB;AAAA,EAI9D,QAAQ,UAAU,OAAO,YAAY,mBAAmB;AAAA,EAIxD,OAAO,UAAU,OAAO,YAAY,iDAAiD;AAAA,EAIrF,WAAW,UAAU,KAAK,YAAY,4CAA4C;AAAA,EAIlF,UAAU,UAAU,KAAK,YAAY,2CAA2C;AAAA,EAIhF,WAAW,UAAU,OAAO,YAAY,YAAY;AACtD;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,wBAAwB,SAAS,WAAW;AAClD,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACsBjB;AArBN,SAAS,WAAW,gBAAgB;AACpC,SAAS,eAAe;AACxB,SAAS,qBAAqB;AAE9B,MAAM,cAAc,CAAC;AAAA,EACnB,iBAAiB,CAAC;AAAA,EAClB;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ,CAAC;AAAA,EACT,WAAW,MAAM;AAAA,EACjB;AAAA,EACA,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AACd,MACE;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB,CAAC,EAAE,UAAU,eAAe,GAAG,eAAe,MAC7D;AAAA,MAAC;AAAA;AAAA,QACC,cAAY;AAAA,QACZ;AAAA,QACA;AAAA,QACA,UAAU,CAAC,SAAS,cAAc,IAAI;AAAA,QACrC,GAAG;AAAA,QACJ;AAAA;AAAA,IACF;AAAA,IAEF;AAAA,IACA;AAAA,IACA,qBAAqB;AAAA,IACrB;AAAA,IACA,SAAS,MAAM,SAAS,IAAI;AAAA,IAC5B;AAAA;AACF;AAGF,YAAY,eAAe;AAAA,EACzB,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,WAAW;AACb;AAEA,MAAM,QAAQ;AAAA;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAAY,gDAAgD;AAAA;AAAA;AAAA;AAAA,EAI7F,UAAU,UAAU,KAAK,YAAY,iEAAiE;AAAA;AAAA,EAEtG,cAAc,UAAU,OAAO,YAAY,iBAAiB;AAAA;AAAA,EAE5D,OAAO,UAAU,OAAO,YAAY,qCAAqC;AAAA;AAAA,EAEzE,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,EAAE,SAAS,UAAU,IAAI,CAAC,CAAC,CAAC,EAAE;AAAA,IAC3F;AAAA,EACF;AAAA;AAAA,EAEA,WAAW,UAAU,OAAO,YAAY,sBAAsB;AAAA;AAAA;AAAA;AAAA,EAI9D,QAAQ,UAAU,OAAO,YAAY,mBAAmB;AAAA;AAAA;AAAA;AAAA,EAIxD,OAAO,UAAU,OAAO,YAAY,iDAAiD;AAAA;AAAA;AAAA;AAAA,EAIrF,WAAW,UAAU,KAAK,YAAY,4CAA4C;AAAA;AAAA;AAAA;AAAA,EAIlF,UAAU,UAAU,KAAK,YAAY,2CAA2C;AAAA;AAAA;AAAA;AAAA,EAIhF,WAAW,UAAU,OAAO,YAAY,YAAY;AACtD;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,wBAAwB,SAAS,WAAW;AAClD,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
   "names": []
 }

package/dist/esm/TimeInput/TimeInputImpl.js

@@ -44,14 +44,41 @@ const TimeInputImpl = ({
 };
 TimeInputImpl.propTypes = {
   containerProps: PropTypes.shape({}),
+  /**
+   * Inner reference to the input
+   */
   innerRef: PropTypes.any,
+  /**
+   * Classes to add to the container
+   */
   className: PropTypes.string,
+  /**
+   * Styles to add to the container
+   */
   style: PropTypes.shape({}),
+  /**
+   * Allows a function that is triggered once the time input changes
+   */
   onChange: PropTypes.func,
+  /**
+   * Valid time format
+   */
   format: PropTypes.string,
+  /**
+   * Default value once the component is initialized
+   */
   value: PropTypes.string,
+  /**
+   * Whether the time input is clearable or not
+   */
   clearable: PropTypes.bool,
+  /**
+   * Whether the time input is disabled or not
+   */
   disabled: PropTypes.bool,
+  /**
+   * Aria label to add to the container
+   */
   "aria-label": PropTypes.bool,
   "arial-label": PropTypes.bool
 };

package/dist/esm/TimeInput/TimeInputImpl.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/TimeInput/TimeInputImpl.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { getVisibleTimeByFormat } from '@elliemae/ds-utilities';\nimport memoizeOne from 'memoize-one';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { TimeInputs } from './TimeInputs.js';\n\nconst blockName = 'input-time';\n\nconst InputTimeContainer = aggregatedClasses('div')(blockName);\n\nconst TimeInputImpl = ({\n  format,\n  innerRef,\n  onChange,\n  className,\n  value,\n  disabled,\n  clearable,\n  'arial-label': ariaLabel,\n}) => {\n  const getVisibleTimeInputs = memoizeOne((formatValue) => getVisibleTimeByFormat(formatValue));\n  let inputsContainer = useRef();\n\n  const handleFocus = (e) => {\n    if (!e.target.type) {\n      inputsContainer.querySelector('input').focus();\n    }\n  };\n\n  const visibleInputs = useMemo(() => getVisibleTimeInputs(format));\n\n  return (\n    <InputTimeContainer className={className} disabled={disabled} innerRef={innerRef} onClick={handleFocus}>\n      <TimeInputs\n        aria-label={ariaLabel}\n        clearable={clearable}\n        disabled={disabled}\n        format={format}\n        innerRef={(node) => {\n          inputsContainer = node;\n        }}\n        onChange={onChange}\n        time={value}\n        {...visibleInputs}\n      />\n    </InputTimeContainer>\n  );\n};\n\nTimeInputImpl.propTypes = {\n  containerProps: PropTypes.shape({}),\n  /**\n   * Inner reference to the input\n   */\n  innerRef: PropTypes.any,\n  /**\n   * Classes to add to the container\n   */\n  className: PropTypes.string,\n  /**\n   * Styles to add to the container\n   */\n  style: PropTypes.shape({}),\n  /**\n   * Allows a function that is triggered once the time input changes\n   */\n  onChange: PropTypes.func,\n  /**\n   * Valid time format\n   */\n  format: PropTypes.string,\n  /**\n   * Default value once the component is initialized\n   */\n  value: PropTypes.string,\n  /**\n   * Whether the time input is clearable or not\n   */\n  clearable: PropTypes.bool,\n  /**\n   * Whether the time input is disabled or not\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Aria label to add to the container\n   */\n  'aria-label': PropTypes.bool,\n  'arial-label': PropTypes.bool,\n};\n\nexport { TimeInputImpl };\nexport default TimeInputImpl;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACkCjB;AAlCN,SAAgB,QAAQ,eAAe;AACvC,OAAO,eAAe;AACtB,SAAS,8BAA8B;AACvC,OAAO,gBAAgB;AACvB,SAAS,yBAAyB;AAClC,SAAS,kBAAkB;AAE3B,MAAM,YAAY;AAElB,MAAM,qBAAqB,kBAAkB,KAAK,EAAE,SAAS;AAE7D,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AACjB,MAAM;AACJ,QAAM,uBAAuB,WAAW,CAAC,gBAAgB,uBAAuB,WAAW,CAAC;AAC5F,MAAI,kBAAkB,OAAO;AAE7B,QAAM,cAAc,CAAC,MAAM;AACzB,QAAI,CAAC,EAAE,OAAO,MAAM;AAClB,sBAAgB,cAAc,OAAO,EAAE,MAAM;AAAA,IAC/C;AAAA,EACF;AAEA,QAAM,gBAAgB,QAAQ,MAAM,qBAAqB,MAAM,CAAC;AAEhE,SACE,oBAAC,sBAAmB,WAAsB,UAAoB,UAAoB,SAAS,aACzF;AAAA,IAAC;AAAA;AAAA,MACC,cAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,CAAC,SAAS;AAClB,0BAAkB;AAAA,MACpB;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACL,GAAG;AAAA;AAAA,EACN,GACF;AAEJ;AAEA,cAAc,YAAY;AAAA,EACxB,gBAAgB,UAAU,MAAM,CAAC,CAAC;AAAA,EAIlC,UAAU,UAAU;AAAA,EAIpB,WAAW,UAAU;AAAA,EAIrB,OAAO,UAAU,MAAM,CAAC,CAAC;AAAA,EAIzB,UAAU,UAAU;AAAA,EAIpB,QAAQ,UAAU;AAAA,EAIlB,OAAO,UAAU;AAAA,EAIjB,WAAW,UAAU;AAAA,EAIrB,UAAU,UAAU;AAAA,EAIpB,cAAc,UAAU;AAAA,EACxB,eAAe,UAAU;AAC3B;AAGA,IAAO,wBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACkCjB;AAlCN,SAAgB,QAAQ,eAAe;AACvC,OAAO,eAAe;AACtB,SAAS,8BAA8B;AACvC,OAAO,gBAAgB;AACvB,SAAS,yBAAyB;AAClC,SAAS,kBAAkB;AAE3B,MAAM,YAAY;AAElB,MAAM,qBAAqB,kBAAkB,KAAK,EAAE,SAAS;AAE7D,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AACjB,MAAM;AACJ,QAAM,uBAAuB,WAAW,CAAC,gBAAgB,uBAAuB,WAAW,CAAC;AAC5F,MAAI,kBAAkB,OAAO;AAE7B,QAAM,cAAc,CAAC,MAAM;AACzB,QAAI,CAAC,EAAE,OAAO,MAAM;AAClB,sBAAgB,cAAc,OAAO,EAAE,MAAM;AAAA,IAC/C;AAAA,EACF;AAEA,QAAM,gBAAgB,QAAQ,MAAM,qBAAqB,MAAM,CAAC;AAEhE,SACE,oBAAC,sBAAmB,WAAsB,UAAoB,UAAoB,SAAS,aACzF;AAAA,IAAC;AAAA;AAAA,MACC,cAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,CAAC,SAAS;AAClB,0BAAkB;AAAA,MACpB;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACL,GAAG;AAAA;AAAA,EACN,GACF;AAEJ;AAEA,cAAc,YAAY;AAAA,EACxB,gBAAgB,UAAU,MAAM,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,EAIlC,UAAU,UAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,WAAW,UAAU;AAAA;AAAA;AAAA;AAAA,EAIrB,OAAO,UAAU,MAAM,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,EAIzB,UAAU,UAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,QAAQ,UAAU;AAAA;AAAA;AAAA;AAAA,EAIlB,OAAO,UAAU;AAAA;AAAA;AAAA;AAAA,EAIjB,WAAW,UAAU;AAAA;AAAA;AAAA;AAAA,EAIrB,UAAU,UAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,cAAc,UAAU;AAAA,EACxB,eAAe,UAAU;AAC3B;AAGA,IAAO,wBAAQ;",
   "names": []
 }

package/dist/esm/TimeInput/TimeInputs.js

@@ -337,6 +337,7 @@ const TimeInputs = ({
     return [
       inputsWithDividers,
       React2.createElement("span", { key: "span" }),
+      // hack for next/prev focus
       renderMeridiemInput()
     ];
   };