npm - @elliemae/ds-form - Versions diffs - 3.0.0-next.8 → 3.0.0-next.80 - Mend

@elliemae/ds-form 3.0.0-next.8 → 3.0.0-next.80

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (466) hide show

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/TimeInput/DSTimeInput.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { DSInput } from '../Input';\nimport { TimeInputImpl } from './TimeInputImpl';\n\nconst DSTimeInput = ({\n  containerProps = {},\n  innerRef,\n  className = '',\n  style = {},\n  onChange = () => null,\n  format,\n  value = '',\n  clearable = false,\n  disabled = false,\n  ariaLabel = 'Time input',\n}) => (\n  <DSInput\n    className={className}\n    clearable={clearable}\n    containerProps={containerProps}\n    customInputType={({ onChange: inputOnChange, ...restInputProps }) => (\n      <TimeInputImpl\n        aria-label={ariaLabel}\n        disabled={disabled}\n        format={format}\n        onChange={(time) => inputOnChange(time)}\n        {...restInputProps}\n        style={style}\n      />\n    )}\n    disabled={disabled}\n    innerRef={innerRef}\n    isShowElipsisActive={false}\n    onChange={onChange}\n    onClear={() => onChange(null)}\n    value={value}\n  />\n);\n\nDSTimeInput.defaultProps = {\n  format: 'hh:mm:ss',\n  disabled: false,\n  clearable: true,\n};\n\nconst props = {\n  /** Injected props to wrapper element of component */\n  containerProps: PropTypes.object.description(\n    'Injected props to wrapper element of component',\n  ),\n  /**\n   * Allows a function that is triggered once the time input changes\n   */\n  onChange: PropTypes.func.description(\n    'Allows a function that is triggered once the time input changes',\n  ),\n  /** a11y aria label */\n  'aria-label': PropTypes.string.description('a11y aria label'),\n  /** style object for time input wrapper */\n  style: PropTypes.object.description('style object for time input wrapper'),\n  /** inner ref for time inpot wrapper */\n  innerRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.any }),\n  ]).description('inner ref for time input wrapper'),\n  /** class for time input */\n  className: PropTypes.string.description('class for time input'),\n  /**\n   * Valid time format\n   */\n  format: PropTypes.string.description('Valid time format'),\n  /**\n   * Default value once the component is initialized\n   */\n  value: PropTypes.string.description(\n    'Default value once the component is initialized',\n  ),\n  /**\n   * Whether the time input is clearable or not\n   */\n  clearable: PropTypes.bool.description(\n    'Whether the time input is clearable or not',\n  ),\n  /**\n   * Whether the time input is disabled or not\n   */\n  disabled: PropTypes.bool.description(\n    'Whether the time input is disabled or not',\n  ),\n  /**\n   * Aria label\n   */\n  ariaLabel: PropTypes.string.description('Aria label'),\n};\n\nDSTimeInput.propTypes = props;\n\nconst DSTimeInputWithSchema = describe(DSTimeInput);\nDSTimeInputWithSchema.propTypes = props;\n\nexport { TimeInputImpl, DSTimeInputWithSchema, DSTimeInput };\n\nexport default DSTimeInput;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,cAAc,CAAC;AAAA,EACnB,iBAAiB;AAAA,EACjB;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,WAAW,MAAM;AAAA,EACjB;AAAA,EACA,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,MAEZ,qCAAC,SAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB,CAAC,OAAgD;AAAhD,iBAAE,YAAU,kBAAZ,IAA8B,2BAA9B,IAA8B,CAA5B;AAClB,gDAAC,eAAD;AAAA,MACE,cAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA,UAAU,CAAC,SAAS,cAAc;AAAA,OAC9B,iBALN;AAAA,MAME;AAAA;AAAA;AAAA,EAGJ;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB;AAAA,EACA,SAAS,MAAM,SAAS;AAAA,EACxB;AAAA;AAIJ,YAAY,eAAe;AAAA,EACzB,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,WAAW;AAAA;AAGb,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAC/B;AAAA,EAKF,UAAU,UAAU,KAAK,YACvB;AAAA,EAGF,cAAc,UAAU,OAAO,YAAY;AAAA,EAE3C,OAAO,UAAU,OAAO,YAAY;AAAA,EAEpC,UAAU,UAAU,UAAU;AAAA,IAC5B,UAAU;AAAA,IACV,UAAU,MAAM,EAAE,SAAS,UAAU;AAAA,KACpC,YAAY;AAAA,EAEf,WAAW,UAAU,OAAO,YAAY;AAAA,EAIxC,QAAQ,UAAU,OAAO,YAAY;AAAA,EAIrC,OAAO,UAAU,OAAO,YACtB;AAAA,EAKF,WAAW,UAAU,KAAK,YACxB;AAAA,EAKF,UAAU,UAAU,KAAK,YACvB;AAAA,EAKF,WAAW,UAAU,OAAO,YAAY;AAAA;AAG1C,YAAY,YAAY;AAExB,MAAM,wBAAwB,SAAS;AACvC,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { DSInput } from '../Input';\nimport { TimeInputImpl } from './TimeInputImpl';\n\nconst DSTimeInput = ({\n  containerProps = {},\n  innerRef,\n  className = '',\n  style = {},\n  onChange = () => null,\n  format,\n  value = '',\n  clearable = false,\n  disabled = false,\n  ariaLabel = 'Time input',\n}) => (\n  <DSInput\n    className={className}\n    clearable={clearable}\n    containerProps={containerProps}\n    customInputType={({ onChange: inputOnChange, ...restInputProps }) => (\n      <TimeInputImpl\n        aria-label={ariaLabel}\n        disabled={disabled}\n        format={format}\n        onChange={(time) => inputOnChange(time)}\n        {...restInputProps}\n        style={style}\n      />\n    )}\n    disabled={disabled}\n    innerRef={innerRef}\n    isShowElipsisActive={false}\n    onChange={onChange}\n    onClear={() => onChange(null)}\n    value={value}\n  />\n);\n\nDSTimeInput.defaultProps = {\n  format: 'hh:mm:ss',\n  disabled: false,\n  clearable: true,\n};\n\nconst props = {\n  /** Injected props to wrapper element of component */\n  containerProps: PropTypes.object.description(\n    'Injected props to wrapper element of component',\n  ),\n  /**\n   * Allows a function that is triggered once the time input changes\n   */\n  onChange: PropTypes.func.description(\n    'Allows a function that is triggered once the time input changes',\n  ),\n  /** a11y aria label */\n  'aria-label': PropTypes.string.description('a11y aria label'),\n  /** style object for time input wrapper */\n  style: PropTypes.object.description('style object for time input wrapper'),\n  /** inner ref for time inpot wrapper */\n  innerRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.any }),\n  ]).description('inner ref for time input wrapper'),\n  /** class for time input */\n  className: PropTypes.string.description('class for time input'),\n  /**\n   * Valid time format\n   */\n  format: PropTypes.string.description('Valid time format'),\n  /**\n   * Default value once the component is initialized\n   */\n  value: PropTypes.string.description(\n    'Default value once the component is initialized',\n  ),\n  /**\n   * Whether the time input is clearable or not\n   */\n  clearable: PropTypes.bool.description(\n    'Whether the time input is clearable or not',\n  ),\n  /**\n   * Whether the time input is disabled or not\n   */\n  disabled: PropTypes.bool.description(\n    'Whether the time input is disabled or not',\n  ),\n  /**\n   * Aria label\n   */\n  ariaLabel: PropTypes.string.description('Aria label'),\n};\n\nDSTimeInput.propTypes = props;\nDSTimeInput.displayName = 'DSTimeInput';\nconst DSTimeInputWithSchema = describe(DSTimeInput);\nDSTimeInputWithSchema.propTypes = props;\n\nexport { TimeInputImpl, DSTimeInputWithSchema, DSTimeInput };\n\nexport default DSTimeInput;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,cAAc,CAAC;AAAA,EACnB,iBAAiB,CAAC;AAAA,EAClB;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ,CAAC;AAAA,EACT,WAAW,MAAM;AAAA,EACjB;AAAA,EACA,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,MAEZ,qCAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB,CAAC,OAAgD;AAAhD,iBAAE,YAAU,kBAAZ,IAA8B,2BAA9B,IAA8B,CAA5B;AAClB,gDAAC;AAAA,MACC,cAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA,UAAU,CAAC,SAAS,cAAc,IAAI;AAAA,OAClC,iBALL;AAAA,MAMC;AAAA,MACF;AAAA;AAAA,EAEF;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB;AAAA,EACA,SAAS,MAAM,SAAS,IAAI;AAAA,EAC5B;AAAA,CACF;AAGF,YAAY,eAAe;AAAA,EACzB,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,WAAW;AACb;AAEA,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAC/B,gDACF;AAAA,EAIA,UAAU,UAAU,KAAK,YACvB,iEACF;AAAA,EAEA,cAAc,UAAU,OAAO,YAAY,iBAAiB;AAAA,EAE5D,OAAO,UAAU,OAAO,YAAY,qCAAqC;AAAA,EAEzE,UAAU,UAAU,UAAU;AAAA,IAC5B,UAAU;AAAA,IACV,UAAU,MAAM,EAAE,SAAS,UAAU,IAAI,CAAC;AAAA,EAC5C,CAAC,EAAE,YAAY,kCAAkC;AAAA,EAEjD,WAAW,UAAU,OAAO,YAAY,sBAAsB;AAAA,EAI9D,QAAQ,UAAU,OAAO,YAAY,mBAAmB;AAAA,EAIxD,OAAO,UAAU,OAAO,YACtB,iDACF;AAAA,EAIA,WAAW,UAAU,KAAK,YACxB,4CACF;AAAA,EAIA,UAAU,UAAU,KAAK,YACvB,2CACF;AAAA,EAIA,WAAW,UAAU,OAAO,YAAY,YAAY;AACtD;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,wBAAwB,SAAS,WAAW;AAClD,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
   "names": []
 }

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/TimeInput/TimeInputImpl.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { getVisibleTimeByFormat } from '@elliemae/ds-utilities';\nimport memoizeOne from 'memoize-one';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { TimeInputs } from './TimeInputs';\n\nconst blockName = 'input-time';\n\nconst InputTimeContainer = aggregatedClasses('div')(blockName);\n\nconst TimeInputImpl = ({\n  format,\n  innerRef,\n  onChange,\n  className,\n  value,\n  disabled,\n  clearable,\n  'arial-label': ariaLabel,\n}) => {\n  const getVisibleTimeInputs = memoizeOne((formatValue) =>\n    getVisibleTimeByFormat(formatValue),\n  );\n  let inputsContainer = useRef();\n\n  const handleFocus = (e) => {\n    if (!e.target.type) {\n      inputsContainer.querySelector('input').focus();\n    }\n  };\n\n  const visibleInputs = useMemo(() => getVisibleTimeInputs(format));\n\n  return (\n    <InputTimeContainer\n      className={className}\n      disabled={disabled}\n      innerRef={innerRef}\n      onClick={handleFocus}\n    >\n      <TimeInputs\n        aria-label={ariaLabel}\n        clearable={clearable}\n        disabled={disabled}\n        format={format}\n        innerRef={(node) => {\n          inputsContainer = node;\n        }}\n        onChange={onChange}\n        time={value}\n        {...visibleInputs}\n      />\n    </InputTimeContainer>\n  );\n};\n\nTimeInputImpl.propTypes = {\n  containerProps: PropTypes.shape({}),\n  /**\n   * Inner reference to the input\n   */\n  innerRef: PropTypes.any,\n  /**\n   * Classes to add to the container\n   */\n  className: PropTypes.string,\n  /**\n   * Styles to add to the container\n   */\n  style: PropTypes.shape({}),\n  /**\n   * Allows a function that is triggered once the time input changes\n   */\n  onChange: PropTypes.func,\n  /**\n   * Valid time format\n   */\n  format: PropTypes.string,\n  /**\n   * Default value once the component is initialized\n   */\n  value: PropTypes.string,\n  /**\n   * Whether the time input is clearable or not\n   */\n  clearable: PropTypes.bool,\n  /**\n   * Whether the time input is disabled or not\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Aria label to add to the container\n   */\n  'aria-label': PropTypes.bool,\n  'arial-label': PropTypes.bool,\n};\n\nexport { TimeInputImpl };\nexport default TimeInputImpl;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,qBAAqB,kBAAkB,OAAO;AAEpD,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,MACX;AACJ,QAAM,uBAAuB,WAAW,CAAC,gBACvC,uBAAuB;AAEzB,MAAI,kBAAkB;AAEtB,QAAM,cAAc,CAAC,MAAM;AACzB,QAAI,CAAC,EAAE,OAAO,MAAM;AAClB,sBAAgB,cAAc,SAAS;AAAA;AAAA;AAI3C,QAAM,gBAAgB,QAAQ,MAAM,qBAAqB;AAEzD,SACE,qCAAC,oBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,KAET,qCAAC,YAAD;AAAA,IACE,cAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,CAAC,SAAS;AAClB,wBAAkB;AAAA;AAAA,IAEpB;AAAA,IACA,MAAM;AAAA,KACF;AAAA;AAMZ,cAAc,YAAY;AAAA,EACxB,gBAAgB,UAAU,MAAM;AAAA,EAIhC,UAAU,UAAU;AAAA,EAIpB,WAAW,UAAU;AAAA,EAIrB,OAAO,UAAU,MAAM;AAAA,EAIvB,UAAU,UAAU;AAAA,EAIpB,QAAQ,UAAU;AAAA,EAIlB,OAAO,UAAU;AAAA,EAIjB,WAAW,UAAU;AAAA,EAIrB,UAAU,UAAU;AAAA,EAIpB,cAAc,UAAU;AAAA,EACxB,eAAe,UAAU;AAAA;AAI3B,IAAO,wBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,qBAAqB,kBAAkB,KAAK,EAAE,SAAS;AAE7D,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,MACX;AACJ,QAAM,uBAAuB,WAAW,CAAC,gBACvC,uBAAuB,WAAW,CACpC;AACA,MAAI,kBAAkB,OAAO;AAE7B,QAAM,cAAc,CAAC,MAAM;AACzB,QAAI,CAAC,EAAE,OAAO,MAAM;AAClB,sBAAgB,cAAc,OAAO,EAAE,MAAM;AAAA,IAC/C;AAAA,EACF;AAEA,QAAM,gBAAgB,QAAQ,MAAM,qBAAqB,MAAM,CAAC;AAEhE,SACE,qCAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,KAET,qCAAC;AAAA,IACC,cAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,CAAC,SAAS;AAClB,wBAAkB;AAAA,IACpB;AAAA,IACA;AAAA,IACA,MAAM;AAAA,KACF,cACN,CACF;AAEJ;AAEA,cAAc,YAAY;AAAA,EACxB,gBAAgB,UAAU,MAAM,CAAC,CAAC;AAAA,EAIlC,UAAU,UAAU;AAAA,EAIpB,WAAW,UAAU;AAAA,EAIrB,OAAO,UAAU,MAAM,CAAC,CAAC;AAAA,EAIzB,UAAU,UAAU;AAAA,EAIpB,QAAQ,UAAU;AAAA,EAIlB,OAAO,UAAU;AAAA,EAIjB,WAAW,UAAU;AAAA,EAIrB,UAAU,UAAU;AAAA,EAIpB,cAAc,UAAU;AAAA,EACxB,eAAe,UAAU;AAC3B;AAGA,IAAO,wBAAQ;",
   "names": []
 }

package/dist/esm/TimeInput/TimeInputs.js CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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": "AAAA;ACAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAM,OAAO,CAAC,SAAS,QAAQ,KAAK,SAAS;AAEtC,MAAM,4BAA4B,CAAC,QACxC,QAAQ,cAAc,QAAQ,YAAY,QAAQ;AAE7C,MAAM,iBAAiB,CAAC,SAAS,UAAU;AAChD,MAAI,CAAC,OAAO,yBAAyB,SAAS;AAAU;AACxD,QAAM,cAAc,OAAO,yBAAyB,SAAS,SAAS;AACtE,QAAM,YAAY,OAAO,eAAe;AACxC,QAAM,uBAAuB,OAAO,yBAClC,WACA,SACA;AAEF,MAAI,eAAe,gBAAgB,sBAAsB;AACvD,yBAAqB,KAAK,SAAS;AAAA,SAC9B;AACL,gBAAY,KAAK,SAAS;AAAA;AAE5B,UAAQ,cAAc,IAAI,MAAM,SAAS,EAAE,SAAS;AAAA;AAG/C,MAAM,oBAAoB,CAAC,UAAU,QAAQ,eAAe;AACjE,MAAI,aAAa,iBAAiB,MAAM;AACtC,WAAO,iBAAiB,QAAQ;AAAA;AAElC,MAAI,aAAa,iBAAiB,SAAS;AACzC,WAAO,OAAO,QAAQ,QAAQ,KAAK,OAAO;AAAA;AAE5C,MAAI,aAAa,iBAAiB,SAAS;AACzC,WAAO,OAAO,QAAQ,QAAQ,KAAK,OAAO;AAAA;AAE5C,MAAI,aAAa,iBAAiB,UAAU;AAC1C,WAAO,OAAO,QAAQ,OAAO,KAAK,MAAM;AAAA;AAAA;AAI5C,MAAM,mBAAmB,CAAC,QAAQ,eAAe;AAC/C,MAAI,YAAY;AACd,WAAO,OAAO,QAAQ,QAAQ,KAAK,OAAO;AAAA;AAE5C,SAAO,OAAO,QAAQ,QAAQ,KAAK,OAAO;AAAA;AAG5C,MAAM,mBAAmB,CAAC,OAAO,0BAA0B;AACzD,MAAI,UAAU,QAAQ,UAAU;AAAW,WAAO;AAClD,SAAO,wBAAwB,gBAAgB,GAAG,SAAS,OAAO;AAAA;AAG7D,MAAM,gBAAgB,CAAC,QAAQ,UAAU;AAC9C,QAAM,wBAAwB,OAAO,QAAQ,QAAQ;AACrD,SAAO,iBAAiB,OAAO;AAAA;AAE1B,MAAM,gBAAgB,CAAC,QAAQ,UAAU;AAC9C,QAAM,wBAAwB,OAAO,QAAQ,QAAQ;AACrD,SAAO,iBAAiB,OAAO;AAAA;AAE1B,MAAM,aAAa,CAAC,QAAQ,UAAU;AAC3C,QAAM,wBACJ,OAAO,QAAQ,QAAQ,MAAM,OAAO,QAAQ,QAAQ;AACtD,SAAO,iBAAiB,OAAO;AAAA;AAG1B,MAAM,iBAAiB,CAAC,QAAQ,UACrC,OAAO,QAAQ,OAAO,KAAK,MAAM,gBAAgB,MAAM;AAElD,MAAM,0BAA0B,CAAC,gBAAgB;AACtD,QAAM,YAAY,SAAS;AAC3B,MAAI,MAAM;AAAY,WAAO;AAE7B,SAAO;AAAA;AAGF,MAAM,iBAAiB,CAAC,cAAc;AAC3C,QAAM,cAAc,UAAU;AAC9B,MAAI,eAAe,YAAY,oBAAoB;AACjD,gBAAY,mBAAmB;AAAA;AAAA;AAI5B,MAAM,qBAAqB,CAAC,cAAc;AAC/C,QAAM,kBAAkB,UAAU;AAClC,MAAI,mBAAmB,gBAAgB,wBAAwB;AAC7D,oBAAgB,uBAAuB;AAAA;AAAA;AAIpC,MAAM,qBAAqB,CAAC,EAAE,KAAK,OAAO,QAAQ,UAAU;AACjE,MAAI,WAAW,UAAa,WAAW;AAAM,WAAO;AACpD,MAAI,SAAS,KAAK;AAChB,QAAI,MAAM;AAAQ,aAAO,SAAS;AAClC,WAAO;AAAA;AAET,MAAI,SAAS;AAAK,WAAO;AACzB,SAAO;AAAA;AAGF,MAAM,uBAAuB,CAAC,KAAK,SAAS,GAAG,gBAAgB;AACpE,QAAM,aAAa,OAAO;AAC1B,QAAM,cAAc,WAAW,WAAW,QACtC,WAAW,MAAM,KACjB;AACJ,SAAO,SAAS,KAAK,OAAO,OAAO,KAAK,WAAW,YAAY;AAAA;AAG1D,MAAM,wBAAwB,CAAC,MAAM,QAAQ,eAAe;AACjE,MAAI,CAAC,QAAQ,CAAC,KAAK;AAAM,WAAO;AAChC,QAAM,QAAQ,aAAa,KAAK,SAAS,MAAM,KAAK,KAAK;AACzD,QAAM,UAAU,KAAK;AACrB,QAAM,UAAU,KAAK;AACrB,QAAM,WAAW,CAAC,KAAK,QAAQ,KAAK;AAEpC,SAAO;AAAA,IACL,OAAO,WAAW,QAAQ;AAAA,IAC1B,SAAS,cAAc,QAAQ;AAAA,IAC/B,SAAS,cAAc,QAAQ;AAAA,IAC/B;AAAA;AAAA;AAIG,MAAM,kBAAkB,MAAO;AAAA,EACpC,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,UAAU;AAAA;AAGL,MAAM,mBAAmB,CAAC,WAAW,cAAc,YAAa;AAAA,EACrE,SAAS;AAAA,EACT,MAAM;AAAA,EACN;AAAA,EACA;AAAA,EACA,SAAS;AAAA;",
+  "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 CHANGED Viewed

@@ -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,
@@ -94,6 +94,7 @@ const props = {
   name: PropTypes.string.description("Input name")
 };
 DSToggle.propTypes = props;
+DSToggle.displayName = "DSToggle";
 const DSToggleWithSchema = describe(DSToggle);
 DSToggleWithSchema.propTypes = props;
 var DSToggle_default = DSToggle;

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

@@ -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;\nDSToggle.displayName = 'DSToggle';\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,+CACK,aADL;AAAA,IAEC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACF;AAAA;AAGF,SAAS,eAAe;AAAA,EACtB,SAAS;AAAA,EACT,UAAU;AAAA,EACV,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AACX;AAEA,MAAM,QAAQ;AAAA,EAIZ,gBAAgB,UAAU,MAAM,CAAC,CAAC,EAAE,YAAY,kDAAkD;AAAA,EAIlG,UAAU,UAAU,KAAK,YAAY,qCAAqC;AAAA,EAI1E,UAAU,UAAU,KAAK,YAAY,wCAAwC;AAAA,EAI7E,UAAU,UAAU,KAAK,YAAY,uCAAuC;AAAA,EAI5E,SAAS,UAAU,KAAK,YAAY,sCAAsC;AAAA,EAI1E,UAAU,UAAU,KAAK,YAAY,6DAA6D;AAAA,EAIlG,SAAS,UAAU,OAAO,YAAY,qCAAqC;AAAA,EAI3E,UAAU,UAAU,OAAO,YAAY,sCAAsC;AAAA,EAI7E,OAAO,UAAU,OAAO,YAAY,iDAAiD;AAAA,EAIrF,MAAM,UAAU,MAAM,YAAY,EAAE,YAAY,iBAAiB;AAAA,EAIjE,MAAM,UAAU,OAAO,YAAY,YAAY;AACjD;AAEA,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,MAAM,qBAAqB,SAAS,QAAQ;AAE5C,mBAAmB,YAAY;AAE/B,IAAO,mBAAQ;",
   "names": []
 }

package/dist/esm/Toggle/DSToggleImpl.js CHANGED Viewed

@@ -19,25 +19,14 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
 import React2, { Component } from "react";
-import {
-  isValidDrag,
-  cleanDrag,
-  calculateDrag,
-  dragStartingPoints
-} from "./toggleHelper";
+import { isValidDrag, cleanDrag, calculateDrag, dragStartingPoints } from "./toggleHelper";
 import { DSToggleRender } from "./DSToggleRender";
 import { togglePropTypes } from "./props";
 class DSToggleImpl extends Component {
   constructor(props) {
     super(props);
     this.onDragStart = (clientX) => {
-      const {
-        startPoint,
-        checked,
-        isDragging,
-        boxWidth,
-        circleWidth
-      } = this.state;
+      const { startPoint, checked, isDragging, boxWidth, circleWidth } = this.state;
       const drag = calculateDrag(clientX, {
         startPoint,
         checked,
@@ -132,6 +121,8 @@ class DSToggleImpl extends Component {
     };
     this.circle = React2.createRef();
     this.box = React2.createRef();
+    this.setDragOnChange = this.setDragOnChange.bind(this);
+    this.verifyElements = this.verifyElements.bind(this);
   }
   componentDidMount() {
     this.verifyElements();

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

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

package/dist/esm/Toggle/DSToggleRender.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Toggle/DSToggleRender.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\n/* eslint-disable complexity */\nimport React from 'react';\nimport { onClickHandlerForNonInteractiveElements } from '@elliemae/ds-utilities';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSTooltip } from '@elliemae/ds-tooltip';\n\nconst DSToggleRender = ({\n  containerProps,\n  id,\n  className = '',\n  style = {},\n  hasError = false,\n  hide,\n  readOnly = false,\n  disabled = false,\n  checked = false,\n  onBlur = () => null,\n  onFocus = () => null,\n  onChange = () => null,\n  onMouseDown = () => null,\n  onMouseEnter = () => null,\n  onMouseLeave = () => null,\n  onTouchCancel = () => null,\n  onTouchEnd = () => null,\n  onTouchMove = () => null,\n  onTouchStart = () => null,\n  labelOn = 'ON',\n  labelOff = 'OFF',\n  dragStyle = {},\n  containerRef = null,\n  handRef = null,\n  name = '',\n  value = '',\n  size = 's',\n  defaultState,\n}) => {\n  const {\n    cssClassName,\n    classNameBlock,\n    classNameElement,\n  } = convertPropToCssClassName('form-element-toggle', className, {\n    hasError,\n    readOnly,\n    disabled,\n    checked,\n    id,\n    size,\n  });\n  const allowChange = disabled || readOnly;\n\n  let label = checked ? (\n    <div className={classNameElement('icon-on')}>{labelOn}</div>\n  ) : (\n    <div className={classNameElement('icon-off')}>{labelOff}</div>\n  );\n\n  if (readOnly) {\n    label = (\n      <DSTooltip\n        interactionType=\"hover\"\n        title=\"Read Only\"\n        triggerComponent={label}\n      />\n    );\n  }\n\n  return (\n    <div\n      data-testid=\"em-ds-toggle\"\n      {...containerProps}\n      aria-disabled={disabled}\n      defaultChecked={checked}\n      defaultValue={value}\n      {...onClickHandlerForNonInteractiveElements(\n        allowChange ? null : onChange,\n      )}\n      ref={containerRef}\n      className={`${cssClassName} ${\n        defaultState ? 'default-state-checked' : ''\n      }${hide ? ' ds-form-element-toggle-hide' : ''}`}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      // eslint-disable-next-line jsx-a11y/role-has-required-aria-props\n      aria-checked={checked}\n      role=\"checkbox\"\n      tabIndex={0}\n    >\n      <div className={classNameBlock('box')}>{label}</div>\n      <div\n        ref={handRef}\n        aria-checked={checked}\n        aria-disabled={disabled}\n        className={`${classNameElement('input')} ${\n          defaultState ? 'default-state-checked' : ''\n        }`}\n        onMouseDown={allowChange ? null : onMouseDown}\n        onMouseEnter={allowChange ? null : onMouseEnter}\n        onMouseLeave={allowChange ? null : onMouseLeave}\n        onTouchCancel={allowChange ? null : onTouchCancel}\n        onTouchEnd={allowChange ? null : onTouchEnd}\n        onTouchMove={allowChange ? null : onTouchMove}\n        onTouchStart={allowChange ? null : onTouchStart}\n        style={{\n          ...style,\n          ...dragStyle,\n        }}\n      />\n      <input\n        className={classNameElement('hidden-checkbox')}\n        defaultChecked={checked}\n        defaultValue={value}\n        name={name}\n        type=\"checkbox\"\n      />\n    </div>\n  );\n};\n\nexport { DSToggleRender };\nexport default DSToggleRender;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACEA;AACA;AACA;AACA;AAEA,MAAM,iBAAiB,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,WAAW;AAAA,EACX;AAAA,EACA,WAAW;AAAA,EACX,WAAW;AAAA,EACX,UAAU;AAAA,EACV,SAAS,MAAM;AAAA,EACf,UAAU,MAAM;AAAA,EAChB,WAAW,MAAM;AAAA,EACjB,cAAc,MAAM;AAAA,EACpB,eAAe,MAAM;AAAA,EACrB,eAAe,MAAM;AAAA,EACrB,gBAAgB,MAAM;AAAA,EACtB,aAAa,MAAM;AAAA,EACnB,cAAc,MAAM;AAAA,EACpB,eAAe,MAAM;AAAA,EACrB,UAAU;AAAA,EACV,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP;AAAA,MACI;AACJ,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,MACE,0BAA0B,uBAAuB,WAAW;AAAA,IAC9D;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAEF,QAAM,cAAc,YAAY;AAEhC,MAAI,QAAQ,UACV,qCAAC,OAAD;AAAA,IAAK,WAAW,iBAAiB;AAAA,KAAa,WAE9C,qCAAC,OAAD;AAAA,IAAK,WAAW,iBAAiB;AAAA,KAAc;AAGjD,MAAI,UAAU;AACZ,YACE,qCAAC,WAAD;AAAA,MACE,iBAAgB;AAAA,MAChB,OAAM;AAAA,MACN,kBAAkB;AAAA;AAAA;AAKxB,SACE,qCAAC,OAAD;AAAA,IACE,eAAY;AAAA,KACR,iBAFN;AAAA,IAGE,iBAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,cAAc;AAAA,MACV,wCACF,cAAc,OAAO,YAPzB;AAAA,IASE,KAAK;AAAA,IACL,WAAW,GAAG,gBACZ,eAAe,0BAA0B,KACxC,OAAO,iCAAiC;AAAA,IAC3C;AAAA,IACA;AAAA,IAEA,gBAAc;AAAA,IACd,MAAK;AAAA,IACL,UAAU;AAAA,MAEV,qCAAC,OAAD;AAAA,IAAK,WAAW,eAAe;AAAA,KAAS,QACxC,qCAAC,OAAD;AAAA,IACE,KAAK;AAAA,IACL,gBAAc;AAAA,IACd,iBAAe;AAAA,IACf,WAAW,GAAG,iBAAiB,YAC7B,eAAe,0BAA0B;AAAA,IAE3C,aAAa,cAAc,OAAO;AAAA,IAClC,cAAc,cAAc,OAAO;AAAA,IACnC,cAAc,cAAc,OAAO;AAAA,IACnC,eAAe,cAAc,OAAO;AAAA,IACpC,YAAY,cAAc,OAAO;AAAA,IACjC,aAAa,cAAc,OAAO;AAAA,IAClC,cAAc,cAAc,OAAO;AAAA,IACnC,OAAO,kCACF,QACA;AAAA,MAGP,qCAAC,SAAD;AAAA,IACE,WAAW,iBAAiB;AAAA,IAC5B,gBAAgB;AAAA,IAChB,cAAc;AAAA,IACd;AAAA,IACA,MAAK;AAAA;AAAA;AAOb,IAAO,yBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACEA;AACA;AACA;AACA;AAEA,MAAM,iBAAiB,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ,CAAC;AAAA,EACT,WAAW;AAAA,EACX;AAAA,EACA,WAAW;AAAA,EACX,WAAW;AAAA,EACX,UAAU;AAAA,EACV,SAAS,MAAM;AAAA,EACf,UAAU,MAAM;AAAA,EAChB,WAAW,MAAM;AAAA,EACjB,cAAc,MAAM;AAAA,EACpB,eAAe,MAAM;AAAA,EACrB,eAAe,MAAM;AAAA,EACrB,gBAAgB,MAAM;AAAA,EACtB,aAAa,MAAM;AAAA,EACnB,cAAc,MAAM;AAAA,EACpB,eAAe,MAAM;AAAA,EACrB,UAAU;AAAA,EACV,WAAW;AAAA,EACX,YAAY,CAAC;AAAA,EACb,eAAe;AAAA,EACf,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP;AAAA,MACI;AACJ,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,MACE,0BAA0B,uBAAuB,WAAW;AAAA,IAC9D;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,cAAc,YAAY;AAEhC,MAAI,QAAQ,UACV,qCAAC;AAAA,IAAI,WAAW,iBAAiB,SAAS;AAAA,KAAI,OAAQ,IAEtD,qCAAC;AAAA,IAAI,WAAW,iBAAiB,UAAU;AAAA,KAAI,QAAS;AAG1D,MAAI,UAAU;AACZ,YACE,qCAAC;AAAA,MACC,iBAAgB;AAAA,MAChB,OAAM;AAAA,MACN,kBAAkB;AAAA,KACpB;AAAA,EAEJ;AAEA,SACE,qCAAC;AAAA,IACC,eAAY;AAAA,KACR,iBAFL;AAAA,IAGC,iBAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,cAAc;AAAA,MACV,wCACF,cAAc,OAAO,QACvB,IARD;AAAA,IASC,KAAK;AAAA,IACL,WAAW,GAAG,gBACZ,eAAe,0BAA0B,KACxC,OAAO,iCAAiC;AAAA,IAC3C;AAAA,IACA;AAAA,IAEA,gBAAc;AAAA,IACd,MAAK;AAAA,IACL,UAAU;AAAA,MAEV,qCAAC;AAAA,IAAI,WAAW,eAAe,KAAK;AAAA,KAAI,KAAM,GAC9C,qCAAC;AAAA,IACC,KAAK;AAAA,IACL,gBAAc;AAAA,IACd,iBAAe;AAAA,IACf,WAAW,GAAG,iBAAiB,OAAO,KACpC,eAAe,0BAA0B;AAAA,IAE3C,aAAa,cAAc,OAAO;AAAA,IAClC,cAAc,cAAc,OAAO;AAAA,IACnC,cAAc,cAAc,OAAO;AAAA,IACnC,eAAe,cAAc,OAAO;AAAA,IACpC,YAAY,cAAc,OAAO;AAAA,IACjC,aAAa,cAAc,OAAO;AAAA,IAClC,cAAc,cAAc,OAAO;AAAA,IACnC,OAAO,kCACF,QACA;AAAA,GAEP,GACA,qCAAC;AAAA,IACC,WAAW,iBAAiB,iBAAiB;AAAA,IAC7C,gBAAgB;AAAA,IAChB,cAAc;AAAA,IACd;AAAA,IACA,MAAK;AAAA,GACP,CACF;AAEJ;AAGA,IAAO,yBAAQ;",
   "names": []
 }

package/dist/esm/Toggle/props.js CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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"],
-  "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;",
+  "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,CAAC,CAAC;AAAA,EAIlC,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,YAAY;AAAA,EAIlC,MAAM,UAAU;AAClB;",
   "names": []
 }

package/dist/esm/Toggle/toggleHelper.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Toggle/toggleHelper.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const isValidDrag = ({\n  inside,\n  circleWidth,\n  drag,\n  checked,\n  boxWidth,\n}) => {\n  const difference = boxWidth - circleWidth;\n  return checked\n    ? !inside && -drag > difference / 2\n    : !inside && drag > boxWidth / 3;\n};\n\nexport const cleanDrag = () => ({\n  startPoint: null,\n  isDragging: false,\n});\n\n// eslint-disable-next-line complexity\nexport const calculateDrag = (\n  clientX,\n  { startPoint, checked, isDragging, boxWidth, circleWidth },\n) => {\n  if (!isDragging) return null;\n  const move = startPoint - clientX;\n  const drag = !checked ? clientX - startPoint : boxWidth - circleWidth - move;\n  if (!checked && clientX > 0 && clientX > startPoint && drag < boxWidth * 0.7)\n    return drag;\n  if (checked && clientX > 0 && clientX < startPoint && move < boxWidth * 0.7)\n    return drag;\n  return null;\n};\n\nexport const dragStartingPoints = (checked) => ({ circleWidth, boxWidth }) => {\n  if (checked) return { drag: boxWidth - circleWidth };\n  return {\n    drag: 0,\n  };\n};\n"],
-  "mappings": "AAAA;ACAO,MAAM,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,aAAa,WAAW;AAC9B,SAAO,UACH,CAAC,UAAU,CAAC,OAAO,aAAa,IAChC,CAAC,UAAU,OAAO,WAAW;AAAA;AAG5B,MAAM,YAAY,MAAO;AAAA,EAC9B,YAAY;AAAA,EACZ,YAAY;AAAA;AAIP,MAAM,gBAAgB,CAC3B,SACA,EAAE,YAAY,SAAS,YAAY,UAAU,kBAC1C;AACH,MAAI,CAAC;AAAY,WAAO;AACxB,QAAM,OAAO,aAAa;AAC1B,QAAM,OAAO,CAAC,UAAU,UAAU,aAAa,WAAW,cAAc;AACxE,MAAI,CAAC,WAAW,UAAU,KAAK,UAAU,cAAc,OAAO,WAAW;AACvE,WAAO;AACT,MAAI,WAAW,UAAU,KAAK,UAAU,cAAc,OAAO,WAAW;AACtE,WAAO;AACT,SAAO;AAAA;AAGF,MAAM,qBAAqB,CAAC,YAAY,CAAC,EAAE,aAAa,eAAe;AAC5E,MAAI;AAAS,WAAO,EAAE,MAAM,WAAW;AACvC,SAAO;AAAA,IACL,MAAM;AAAA;AAAA;",
+  "mappings": "AAAA;ACAO,MAAM,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,aAAa,WAAW;AAC9B,SAAO,UACH,CAAC,UAAU,CAAC,OAAO,aAAa,IAChC,CAAC,UAAU,OAAO,WAAW;AACnC;AAEO,MAAM,YAAY,MAAO;AAAA,EAC9B,YAAY;AAAA,EACZ,YAAY;AACd;AAGO,MAAM,gBAAgB,CAC3B,SACA,EAAE,YAAY,SAAS,YAAY,UAAU,kBAC1C;AACH,MAAI,CAAC;AAAY,WAAO;AACxB,QAAM,OAAO,aAAa;AAC1B,QAAM,OAAO,CAAC,UAAU,UAAU,aAAa,WAAW,cAAc;AACxE,MAAI,CAAC,WAAW,UAAU,KAAK,UAAU,cAAc,OAAO,WAAW;AACvE,WAAO;AACT,MAAI,WAAW,UAAU,KAAK,UAAU,cAAc,OAAO,WAAW;AACtE,WAAO;AACT,SAAO;AACT;AAEO,MAAM,qBAAqB,CAAC,YAAY,CAAC,EAAE,aAAa,eAAe;AAC5E,MAAI;AAAS,WAAO,EAAE,MAAM,WAAW,YAAY;AACnD,SAAO;AAAA,IACL,MAAM;AAAA,EACR;AACF;",
   "names": []
 }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-form",
-  "version": "3.0.0-next.8",
+  "version": "3.0.0-next.80",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Form",
   "files": [
@@ -474,18 +474,25 @@
     "reportFile": "tests.xml",
     "indent": 4
   },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
+    "test": "node ../../scripts/testing/test.mjs",
+    "lint": "node ../../scripts/lint.mjs",
+    "dts": "node ../../scripts/dts.mjs",
+    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
+  },
   "dependencies": {
-    "@elliemae/ds-button": "3.0.0-next.8",
-    "@elliemae/ds-classnames": "3.0.0-next.8",
-    "@elliemae/ds-common": "3.0.0-next.8",
-    "@elliemae/ds-grid": "3.0.0-next.8",
-    "@elliemae/ds-icons": "3.0.0-next.8",
-    "@elliemae/ds-shared": "3.0.0-next.8",
-    "@elliemae/ds-system": "3.0.0-next.8",
-    "@elliemae/ds-text-wrapper": "3.0.0-next.8",
-    "@elliemae/ds-tooltip": "3.0.0-next.8",
-    "@elliemae/ds-truncated-tooltip-text": "3.0.0-next.8",
-    "@elliemae/ds-utilities": "3.0.0-next.8",
+    "@elliemae/ds-button": "workspace:*",
+    "@elliemae/ds-classnames": "workspace:*",
+    "@elliemae/ds-common": "workspace:*",
+    "@elliemae/ds-grid": "workspace:*",
+    "@elliemae/ds-icons": "workspace:*",
+    "@elliemae/ds-shared": "workspace:*",
+    "@elliemae/ds-system": "workspace:*",
+    "@elliemae/ds-text-wrapper": "workspace:*",
+    "@elliemae/ds-tooltip": "workspace:*",
+    "@elliemae/ds-truncated-tooltip-text": "workspace:*",
+    "@elliemae/ds-utilities": "workspace:*",
     "memoize-one": "~5.1.1",
     "moment": "~2.29.1",
     "prop-types": "~15.8.1",
@@ -512,12 +519,5 @@
   "publishConfig": {
     "access": "public",
     "typeSafety": false
-  },
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
-    "test": "node ../../scripts/testing/test.mjs",
-    "lint": "node ../../scripts/lint.mjs",
-    "dts": "node ../../scripts/dts.mjs",
-    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
   }
-}
+}