@elliemae/ds-form 3.27.0-next.1 → 3.27.0-next.3

package/dist/esm/TimeInput/TimeInputImpl.js

@@ -1,90 +0,0 @@
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-import { useRef, useMemo } from "react";
-import PropTypes from "prop-types";
-import { getVisibleTimeByFormat } from "@elliemae/ds-utilities";
-import memoizeOne from "memoize-one";
-import { aggregatedClasses } from "@elliemae/ds-classnames";
-import { TimeInputs } from "./TimeInputs.js";
-const blockName = "input-time";
-const InputTimeContainer = aggregatedClasses("div")(blockName);
-const TimeInputImpl = ({
-  format,
-  innerRef,
-  onChange,
-  className,
-  value,
-  disabled,
-  clearable,
-  "arial-label": ariaLabel
-}) => {
-  const getVisibleTimeInputs = memoizeOne((formatValue) => getVisibleTimeByFormat(formatValue));
-  let inputsContainer = useRef();
-  const handleFocus = (e) => {
-    if (!e.target.type) {
-      inputsContainer.querySelector("input").focus();
-    }
-  };
-  const visibleInputs = useMemo(() => getVisibleTimeInputs(format));
-  return /* @__PURE__ */ jsx(InputTimeContainer, { className, disabled, innerRef, onClick: handleFocus, children: /* @__PURE__ */ jsx(
-    TimeInputs,
-    {
-      "aria-label": ariaLabel,
-      clearable,
-      disabled,
-      format,
-      innerRef: (node) => {
-        inputsContainer = node;
-      },
-      onChange,
-      time: value,
-      ...visibleInputs
-    }
-  ) });
-};
-TimeInputImpl.propTypes = {
-  containerProps: PropTypes.shape({}),
-  /**
-   * Inner reference to the input
-   */
-  innerRef: PropTypes.any,
-  /**
-   * Classes to add to the container
-   */
-  className: PropTypes.string,
-  /**
-   * Styles to add to the container
-   */
-  style: PropTypes.shape({}),
-  /**
-   * Allows a function that is triggered once the time input changes
-   */
-  onChange: PropTypes.func,
-  /**
-   * Valid time format
-   */
-  format: PropTypes.string,
-  /**
-   * Default value once the component is initialized
-   */
-  value: PropTypes.string,
-  /**
-   * Whether the time input is clearable or not
-   */
-  clearable: PropTypes.bool,
-  /**
-   * Whether the time input is disabled or not
-   */
-  disabled: PropTypes.bool,
-  /**
-   * Aria label to add to the container
-   */
-  "aria-label": PropTypes.bool,
-  "arial-label": PropTypes.bool
-};
-var TimeInputImpl_default = TimeInputImpl;
-export {
-  TimeInputImpl,
-  TimeInputImpl_default as default
-};
-//# sourceMappingURL=TimeInputImpl.js.map

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

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

package/dist/esm/TimeInput/TimeInputs.js

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

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

@@ -1,7 +0,0 @@
-{
-  "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.js';\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": ["React"]
-}

package/dist/esm/TimeInput/index.js

@@ -1,3 +0,0 @@
-import * as React from "react";
-export * from "./DSTimeInput.js";
-//# sourceMappingURL=index.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/TimeInput/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSTimeInput.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;",
-  "names": []
-}

package/dist/esm/TimeInput/utils.js

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

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/TimeInput/utils.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { addLeadingZeros, 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": []
-}