@elliemae/ds-form 3.1.5-rc.9 → 3.2.0-rc.3

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/InputMask/mask_types/ZipCodeSearchInputMask.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, { useCallback, useLayoutEffect, useRef, useState } from 'react';\nimport { PropTypes } from '@elliemae/ds-utilities';\nimport { DSTextBox } from '../../TextBox';\nimport { TCharsToAdd } from '../types';\nimport { setCaretPosition } from '../utils/setCaretPosition';\n\nconst conformValue = (rawValue, cursorPos, lastkeycode) => {\n  const nextMaskedValue = rawValue\n    .split('')\n    .filter((char) => char >= '0' && char <= '9')\n    .slice(0, 9);\n\n  let maskedPos = 0;\n  for (let i = 0; i < cursorPos; i += 1) {\n    if (nextMaskedValue[maskedPos] === rawValue[i]) maskedPos += 1;\n  }\n\n  // list of [string to add, position to add]\n  const charactersToAdd: TCharsToAdd = [['-', 5]];\n\n  charactersToAdd.forEach(([chars, pos]) => {\n    if (nextMaskedValue.length > pos) {\n      nextMaskedValue.splice(pos, 0, chars);\n      if (maskedPos >= pos) maskedPos += chars.length;\n    }\n  });\n\n  if (lastkeycode !== 8 && maskedPos < nextMaskedValue.length) {\n    charactersToAdd.forEach(([chars, pos]) => {\n      if (maskedPos === pos) maskedPos += chars.length;\n    });\n  } else if (lastkeycode === 8 && maskedPos) {\n    charactersToAdd.forEach(([chars, pos]) => {\n      if (maskedPos === pos + 1) maskedPos -= chars.length;\n    });\n  }\n  return { nextMaskedValue: nextMaskedValue.join(''), maskedPos };\n};\n\nconst ZipCodeSearchInputMask = ({\n  focus,\n  setFocus,\n  setRawMask,\n  cursorPosition,\n  setCursorPosition,\n  lastkey,\n  setLastkey,\n  setRawValue,\n  style,\n  disabled,\n  className,\n  name,\n  maxLength,\n  minLength,\n  fluidWidth,\n  placeholder,\n  onKeyDown,\n  onClick,\n  onChange,\n  onFocus,\n  onBlur,\n  onPaste,\n  onKeyUp,\n  hasError,\n  readOnly,\n  type,\n  innerRef,\n  clearable = false,\n  leftComponent,\n  rightComponent,\n  value,\n  ...rest\n}) => {\n  const inputRef = useRef();\n  const [maskedValue, setMaskedValue] = useState(value);\n\n  const conform = useCallback(\n    ({ rawValue, cursorPos, lastkeycode, shouldUpdateCursorPos = true }) => {\n      const { nextMaskedValue, maskedPos } = conformValue(\n        rawValue,\n        cursorPos,\n        lastkeycode,\n      );\n      const event = {\n        target: {\n          value: nextMaskedValue,\n          originalValue: rawValue,\n        },\n      };\n      if (onChange && nextMaskedValue !== maskedValue) onChange(event);\n\n      setMaskedValue(nextMaskedValue);\n      setRawValue(nextMaskedValue);\n\n      if (shouldUpdateCursorPos) setCursorPosition({ current: maskedPos });\n    },\n    [maskedValue, onChange],\n  );\n\n  const handleOnChange = useCallback(\n    (e) => {\n      const { value: rawValue, selectionEnd } = e.target;\n      setRawMask(rawValue);\n      setRawValue(rawValue);\n      setCursorPosition({ current: selectionEnd });\n      setFocus(true);\n    },\n    [setRawMask, setRawValue, setCursorPosition, setFocus, lastkey.code],\n  );\n\n  useLayoutEffect(() => {\n    if (focus) setCaretPosition(inputRef.current, cursorPosition.current);\n  }, [focus, cursorPosition]);\n\n  useLayoutEffect(() => {\n    // if the value changes, then re-conform the mask\n    conform({\n      rawValue: value,\n      cursorPos: cursorPosition.current,\n      lastkeycode: lastkey.code,\n      shouldUpdateCursorPos: focus,\n    });\n  }, [focus, value, cursorPosition.current]);\n\n  const handleKeyDown = useCallback(\n    (e) => {\n      e.stopPropagation();\n      setLastkey({ key: e.key, code: e.keyCode });\n      onKeyDown(e);\n    },\n    [onKeyDown],\n  );\n\n  const handleBlur = useCallback(\n    (e) => {\n      setFocus(false);\n      onBlur(e);\n    },\n    [onBlur],\n  );\n\n  return (\n    <DSTextBox\n      {...rest}\n      className={className}\n      clearable={clearable}\n      disabled={disabled}\n      fluidWidth={fluidWidth}\n      hasError={hasError}\n      innerRef={(ref) => {\n        inputRef.current = ref;\n        if (innerRef && typeof innerRef === 'function') innerRef(ref);\n      }}\n      isActive={focus}\n      leftComponent={leftComponent}\n      maxLength={maxLength}\n      minLength={minLength}\n      name={name}\n      onBlur={handleBlur}\n      onChange={handleOnChange}\n      onClick={onClick}\n      onFocus={onFocus}\n      onKeyDown={handleKeyDown}\n      onKeyUp={onKeyUp}\n      onPaste={onPaste}\n      placeholder={placeholder}\n      readOnly={readOnly}\n      rightComponent={rightComponent}\n      style={style}\n      type={type}\n      value={maskedValue}\n    />\n  );\n};\n\nZipCodeSearchInputMask.propTypes = {\n  focus: PropTypes.bool,\n  setFocus: PropTypes.func,\n  setRawMask: PropTypes.func,\n  cursorPosition: PropTypes.shape({ current: PropTypes.number }),\n  setCursorPosition: PropTypes.func,\n  lastkey: PropTypes.shape({ code: PropTypes.number, key: PropTypes.string }),\n  setLastkey: PropTypes.func,\n  setRawValue: PropTypes.func,\n  style: PropTypes.object,\n  disabled: PropTypes.bool,\n  className: PropTypes.string,\n  name: PropTypes.string,\n  maxLength: PropTypes.number,\n  minLength: PropTypes.number,\n  fluidWidth: PropTypes.bool,\n  placeholder: PropTypes.string,\n  value: PropTypes.string,\n  onChange: PropTypes.func,\n  onKeyDown: PropTypes.func,\n  leftComponent: PropTypes.element,\n  rightComponent: PropTypes.element,\n  onFocus: PropTypes.func,\n  onBlur: PropTypes.func,\n  onPaste: PropTypes.func,\n  onKeyUp: PropTypes.func,\n  hasError: PropTypes.bool,\n  readOnly: PropTypes.bool,\n  onClick: PropTypes.func,\n  clearable: PropTypes.bool,\n  type: PropTypes.string,\n  innerRef: PropTypes.any,\n  mask: PropTypes.any,\n  placeholderChar: PropTypes.string,\n};\n\nexport { ZipCodeSearchInputMask };\nexport default ZipCodeSearchInputMask;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, { useCallback, useLayoutEffect, useRef, useState } from 'react';\nimport { PropTypes } from '@elliemae/ds-utilities';\nimport { DSTextBox } from '../../TextBox';\nimport { TCharsToAdd } from '../types';\nimport { setCaretPosition } from '../utils/setCaretPosition';\n\nconst conformValue = (rawValue, cursorPos, lastkeycode) => {\n  const nextMaskedValue = rawValue\n    .split('')\n    .filter((char) => char >= '0' && char <= '9')\n    .slice(0, 9);\n\n  let maskedPos = 0;\n  for (let i = 0; i < cursorPos; i += 1) {\n    if (nextMaskedValue[maskedPos] === rawValue[i]) maskedPos += 1;\n  }\n\n  // list of [string to add, position to add]\n  const charactersToAdd: TCharsToAdd = [['-', 5]];\n\n  charactersToAdd.forEach(([chars, pos]) => {\n    if (nextMaskedValue.length > pos) {\n      nextMaskedValue.splice(pos, 0, chars);\n      if (maskedPos >= pos) maskedPos += chars.length;\n    }\n  });\n\n  if (lastkeycode !== 8 && maskedPos < nextMaskedValue.length) {\n    charactersToAdd.forEach(([chars, pos]) => {\n      if (maskedPos === pos) maskedPos += chars.length;\n    });\n  } else if (lastkeycode === 8 && maskedPos) {\n    charactersToAdd.forEach(([chars, pos]) => {\n      if (maskedPos === pos + 1) maskedPos -= chars.length;\n    });\n  }\n  return { nextMaskedValue: nextMaskedValue.join(''), maskedPos };\n};\n\nconst ZipCodeSearchInputMask = ({\n  focus,\n  setFocus,\n  setRawMask,\n  cursorPosition,\n  setCursorPosition,\n  lastkey,\n  setLastkey,\n  setRawValue,\n  style,\n  disabled,\n  className,\n  name,\n  maxLength,\n  minLength,\n  fluidWidth,\n  placeholder,\n  onKeyDown,\n  onClick,\n  onChange,\n  onFocus,\n  onBlur,\n  onPaste,\n  onKeyUp,\n  hasError,\n  readOnly,\n  type,\n  innerRef,\n  clearable = false,\n  leftComponent,\n  rightComponent,\n  value,\n  ...rest\n}) => {\n  const inputRef = useRef();\n  const [maskedValue, setMaskedValue] = useState(value);\n\n  const conform = useCallback(\n    ({ rawValue, cursorPos, lastkeycode, shouldUpdateCursorPos = true }) => {\n      const { nextMaskedValue, maskedPos } = conformValue(\n        rawValue,\n        cursorPos,\n        lastkeycode,\n      );\n      const event = {\n        target: {\n          value: nextMaskedValue,\n          originalValue: rawValue,\n        },\n      };\n      if (onChange && nextMaskedValue !== maskedValue) onChange(event);\n\n      setMaskedValue(nextMaskedValue);\n      setRawValue(nextMaskedValue);\n\n      if (shouldUpdateCursorPos) setCursorPosition({ current: maskedPos });\n    },\n    [maskedValue, onChange],\n  );\n\n  const handleOnChange = useCallback(\n    (e) => {\n      const { value: rawValue, selectionEnd } = e.target;\n      setRawMask(rawValue);\n      setRawValue(rawValue);\n      setCursorPosition({ current: selectionEnd });\n      setFocus(true);\n    },\n    [setRawMask, setRawValue, setCursorPosition, setFocus, lastkey.code],\n  );\n\n  useLayoutEffect(() => {\n    if (focus) setCaretPosition(inputRef.current, cursorPosition.current);\n  }, [focus, cursorPosition]);\n\n  useLayoutEffect(() => {\n    // if the value changes, then re-conform the mask\n    conform({\n      rawValue: value,\n      cursorPos: cursorPosition.current,\n      lastkeycode: lastkey.code,\n      shouldUpdateCursorPos: focus,\n    });\n  }, [focus, value, cursorPosition.current]);\n\n  const handleKeyDown = useCallback(\n    (e) => {\n      e.stopPropagation();\n      setLastkey({ key: e.key, code: e.keyCode });\n      onKeyDown(e);\n    },\n    [onKeyDown],\n  );\n\n  const handleBlur = useCallback(\n    (e) => {\n      setFocus(false);\n      onBlur(e);\n    },\n    [onBlur],\n  );\n\n  return (\n    <DSTextBox\n      {...rest}\n      className={className}\n      clearable={clearable}\n      disabled={disabled}\n      fluidWidth={fluidWidth}\n      hasError={hasError}\n      innerRef={(ref) => {\n        inputRef.current = ref;\n        if (innerRef && typeof innerRef === 'function') innerRef(ref);\n      }}\n      isActive={focus}\n      leftComponent={leftComponent}\n      maxLength={maxLength}\n      minLength={minLength}\n      name={name}\n      onBlur={handleBlur}\n      onChange={handleOnChange}\n      onClick={onClick}\n      onFocus={onFocus}\n      onKeyDown={handleKeyDown}\n      onKeyUp={onKeyUp}\n      onPaste={onPaste}\n      placeholder={placeholder}\n      readOnly={readOnly}\n      rightComponent={rightComponent}\n      style={style}\n      type={type}\n      value={maskedValue}\n    />\n  );\n};\n\nexport { ZipCodeSearchInputMask };\nexport default ZipCodeSearchInputMask;\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/InputMask/props.js

@@ -33,7 +33,8 @@ const inputProps = {
   mask: PropTypes.oneOfType([
     PropTypes.array,
     PropTypes.string,
-    PropTypes.func
+    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']"),
   pipe: PropTypes.func.description("Expects pipe functions. i.e. autoCorrectedDatePipe"),
   useSubfix: PropTypes.string.description("Put a sufix after the input mask"),

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/InputMask/props.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-utilities';\n\nexport const inputProps = {\n  /** Should component focus automatically */\n  autoFocus: PropTypes.bool.description('Should component focus automatically'),\n  /**\n   * Set style for the input mask\n   */\n  style: PropTypes.object.description('Set style for the input mask'),\n  /**\n   * Whether the input mask is disabled or not\n   */\n  disabled: PropTypes.bool.description(\n    'Whether the input mask is disabled or not',\n  ),\n  /** disableTooltip */\n  disableTooltip: PropTypes.bool\n    .description('Whether to show a tooltip or not when text does not fit')\n    .defaultValue(true),\n  /** css class */\n  className: PropTypes.string.description('css class'),\n  /** html name prop for form */\n  name: PropTypes.string.description('html name prop for form'),\n  /**\n   * Max length for the input mask\n   */\n  maxLength: PropTypes.number.description('Max length for the input mask'),\n  /**\n   * Min length for the input mask\n   */\n  minLength: PropTypes.number.description('Min length for the input mask'),\n  /**\n   * Whether to make the content of the input mask fit the container or not\n   */\n  fluidWidth: PropTypes.bool.description(\n    'Whether to make the content of the input mask fit the container or not',\n  ),\n  /** isShowElipsisActive */\n  isShowElipsisActive: PropTypes.bool\n    .description(\n      'Wheter to enable the ellipsis and tooltip functionality or not',\n    )\n    .defaultValue(true),\n  /**\n   * Component that works as placeholder\n   */\n  placeholder: PropTypes.node.description(\n    'Component that works as placeholder',\n  ),\n  /**\n   * Allows a function that is triggered once a key is being pressed\n   */\n  onKeyDown: PropTypes.func.description(\n    'Allows a function that is triggered once a key is being pressed',\n  ),\n  /**\n   * Allows a function that is triggered once the input mask is clicked\n   */\n  onClick: PropTypes.func.description(\n    'Allows a function that is triggered once the input mask is clicked',\n  ),\n  /**\n   * Allows a function that is triggered once the input mask changes\n   */\n  onChange: PropTypes.func.description(\n    'Allows a function that is triggered once the input mask changes',\n  ),\n  /**\n   * Allows a function that is triggered once the input mask is focused\n   */\n  onFocus: PropTypes.func.description(\n    'Allows a function that is triggered once the input mask is focused',\n  ),\n  /**\n   * Allows a function that is triggered once the input mask loses focus\n   */\n  onBlur: PropTypes.func.description(\n    'Allows a function that is triggered once the input mask loses focus',\n  ),\n  /**\n   * Allows a function that is triggered once the input mask is pasted\n   */\n  onPaste: PropTypes.func.description(\n    'Allows a function that is triggered once the input mask is pasted',\n  ),\n  /**\n   * Allows a function that is triggered once in the input mask a keyboard key is released\n   */\n  onKeyUp: PropTypes.func.description(\n    'Allows a function that is triggered once in the input mask a keyboard key is released',\n  ),\n  /**\n   * Default value once the component is initialized\n   */\n  value: PropTypes.string.description(\n    'Default value once the component is initialized',\n  ),\n  /**\n   * Whether the input mask has error or not\n   */\n  hasError: PropTypes.bool.description(\n    'Whether the input mask has error or not',\n  ),\n  /**\n   * Whether the input mask is read only or not\n   */\n  readOnly: PropTypes.bool.description(\n    'Whether the input mask is read only or not',\n  ),\n  innerRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.any }),\n  ]).description('Whether the input mask is read only or not'),\n  /**\n   * Type of input. Ex: 'text'\n   */\n  type: PropTypes.string.description(\"Type of input. Ex: 'text'\"),\n  /**\n   * Whether the input mask is clearable or not\n   */\n  clearable: PropTypes.bool.description(\n    'Whether the input mask is clearable or not',\n  ),\n  /**\n   * Component to be added at the right side of the input\n   */\n  leftComponent: PropTypes.node.description(\n    'Component to be added at the right side of the input',\n  ),\n  /**\n   * Component to be added at the right side of the input\n   */\n  rightComponent: PropTypes.node.description(\n    'Component to be added at the right side of the input',\n  ),\n  /**\n   * Mask that has to match with the input information entered\n   * ['DATE', 'PHONE', 'PHONE_INTENATIONAL', 'SSN', 'US_ZIP_CODE', 'NUMBER', 'PERCENT']\n   */\n  mask: PropTypes.oneOfType([\n    PropTypes.array,\n    PropTypes.string,\n    PropTypes.func,\n  ]).description(\n    \"Mask that has to match with the input information entered. ['DATE', 'PHONE', 'PHONE_INTENATIONAL', 'SSN', 'US_ZIP_CODE', 'NUMBER', 'PERCENT', 'ZIP_CODE_SEARCH']\",\n  ),\n  /**\n    Expects pipe functions. i.e. autoCorrectedDatePipe\n    link a docu de text-mask\n   */\n  pipe: PropTypes.func.description(\n    'Expects pipe functions. i.e. autoCorrectedDatePipe',\n  ),\n  /**\n   * Put a sufix after the input mask\n   */\n  useSubfix: PropTypes.string.description('Put a sufix after the input mask'),\n  /**\n   * The placeholder character represents the fillable spot in the mask.\n   * The default placeholder character is underscore, _\n   */\n  placeholderChar: PropTypes.string\n    .description(\n      `The placeholder character represents the fillable spot in the mask.\n The default placeholder character is underscore, _.`,\n    )\n    .defaultValue('_'),\n};\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,aAAa;AAAA,EAExB,WAAW,UAAU,KAAK,YAAY,sCAAsC;AAAA,EAI5E,OAAO,UAAU,OAAO,YAAY,8BAA8B;AAAA,EAIlE,UAAU,UAAU,KAAK,YACvB,2CACF;AAAA,EAEA,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,YACzB,wEACF;AAAA,EAEA,qBAAqB,UAAU,KAC5B,YACC,gEACF,EACC,aAAa,IAAI;AAAA,EAIpB,aAAa,UAAU,KAAK,YAC1B,qCACF;AAAA,EAIA,WAAW,UAAU,KAAK,YACxB,iEACF;AAAA,EAIA,SAAS,UAAU,KAAK,YACtB,oEACF;AAAA,EAIA,UAAU,UAAU,KAAK,YACvB,iEACF;AAAA,EAIA,SAAS,UAAU,KAAK,YACtB,oEACF;AAAA,EAIA,QAAQ,UAAU,KAAK,YACrB,qEACF;AAAA,EAIA,SAAS,UAAU,KAAK,YACtB,mEACF;AAAA,EAIA,SAAS,UAAU,KAAK,YACtB,uFACF;AAAA,EAIA,OAAO,UAAU,OAAO,YACtB,iDACF;AAAA,EAIA,UAAU,UAAU,KAAK,YACvB,yCACF;AAAA,EAIA,UAAU,UAAU,KAAK,YACvB,4CACF;AAAA,EACA,UAAU,UAAU,UAAU;AAAA,IAC5B,UAAU;AAAA,IACV,UAAU,MAAM,EAAE,SAAS,UAAU,IAAI,CAAC;AAAA,EAC5C,CAAC,EAAE,YAAY,4CAA4C;AAAA,EAI3D,MAAM,UAAU,OAAO,YAAY,2BAA2B;AAAA,EAI9D,WAAW,UAAU,KAAK,YACxB,4CACF;AAAA,EAIA,eAAe,UAAU,KAAK,YAC5B,sDACF;AAAA,EAIA,gBAAgB,UAAU,KAAK,YAC7B,sDACF;AAAA,EAKA,MAAM,UAAU,UAAU;AAAA,IACxB,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,EACZ,CAAC,EAAE,YACD,kKACF;AAAA,EAKA,MAAM,UAAU,KAAK,YACnB,oDACF;AAAA,EAIA,WAAW,UAAU,OAAO,YAAY,kCAAkC;AAAA,EAK1E,iBAAiB,UAAU,OACxB,YACC;AAAA,qDAEF,EACC,aAAa,GAAG;AACrB;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-utilities';\n\nexport const inputProps = {\n  /** Should component focus automatically */\n  autoFocus: PropTypes.bool.description('Should component focus automatically'),\n  /**\n   * Set style for the input mask\n   */\n  style: PropTypes.object.description('Set style for the input mask'),\n  /**\n   * Whether the input mask is disabled or not\n   */\n  disabled: PropTypes.bool.description(\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    PropTypes.object,\n  ]).description(\n    \"Mask that has to match with the input information entered. ['DATE', 'PHONE', 'PHONE_INTENATIONAL', 'SSN', 'US_ZIP_CODE', 'NUMBER', 'PERCENT', 'ZIP_CODE_SEARCH']\",\n  ),\n  /**\n    Expects pipe functions. i.e. autoCorrectedDatePipe\n    link a docu de text-mask\n   */\n  pipe: PropTypes.func.description(\n    'Expects pipe functions. i.e. autoCorrectedDatePipe',\n  ),\n  /**\n   * Put a sufix after the input mask\n   */\n  useSubfix: PropTypes.string.description('Put a sufix after the input mask'),\n  /**\n   * The placeholder character represents the fillable spot in the mask.\n   * The default placeholder character is underscore, _\n   */\n  placeholderChar: PropTypes.string\n    .description(\n      `The placeholder character represents the fillable spot in the mask.\n The default placeholder character is underscore, _.`,\n    )\n    .defaultValue('_'),\n};\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,aAAa;AAAA,EAExB,WAAW,UAAU,KAAK,YAAY,sCAAsC;AAAA,EAI5E,OAAO,UAAU,OAAO,YAAY,8BAA8B;AAAA,EAIlE,UAAU,UAAU,KAAK,YACvB,2CACF;AAAA,EAEA,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,YACzB,wEACF;AAAA,EAEA,qBAAqB,UAAU,KAC5B,YACC,gEACF,EACC,aAAa,IAAI;AAAA,EAIpB,aAAa,UAAU,KAAK,YAC1B,qCACF;AAAA,EAIA,WAAW,UAAU,KAAK,YACxB,iEACF;AAAA,EAIA,SAAS,UAAU,KAAK,YACtB,oEACF;AAAA,EAIA,UAAU,UAAU,KAAK,YACvB,iEACF;AAAA,EAIA,SAAS,UAAU,KAAK,YACtB,oEACF;AAAA,EAIA,QAAQ,UAAU,KAAK,YACrB,qEACF;AAAA,EAIA,SAAS,UAAU,KAAK,YACtB,mEACF;AAAA,EAIA,SAAS,UAAU,KAAK,YACtB,uFACF;AAAA,EAIA,OAAO,UAAU,OAAO,YACtB,iDACF;AAAA,EAIA,UAAU,UAAU,KAAK,YACvB,yCACF;AAAA,EAIA,UAAU,UAAU,KAAK,YACvB,4CACF;AAAA,EACA,UAAU,UAAU,UAAU;AAAA,IAC5B,UAAU;AAAA,IACV,UAAU,MAAM,EAAE,SAAS,UAAU,IAAI,CAAC;AAAA,EAC5C,CAAC,EAAE,YAAY,4CAA4C;AAAA,EAI3D,MAAM,UAAU,OAAO,YAAY,2BAA2B;AAAA,EAI9D,WAAW,UAAU,KAAK,YACxB,4CACF;AAAA,EAIA,eAAe,UAAU,KAAK,YAC5B,sDACF;AAAA,EAIA,gBAAgB,UAAU,KAAK,YAC7B,sDACF;AAAA,EAKA,MAAM,UAAU,UAAU;AAAA,IACxB,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,EACZ,CAAC,EAAE,YACD,kKACF;AAAA,EAKA,MAAM,UAAU,KAAK,YACnB,oDACF;AAAA,EAIA,WAAW,UAAU,OAAO,YAAY,kCAAkC;AAAA,EAK1E,iBAAiB,UAAU,OACxB,YACC;AAAA,qDAEF,EACC,aAAa,GAAG;AACrB;",
   "names": []
 }

package/dist/esm/InputProtected/props.js

@@ -14,8 +14,10 @@ const inputProtectedProps = {
   value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description("input s value"),
   readOnly: PropTypes.bool.description("Whether the input is read-only or not").defaultValue(false),
   mask: PropTypes.oneOfType([
-    PropTypes.arrayOf(PropTypes.string),
-    PropTypes.func
+    PropTypes.array,
+    PropTypes.func,
+    PropTypes.object,
+    PropTypes.string
   ]).description("mask to apply"),
   type: PropTypes.oneOf(["password", "number", "text"]).description("type of input"),
   placeholderChar: PropTypes.string.description(`The placeholder character represents the fillable spot in the mask.

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/InputProtected/props.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-utilities';\nimport { LEFT_ADDON_OPTIONS, RIGHT_ADDON_OPTIONS } from './options';\n\nexport const inputProtectedProps = {\n  leftAddon: PropTypes.oneOf([\n    LEFT_ADDON_OPTIONS.LockLocked,\n    LEFT_ADDON_OPTIONS.LockUnlocked,\n  ]).description('left addon component to display'),\n  rightAddon: PropTypes.oneOf([\n    RIGHT_ADDON_OPTIONS.VisibleView,\n    RIGHT_ADDON_OPTIONS.InvisibleHide,\n  ])\n    .description('right addon component to display')\n    .defaultValue(RIGHT_ADDON_OPTIONS.InvisibleHide),\n  onChange: PropTypes.func.description(\n    'Function executed when input s value changes',\n  ),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n    'input s value',\n  ),\n  readOnly: PropTypes.bool\n    .description('Whether the input is read-only or not')\n    .defaultValue(false),\n  mask: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.string),\n    PropTypes.func,\n  ]).description('mask to apply'),\n  type: PropTypes.oneOf(['password', 'number', 'text']).description(\n    'type of input',\n  ),\n  /**\n   * PlaceholderChar: The placeholder character represents the fillable spot in the mask.\n   * The default placeholder character is underscore, _.\n   */\n  placeholderChar: PropTypes.string.description(\n    `The placeholder character represents the fillable spot in the mask.\n  * The default placeholder character is underscore, _.`,\n  ),\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,sBAAsB;AAAA,EACjC,WAAW,UAAU,MAAM;AAAA,IACzB,mBAAmB;AAAA,IACnB,mBAAmB;AAAA,EACrB,CAAC,EAAE,YAAY,iCAAiC;AAAA,EAChD,YAAY,UAAU,MAAM;AAAA,IAC1B,oBAAoB;AAAA,IACpB,oBAAoB;AAAA,EACtB,CAAC,EACE,YAAY,kCAAkC,EAC9C,aAAa,oBAAoB,aAAa;AAAA,EACjD,UAAU,UAAU,KAAK,YACvB,8CACF;AAAA,EACA,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAC/D,eACF;AAAA,EACA,UAAU,UAAU,KACjB,YAAY,uCAAuC,EACnD,aAAa,KAAK;AAAA,EACrB,MAAM,UAAU,UAAU;AAAA,IACxB,UAAU,QAAQ,UAAU,MAAM;AAAA,IAClC,UAAU;AAAA,EACZ,CAAC,EAAE,YAAY,eAAe;AAAA,EAC9B,MAAM,UAAU,MAAM,CAAC,YAAY,UAAU,MAAM,CAAC,EAAE,YACpD,eACF;AAAA,EAKA,iBAAiB,UAAU,OAAO,YAChC;AAAA,wDAEF;AACF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-utilities';\nimport { LEFT_ADDON_OPTIONS, RIGHT_ADDON_OPTIONS } from './options';\n\nexport const inputProtectedProps = {\n  leftAddon: PropTypes.oneOf([\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.array,\n    PropTypes.func,\n    PropTypes.object,\n    PropTypes.string,\n  ]).description('mask to apply'),\n  type: PropTypes.oneOf(['password', 'number', 'text']).description(\n    'type of input',\n  ),\n  /**\n   * PlaceholderChar: The placeholder character represents the fillable spot in the mask.\n   * The default placeholder character is underscore, _.\n   */\n  placeholderChar: PropTypes.string.description(\n    `The placeholder character represents the fillable spot in the mask.\n  * The default placeholder character is underscore, _.`,\n  ),\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,sBAAsB;AAAA,EACjC,WAAW,UAAU,MAAM;AAAA,IACzB,mBAAmB;AAAA,IACnB,mBAAmB;AAAA,EACrB,CAAC,EAAE,YAAY,iCAAiC;AAAA,EAChD,YAAY,UAAU,MAAM;AAAA,IAC1B,oBAAoB;AAAA,IACpB,oBAAoB;AAAA,EACtB,CAAC,EACE,YAAY,kCAAkC,EAC9C,aAAa,oBAAoB,aAAa;AAAA,EACjD,UAAU,UAAU,KAAK,YACvB,8CACF;AAAA,EACA,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAC/D,eACF;AAAA,EACA,UAAU,UAAU,KACjB,YAAY,uCAAuC,EACnD,aAAa,KAAK;AAAA,EACrB,MAAM,UAAU,UAAU;AAAA,IACxB,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,EACZ,CAAC,EAAE,YAAY,eAAe;AAAA,EAC9B,MAAM,UAAU,MAAM,CAAC,YAAY,UAAU,MAAM,CAAC,EAAE,YACpD,eACF;AAAA,EAKA,iBAAiB,UAAU,OAAO,YAChC;AAAA,wDAEF;AACF;",
   "names": []
 }

package/dist/esm/Radio/DSRadio.js

@@ -49,7 +49,8 @@ const DSRadio = (_a) => {
     name,
     onChange,
     children,
-    tabIndex
+    tabIndex,
+    innerRef
   } = _b, otherProps = __objRest(_b, [
     "containerProps",
     "className",
@@ -64,7 +65,8 @@ const DSRadio = (_a) => {
     "name",
     "onChange",
     "children",
-    "tabIndex"
+    "tabIndex",
+    "innerRef"
   ]);
   const { cssClassName, classNameElement } = convertPropToCssClassName("form-element-radio", className, {
     hasError,
@@ -94,7 +96,7 @@ const DSRadio = (_a) => {
     type: "radio",
     value
   })), /* @__PURE__ */ React2.createElement("span", {
-    ref: otherProps.innerRef,
+    ref: innerRef,
     "aria-checked": checked,
     "aria-disabled": disabled,
     className: classNameElement("input-button"),
@@ -145,7 +147,7 @@ const radioProps = {
   onChange: PropTypes.func.description("Allows a function that is triggered once the radio changes"),
   children: PropTypes.node.description("Optional, if you want a checkbox customized"),
   tabIndex: PropTypes.number.description("HTML tabindex to manage focus"),
-  style: PropTypes.number.description("style override object")
+  style: PropTypes.object.description("style override object")
 };
 DSRadio.propTypes = radioProps;
 DSRadio.displayName = "DSRadio";

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

@@ -1,7 +1,7 @@
 {
   "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 * 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"],
-  "mappings": "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",
+  "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 { 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?: 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  // 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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",
   "names": []
 }

package/dist/esm/Toggle/DSToggleImpl.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Toggle/DSToggleImpl.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport { isValidDrag, cleanDrag, calculateDrag, dragStartingPoints } from './toggleHelper';\nimport { DSToggleRender } from './DSToggleRender';\nimport { togglePropTypes } from './props';\n\nclass DSToggleImpl extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      checked: props.checked || false,\n      inside: false,\n      isDragging: false,\n      // prevent draw of toggle before drag handle positioning calculations\n      hide: true,\n      drag: null,\n      startPoint: null,\n      circleWidth: null,\n      boxWidth: null,\n    };\n    this.circle = React.createRef();\n    this.box = React.createRef();\n\n    this.setDragOnChange = this.setDragOnChange.bind(this);\n    this.verifyElements = this.verifyElements.bind(this);\n  }\n\n  componentDidMount() {\n    this.verifyElements();\n  }\n\n  componentDidUpdate(prevProps, prevState, snapshot) {\n    if (\n      this.state.hide &&\n      this.state.circleWidth &&\n      this.state.boxWidth &&\n      prevState.hide &&\n      this.state.drag !== null\n    ) {\n      // eslint-disable-next-line react/no-did-update-set-state\n      this.setState({ hide: false });\n    }\n    if (snapshot) {\n      this.verifyElements();\n    }\n  }\n\n  /**\n   * ******************************************************\n   * Drag\n   * ****************************************************** *\n   *\n   * @param clientX\n   */\n  onDragStart = (clientX) => {\n    const { startPoint, checked, isDragging, boxWidth, circleWidth } = this.state;\n    // const { checked: checkedProp, } = this.props\n    const drag = calculateDrag(clientX, {\n      startPoint,\n      checked,\n      isDragging,\n      boxWidth,\n      circleWidth,\n    });\n    if (drag) this.setState({ drag });\n    // else this.setDragOnChange(checkedProp != null ? checkedProp : checked) // set initial position\n    else this.setDragOnChange(checked); // set initial position\n  };\n\n  onDragStop = (e) => {\n    const { checked } = this.state;\n    // const { checked: checkedProp, } = this.props\n    if (isValidDrag(this.state)) {\n      this.onChange(e);\n      this.setState(cleanDrag);\n      // } else this.setDragOnChange(checkedProp != null ? checkedProp : checked) // set initial position\n    } else this.setDragOnChange(checked); // set initial position\n  };\n\n  /**\n   * ******************************************************\n   * StandardEvents\n   * ****************************************************** *\n   *\n   * @param e\n   */\n  onBlur = (e) => {\n    const { onBlur, id } = this.props;\n    if (onBlur) onBlur(e, id);\n  };\n\n  onFocus = (e) => {\n    const { onFocus, id } = this.props;\n    if (onFocus) onFocus(e, id);\n  };\n\n  onChange = (e) => {\n    const { checked } = this.state;\n    const {\n      onChange,\n      id,\n      value,\n      // checked: checkedProp,\n    } = this.props;\n    const newCheck = !checked;\n    // this.setState({\n    //   checked: checkedProp != null ? checkedProp : newCheck,\n    // })\n    this.setState({\n      checked: newCheck,\n    });\n    e.target.value = value;\n    e.target.checked = newCheck;\n    e.checked = newCheck;\n    onChange(e, id);\n    // this.setDragOnChange(checkedProp != null ? checkedProp : newCheck) // set new position\n    this.setDragOnChange(newCheck); // set new position\n  };\n\n  /** ******************************************************\n      MouseEvents\n   ******************************************************* * */\n  onMouseEnter = () => {\n    this.setState({ inside: true });\n  };\n\n  onMouseLeave = () => {\n    this.setState({ inside: false });\n  };\n\n  onMouseMove = (event) => {\n    event.preventDefault();\n    this.onDragStart(event.clientX);\n  };\n\n  onMouseDown = (event) => {\n    this.onDragStart(event.clientX);\n    this.setState({ startPoint: event.clientX, isDragging: true });\n    window.addEventListener('mousemove', this.onMouseMove);\n    window.addEventListener('mouseup', this.onMouseUp);\n  };\n\n  onMouseUp = (event) => {\n    this.onDragStop(event);\n    window.removeEventListener('mousemove', this.onMouseMove);\n    window.removeEventListener('mouseup', this.onMouseUp);\n  };\n\n  /** ******************************************************\n      Touch\n   ******************************************************* * */\n  onTouchCancel = () => {\n    this.setState({ inside: false });\n  };\n\n  onTouchEnd = (event) => {\n    event.preventDefault();\n    this.onDragStop(event);\n  };\n\n  onTouchMove = (event) => {\n    this.onDragStart(event.touches[0].clientX);\n  };\n\n  onTouchStart = (event) => {\n    this.onDragStart(event.touches[0].clientX);\n    this.setState({ startPoint: event.touches[0].clientX, isDragging: true });\n  };\n\n  static getDerivedStateFromProps(props, state) {\n    if (props.checked === true || props.checked === false) {\n      return {\n        checked: props.checked,\n        ...dragStartingPoints(props.checked)(state),\n      };\n    }\n    return null;\n  }\n\n  getSnapshotBeforeUpdate(prevProps) {\n    const { size } = this.props;\n    if (prevProps.size !== size) {\n      return true;\n    }\n    return false;\n  }\n\n  /**\n   * ******************************************************\n   * other\n   * ****************************************************** *\n   *\n   * @param currentCheckState\n   */\n  setDragOnChange(currentCheckState) {\n    this.setState(dragStartingPoints(currentCheckState));\n  }\n\n  verifyElements() {\n    const { checked } = this.state;\n    const { checked: checkedProp } = this.props;\n    const nodesInterval = setInterval(() => {\n      // !important it checks when nodes are availables\n      if (!this.circle || !this.box || !this.circle.current || !this.box.current) return;\n      const {\n        current: { clientWidth: circleWidth },\n      } = this.circle;\n      const {\n        current: { clientWidth: boxWidth },\n      } = this.box;\n      if (!circleWidth || !boxWidth || circleWidth === boxWidth) return;\n      this.setState({\n        boxWidth,\n        circleWidth,\n      });\n      this.setDragOnChange(checkedProp != null ? checkedProp : checked);\n      // this.setDragOnChange(checked)\n      clearInterval(nodesInterval);\n    }, 5);\n  }\n\n  render() {\n    const { checked, drag, inside, hide } = this.state;\n    const dragStyle = drag !== null || checked || this.props.checked ? { left: `${drag}px` } : null;\n    return (\n      <DSToggleRender\n        {...this.props}\n        defaultState={this.props.checked}\n        checked={checked}\n        containerRef={this.box}\n        hide={hide}\n        dragStyle={dragStyle}\n        handRef={this.circle}\n        inside={inside}\n        onBlur={this.onBlur}\n        onChange={this.onChange}\n        onFocus={this.onFocus}\n        onMouseDown={this.onMouseDown}\n        onMouseEnter={this.onMouseEnter}\n        onMouseLeave={this.onMouseLeave}\n        onTouchCancel={this.onTouchCancel}\n        onTouchEnd={this.onTouchEnd}\n        onTouchMove={this.onTouchMove}\n        onTouchStart={this.onTouchStart}\n      />\n    );\n  }\n}\n\nDSToggleImpl.propTypes = togglePropTypes;\n\nexport { DSToggleImpl };\nexport default DSToggleImpl;\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-form",
-  "version": "3.1.5-rc.9",
+  "version": "3.2.0-rc.3",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Form",
   "files": [
@@ -475,38 +475,37 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-button": "3.1.5-rc.9",
-    "@elliemae/ds-classnames": "3.1.5-rc.9",
-    "@elliemae/ds-common": "3.1.5-rc.9",
-    "@elliemae/ds-grid": "3.1.5-rc.9",
-    "@elliemae/ds-icons": "3.1.5-rc.9",
-    "@elliemae/ds-shared": "3.1.5-rc.9",
-    "@elliemae/ds-system": "3.1.5-rc.9",
-    "@elliemae/ds-text-wrapper": "3.1.5-rc.9",
-    "@elliemae/ds-tooltip": "3.1.5-rc.9",
-    "@elliemae/ds-truncated-tooltip-text": "3.1.5-rc.9",
-    "@elliemae/ds-utilities": "3.1.5-rc.9",
-    "csstype": "~3.0.11",
-    "memoize-one": "~5.1.1",
-    "moment": "~2.29.1",
+    "@elliemae/ds-button": "3.2.0-rc.3",
+    "@elliemae/ds-classnames": "3.2.0-rc.3",
+    "@elliemae/ds-common": "3.2.0-rc.3",
+    "@elliemae/ds-grid": "3.2.0-rc.3",
+    "@elliemae/ds-icons": "3.2.0-rc.3",
+    "@elliemae/ds-shared": "3.2.0-rc.3",
+    "@elliemae/ds-system": "3.2.0-rc.3",
+    "@elliemae/ds-text-wrapper": "3.2.0-rc.3",
+    "@elliemae/ds-tooltip": "3.2.0-rc.3",
+    "@elliemae/ds-truncated-tooltip-text": "3.2.0-rc.3",
+    "@elliemae/ds-utilities": "3.2.0-rc.3",
+    "memoize-one": "~6.0.0",
+    "moment": "~2.29.3",
     "prop-types": "~15.8.1",
     "react-select": "~4.3.1",
     "resize-observer": "~1.0.4",
     "text-mask-core": "5.1.2"
   },
   "devDependencies": {
-    "@testing-library/dom": "~8.11.3",
-    "@testing-library/jest-dom": "~5.16.2",
-    "@testing-library/react": "~12.1.2",
+    "@testing-library/dom": "~8.13.0",
+    "@testing-library/jest-dom": "~5.16.4",
+    "@testing-library/react": "~12.1.3",
     "@testing-library/user-event": "~13.5.0",
-    "styled-components": "~5.3.3",
+    "styled-components": "~5.3.5",
     "styled-system": "~5.1.5"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",
     "react": "~17.0.2",
     "react-dom": "^17.0.2",
-    "styled-components": "^5.3.3",
+    "styled-components": "^5.3.5",
     "styled-system": "^5.1.5"
   },
   "publishConfig": {