@elliemae/ds-form 3.0.0-next.11 → 3.0.0-next.15

package/dist/cjs/TimeInput/utils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/TimeInput/utils.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { addLeadingZeros } from '@elliemae/ds-utilities';\nimport { parseInt, isNaN } from '@elliemae/ds-utilities';\nimport {\n  AM,\n  PM,\n  ARROW_UP,\n  ARROW_DOWN,\n  SHIFT,\n  PLACEHOLDER_TIME,\n} from '@elliemae/ds-shared/constants';\n\nconst isAM = (time) => time && time.hour() < 12;\n\nexport const isArrowIncrementDecrement = (key) =>\n  key === ARROW_DOWN || key === ARROW_UP || key === SHIFT;\n\nexport const setNativeValue = (element, value) => {\n  if (!Object.getOwnPropertyDescriptor(element, 'value')) return;\n  const valueSetter = Object.getOwnPropertyDescriptor(element, 'value').set;\n  const prototype = Object.getPrototypeOf(element);\n  const prototypeValueSetter = Object.getOwnPropertyDescriptor(\n    prototype,\n    'value',\n  ).set;\n\n  if (valueSetter && valueSetter !== prototypeValueSetter) {\n    prototypeValueSetter.call(element, value);\n  } else {\n    valueSetter.call(element, value);\n  }\n  element.dispatchEvent(new Event('input', { bubbles: true }));\n};\n\nexport const placeholderFormat = (position, format, use12Hours) => {\n  if (position === PLACEHOLDER_TIME.hour) {\n    return _placeholderHour(format, use12Hours);\n  }\n  if (position === PLACEHOLDER_TIME.minutes) {\n    return format.indexOf('mm') > -1 ? 'mm' : 'm';\n  }\n  if (position === PLACEHOLDER_TIME.seconds) {\n    return format.indexOf('ss') > -1 ? 'ss' : 's';\n  }\n  if (position === PLACEHOLDER_TIME.meridiem) {\n    return format.indexOf('A') > -1 ? 'A' : 'a';\n  }\n};\n\nconst _placeholderHour = (format, use12Hours) => {\n  if (use12Hours) {\n    return format.indexOf('hh') > -1 ? 'hh' : 'h';\n  }\n  return format.indexOf('HH') > -1 ? 'HH' : 'H';\n};\n\nconst formatTimeNumber = (value, shouldAddLeadingZeros) => {\n  if (value === null || value === undefined) return '';\n  return shouldAddLeadingZeros ? addLeadingZeros(2)(value) : String(value);\n};\n\nexport const formatMinutes = (format, value) => {\n  const shouldAddLeadingZeros = format.indexOf('mm') > -1;\n  return formatTimeNumber(value, shouldAddLeadingZeros);\n};\nexport const formatSeconds = (format, value) => {\n  const shouldAddLeadingZeros = format.indexOf('ss') > -1;\n  return formatTimeNumber(value, shouldAddLeadingZeros);\n};\nexport const formatHour = (format, value) => {\n  const shouldAddLeadingZeros =\n    format.indexOf('HH') > -1 || format.indexOf('hh') > -1;\n  return formatTimeNumber(value, shouldAddLeadingZeros);\n};\n\nexport const formatMeridiem = (format, value) =>\n  format.indexOf('A') > -1 ? value.toUpperCase() : value.toLowerCase();\n\nexport const parseTimeNumberFromText = (stringValue) => {\n  const parsedInt = parseInt(stringValue);\n  if (isNaN(parsedInt)) return null;\n\n  return parsedInt;\n};\n\nexport const focusNextInput = (currentEl) => {\n  const nextElement = currentEl.nextElementSibling;\n  if (nextElement && nextElement.nextElementSibling) {\n    nextElement.nextElementSibling.focus();\n  }\n};\n\nexport const focusPreviousInput = (currentEl) => {\n  const previousElement = currentEl.previousElementSibling;\n  if (previousElement && previousElement.previousElementSibling) {\n    previousElement.previousElementSibling.focus();\n  }\n};\n\nexport const getValidTimeNumber = ({ min, max }, number, typed) => {\n  if (number === undefined || number === null) return null;\n  if (number > max) {\n    if (isNaN(typed)) return parseInt(typed);\n    return max;\n  }\n  if (number < min) return min;\n  return number;\n};\n\nexport const shouldFocusNextInput = (max, number = 0, stringValue) => {\n  const safeString = String(stringValue);\n  const cleanString = safeString.startsWith('00')\n    ? safeString.slice(1)\n    : safeString;\n  return number * 10 > max || String(max).length === cleanString.length;\n};\n\nexport const getTimeValuesFromTime = (time, format, use12Hours) => {\n  if (!time || !time.hour) return {};\n  const hours = use12Hours ? time.hour() % 12 || 12 : time.hour();\n  const minutes = time.minutes();\n  const seconds = time.seconds();\n  const meridiem = !isAM(time) ? PM : AM;\n\n  return {\n    hours: formatHour(format, hours),\n    minutes: formatMinutes(format, minutes),\n    seconds: formatSeconds(format, seconds),\n    meridiem,\n  };\n};\n\nexport const resetTimeValues = () => ({\n  hours: '',\n  minutes: '',\n  seconds: '',\n  meridiem: AM,\n});\n\nexport const commonInputProps = (onKeyDown, onInputFocus, onClick) => ({\n  pattern: '[0-9]*',\n  type: 'text',\n  onKeyDown,\n  onClick,\n  onFocus: onInputFocus,\n});\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { addLeadingZeros } from '@elliemae/ds-utilities';\nimport { parseInt, isNaN } from '@elliemae/ds-utilities';\nimport { AM, PM, ARROW_UP, ARROW_DOWN, SHIFT, PLACEHOLDER_TIME } from '@elliemae/ds-shared';\n\nconst isAM = (time) => time && time.hour() < 12;\n\nexport const isArrowIncrementDecrement = (key) => key === ARROW_DOWN || key === ARROW_UP || key === SHIFT;\n\nexport const setNativeValue = (element, value) => {\n  if (!Object.getOwnPropertyDescriptor(element, 'value')) return;\n  const valueSetter = Object.getOwnPropertyDescriptor(element, 'value').set;\n  const prototype = Object.getPrototypeOf(element);\n  const prototypeValueSetter = Object.getOwnPropertyDescriptor(prototype, 'value').set;\n\n  if (valueSetter && valueSetter !== prototypeValueSetter) {\n    prototypeValueSetter.call(element, value);\n  } else {\n    valueSetter.call(element, value);\n  }\n  element.dispatchEvent(new Event('input', { bubbles: true }));\n};\n\nexport const placeholderFormat = (position, format, use12Hours) => {\n  if (position === PLACEHOLDER_TIME.hour) {\n    return _placeholderHour(format, use12Hours);\n  }\n  if (position === PLACEHOLDER_TIME.minutes) {\n    return format.indexOf('mm') > -1 ? 'mm' : 'm';\n  }\n  if (position === PLACEHOLDER_TIME.seconds) {\n    return format.indexOf('ss') > -1 ? 'ss' : 's';\n  }\n  if (position === PLACEHOLDER_TIME.meridiem) {\n    return format.indexOf('A') > -1 ? 'A' : 'a';\n  }\n};\n\nconst _placeholderHour = (format, use12Hours) => {\n  if (use12Hours) {\n    return format.indexOf('hh') > -1 ? 'hh' : 'h';\n  }\n  return format.indexOf('HH') > -1 ? 'HH' : 'H';\n};\n\nconst formatTimeNumber = (value, shouldAddLeadingZeros) => {\n  if (value === null || value === undefined) return '';\n  return shouldAddLeadingZeros ? addLeadingZeros(2)(value) : String(value);\n};\n\nexport const formatMinutes = (format, value) => {\n  const shouldAddLeadingZeros = format.indexOf('mm') > -1;\n  return formatTimeNumber(value, shouldAddLeadingZeros);\n};\nexport const formatSeconds = (format, value) => {\n  const shouldAddLeadingZeros = format.indexOf('ss') > -1;\n  return formatTimeNumber(value, shouldAddLeadingZeros);\n};\nexport const formatHour = (format, value) => {\n  const shouldAddLeadingZeros = format.indexOf('HH') > -1 || format.indexOf('hh') > -1;\n  return formatTimeNumber(value, shouldAddLeadingZeros);\n};\n\nexport const formatMeridiem = (format, value) => (format.indexOf('A') > -1 ? value.toUpperCase() : value.toLowerCase());\n\nexport const parseTimeNumberFromText = (stringValue) => {\n  const parsedInt = parseInt(stringValue);\n  if (isNaN(parsedInt)) return null;\n\n  return parsedInt;\n};\n\nexport const focusNextInput = (currentEl) => {\n  const nextElement = currentEl.nextElementSibling;\n  if (nextElement && nextElement.nextElementSibling) {\n    nextElement.nextElementSibling.focus();\n  }\n};\n\nexport const focusPreviousInput = (currentEl) => {\n  const previousElement = currentEl.previousElementSibling;\n  if (previousElement && previousElement.previousElementSibling) {\n    previousElement.previousElementSibling.focus();\n  }\n};\n\nexport const getValidTimeNumber = ({ min, max }, number, typed) => {\n  if (number === undefined || number === null) return null;\n  if (number > max) {\n    if (isNaN(typed)) return parseInt(typed);\n    return max;\n  }\n  if (number < min) return min;\n  return number;\n};\n\nexport const shouldFocusNextInput = (max, number = 0, stringValue) => {\n  const safeString = String(stringValue);\n  const cleanString = safeString.startsWith('00') ? safeString.slice(1) : safeString;\n  return number * 10 > max || String(max).length === cleanString.length;\n};\n\nexport const getTimeValuesFromTime = (time, format, use12Hours) => {\n  if (!time || !time.hour) return {};\n  const hours = use12Hours ? time.hour() % 12 || 12 : time.hour();\n  const minutes = time.minutes();\n  const seconds = time.seconds();\n  const meridiem = !isAM(time) ? PM : AM;\n\n  return {\n    hours: formatHour(format, hours),\n    minutes: formatMinutes(format, minutes),\n    seconds: formatSeconds(format, seconds),\n    meridiem,\n  };\n};\n\nexport const resetTimeValues = () => ({\n  hours: '',\n  minutes: '',\n  seconds: '',\n  meridiem: AM,\n});\n\nexport const commonInputProps = (onKeyDown, onInputFocus, onClick) => ({\n  pattern: '[0-9]*',\n  type: 'text',\n  onKeyDown,\n  onClick,\n  onFocus: onInputFocus,\n});\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/Toggle/DSToggle.js

@@ -64,7 +64,7 @@ var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_react_desc = require("react-desc");
 var import_DSToggleImpl = require("./DSToggleImpl");
-var import_prop_types = require("@elliemae/ds-shared/prop-types");
+var import_ds_shared = require("@elliemae/ds-shared");
 const DSToggle = (_a) => {
   var _b = _a, {
     containerProps,
@@ -121,7 +121,7 @@ const props = {
   labelOn: import_react_desc.PropTypes.string.description("Label to show when the toggle is ON"),
   labelOff: import_react_desc.PropTypes.string.description("Label to show when the toggle is OFF"),
   value: import_react_desc.PropTypes.string.description("Default value once the component is initialized"),
-  size: import_react_desc.PropTypes.oneOf(import_prop_types.dsBasicSizes).description("['s', 'm', 'l']"),
+  size: import_react_desc.PropTypes.oneOf(import_ds_shared.dsBasicSizes).description("['s', 'm', 'l']"),
   name: import_react_desc.PropTypes.string.description("Input name")
 };
 DSToggle.propTypes = props;

package/dist/cjs/Toggle/DSToggle.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Toggle/DSToggle.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { DSToggleImpl } from './DSToggleImpl';\nimport { dsBasicSizes } from '@elliemae/ds-shared/prop-types';\n\nconst DSToggle = ({\n  containerProps,\n  hasError,\n  readOnly,\n  disabled,\n  checked,\n  labelOn,\n  labelOff,\n  name,\n  value,\n  size,\n  ...otherProps\n}) => (\n  <DSToggleImpl\n    {...otherProps}\n    checked={checked}\n    containerProps={containerProps}\n    disabled={disabled}\n    hasError={hasError}\n    labelOff={labelOff}\n    labelOn={labelOn}\n    name={name}\n    readOnly={readOnly}\n    size={size}\n    value={value}\n  />\n);\n\nDSToggle.defaultProps = {\n  labelOn: 'ON',\n  labelOff: 'OFF',\n  size: 's',\n  hasError: false,\n  readOnly: false,\n  disabled: false,\n  checked: undefined,\n};\n\nconst props = {\n  /**\n   * Set of Properties attached to the main container\n   */\n  containerProps: PropTypes.shape({}).description(\n    'Set of Properties attached to the main container',\n  ),\n  /**\n   * Whether the toggle has error or not\n   */\n  hasError: PropTypes.bool.description('Whether the toggle has error or not'),\n  /**\n   * Whether the toggle is read only or not\n   */\n  readOnly: PropTypes.bool.description(\n    'Whether the toggle is read only or not',\n  ),\n  /**\n   * Whether the toggle is disabled or not\n   */\n  disabled: PropTypes.bool.description('Whether the toggle is disabled or not'),\n  /**\n   * Whether the toggle is checked or not\n   */\n  checked: PropTypes.bool.description('Whether the toggle is checked or not'),\n  /**\n   * Allows a function that is triggered once the toggle changes\n   */\n  onChange: PropTypes.func.description(\n    'Allows a function that is triggered once the toggle changes',\n  ),\n  /**\n   * Label to show when the toggle is ON\n   */\n  labelOn: PropTypes.string.description('Label to show when the toggle is ON'),\n  /**\n   * Label to show when the toggle is OFF\n   */\n  labelOff: PropTypes.string.description(\n    'Label to show when the toggle is OFF',\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   * ['s', 'm', 'l']\n   */\n  size: PropTypes.oneOf(dsBasicSizes).description(\"['s', 'm', 'l']\"),\n  /**\n   * Input name\n   */\n  name: PropTypes.string.description('Input name'),\n};\n\nDSToggle.propTypes = props;\n\nconst DSToggleWithSchema = describe(DSToggle);\n\nDSToggleWithSchema.propTypes = props;\n\nexport default DSToggle;\n\nexport { DSToggleWithSchema, DSToggle };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,0BAA6B;AAC7B,wBAA6B;AAE7B,MAAM,WAAW,CAAC,OAYf;AAZe,eAChB;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAVgB,IAWb,uBAXa,IAWb;AAAA,IAVH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,4DAAC,kCAAD,iCACM,aADN;AAAA,IAEE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAIJ,SAAS,eAAe;AAAA,EACtB,SAAS;AAAA,EACT,UAAU;AAAA,EACV,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA;AAGX,MAAM,QAAQ;AAAA,EAIZ,gBAAgB,4BAAU,MAAM,IAAI,YAClC;AAAA,EAKF,UAAU,4BAAU,KAAK,YAAY;AAAA,EAIrC,UAAU,4BAAU,KAAK,YACvB;AAAA,EAKF,UAAU,4BAAU,KAAK,YAAY;AAAA,EAIrC,SAAS,4BAAU,KAAK,YAAY;AAAA,EAIpC,UAAU,4BAAU,KAAK,YACvB;AAAA,EAKF,SAAS,4BAAU,OAAO,YAAY;AAAA,EAItC,UAAU,4BAAU,OAAO,YACzB;AAAA,EAKF,OAAO,4BAAU,OAAO,YACtB;AAAA,EAKF,MAAM,4BAAU,MAAM,gCAAc,YAAY;AAAA,EAIhD,MAAM,4BAAU,OAAO,YAAY;AAAA;AAGrC,SAAS,YAAY;AAErB,MAAM,qBAAqB,gCAAS;AAEpC,mBAAmB,YAAY;AAE/B,IAAO,mBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { DSToggleImpl } from './DSToggleImpl';\nimport { dsBasicSizes } from '@elliemae/ds-shared';\n\nconst DSToggle = ({\n  containerProps,\n  hasError,\n  readOnly,\n  disabled,\n  checked,\n  labelOn,\n  labelOff,\n  name,\n  value,\n  size,\n  ...otherProps\n}) => (\n  <DSToggleImpl\n    {...otherProps}\n    checked={checked}\n    containerProps={containerProps}\n    disabled={disabled}\n    hasError={hasError}\n    labelOff={labelOff}\n    labelOn={labelOn}\n    name={name}\n    readOnly={readOnly}\n    size={size}\n    value={value}\n  />\n);\n\nDSToggle.defaultProps = {\n  labelOn: 'ON',\n  labelOff: 'OFF',\n  size: 's',\n  hasError: false,\n  readOnly: false,\n  disabled: false,\n  checked: undefined,\n};\n\nconst props = {\n  /**\n   * Set of Properties attached to the main container\n   */\n  containerProps: PropTypes.shape({}).description('Set of Properties attached to the main container'),\n  /**\n   * Whether the toggle has error or not\n   */\n  hasError: PropTypes.bool.description('Whether the toggle has error or not'),\n  /**\n   * Whether the toggle is read only or not\n   */\n  readOnly: PropTypes.bool.description('Whether the toggle is read only or not'),\n  /**\n   * Whether the toggle is disabled or not\n   */\n  disabled: PropTypes.bool.description('Whether the toggle is disabled or not'),\n  /**\n   * Whether the toggle is checked or not\n   */\n  checked: PropTypes.bool.description('Whether the toggle is checked or not'),\n  /**\n   * Allows a function that is triggered once the toggle changes\n   */\n  onChange: PropTypes.func.description('Allows a function that is triggered once the toggle changes'),\n  /**\n   * Label to show when the toggle is ON\n   */\n  labelOn: PropTypes.string.description('Label to show when the toggle is ON'),\n  /**\n   * Label to show when the toggle is OFF\n   */\n  labelOff: PropTypes.string.description('Label to show when the toggle is OFF'),\n  /**\n   * Default value once the component is initialized\n   */\n  value: PropTypes.string.description('Default value once the component is initialized'),\n  /**\n   * ['s', 'm', 'l']\n   */\n  size: PropTypes.oneOf(dsBasicSizes).description(\"['s', 'm', 'l']\"),\n  /**\n   * Input name\n   */\n  name: PropTypes.string.description('Input name'),\n};\n\nDSToggle.propTypes = props;\n\nconst DSToggleWithSchema = describe(DSToggle);\n\nDSToggleWithSchema.propTypes = props;\n\nexport default DSToggle;\n\nexport { DSToggleWithSchema, DSToggle };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,0BAA6B;AAC7B,uBAA6B;AAE7B,MAAM,WAAW,CAAC,OAYf;AAZe,eAChB;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAVgB,IAWb,uBAXa,IAWb;AAAA,IAVH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,4DAAC,kCAAD,iCACM,aADN;AAAA,IAEE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAIJ,SAAS,eAAe;AAAA,EACtB,SAAS;AAAA,EACT,UAAU;AAAA,EACV,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA;AAGX,MAAM,QAAQ;AAAA,EAIZ,gBAAgB,4BAAU,MAAM,IAAI,YAAY;AAAA,EAIhD,UAAU,4BAAU,KAAK,YAAY;AAAA,EAIrC,UAAU,4BAAU,KAAK,YAAY;AAAA,EAIrC,UAAU,4BAAU,KAAK,YAAY;AAAA,EAIrC,SAAS,4BAAU,KAAK,YAAY;AAAA,EAIpC,UAAU,4BAAU,KAAK,YAAY;AAAA,EAIrC,SAAS,4BAAU,OAAO,YAAY;AAAA,EAItC,UAAU,4BAAU,OAAO,YAAY;AAAA,EAIvC,OAAO,4BAAU,OAAO,YAAY;AAAA,EAIpC,MAAM,4BAAU,MAAM,+BAAc,YAAY;AAAA,EAIhD,MAAM,4BAAU,OAAO,YAAY;AAAA;AAGrC,SAAS,YAAY;AAErB,MAAM,qBAAqB,gCAAS;AAEpC,mBAAmB,YAAY;AAE/B,IAAO,mBAAQ;",
   "names": []
 }

package/dist/cjs/Toggle/props.js

@@ -31,7 +31,7 @@ __export(props_exports, {
 });
 var React = __toESM(require("react"));
 var import_prop_types = __toESM(require("prop-types"));
-var import_prop_types2 = require("@elliemae/ds-shared/prop-types");
+var import_ds_shared = require("@elliemae/ds-shared");
 const togglePropTypes = {
   containerProps: import_prop_types.default.shape({}),
   hasError: import_prop_types.default.bool,
@@ -42,7 +42,7 @@ const togglePropTypes = {
   labelOn: import_prop_types.default.string,
   labelOff: import_prop_types.default.string,
   value: import_prop_types.default.string,
-  size: import_prop_types.default.oneOf(import_prop_types2.dsBasicSizes),
+  size: import_prop_types.default.oneOf(import_ds_shared.dsBasicSizes),
   name: import_prop_types.default.string
 };
 module.exports = __toCommonJS(props_exports);

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Toggle/props.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import PropTypes from 'prop-types';\nimport { dsBasicSizes } from '@elliemae/ds-shared/prop-types';\n\nexport const togglePropTypes = {\n  /**\n   * Set of Properties attached to the main container\n   */\n  containerProps: PropTypes.shape({}),\n  /**\n   * Whether the toggle has error or not\n   */\n  hasError: PropTypes.bool,\n  /**\n   * Whether the toggle is read only or not\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Whether the toggle is disabled or not\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Whether the toggle is checked or not\n   */\n  checked: PropTypes.bool,\n  /**\n   * Allows a function that is triggered once the toggle changes\n   */\n  onChange: PropTypes.func,\n  /**\n   * Label to show when the toggle is ON\n   */\n  labelOn: PropTypes.string,\n  /**\n   * Label to show when the toggle is OFF\n   */\n  labelOff: PropTypes.string,\n  /**\n   * Default value once the component is initialized\n   */\n  value: PropTypes.string,\n  /**\n   * ['s', 'm', 'l']\n   */\n  size: PropTypes.oneOf(dsBasicSizes),\n  /**\n   * Input name\n   */\n  name: PropTypes.string,\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAsB;AACtB,yBAA6B;AAEtB,MAAM,kBAAkB;AAAA,EAI7B,gBAAgB,0BAAU,MAAM;AAAA,EAIhC,UAAU,0BAAU;AAAA,EAIpB,UAAU,0BAAU;AAAA,EAIpB,UAAU,0BAAU;AAAA,EAIpB,SAAS,0BAAU;AAAA,EAInB,UAAU,0BAAU;AAAA,EAIpB,SAAS,0BAAU;AAAA,EAInB,UAAU,0BAAU;AAAA,EAIpB,OAAO,0BAAU;AAAA,EAIjB,MAAM,0BAAU,MAAM;AAAA,EAItB,MAAM,0BAAU;AAAA;",
+  "sourcesContent": ["import PropTypes from 'prop-types';\nimport { dsBasicSizes } from '@elliemae/ds-shared';\n\nexport const togglePropTypes = {\n  /**\n   * Set of Properties attached to the main container\n   */\n  containerProps: PropTypes.shape({}),\n  /**\n   * Whether the toggle has error or not\n   */\n  hasError: PropTypes.bool,\n  /**\n   * Whether the toggle is read only or not\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Whether the toggle is disabled or not\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Whether the toggle is checked or not\n   */\n  checked: PropTypes.bool,\n  /**\n   * Allows a function that is triggered once the toggle changes\n   */\n  onChange: PropTypes.func,\n  /**\n   * Label to show when the toggle is ON\n   */\n  labelOn: PropTypes.string,\n  /**\n   * Label to show when the toggle is OFF\n   */\n  labelOff: PropTypes.string,\n  /**\n   * Default value once the component is initialized\n   */\n  value: PropTypes.string,\n  /**\n   * ['s', 'm', 'l']\n   */\n  size: PropTypes.oneOf(dsBasicSizes),\n  /**\n   * Input name\n   */\n  name: PropTypes.string,\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAsB;AACtB,uBAA6B;AAEtB,MAAM,kBAAkB;AAAA,EAI7B,gBAAgB,0BAAU,MAAM;AAAA,EAIhC,UAAU,0BAAU;AAAA,EAIpB,UAAU,0BAAU;AAAA,EAIpB,UAAU,0BAAU;AAAA,EAIpB,SAAS,0BAAU;AAAA,EAInB,UAAU,0BAAU;AAAA,EAIpB,SAAS,0BAAU;AAAA,EAInB,UAAU,0BAAU;AAAA,EAIpB,OAAO,0BAAU;AAAA,EAIjB,MAAM,0BAAU,MAAM;AAAA,EAItB,MAAM,0BAAU;AAAA;",
   "names": []
 }

package/dist/esm/CheckboxGroup/props.js

@@ -1,14 +1,10 @@
 import * as React from "react";
 import { PropTypes } from "react-desc";
 import { DSCheckbox } from "../Checkbox";
-import { orientation as checkboxGroupOrientation } from "@elliemae/ds-shared/prop-types";
+import { orientation as checkboxGroupOrientation } from "@elliemae/ds-shared";
 const props = {
   onChange: PropTypes.func.description("Allows a function that is triggered once the checkbox group changes"),
-  activeValue: PropTypes.oneOfType([
-    PropTypes.string,
-    PropTypes.number,
-    PropTypes.array
-  ]).description("Default active value"),
+  activeValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.array]).description("Default active value"),
   children: PropTypes.arrayOf(PropTypes.shape({
     type: DSCheckbox
   })).description("Checkbox group items to show of type DSCheckbox"),

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/CheckboxGroup/props.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\nimport { DSCheckbox } from '../Checkbox';\nimport { orientation as checkboxGroupOrientation } from '@elliemae/ds-shared/prop-types';\n\nexport const props = {\n  /**\n   * Allows a function that is triggered once the checkbox group changes\n   */\n  onChange: PropTypes.func.description(\n    'Allows a function that is triggered once the checkbox group changes',\n  ),\n  /**\n   * Default active value\n   */\n  activeValue: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.array,\n  ]).description('Default active value'),\n  /**\n   * Checkbox group items to show of type DSCheckbox\n   */\n  children: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: DSCheckbox,\n    }),\n  ).description('Checkbox group items to show of type DSCheckbox'),\n  /**\n   * Whether the checkbox group is disabled or not\n   */\n  disabled: PropTypes.bool.description(\n    'Whether the checkbox group is disabled or not',\n  ),\n  /**\n   * ['horizontal', 'vertical']\n   */\n  orientation: PropTypes.oneOf(checkboxGroupOrientation).description(\n    \"['horizontal', 'vertical']\",\n  ),\n  /**\n   * label props\n   */\n  labelProps: PropTypes.objectOf(\n    PropTypes.shape({\n      feedbackMessage: PropTypes.string,\n      labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n      required: PropTypes.bool,\n    }),\n  ).description('label props'),\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,QAAQ;AAAA,EAInB,UAAU,UAAU,KAAK,YACvB;AAAA,EAKF,aAAa,UAAU,UAAU;AAAA,IAC/B,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,KACT,YAAY;AAAA,EAIf,UAAU,UAAU,QAClB,UAAU,MAAM;AAAA,IACd,MAAM;AAAA,MAER,YAAY;AAAA,EAId,UAAU,UAAU,KAAK,YACvB;AAAA,EAKF,aAAa,UAAU,MAAM,0BAA0B,YACrD;AAAA,EAKF,YAAY,UAAU,SACpB,UAAU,MAAM;AAAA,IACd,iBAAiB,UAAU;AAAA,IAC3B,WAAW,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU;AAAA,IAC5D,UAAU,UAAU;AAAA,MAEtB,YAAY;AAAA;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\nimport { DSCheckbox } from '../Checkbox';\nimport { orientation as checkboxGroupOrientation } from '@elliemae/ds-shared';\n\nexport const props = {\n  /**\n   * Allows a function that is triggered once the checkbox group changes\n   */\n  onChange: PropTypes.func.description('Allows a function that is triggered once the checkbox group changes'),\n  /**\n   * Default active value\n   */\n  activeValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.array]).description(\n    'Default active value',\n  ),\n  /**\n   * Checkbox group items to show of type DSCheckbox\n   */\n  children: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: DSCheckbox,\n    }),\n  ).description('Checkbox group items to show of type DSCheckbox'),\n  /**\n   * Whether the checkbox group is disabled or not\n   */\n  disabled: PropTypes.bool.description('Whether the checkbox group is disabled or not'),\n  /**\n   * ['horizontal', 'vertical']\n   */\n  orientation: PropTypes.oneOf(checkboxGroupOrientation).description(\"['horizontal', 'vertical']\"),\n  /**\n   * label props\n   */\n  labelProps: PropTypes.objectOf(\n    PropTypes.shape({\n      feedbackMessage: PropTypes.string,\n      labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n      required: PropTypes.bool,\n    }),\n  ).description('label props'),\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,QAAQ;AAAA,EAInB,UAAU,UAAU,KAAK,YAAY;AAAA,EAIrC,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,QAAQ,YACtF;AAAA,EAKF,UAAU,UAAU,QAClB,UAAU,MAAM;AAAA,IACd,MAAM;AAAA,MAER,YAAY;AAAA,EAId,UAAU,UAAU,KAAK,YAAY;AAAA,EAIrC,aAAa,UAAU,MAAM,0BAA0B,YAAY;AAAA,EAInE,YAAY,UAAU,SACpB,UAAU,MAAM;AAAA,IACd,iBAAiB,UAAU;AAAA,IAC3B,WAAW,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU;AAAA,IAC5D,UAAU,UAAU;AAAA,MAEtB,YAAY;AAAA;",
   "names": []
 }

package/dist/esm/ExpandableInput/ExpandableInputImpl.js

@@ -20,7 +20,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
 import React2, { Component, cloneElement } from "react";
 import { aggregatedClasses } from "@elliemae/ds-classnames";
-import { isFunction } from "@elliemae/ds-shared/utils";
+import { isFunction } from "@elliemae/ds-shared";
 import { InputAddonWrapper } from "../Input";
 const blockName = "expandable-input";
 const ExpandableInput = aggregatedClasses("div")(blockName, null, ({ isOpen }) => ({ opened: isOpen }));
@@ -32,17 +32,7 @@ class ExpandableInputImpl extends Component {
       this.input.focus();
   }
   render() {
-    const {
-      innerRef,
-      triggerComponent,
-      children,
-      width,
-      isOpen,
-      onOpen,
-      onClose,
-      onBlur,
-      containerProps
-    } = this.props;
+    const { innerRef, triggerComponent, children, width, isOpen, onOpen, onClose, onBlur, containerProps } = this.props;
     const InputComponent = React2.Children.only(children);
     const handleTriggerClick = (e) => {
       if (isFunction(triggerComponent.onClick))

package/dist/esm/ExpandableInput/ExpandableInputImpl.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/ExpandableInput/ExpandableInputImpl.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { Component, cloneElement } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { isFunction } from '@elliemae/ds-shared/utils';\nimport { InputAddonWrapper } from '../Input';\n\nconst blockName = 'expandable-input';\n\nconst ExpandableInput = aggregatedClasses('div')(\n  blockName,\n  null,\n  ({ isOpen }) => ({ opened: isOpen }),\n);\nconst InputWrapper = aggregatedClasses(InputAddonWrapper)(\n  blockName,\n  'wrapper',\n  ({ isOpen }) => ({ opened: isOpen }),\n);\n\nclass ExpandableInputImpl extends Component {\n  componentDidUpdate(prevProps) {\n    const { isOpen } = this.props;\n    if (isOpen && isOpen !== prevProps.isOpen) this.input.focus();\n  }\n\n  render() {\n    const {\n      innerRef,\n      triggerComponent,\n      children,\n      width,\n      isOpen,\n      onOpen,\n      onClose,\n      onBlur,\n      containerProps,\n    } = this.props;\n    const InputComponent = React.Children.only(children);\n    const handleTriggerClick = e => {\n      if (isFunction(triggerComponent.onClick)) triggerComponent.onClick(e);\n      if (isOpen) {\n        onClose();\n      } else {\n        onOpen();\n      }\n    };\n\n    return (\n      <ExpandableInput\n        {...containerProps}\n        classProps={{ isOpen }}\n        innerRef={innerRef}\n        style={{ width: isOpen && width }}\n      >\n        <InputWrapper\n          rightComponents={[\n            cloneElement(triggerComponent, {\n              key: 'handler',\n              onClick: handleTriggerClick,\n            }),\n          ]}\n        >\n          {cloneElement(InputComponent, {\n            className: 'expandable-input__input',\n            innerRef: node => (this.input = node),\n            onBlur,\n          })}\n        </InputWrapper>\n      </ExpandableInput>\n    );\n  }\n}\n\nexport { ExpandableInputImpl };\nexport default ExpandableInputImpl;"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,kBAAkB,kBAAkB,OACxC,WACA,MACA,CAAC,EAAE,aAAc,GAAE,QAAQ;AAE7B,MAAM,eAAe,kBAAkB,mBACrC,WACA,WACA,CAAC,EAAE,aAAc,GAAE,QAAQ;AAG7B,kCAAkC,UAAU;AAAA,EAC1C,mBAAmB,WAAW;AAC5B,UAAM,EAAE,WAAW,KAAK;AACxB,QAAI,UAAU,WAAW,UAAU;AAAQ,WAAK,MAAM;AAAA;AAAA,EAGxD,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE,KAAK;AACT,UAAM,iBAAiB,OAAM,SAAS,KAAK;AAC3C,UAAM,qBAAqB,OAAK;AAC9B,UAAI,WAAW,iBAAiB;AAAU,yBAAiB,QAAQ;AACnE,UAAI,QAAQ;AACV;AAAA,aACK;AACL;AAAA;AAAA;AAIJ,WACE,qCAAC,iBAAD,iCACM,iBADN;AAAA,MAEE,YAAY,EAAE;AAAA,MACd;AAAA,MACA,OAAO,EAAE,OAAO,UAAU;AAAA,QAE1B,qCAAC,cAAD;AAAA,MACE,iBAAiB;AAAA,QACf,aAAa,kBAAkB;AAAA,UAC7B,KAAK;AAAA,UACL,SAAS;AAAA;AAAA;AAAA,OAIZ,aAAa,gBAAgB;AAAA,MAC5B,WAAW;AAAA,MACX,UAAU,UAAS,KAAK,QAAQ;AAAA,MAChC;AAAA;AAAA;AAAA;AASZ,IAAO,8BAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { Component, cloneElement } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { isFunction } from '@elliemae/ds-shared';\nimport { InputAddonWrapper } from '../Input';\n\nconst blockName = 'expandable-input';\n\nconst ExpandableInput = aggregatedClasses('div')(blockName, null, ({ isOpen }) => ({ opened: isOpen }));\nconst InputWrapper = aggregatedClasses(InputAddonWrapper)(blockName, 'wrapper', ({ isOpen }) => ({ opened: isOpen }));\n\nclass ExpandableInputImpl extends Component {\n  componentDidUpdate(prevProps) {\n    const { isOpen } = this.props;\n    if (isOpen && isOpen !== prevProps.isOpen) this.input.focus();\n  }\n\n  render() {\n    const { innerRef, triggerComponent, children, width, isOpen, onOpen, onClose, onBlur, containerProps } = this.props;\n    const InputComponent = React.Children.only(children);\n    const handleTriggerClick = (e) => {\n      if (isFunction(triggerComponent.onClick)) triggerComponent.onClick(e);\n      if (isOpen) {\n        onClose();\n      } else {\n        onOpen();\n      }\n    };\n\n    return (\n      <ExpandableInput\n        {...containerProps}\n        classProps={{ isOpen }}\n        innerRef={innerRef}\n        style={{ width: isOpen && width }}\n      >\n        <InputWrapper\n          rightComponents={[\n            cloneElement(triggerComponent, {\n              key: 'handler',\n              onClick: handleTriggerClick,\n            }),\n          ]}\n        >\n          {cloneElement(InputComponent, {\n            className: 'expandable-input__input',\n            innerRef: (node) => (this.input = node),\n            onBlur,\n          })}\n        </InputWrapper>\n      </ExpandableInput>\n    );\n  }\n}\n\nexport { ExpandableInputImpl };\nexport default ExpandableInputImpl;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,kBAAkB,kBAAkB,OAAO,WAAW,MAAM,CAAC,EAAE,aAAc,GAAE,QAAQ;AAC7F,MAAM,eAAe,kBAAkB,mBAAmB,WAAW,WAAW,CAAC,EAAE,aAAc,GAAE,QAAQ;AAE3G,kCAAkC,UAAU;AAAA,EAC1C,mBAAmB,WAAW;AAC5B,UAAM,EAAE,WAAW,KAAK;AACxB,QAAI,UAAU,WAAW,UAAU;AAAQ,WAAK,MAAM;AAAA;AAAA,EAGxD,SAAS;AACP,UAAM,EAAE,UAAU,kBAAkB,UAAU,OAAO,QAAQ,QAAQ,SAAS,QAAQ,mBAAmB,KAAK;AAC9G,UAAM,iBAAiB,OAAM,SAAS,KAAK;AAC3C,UAAM,qBAAqB,CAAC,MAAM;AAChC,UAAI,WAAW,iBAAiB;AAAU,yBAAiB,QAAQ;AACnE,UAAI,QAAQ;AACV;AAAA,aACK;AACL;AAAA;AAAA;AAIJ,WACE,qCAAC,iBAAD,iCACM,iBADN;AAAA,MAEE,YAAY,EAAE;AAAA,MACd;AAAA,MACA,OAAO,EAAE,OAAO,UAAU;AAAA,QAE1B,qCAAC,cAAD;AAAA,MACE,iBAAiB;AAAA,QACf,aAAa,kBAAkB;AAAA,UAC7B,KAAK;AAAA,UACL,SAAS;AAAA;AAAA;AAAA,OAIZ,aAAa,gBAAgB;AAAA,MAC5B,WAAW;AAAA,MACX,UAAU,CAAC,SAAU,KAAK,QAAQ;AAAA,MAClC;AAAA;AAAA;AAAA;AASZ,IAAO,8BAAQ;",
   "names": []
 }

package/dist/esm/FormItem/ValidationFieldWrapper.js

@@ -22,6 +22,32 @@ import { Component } from "react";
 class ValidationFieldWrapper extends Component {
   constructor(props) {
     super(props);
+    this.handleChange = (e) => {
+      const { onChange } = this.props;
+      this.setState({ value: e.target.value });
+      if (onChange)
+        onChange(e);
+    };
+    this.handleBlur = (e) => {
+      const { onBlur, validateOnBlur } = this.props;
+      const { value } = this.state;
+      if (validateOnBlur)
+        this.executeValidations(value);
+      onBlur(e);
+    };
+    this.executeValidations = (value) => {
+      const { validations } = this.props;
+      if (validations && Array.isArray(validations)) {
+        if (!validations.some((validation) => {
+          const { error, payload } = validation({ value });
+          if (error)
+            this.setState({ validationMessage: payload, state: error });
+          return error;
+        })) {
+          this.setState({ hasError: false });
+        }
+      }
+    };
     this.state = {
       value: props.value
     };
@@ -38,32 +64,6 @@ class ValidationFieldWrapper extends Component {
       value
     });
   }
-  handleChange(e) {
-    const { onChange } = this.props;
-    this.setState({ value: e.target.value });
-    if (onChange)
-      onChange(e);
-  }
-  handleBlur(e) {
-    const { onBlur, validateOnBlur } = this.props;
-    const { value } = this.state;
-    if (validateOnBlur)
-      this.executeValidations(value);
-    onBlur(e);
-  }
-  executeValidations(value) {
-    const { validations } = this.props;
-    if (validations && Array.isArray(validations)) {
-      if (!validations.some((validation) => {
-        const { error, payload } = validation({ value });
-        if (error)
-          this.setState({ validationMessage: payload, state: error });
-        return error;
-      })) {
-        this.setState({ hasError: false });
-      }
-    }
-  }
   render() {
     const { children } = this.props;
     const { value, validationMessage, validationState, hasError } = this.state;

package/dist/esm/FormItem/ValidationFieldWrapper.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FormItem/ValidationFieldWrapper.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { Component } from 'react';\n\nexport default class ValidationFieldWrapper extends Component {\n  static defaultProps = {\n    validateOnBlur: false,\n    validateOnChange: false,\n    name: '', // name in context of the form\n    value: '',\n    validate: () => null,\n    onChange: () => null,\n    onBlur: () => null,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      value: props.value,\n    };\n  }\n\n  componentDidMount() {\n    const { value } = this.state;\n    this.executeValidations(value);\n  }\n\n  static getDerivedStateFromProps(nextProps, prevState) {\n    const { value } = nextProps;\n    if (value === prevState.value) return null;\n    return {\n      ...prevState,\n      value,\n    };\n  }\n\n  handleChange(e) {\n    const { onChange } = this.props;\n    this.setState({ value: e.target.value });\n    if (onChange) onChange(e);\n  }\n\n  handleBlur(e) {\n    const { onBlur, validateOnBlur } = this.props;\n    const { value } = this.state;\n    if (validateOnBlur) this.executeValidations(value);\n    onBlur(e);\n  }\n\n  executeValidations(value) {\n    const { validations } = this.props;\n    if (validations && Array.isArray(validations)) {\n      if (\n        !validations.some(validation => {\n          const { error, payload } = validation({ value });\n          if (error)\n            this.setState({ validationMessage: payload, state: error });\n          return error;\n        })\n      ) {\n        this.setState({ hasError: false });\n      }\n    }\n  }\n\n  render() {\n    const { children } = this.props;\n    const { value, validationMessage, validationState, hasError } = this.state;\n    return children({\n      value,\n      validationMessage,\n      validationState,\n      hasError,\n      onChange: this.handleChange,\n      onBlur: this.handleBlur,\n    });\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AAEA,qCAAoD,UAAU;AAAA,EAW5D,YAAY,OAAO;AACjB,UAAM;AACN,SAAK,QAAQ;AAAA,MACX,OAAO,MAAM;AAAA;AAAA;AAAA,EAIjB,oBAAoB;AAClB,UAAM,EAAE,UAAU,KAAK;AACvB,SAAK,mBAAmB;AAAA;AAAA,SAGnB,yBAAyB,WAAW,WAAW;AACpD,UAAM,EAAE,UAAU;AAClB,QAAI,UAAU,UAAU;AAAO,aAAO;AACtC,WAAO,iCACF,YADE;AAAA,MAEL;AAAA;AAAA;AAAA,EAIJ,aAAa,GAAG;AACd,UAAM,EAAE,aAAa,KAAK;AAC1B,SAAK,SAAS,EAAE,OAAO,EAAE,OAAO;AAChC,QAAI;AAAU,eAAS;AAAA;AAAA,EAGzB,WAAW,GAAG;AACZ,UAAM,EAAE,QAAQ,mBAAmB,KAAK;AACxC,UAAM,EAAE,UAAU,KAAK;AACvB,QAAI;AAAgB,WAAK,mBAAmB;AAC5C,WAAO;AAAA;AAAA,EAGT,mBAAmB,OAAO;AACxB,UAAM,EAAE,gBAAgB,KAAK;AAC7B,QAAI,eAAe,MAAM,QAAQ,cAAc;AAC7C,UACE,CAAC,YAAY,KAAK,gBAAc;AAC9B,cAAM,EAAE,OAAO,YAAY,WAAW,EAAE;AACxC,YAAI;AACF,eAAK,SAAS,EAAE,mBAAmB,SAAS,OAAO;AACrD,eAAO;AAAA,UAET;AACA,aAAK,SAAS,EAAE,UAAU;AAAA;AAAA;AAAA;AAAA,EAKhC,SAAS;AACP,UAAM,EAAE,aAAa,KAAK;AAC1B,UAAM,EAAE,OAAO,mBAAmB,iBAAiB,aAAa,KAAK;AACrE,WAAO,SAAS;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,KAAK;AAAA,MACf,QAAQ,KAAK;AAAA;AAAA;AAAA;AArEV,AADT,uBACS,eAAe;AAAA,EACpB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU,MAAM;AAAA,EAChB,UAAU,MAAM;AAAA,EAChB,QAAQ,MAAM;AAAA;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { Component } from 'react';\n\nexport default class ValidationFieldWrapper extends Component {\n  static defaultProps = {\n    validateOnBlur: false,\n    validateOnChange: false,\n    name: '', // name in context of the form\n    value: '',\n    validate: () => null,\n    onChange: () => null,\n    onBlur: () => null,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      value: props.value,\n    };\n  }\n\n  componentDidMount() {\n    const { value } = this.state;\n    this.executeValidations(value);\n  }\n\n  static getDerivedStateFromProps(nextProps, prevState) {\n    const { value } = nextProps;\n    if (value === prevState.value) return null;\n    return {\n      ...prevState,\n      value,\n    };\n  }\n\n  handleChange = (e) => {\n    const { onChange } = this.props;\n    this.setState({ value: e.target.value });\n    if (onChange) onChange(e);\n  }\n\n  handleBlur = (e) => {\n    const { onBlur, validateOnBlur } = this.props;\n    const { value } = this.state;\n    if (validateOnBlur) this.executeValidations(value);\n    onBlur(e);\n  }\n\n  executeValidations = (value) => {\n    const { validations } = this.props;\n    if (validations && Array.isArray(validations)) {\n      if (\n        !validations.some(validation => {\n          const { error, payload } = validation({ value });\n          if (error)\n            this.setState({ validationMessage: payload, state: error });\n          return error;\n        })\n      ) {\n        this.setState({ hasError: false });\n      }\n    }\n  }\n\n  render() {\n    const { children } = this.props;\n    const { value, validationMessage, validationState, hasError } = this.state;\n    return children({\n      value,\n      validationMessage,\n      validationState,\n      hasError,\n      onChange: this.handleChange,\n      onBlur: this.handleBlur,\n    });\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AAEA,qCAAoD,UAAU;AAAA,EAW5D,YAAY,OAAO;AACjB,UAAM;AAoBR,wBAAe,CAAC,MAAM;AACpB,YAAM,EAAE,aAAa,KAAK;AAC1B,WAAK,SAAS,EAAE,OAAO,EAAE,OAAO;AAChC,UAAI;AAAU,iBAAS;AAAA;AAGzB,sBAAa,CAAC,MAAM;AAClB,YAAM,EAAE,QAAQ,mBAAmB,KAAK;AACxC,YAAM,EAAE,UAAU,KAAK;AACvB,UAAI;AAAgB,aAAK,mBAAmB;AAC5C,aAAO;AAAA;AAGT,8BAAqB,CAAC,UAAU;AAC9B,YAAM,EAAE,gBAAgB,KAAK;AAC7B,UAAI,eAAe,MAAM,QAAQ,cAAc;AAC7C,YACE,CAAC,YAAY,KAAK,gBAAc;AAC9B,gBAAM,EAAE,OAAO,YAAY,WAAW,EAAE;AACxC,cAAI;AACF,iBAAK,SAAS,EAAE,mBAAmB,SAAS,OAAO;AACrD,iBAAO;AAAA,YAET;AACA,eAAK,SAAS,EAAE,UAAU;AAAA;AAAA;AAAA;AA3C9B,SAAK,QAAQ;AAAA,MACX,OAAO,MAAM;AAAA;AAAA;AAAA,EAIjB,oBAAoB;AAClB,UAAM,EAAE,UAAU,KAAK;AACvB,SAAK,mBAAmB;AAAA;AAAA,SAGnB,yBAAyB,WAAW,WAAW;AACpD,UAAM,EAAE,UAAU;AAClB,QAAI,UAAU,UAAU;AAAO,aAAO;AACtC,WAAO,iCACF,YADE;AAAA,MAEL;AAAA;AAAA;AAAA,EAiCJ,SAAS;AACP,UAAM,EAAE,aAAa,KAAK;AAC1B,UAAM,EAAE,OAAO,mBAAmB,iBAAiB,aAAa,KAAK;AACrE,WAAO,SAAS;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,KAAK;AAAA,MACf,QAAQ,KAAK;AAAA;AAAA;AAAA;AArEV,AADT,uBACS,eAAe;AAAA,EACpB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU,MAAM;AAAA,EAChB,UAAU,MAAM;AAAA,EAChB,QAAQ,MAAM;AAAA;",
   "names": []
 }

package/dist/esm/RadioGroup/props.js

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

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

@@ -1,7 +1,7 @@
 {
   "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 'react-desc';\nimport { orientation as radioGroupOrientation } from '@elliemae/ds-shared/prop-types';\n\nexport const props = {\n  /** Inject props to component wrapper  */\n  containerProps: PropTypes.object.description(\n    'Inject props to component wrapper',\n  ),\n  /**\n   * Allows a function that is triggered once the radio group changes\n   */\n  onChange: PropTypes.func.description(\n    'Allows a function that is triggered once the radio group changes',\n  ),\n  /**\n   * Selected default active value\n   */\n  activeValue: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n  ]).description('Selected default active value'),\n  /**\n   * Radio group items to show of type DSRadio\n   */\n  children: PropTypes.arrayOf(PropTypes.element).isRequired.description(\n    'Radio group items to show of type DSRadio',\n  ),\n  /**\n   * ['horizontal', 'vertical']\n   */\n  orientation: PropTypes.oneOf(radioGroupOrientation).description(\n    \"['horizontal', 'vertical']\",\n  ),\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;ACAA;AACA;AAEO,MAAM,QAAQ;AAAA,EAEnB,gBAAgB,UAAU,OAAO,YAC/B;AAAA,EAKF,UAAU,UAAU,KAAK,YACvB;AAAA,EAKF,aAAa,UAAU,UAAU;AAAA,IAC/B,UAAU;AAAA,IACV,UAAU;AAAA,KACT,YAAY;AAAA,EAIf,UAAU,UAAU,QAAQ,UAAU,SAAS,WAAW,YACxD;AAAA,EAKF,aAAa,UAAU,MAAM,uBAAuB,YAClD;AAAA,EAKF,UAAU,UAAU,KAAK,YAAY;AAAA,EACrC,YAAY,UAAU,MAAM;AAAA,IAC1B,iBAAiB,UAAU;AAAA,IAC3B,WAAW,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU;AAAA,IAC5D,UAAU,UAAU;AAAA,KACnB,YAAY;AAAA;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\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;ACAA;AACA;AAEO,MAAM,QAAQ;AAAA,EAEnB,gBAAgB,UAAU,OAAO,YAAY;AAAA,EAI7C,UAAU,UAAU,KAAK,YAAY;AAAA,EAIrC,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,SAAS,YAAY;AAAA,EAInF,UAAU,UAAU,QAAQ,UAAU,SAAS,WAAW,YAAY;AAAA,EAItE,aAAa,UAAU,MAAM,uBAAuB,YAAY;AAAA,EAIhE,UAAU,UAAU,KAAK,YAAY;AAAA,EACrC,YAAY,UAAU,MAAM;AAAA,IAC1B,iBAAiB,UAAU;AAAA,IAC3B,WAAW,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU;AAAA,IAC5D,UAAU,UAAU;AAAA,KACnB,YAAY;AAAA;",
   "names": []
 }

package/dist/esm/TimeInput/TimeInputs.js

@@ -51,7 +51,7 @@ import {
   END,
   PLACEHOLDER_TIME,
   SHIFT
-} from "@elliemae/ds-shared/constants";
+} from "@elliemae/ds-shared";
 const blockName = "input-times-group";
 const InputTimesGroup = aggregatedClasses("div")(blockName);
 const TimeInput = aggregatedClasses("input")(blockName, "input");
@@ -322,11 +322,7 @@ const TimeInputs = ({
     }));
   };
   const renderTimeInputs = () => {
-    const inputs = [
-      renderHoursInput(),
-      renderMinutesInput(),
-      renderSecondsInput()
-    ];
+    const inputs = [renderHoursInput(), renderMinutesInput(), renderSecondsInput()];
     const inputsWithDividers = inputs.reduce((acc, input, index) => input ? acc.concat([
       index ? /* @__PURE__ */ React2.createElement(TimeDivider, {
         key: index,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/TimeInput/TimeInputs.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\n/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\n/* eslint-disable max-statements */\nimport React, { useEffect, useState } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport moment from 'moment';\nimport {\n  commonInputProps,\n  formatHour,\n  formatMinutes,\n  formatSeconds,\n  formatMeridiem,\n  getValidTimeNumber,\n  setNativeValue,\n  parseTimeNumberFromText,\n  focusNextInput,\n  focusPreviousInput,\n  getTimeValuesFromTime,\n  isArrowIncrementDecrement,\n  shouldFocusNextInput,\n  placeholderFormat,\n} from './utils';\nimport {\n  AM,\n  PM,\n  ARROW_UP,\n  ARROW_DOWN,\n  BACKSPACE,\n  ESCAPE,\n  HOME,\n  HOUR_RANGE_12,\n  HOUR_RANGE_24,\n  GENERAL_TIME_RANGE,\n  END,\n  PLACEHOLDER_TIME,\n  SHIFT,\n} from '@elliemae/ds-shared/constants';\n\nconst blockName = 'input-times-group';\n\nconst InputTimesGroup = aggregatedClasses('div')(blockName);\nconst TimeInput = aggregatedClasses('input')(blockName, 'input');\nconst Divider = aggregatedClasses('span')(\n  blockName,\n  'divider',\n  ({ value }) => ({\n    value,\n  }),\n);\n\n// eslint-disable-next-line react/prop-types\nconst TimeDivider = ({ content = ':', value = '' }) => (\n  <Divider value={!!value}>{content}</Divider>\n);\n\nconst TimeInputs = ({\n  time,\n  format,\n  use12Hours,\n  step = 1,\n  showHours,\n  showMinutes,\n  showSeconds,\n  onChange,\n  disabled,\n  innerRef,\n  clearable,\n  'arial-label': ariaLabel,\n  'aria-label': ariaLabel2,\n}) => {\n  const [meridiem, setMeridiem] = useState('');\n  const [hours, setHours] = useState('');\n  const [minutes, setMinutes] = useState('');\n  const [hasInputValue, setHasInputValue] = useState(false);\n  const [seconds, setSeconds] = useState('');\n  const [currentKey, setCurrentKey] = useState('');\n  const [hasInputBeenTriggered, setHasInputBeenTriggered] = useState(false);\n\n  const [lastTypedNumber, setLastTypedNumber] = useState(null);\n  const inputRefs = {\n    hours: null,\n    minutes: null,\n    seconds: null,\n    meridiem: null,\n  };\n\n  useEffect(() => {\n    if (time && moment(time).isValid()) {\n      const timeValues = getTimeValuesFromTime(time, format, use12Hours);\n\n      setMeridiem(timeValues.meridiem);\n      setHours(timeValues.hours);\n      setMinutes(timeValues.minutes);\n      setSeconds(timeValues.seconds);\n    } else {\n      setMeridiem('');\n      setHours('');\n      setMinutes('');\n      setSeconds('');\n    }\n  }, [time, format, use12Hours]);\n\n  useEffect(() => {\n    const selectedTime = time || moment();\n    if (isTimeCompletelySet() && selectedTime.hours && hasInputBeenTriggered) {\n      if (showHours && hours) selectedTime.hours(hours);\n      if (showMinutes && minutes) selectedTime.minutes(minutes);\n      if (showSeconds && seconds) selectedTime.seconds(seconds);\n      if (use12Hours && meridiem) {\n        const nextHours =\n          meridiem.toLowerCase() === AM ? hours % 12 : (hours % 12) + 12;\n        selectedTime.hour(nextHours);\n      }\n      onChange(selectedTime);\n      setHasInputBeenTriggered(false);\n    }\n  }, [hours, minutes, seconds, meridiem]);\n\n  const focusNextInputIfNeeded = (currentEl, max, number) => {\n    if (\n      shouldFocusNextInput(max, number, currentEl.value) &&\n      !isArrowIncrementDecrement(currentKey) &&\n      !hasInputValue\n    ) {\n      focusNextInput(currentEl);\n    }\n  };\n\n  const getNextTimeValue = (value, incrementing = true) => {\n    const parsedValue = parseTimeNumberFromText(value);\n    return incrementing ? parsedValue + step : parsedValue - step;\n  };\n\n  const onInputFocus = (e) => {\n    e.preventDefault();\n    e.stopPropagation();\n    e.target.select();\n  };\n\n  const onClick = (e) => {\n    if (e.target.value) {\n      setHasInputValue(true);\n    }\n  };\n\n  // eslint-disable-next-line max-statements\n  const onKeyDown = (event, max) => {\n    const { target } = event;\n    const { value } = target;\n    setLastTypedNumber(event.key);\n    switch (event.key) {\n      case ARROW_UP: {\n        event.preventDefault();\n        setCurrentKey(event.key);\n        const incrementedValue = getNextTimeValue(value);\n        setNativeValue(event.target, incrementedValue);\n        break;\n      }\n      case ARROW_DOWN: {\n        event.preventDefault();\n        setCurrentKey(event.key);\n        const decrementedValue = getNextTimeValue(value, false);\n        setNativeValue(event.target, decrementedValue);\n        break;\n      }\n      case BACKSPACE: {\n        event.preventDefault();\n        if (!value) {\n          focusPreviousInput(event.target);\n        } else {\n          setNativeValue(event.target, '');\n        }\n        break;\n      }\n      case ESCAPE: {\n        event.preventDefault();\n        event.target.blur();\n        break;\n      }\n      case HOME: {\n        event.preventDefault();\n        setNativeValue(event.target, String(max));\n        focusNextInput(event.target);\n        break;\n      }\n      case END: {\n        event.preventDefault();\n        setNativeValue(event.target, '00');\n        focusNextInput(event.target);\n        break;\n      }\n      case SHIFT:\n        event.preventDefault();\n        setCurrentKey(event.key);\n        break;\n      default:\n        break;\n    }\n  };\n\n  const isTimeCompletelySet = () => {\n    let neededValues = [];\n\n    if (showHours) neededValues = [...neededValues, hours || null];\n    if (showMinutes) neededValues = [...neededValues, minutes || null];\n    if (showSeconds) neededValues = [...neededValues, seconds || null];\n    if (use12Hours) neededValues = [...neededValues, meridiem || null];\n\n    return !neededValues.some((value) => !value);\n  };\n\n  const handleSecondsChange = (e) => {\n    const { value } = e.target;\n    const secondsHandled = parseTimeNumberFromText(value);\n\n    const nextSeconds = getValidTimeNumber(\n      GENERAL_TIME_RANGE,\n      secondsHandled,\n      lastTypedNumber,\n    );\n\n    setSeconds(formatSeconds(format, nextSeconds));\n    setHasInputBeenTriggered(true);\n    focusNextInputIfNeeded(e.target, GENERAL_TIME_RANGE.max, value);\n  };\n\n  const handleMinutesChange = (e) => {\n    const { value } = e.target;\n    const minutesHandled = parseTimeNumberFromText(value);\n    const nextMinutes = getValidTimeNumber(\n      GENERAL_TIME_RANGE,\n      minutesHandled,\n      lastTypedNumber,\n    );\n\n    setMinutes(formatMinutes(format, nextMinutes));\n    setHasInputBeenTriggered(true);\n    focusNextInputIfNeeded(e.target, GENERAL_TIME_RANGE.max, value);\n  };\n\n  const handleHoursChange = (e) => {\n    const { value } = e.target;\n    const hour = parseTimeNumberFromText(value);\n    const hoursRange = use12Hours ? HOUR_RANGE_12 : HOUR_RANGE_24;\n\n    const nextHour = getValidTimeNumber(hoursRange, hour, lastTypedNumber);\n    setHours(formatHour(format, nextHour));\n    setHasInputBeenTriggered(true);\n    focusNextInputIfNeeded(e.target, hoursRange.max, value);\n  };\n\n  const handleMeridiemKeyDown = (e) => {\n    if (e.key === ARROW_UP || e.key === 'a') {\n      setMeridiem(formatMeridiem(format, AM));\n    } else if (e.key === ARROW_DOWN || e.key === 'p') {\n      setMeridiem(formatMeridiem(format, PM));\n    } else if (e.key === SHIFT) {\n      setCurrentKey(e.key);\n    } else if (e.key === BACKSPACE) {\n      setMeridiem('');\n    }\n    setHasInputBeenTriggered(true);\n  };\n\n  const handleMeridiemBlur = (e) => {\n    const { value } = e.target;\n    if (value !== AM && value !== PM) {\n      setMeridiem('');\n    }\n  };\n\n  const handleOnBlur = (event) => {\n    const selectedTime = moment();\n    if (clearable && !event.currentTarget.contains(event.relatedTarget)) {\n      if (showHours && hours) selectedTime.hours(hours);\n      if (showMinutes && minutes) selectedTime.minutes(minutes);\n      if (showSeconds && seconds) selectedTime.seconds(seconds);\n      if (use12Hours && meridiem) {\n        const nextHours =\n          meridiem.toLowerCase() === AM ? hours % 12 : (hours % 12) + 12;\n        selectedTime.hour(nextHours);\n      }\n      onChange(selectedTime);\n    }\n  };\n\n  const renderSecondsInput = () => {\n    if (!showSeconds) return null;\n\n    return (\n      <TimeInput\n        {...commonInputProps(\n          (e) => onKeyDown(e, GENERAL_TIME_RANGE.max),\n          onInputFocus,\n          onClick,\n        )}\n        key=\"seconds-input\"\n        data-testid=\"ds-time-input__seconds\"\n        aria-label={ariaLabel || ariaLabel2 || 'Seconds Input'}\n        disabled={disabled}\n        // eslint-disable-next-line no-return-assign\n        innerRef={(node) => (inputRefs.seconds = node)}\n        onChange={handleSecondsChange}\n        placeholder={placeholderFormat(PLACEHOLDER_TIME.seconds, format)}\n        value={seconds}\n      />\n    );\n  };\n\n  const renderMinutesInput = () => {\n    if (!showMinutes) return null;\n\n    return (\n      <TimeInput\n        {...commonInputProps(\n          (e) => onKeyDown(e, GENERAL_TIME_RANGE.max),\n          onInputFocus,\n          onClick,\n        )}\n        key=\"minutes-input\"\n        data-testid=\"ds-time-input__minutes\"\n        aria-label={ariaLabel || ariaLabel2 || 'Minutes Input'}\n        disabled={disabled}\n        // eslint-disable-next-line no-return-assign\n        innerRef={(node) => (inputRefs.minutes = node)}\n        onChange={handleMinutesChange}\n        placeholder={placeholderFormat(PLACEHOLDER_TIME.minutes, format)}\n        value={minutes}\n      />\n    );\n  };\n\n  const renderHoursInput = () => {\n    if (!showHours) return null;\n    const hourFormatRange = use12Hours ? HOUR_RANGE_12 : HOUR_RANGE_24;\n\n    return (\n      <TimeInput\n        {...commonInputProps(\n          (e) => onKeyDown(e, hourFormatRange.max),\n          onInputFocus,\n          onClick,\n        )}\n        key=\"hour-input\"\n        data-testid=\"ds-time-input__hours\"\n        aria-label={ariaLabel || ariaLabel2 || 'Hours Input'}\n        disabled={disabled}\n        // eslint-disable-next-line no-return-assign\n        innerRef={(node) => (inputRefs.hours = node)}\n        onChange={handleHoursChange}\n        placeholder={placeholderFormat(\n          PLACEHOLDER_TIME.hour,\n          format,\n          use12Hours,\n        )}\n        value={hours}\n      />\n    );\n  };\n\n  const renderMeridiemInput = () => {\n    if (!use12Hours) return null;\n\n    return (\n      <TimeInput\n        {...commonInputProps}\n        key=\"meridiem-input\"\n        data-testid=\"ds-time-input__ampm\"\n        aria-label={ariaLabel || ariaLabel2 || 'Meridiem Input'}\n        disabled={disabled}\n        onBlur={handleMeridiemBlur}\n        onKeyDown={handleMeridiemKeyDown}\n        placeholder={placeholderFormat(PLACEHOLDER_TIME.meridiem, format)}\n        value={meridiem}\n      />\n    );\n  };\n\n  const renderTimeInputs = () => {\n    const inputs = [\n      renderHoursInput(),\n      renderMinutesInput(),\n      renderSecondsInput(),\n    ];\n    /* eslint-disable indent */\n    const inputsWithDividers = inputs.reduce(\n      (acc, input, index) =>\n        input\n          ? acc.concat([\n              index ? (\n                <TimeDivider\n                  // eslint-disable-next-line react/no-array-index-key\n                  key={index}\n                  content=\":\"\n                  value={input.props.value}\n                />\n              ) : null,\n              input,\n            ])\n          : acc,\n      [],\n    );\n    /* eslint-enable indent */\n\n    return [\n      inputsWithDividers,\n      React.createElement('span', { key: 'span' }), // hack for next/prev focus\n      renderMeridiemInput(),\n    ];\n  };\n\n  return (\n    <InputTimesGroup onBlur={handleOnBlur} innerRef={innerRef}>\n      {renderTimeInputs()}\n    </InputTimesGroup>\n  );\n};\n\nexport { TimeInputs };\nexport default TimeInputs;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\n/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\n/* eslint-disable max-statements */\nimport React, { useEffect, useState } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport moment from 'moment';\nimport {\n  commonInputProps,\n  formatHour,\n  formatMinutes,\n  formatSeconds,\n  formatMeridiem,\n  getValidTimeNumber,\n  setNativeValue,\n  parseTimeNumberFromText,\n  focusNextInput,\n  focusPreviousInput,\n  getTimeValuesFromTime,\n  isArrowIncrementDecrement,\n  shouldFocusNextInput,\n  placeholderFormat,\n} from './utils';\nimport {\n  AM,\n  PM,\n  ARROW_UP,\n  ARROW_DOWN,\n  BACKSPACE,\n  ESCAPE,\n  HOME,\n  HOUR_RANGE_12,\n  HOUR_RANGE_24,\n  GENERAL_TIME_RANGE,\n  END,\n  PLACEHOLDER_TIME,\n  SHIFT,\n} from '@elliemae/ds-shared';\n\nconst blockName = 'input-times-group';\n\nconst InputTimesGroup = aggregatedClasses('div')(blockName);\nconst TimeInput = aggregatedClasses('input')(blockName, 'input');\nconst Divider = aggregatedClasses('span')(blockName, 'divider', ({ value }) => ({\n  value,\n}));\n\n// eslint-disable-next-line react/prop-types\nconst TimeDivider = ({ content = ':', value = '' }) => <Divider value={!!value}>{content}</Divider>;\n\nconst TimeInputs = ({\n  time,\n  format,\n  use12Hours,\n  step = 1,\n  showHours,\n  showMinutes,\n  showSeconds,\n  onChange,\n  disabled,\n  innerRef,\n  clearable,\n  'arial-label': ariaLabel,\n  'aria-label': ariaLabel2,\n}) => {\n  const [meridiem, setMeridiem] = useState('');\n  const [hours, setHours] = useState('');\n  const [minutes, setMinutes] = useState('');\n  const [hasInputValue, setHasInputValue] = useState(false);\n  const [seconds, setSeconds] = useState('');\n  const [currentKey, setCurrentKey] = useState('');\n  const [hasInputBeenTriggered, setHasInputBeenTriggered] = useState(false);\n\n  const [lastTypedNumber, setLastTypedNumber] = useState(null);\n  const inputRefs = {\n    hours: null,\n    minutes: null,\n    seconds: null,\n    meridiem: null,\n  };\n\n  useEffect(() => {\n    if (time && moment(time).isValid()) {\n      const timeValues = getTimeValuesFromTime(time, format, use12Hours);\n\n      setMeridiem(timeValues.meridiem);\n      setHours(timeValues.hours);\n      setMinutes(timeValues.minutes);\n      setSeconds(timeValues.seconds);\n    } else {\n      setMeridiem('');\n      setHours('');\n      setMinutes('');\n      setSeconds('');\n    }\n  }, [time, format, use12Hours]);\n\n  useEffect(() => {\n    const selectedTime = time || moment();\n    if (isTimeCompletelySet() && selectedTime.hours && hasInputBeenTriggered) {\n      if (showHours && hours) selectedTime.hours(hours);\n      if (showMinutes && minutes) selectedTime.minutes(minutes);\n      if (showSeconds && seconds) selectedTime.seconds(seconds);\n      if (use12Hours && meridiem) {\n        const nextHours = meridiem.toLowerCase() === AM ? hours % 12 : (hours % 12) + 12;\n        selectedTime.hour(nextHours);\n      }\n      onChange(selectedTime);\n      setHasInputBeenTriggered(false);\n    }\n  }, [hours, minutes, seconds, meridiem]);\n\n  const focusNextInputIfNeeded = (currentEl, max, number) => {\n    if (\n      shouldFocusNextInput(max, number, currentEl.value) &&\n      !isArrowIncrementDecrement(currentKey) &&\n      !hasInputValue\n    ) {\n      focusNextInput(currentEl);\n    }\n  };\n\n  const getNextTimeValue = (value, incrementing = true) => {\n    const parsedValue = parseTimeNumberFromText(value);\n    return incrementing ? parsedValue + step : parsedValue - step;\n  };\n\n  const onInputFocus = (e) => {\n    e.preventDefault();\n    e.stopPropagation();\n    e.target.select();\n  };\n\n  const onClick = (e) => {\n    if (e.target.value) {\n      setHasInputValue(true);\n    }\n  };\n\n  // eslint-disable-next-line max-statements\n  const onKeyDown = (event, max) => {\n    const { target } = event;\n    const { value } = target;\n    setLastTypedNumber(event.key);\n    switch (event.key) {\n      case ARROW_UP: {\n        event.preventDefault();\n        setCurrentKey(event.key);\n        const incrementedValue = getNextTimeValue(value);\n        setNativeValue(event.target, incrementedValue);\n        break;\n      }\n      case ARROW_DOWN: {\n        event.preventDefault();\n        setCurrentKey(event.key);\n        const decrementedValue = getNextTimeValue(value, false);\n        setNativeValue(event.target, decrementedValue);\n        break;\n      }\n      case BACKSPACE: {\n        event.preventDefault();\n        if (!value) {\n          focusPreviousInput(event.target);\n        } else {\n          setNativeValue(event.target, '');\n        }\n        break;\n      }\n      case ESCAPE: {\n        event.preventDefault();\n        event.target.blur();\n        break;\n      }\n      case HOME: {\n        event.preventDefault();\n        setNativeValue(event.target, String(max));\n        focusNextInput(event.target);\n        break;\n      }\n      case END: {\n        event.preventDefault();\n        setNativeValue(event.target, '00');\n        focusNextInput(event.target);\n        break;\n      }\n      case SHIFT:\n        event.preventDefault();\n        setCurrentKey(event.key);\n        break;\n      default:\n        break;\n    }\n  };\n\n  const isTimeCompletelySet = () => {\n    let neededValues = [];\n\n    if (showHours) neededValues = [...neededValues, hours || null];\n    if (showMinutes) neededValues = [...neededValues, minutes || null];\n    if (showSeconds) neededValues = [...neededValues, seconds || null];\n    if (use12Hours) neededValues = [...neededValues, meridiem || null];\n\n    return !neededValues.some((value) => !value);\n  };\n\n  const handleSecondsChange = (e) => {\n    const { value } = e.target;\n    const secondsHandled = parseTimeNumberFromText(value);\n\n    const nextSeconds = getValidTimeNumber(GENERAL_TIME_RANGE, secondsHandled, lastTypedNumber);\n\n    setSeconds(formatSeconds(format, nextSeconds));\n    setHasInputBeenTriggered(true);\n    focusNextInputIfNeeded(e.target, GENERAL_TIME_RANGE.max, value);\n  };\n\n  const handleMinutesChange = (e) => {\n    const { value } = e.target;\n    const minutesHandled = parseTimeNumberFromText(value);\n    const nextMinutes = getValidTimeNumber(GENERAL_TIME_RANGE, minutesHandled, lastTypedNumber);\n\n    setMinutes(formatMinutes(format, nextMinutes));\n    setHasInputBeenTriggered(true);\n    focusNextInputIfNeeded(e.target, GENERAL_TIME_RANGE.max, value);\n  };\n\n  const handleHoursChange = (e) => {\n    const { value } = e.target;\n    const hour = parseTimeNumberFromText(value);\n    const hoursRange = use12Hours ? HOUR_RANGE_12 : HOUR_RANGE_24;\n\n    const nextHour = getValidTimeNumber(hoursRange, hour, lastTypedNumber);\n    setHours(formatHour(format, nextHour));\n    setHasInputBeenTriggered(true);\n    focusNextInputIfNeeded(e.target, hoursRange.max, value);\n  };\n\n  const handleMeridiemKeyDown = (e) => {\n    if (e.key === ARROW_UP || e.key === 'a') {\n      setMeridiem(formatMeridiem(format, AM));\n    } else if (e.key === ARROW_DOWN || e.key === 'p') {\n      setMeridiem(formatMeridiem(format, PM));\n    } else if (e.key === SHIFT) {\n      setCurrentKey(e.key);\n    } else if (e.key === BACKSPACE) {\n      setMeridiem('');\n    }\n    setHasInputBeenTriggered(true);\n  };\n\n  const handleMeridiemBlur = (e) => {\n    const { value } = e.target;\n    if (value !== AM && value !== PM) {\n      setMeridiem('');\n    }\n  };\n\n  const handleOnBlur = (event) => {\n    const selectedTime = moment();\n    if (clearable && !event.currentTarget.contains(event.relatedTarget)) {\n      if (showHours && hours) selectedTime.hours(hours);\n      if (showMinutes && minutes) selectedTime.minutes(minutes);\n      if (showSeconds && seconds) selectedTime.seconds(seconds);\n      if (use12Hours && meridiem) {\n        const nextHours = meridiem.toLowerCase() === AM ? hours % 12 : (hours % 12) + 12;\n        selectedTime.hour(nextHours);\n      }\n      onChange(selectedTime);\n    }\n  };\n\n  const renderSecondsInput = () => {\n    if (!showSeconds) return null;\n\n    return (\n      <TimeInput\n        {...commonInputProps((e) => onKeyDown(e, GENERAL_TIME_RANGE.max), onInputFocus, onClick)}\n        key=\"seconds-input\"\n        data-testid=\"ds-time-input__seconds\"\n        aria-label={ariaLabel || ariaLabel2 || 'Seconds Input'}\n        disabled={disabled}\n        // eslint-disable-next-line no-return-assign\n        innerRef={(node) => (inputRefs.seconds = node)}\n        onChange={handleSecondsChange}\n        placeholder={placeholderFormat(PLACEHOLDER_TIME.seconds, format)}\n        value={seconds}\n      />\n    );\n  };\n\n  const renderMinutesInput = () => {\n    if (!showMinutes) return null;\n\n    return (\n      <TimeInput\n        {...commonInputProps((e) => onKeyDown(e, GENERAL_TIME_RANGE.max), onInputFocus, onClick)}\n        key=\"minutes-input\"\n        data-testid=\"ds-time-input__minutes\"\n        aria-label={ariaLabel || ariaLabel2 || 'Minutes Input'}\n        disabled={disabled}\n        // eslint-disable-next-line no-return-assign\n        innerRef={(node) => (inputRefs.minutes = node)}\n        onChange={handleMinutesChange}\n        placeholder={placeholderFormat(PLACEHOLDER_TIME.minutes, format)}\n        value={minutes}\n      />\n    );\n  };\n\n  const renderHoursInput = () => {\n    if (!showHours) return null;\n    const hourFormatRange = use12Hours ? HOUR_RANGE_12 : HOUR_RANGE_24;\n\n    return (\n      <TimeInput\n        {...commonInputProps((e) => onKeyDown(e, hourFormatRange.max), onInputFocus, onClick)}\n        key=\"hour-input\"\n        data-testid=\"ds-time-input__hours\"\n        aria-label={ariaLabel || ariaLabel2 || 'Hours Input'}\n        disabled={disabled}\n        // eslint-disable-next-line no-return-assign\n        innerRef={(node) => (inputRefs.hours = node)}\n        onChange={handleHoursChange}\n        placeholder={placeholderFormat(PLACEHOLDER_TIME.hour, format, use12Hours)}\n        value={hours}\n      />\n    );\n  };\n\n  const renderMeridiemInput = () => {\n    if (!use12Hours) return null;\n\n    return (\n      <TimeInput\n        {...commonInputProps}\n        key=\"meridiem-input\"\n        data-testid=\"ds-time-input__ampm\"\n        aria-label={ariaLabel || ariaLabel2 || 'Meridiem Input'}\n        disabled={disabled}\n        onBlur={handleMeridiemBlur}\n        onKeyDown={handleMeridiemKeyDown}\n        placeholder={placeholderFormat(PLACEHOLDER_TIME.meridiem, format)}\n        value={meridiem}\n      />\n    );\n  };\n\n  const renderTimeInputs = () => {\n    const inputs = [renderHoursInput(), renderMinutesInput(), renderSecondsInput()];\n    /* eslint-disable indent */\n    const inputsWithDividers = inputs.reduce(\n      (acc, input, index) =>\n        input\n          ? acc.concat([\n              index ? (\n                <TimeDivider\n                  // eslint-disable-next-line react/no-array-index-key\n                  key={index}\n                  content=\":\"\n                  value={input.props.value}\n                />\n              ) : null,\n              input,\n            ])\n          : acc,\n      [],\n    );\n    /* eslint-enable indent */\n\n    return [\n      inputsWithDividers,\n      React.createElement('span', { key: 'span' }), // hack for next/prev focus\n      renderMeridiemInput(),\n    ];\n  };\n\n  return (\n    <InputTimesGroup onBlur={handleOnBlur} innerRef={innerRef}>\n      {renderTimeInputs()}\n    </InputTimesGroup>\n  );\n};\n\nexport { TimeInputs };\nexport default TimeInputs;\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/TimeInput/utils.js

@@ -1,14 +1,7 @@
 import * as React from "react";
 import { addLeadingZeros } from "@elliemae/ds-utilities";
 import { parseInt, isNaN } from "@elliemae/ds-utilities";
-import {
-  AM,
-  PM,
-  ARROW_UP,
-  ARROW_DOWN,
-  SHIFT,
-  PLACEHOLDER_TIME
-} from "@elliemae/ds-shared/constants";
+import { AM, PM, ARROW_UP, ARROW_DOWN, SHIFT, PLACEHOLDER_TIME } from "@elliemae/ds-shared";
 const isAM = (time) => time && time.hour() < 12;
 const isArrowIncrementDecrement = (key) => key === ARROW_DOWN || key === ARROW_UP || key === SHIFT;
 const setNativeValue = (element, value) => {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/TimeInput/utils.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { addLeadingZeros } from '@elliemae/ds-utilities';\nimport { parseInt, isNaN } from '@elliemae/ds-utilities';\nimport {\n  AM,\n  PM,\n  ARROW_UP,\n  ARROW_DOWN,\n  SHIFT,\n  PLACEHOLDER_TIME,\n} from '@elliemae/ds-shared/constants';\n\nconst isAM = (time) => time && time.hour() < 12;\n\nexport const isArrowIncrementDecrement = (key) =>\n  key === ARROW_DOWN || key === ARROW_UP || key === SHIFT;\n\nexport const setNativeValue = (element, value) => {\n  if (!Object.getOwnPropertyDescriptor(element, 'value')) return;\n  const valueSetter = Object.getOwnPropertyDescriptor(element, 'value').set;\n  const prototype = Object.getPrototypeOf(element);\n  const prototypeValueSetter = Object.getOwnPropertyDescriptor(\n    prototype,\n    'value',\n  ).set;\n\n  if (valueSetter && valueSetter !== prototypeValueSetter) {\n    prototypeValueSetter.call(element, value);\n  } else {\n    valueSetter.call(element, value);\n  }\n  element.dispatchEvent(new Event('input', { bubbles: true }));\n};\n\nexport const placeholderFormat = (position, format, use12Hours) => {\n  if (position === PLACEHOLDER_TIME.hour) {\n    return _placeholderHour(format, use12Hours);\n  }\n  if (position === PLACEHOLDER_TIME.minutes) {\n    return format.indexOf('mm') > -1 ? 'mm' : 'm';\n  }\n  if (position === PLACEHOLDER_TIME.seconds) {\n    return format.indexOf('ss') > -1 ? 'ss' : 's';\n  }\n  if (position === PLACEHOLDER_TIME.meridiem) {\n    return format.indexOf('A') > -1 ? 'A' : 'a';\n  }\n};\n\nconst _placeholderHour = (format, use12Hours) => {\n  if (use12Hours) {\n    return format.indexOf('hh') > -1 ? 'hh' : 'h';\n  }\n  return format.indexOf('HH') > -1 ? 'HH' : 'H';\n};\n\nconst formatTimeNumber = (value, shouldAddLeadingZeros) => {\n  if (value === null || value === undefined) return '';\n  return shouldAddLeadingZeros ? addLeadingZeros(2)(value) : String(value);\n};\n\nexport const formatMinutes = (format, value) => {\n  const shouldAddLeadingZeros = format.indexOf('mm') > -1;\n  return formatTimeNumber(value, shouldAddLeadingZeros);\n};\nexport const formatSeconds = (format, value) => {\n  const shouldAddLeadingZeros = format.indexOf('ss') > -1;\n  return formatTimeNumber(value, shouldAddLeadingZeros);\n};\nexport const formatHour = (format, value) => {\n  const shouldAddLeadingZeros =\n    format.indexOf('HH') > -1 || format.indexOf('hh') > -1;\n  return formatTimeNumber(value, shouldAddLeadingZeros);\n};\n\nexport const formatMeridiem = (format, value) =>\n  format.indexOf('A') > -1 ? value.toUpperCase() : value.toLowerCase();\n\nexport const parseTimeNumberFromText = (stringValue) => {\n  const parsedInt = parseInt(stringValue);\n  if (isNaN(parsedInt)) return null;\n\n  return parsedInt;\n};\n\nexport const focusNextInput = (currentEl) => {\n  const nextElement = currentEl.nextElementSibling;\n  if (nextElement && nextElement.nextElementSibling) {\n    nextElement.nextElementSibling.focus();\n  }\n};\n\nexport const focusPreviousInput = (currentEl) => {\n  const previousElement = currentEl.previousElementSibling;\n  if (previousElement && previousElement.previousElementSibling) {\n    previousElement.previousElementSibling.focus();\n  }\n};\n\nexport const getValidTimeNumber = ({ min, max }, number, typed) => {\n  if (number === undefined || number === null) return null;\n  if (number > max) {\n    if (isNaN(typed)) return parseInt(typed);\n    return max;\n  }\n  if (number < min) return min;\n  return number;\n};\n\nexport const shouldFocusNextInput = (max, number = 0, stringValue) => {\n  const safeString = String(stringValue);\n  const cleanString = safeString.startsWith('00')\n    ? safeString.slice(1)\n    : safeString;\n  return number * 10 > max || String(max).length === cleanString.length;\n};\n\nexport const getTimeValuesFromTime = (time, format, use12Hours) => {\n  if (!time || !time.hour) return {};\n  const hours = use12Hours ? time.hour() % 12 || 12 : time.hour();\n  const minutes = time.minutes();\n  const seconds = time.seconds();\n  const meridiem = !isAM(time) ? PM : AM;\n\n  return {\n    hours: formatHour(format, hours),\n    minutes: formatMinutes(format, minutes),\n    seconds: formatSeconds(format, seconds),\n    meridiem,\n  };\n};\n\nexport const resetTimeValues = () => ({\n  hours: '',\n  minutes: '',\n  seconds: '',\n  meridiem: AM,\n});\n\nexport const commonInputProps = (onKeyDown, onInputFocus, onClick) => ({\n  pattern: '[0-9]*',\n  type: 'text',\n  onKeyDown,\n  onClick,\n  onFocus: onInputFocus,\n});\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { addLeadingZeros } from '@elliemae/ds-utilities';\nimport { parseInt, isNaN } from '@elliemae/ds-utilities';\nimport { AM, PM, ARROW_UP, ARROW_DOWN, SHIFT, PLACEHOLDER_TIME } from '@elliemae/ds-shared';\n\nconst isAM = (time) => time && time.hour() < 12;\n\nexport const isArrowIncrementDecrement = (key) => key === ARROW_DOWN || key === ARROW_UP || key === SHIFT;\n\nexport const setNativeValue = (element, value) => {\n  if (!Object.getOwnPropertyDescriptor(element, 'value')) return;\n  const valueSetter = Object.getOwnPropertyDescriptor(element, 'value').set;\n  const prototype = Object.getPrototypeOf(element);\n  const prototypeValueSetter = Object.getOwnPropertyDescriptor(prototype, 'value').set;\n\n  if (valueSetter && valueSetter !== prototypeValueSetter) {\n    prototypeValueSetter.call(element, value);\n  } else {\n    valueSetter.call(element, value);\n  }\n  element.dispatchEvent(new Event('input', { bubbles: true }));\n};\n\nexport const placeholderFormat = (position, format, use12Hours) => {\n  if (position === PLACEHOLDER_TIME.hour) {\n    return _placeholderHour(format, use12Hours);\n  }\n  if (position === PLACEHOLDER_TIME.minutes) {\n    return format.indexOf('mm') > -1 ? 'mm' : 'm';\n  }\n  if (position === PLACEHOLDER_TIME.seconds) {\n    return format.indexOf('ss') > -1 ? 'ss' : 's';\n  }\n  if (position === PLACEHOLDER_TIME.meridiem) {\n    return format.indexOf('A') > -1 ? 'A' : 'a';\n  }\n};\n\nconst _placeholderHour = (format, use12Hours) => {\n  if (use12Hours) {\n    return format.indexOf('hh') > -1 ? 'hh' : 'h';\n  }\n  return format.indexOf('HH') > -1 ? 'HH' : 'H';\n};\n\nconst formatTimeNumber = (value, shouldAddLeadingZeros) => {\n  if (value === null || value === undefined) return '';\n  return shouldAddLeadingZeros ? addLeadingZeros(2)(value) : String(value);\n};\n\nexport const formatMinutes = (format, value) => {\n  const shouldAddLeadingZeros = format.indexOf('mm') > -1;\n  return formatTimeNumber(value, shouldAddLeadingZeros);\n};\nexport const formatSeconds = (format, value) => {\n  const shouldAddLeadingZeros = format.indexOf('ss') > -1;\n  return formatTimeNumber(value, shouldAddLeadingZeros);\n};\nexport const formatHour = (format, value) => {\n  const shouldAddLeadingZeros = format.indexOf('HH') > -1 || format.indexOf('hh') > -1;\n  return formatTimeNumber(value, shouldAddLeadingZeros);\n};\n\nexport const formatMeridiem = (format, value) => (format.indexOf('A') > -1 ? value.toUpperCase() : value.toLowerCase());\n\nexport const parseTimeNumberFromText = (stringValue) => {\n  const parsedInt = parseInt(stringValue);\n  if (isNaN(parsedInt)) return null;\n\n  return parsedInt;\n};\n\nexport const focusNextInput = (currentEl) => {\n  const nextElement = currentEl.nextElementSibling;\n  if (nextElement && nextElement.nextElementSibling) {\n    nextElement.nextElementSibling.focus();\n  }\n};\n\nexport const focusPreviousInput = (currentEl) => {\n  const previousElement = currentEl.previousElementSibling;\n  if (previousElement && previousElement.previousElementSibling) {\n    previousElement.previousElementSibling.focus();\n  }\n};\n\nexport const getValidTimeNumber = ({ min, max }, number, typed) => {\n  if (number === undefined || number === null) return null;\n  if (number > max) {\n    if (isNaN(typed)) return parseInt(typed);\n    return max;\n  }\n  if (number < min) return min;\n  return number;\n};\n\nexport const shouldFocusNextInput = (max, number = 0, stringValue) => {\n  const safeString = String(stringValue);\n  const cleanString = safeString.startsWith('00') ? safeString.slice(1) : safeString;\n  return number * 10 > max || String(max).length === cleanString.length;\n};\n\nexport const getTimeValuesFromTime = (time, format, use12Hours) => {\n  if (!time || !time.hour) return {};\n  const hours = use12Hours ? time.hour() % 12 || 12 : time.hour();\n  const minutes = time.minutes();\n  const seconds = time.seconds();\n  const meridiem = !isAM(time) ? PM : AM;\n\n  return {\n    hours: formatHour(format, hours),\n    minutes: formatMinutes(format, minutes),\n    seconds: formatSeconds(format, seconds),\n    meridiem,\n  };\n};\n\nexport const resetTimeValues = () => ({\n  hours: '',\n  minutes: '',\n  seconds: '',\n  meridiem: AM,\n});\n\nexport const commonInputProps = (onKeyDown, onInputFocus, onClick) => ({\n  pattern: '[0-9]*',\n  type: 'text',\n  onKeyDown,\n  onClick,\n  onFocus: onInputFocus,\n});\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/Toggle/DSToggle.js

@@ -33,7 +33,7 @@ import * as React from "react";
 import React2 from "react";
 import { PropTypes, describe } from "react-desc";
 import { DSToggleImpl } from "./DSToggleImpl";
-import { dsBasicSizes } from "@elliemae/ds-shared/prop-types";
+import { dsBasicSizes } from "@elliemae/ds-shared";
 const DSToggle = (_a) => {
   var _b = _a, {
     containerProps,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Toggle/DSToggle.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { DSToggleImpl } from './DSToggleImpl';\nimport { dsBasicSizes } from '@elliemae/ds-shared/prop-types';\n\nconst DSToggle = ({\n  containerProps,\n  hasError,\n  readOnly,\n  disabled,\n  checked,\n  labelOn,\n  labelOff,\n  name,\n  value,\n  size,\n  ...otherProps\n}) => (\n  <DSToggleImpl\n    {...otherProps}\n    checked={checked}\n    containerProps={containerProps}\n    disabled={disabled}\n    hasError={hasError}\n    labelOff={labelOff}\n    labelOn={labelOn}\n    name={name}\n    readOnly={readOnly}\n    size={size}\n    value={value}\n  />\n);\n\nDSToggle.defaultProps = {\n  labelOn: 'ON',\n  labelOff: 'OFF',\n  size: 's',\n  hasError: false,\n  readOnly: false,\n  disabled: false,\n  checked: undefined,\n};\n\nconst props = {\n  /**\n   * Set of Properties attached to the main container\n   */\n  containerProps: PropTypes.shape({}).description(\n    'Set of Properties attached to the main container',\n  ),\n  /**\n   * Whether the toggle has error or not\n   */\n  hasError: PropTypes.bool.description('Whether the toggle has error or not'),\n  /**\n   * Whether the toggle is read only or not\n   */\n  readOnly: PropTypes.bool.description(\n    'Whether the toggle is read only or not',\n  ),\n  /**\n   * Whether the toggle is disabled or not\n   */\n  disabled: PropTypes.bool.description('Whether the toggle is disabled or not'),\n  /**\n   * Whether the toggle is checked or not\n   */\n  checked: PropTypes.bool.description('Whether the toggle is checked or not'),\n  /**\n   * Allows a function that is triggered once the toggle changes\n   */\n  onChange: PropTypes.func.description(\n    'Allows a function that is triggered once the toggle changes',\n  ),\n  /**\n   * Label to show when the toggle is ON\n   */\n  labelOn: PropTypes.string.description('Label to show when the toggle is ON'),\n  /**\n   * Label to show when the toggle is OFF\n   */\n  labelOff: PropTypes.string.description(\n    'Label to show when the toggle is OFF',\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   * ['s', 'm', 'l']\n   */\n  size: PropTypes.oneOf(dsBasicSizes).description(\"['s', 'm', 'l']\"),\n  /**\n   * Input name\n   */\n  name: PropTypes.string.description('Input name'),\n};\n\nDSToggle.propTypes = props;\n\nconst DSToggleWithSchema = describe(DSToggle);\n\nDSToggleWithSchema.propTypes = props;\n\nexport default DSToggle;\n\nexport { DSToggleWithSchema, DSToggle };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,WAAW,CAAC,OAYf;AAZe,eAChB;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAVgB,IAWb,uBAXa,IAWb;AAAA,IAVH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,8CAAC,cAAD,iCACM,aADN;AAAA,IAEE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAIJ,SAAS,eAAe;AAAA,EACtB,SAAS;AAAA,EACT,UAAU;AAAA,EACV,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA;AAGX,MAAM,QAAQ;AAAA,EAIZ,gBAAgB,UAAU,MAAM,IAAI,YAClC;AAAA,EAKF,UAAU,UAAU,KAAK,YAAY;AAAA,EAIrC,UAAU,UAAU,KAAK,YACvB;AAAA,EAKF,UAAU,UAAU,KAAK,YAAY;AAAA,EAIrC,SAAS,UAAU,KAAK,YAAY;AAAA,EAIpC,UAAU,UAAU,KAAK,YACvB;AAAA,EAKF,SAAS,UAAU,OAAO,YAAY;AAAA,EAItC,UAAU,UAAU,OAAO,YACzB;AAAA,EAKF,OAAO,UAAU,OAAO,YACtB;AAAA,EAKF,MAAM,UAAU,MAAM,cAAc,YAAY;AAAA,EAIhD,MAAM,UAAU,OAAO,YAAY;AAAA;AAGrC,SAAS,YAAY;AAErB,MAAM,qBAAqB,SAAS;AAEpC,mBAAmB,YAAY;AAE/B,IAAO,mBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { DSToggleImpl } from './DSToggleImpl';\nimport { dsBasicSizes } from '@elliemae/ds-shared';\n\nconst DSToggle = ({\n  containerProps,\n  hasError,\n  readOnly,\n  disabled,\n  checked,\n  labelOn,\n  labelOff,\n  name,\n  value,\n  size,\n  ...otherProps\n}) => (\n  <DSToggleImpl\n    {...otherProps}\n    checked={checked}\n    containerProps={containerProps}\n    disabled={disabled}\n    hasError={hasError}\n    labelOff={labelOff}\n    labelOn={labelOn}\n    name={name}\n    readOnly={readOnly}\n    size={size}\n    value={value}\n  />\n);\n\nDSToggle.defaultProps = {\n  labelOn: 'ON',\n  labelOff: 'OFF',\n  size: 's',\n  hasError: false,\n  readOnly: false,\n  disabled: false,\n  checked: undefined,\n};\n\nconst props = {\n  /**\n   * Set of Properties attached to the main container\n   */\n  containerProps: PropTypes.shape({}).description('Set of Properties attached to the main container'),\n  /**\n   * Whether the toggle has error or not\n   */\n  hasError: PropTypes.bool.description('Whether the toggle has error or not'),\n  /**\n   * Whether the toggle is read only or not\n   */\n  readOnly: PropTypes.bool.description('Whether the toggle is read only or not'),\n  /**\n   * Whether the toggle is disabled or not\n   */\n  disabled: PropTypes.bool.description('Whether the toggle is disabled or not'),\n  /**\n   * Whether the toggle is checked or not\n   */\n  checked: PropTypes.bool.description('Whether the toggle is checked or not'),\n  /**\n   * Allows a function that is triggered once the toggle changes\n   */\n  onChange: PropTypes.func.description('Allows a function that is triggered once the toggle changes'),\n  /**\n   * Label to show when the toggle is ON\n   */\n  labelOn: PropTypes.string.description('Label to show when the toggle is ON'),\n  /**\n   * Label to show when the toggle is OFF\n   */\n  labelOff: PropTypes.string.description('Label to show when the toggle is OFF'),\n  /**\n   * Default value once the component is initialized\n   */\n  value: PropTypes.string.description('Default value once the component is initialized'),\n  /**\n   * ['s', 'm', 'l']\n   */\n  size: PropTypes.oneOf(dsBasicSizes).description(\"['s', 'm', 'l']\"),\n  /**\n   * Input name\n   */\n  name: PropTypes.string.description('Input name'),\n};\n\nDSToggle.propTypes = props;\n\nconst DSToggleWithSchema = describe(DSToggle);\n\nDSToggleWithSchema.propTypes = props;\n\nexport default DSToggle;\n\nexport { DSToggleWithSchema, DSToggle };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,WAAW,CAAC,OAYf;AAZe,eAChB;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAVgB,IAWb,uBAXa,IAWb;AAAA,IAVH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,8CAAC,cAAD,iCACM,aADN;AAAA,IAEE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAIJ,SAAS,eAAe;AAAA,EACtB,SAAS;AAAA,EACT,UAAU;AAAA,EACV,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA;AAGX,MAAM,QAAQ;AAAA,EAIZ,gBAAgB,UAAU,MAAM,IAAI,YAAY;AAAA,EAIhD,UAAU,UAAU,KAAK,YAAY;AAAA,EAIrC,UAAU,UAAU,KAAK,YAAY;AAAA,EAIrC,UAAU,UAAU,KAAK,YAAY;AAAA,EAIrC,SAAS,UAAU,KAAK,YAAY;AAAA,EAIpC,UAAU,UAAU,KAAK,YAAY;AAAA,EAIrC,SAAS,UAAU,OAAO,YAAY;AAAA,EAItC,UAAU,UAAU,OAAO,YAAY;AAAA,EAIvC,OAAO,UAAU,OAAO,YAAY;AAAA,EAIpC,MAAM,UAAU,MAAM,cAAc,YAAY;AAAA,EAIhD,MAAM,UAAU,OAAO,YAAY;AAAA;AAGrC,SAAS,YAAY;AAErB,MAAM,qBAAqB,SAAS;AAEpC,mBAAmB,YAAY;AAE/B,IAAO,mBAAQ;",
   "names": []
 }

package/dist/esm/Toggle/props.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import PropTypes from "prop-types";
-import { dsBasicSizes } from "@elliemae/ds-shared/prop-types";
+import { dsBasicSizes } from "@elliemae/ds-shared";
 const togglePropTypes = {
   containerProps: PropTypes.shape({}),
   hasError: PropTypes.bool,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Toggle/props.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import PropTypes from 'prop-types';\nimport { dsBasicSizes } from '@elliemae/ds-shared/prop-types';\n\nexport const togglePropTypes = {\n  /**\n   * Set of Properties attached to the main container\n   */\n  containerProps: PropTypes.shape({}),\n  /**\n   * Whether the toggle has error or not\n   */\n  hasError: PropTypes.bool,\n  /**\n   * Whether the toggle is read only or not\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Whether the toggle is disabled or not\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Whether the toggle is checked or not\n   */\n  checked: PropTypes.bool,\n  /**\n   * Allows a function that is triggered once the toggle changes\n   */\n  onChange: PropTypes.func,\n  /**\n   * Label to show when the toggle is ON\n   */\n  labelOn: PropTypes.string,\n  /**\n   * Label to show when the toggle is OFF\n   */\n  labelOff: PropTypes.string,\n  /**\n   * Default value once the component is initialized\n   */\n  value: PropTypes.string,\n  /**\n   * ['s', 'm', 'l']\n   */\n  size: PropTypes.oneOf(dsBasicSizes),\n  /**\n   * Input name\n   */\n  name: PropTypes.string,\n};\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import PropTypes from 'prop-types';\nimport { dsBasicSizes } from '@elliemae/ds-shared';\n\nexport const togglePropTypes = {\n  /**\n   * Set of Properties attached to the main container\n   */\n  containerProps: PropTypes.shape({}),\n  /**\n   * Whether the toggle has error or not\n   */\n  hasError: PropTypes.bool,\n  /**\n   * Whether the toggle is read only or not\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Whether the toggle is disabled or not\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Whether the toggle is checked or not\n   */\n  checked: PropTypes.bool,\n  /**\n   * Allows a function that is triggered once the toggle changes\n   */\n  onChange: PropTypes.func,\n  /**\n   * Label to show when the toggle is ON\n   */\n  labelOn: PropTypes.string,\n  /**\n   * Label to show when the toggle is OFF\n   */\n  labelOff: PropTypes.string,\n  /**\n   * Default value once the component is initialized\n   */\n  value: PropTypes.string,\n  /**\n   * ['s', 'm', 'l']\n   */\n  size: PropTypes.oneOf(dsBasicSizes),\n  /**\n   * Input name\n   */\n  name: PropTypes.string,\n};\n"],
   "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,kBAAkB;AAAA,EAI7B,gBAAgB,UAAU,MAAM;AAAA,EAIhC,UAAU,UAAU;AAAA,EAIpB,UAAU,UAAU;AAAA,EAIpB,UAAU,UAAU;AAAA,EAIpB,SAAS,UAAU;AAAA,EAInB,UAAU,UAAU;AAAA,EAIpB,SAAS,UAAU;AAAA,EAInB,UAAU,UAAU;AAAA,EAIpB,OAAO,UAAU;AAAA,EAIjB,MAAM,UAAU,MAAM;AAAA,EAItB,MAAM,UAAU;AAAA;",
   "names": []
 }