@elliemae/ds-legacy-time-picker 1.0.0-rc.1

package/dist/cjs/TimePickerDropdown.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/TimePickerDropdown.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { RecentDocuments } from '@elliemae/ds-legacy-icons';\nimport DSButton from '@elliemae/ds-legacy-button';\nimport DSPopper from '@elliemae/ds-legacy-popper';\n\nconst TimePickerDropdown = ({ disabled = false, onClick, onOpen, isOpen, menu, zIndex, blockName, placement }) => (\n  <DSPopper\n    blockName={blockName}\n    placement={placement}\n    contentComponent={menu}\n    isOpen={isOpen}\n    onOpen={onOpen}\n    modifiers={{\n      preventOverflow: {\n        enabled: true,\n        padding: 0,\n        boundariesElement: 'window',\n      },\n    }}\n    showArrow={false}\n    triggerComponent={\n      <DSButton buttonType=\"secondary\" disabled={disabled} icon={<RecentDocuments />} iconSize=\"s\" onClick={onClick} />\n    }\n    zIndex={zIndex}\n  />\n);\n\nTimePickerDropdown.propTypes = {\n  onClick: PropTypes.func,\n  onOpen: PropTypes.func,\n  disabled: PropTypes.bool,\n  isOpen: PropTypes.bool,\n  menu: PropTypes.element,\n  blockName: PropTypes.string,\n  placement: PropTypes.string,\n  zIndex: PropTypes.number,\n};\n\nexport default TimePickerDropdown;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADsB0C;AArBjE,wBAAsB;AACtB,6BAAgC;AAChC,8BAAqB;AACrB,8BAAqB;AAErB,MAAM,qBAAqB,CAAC,EAAE,WAAW,OAAO,SAAS,QAAQ,QAAQ,MAAM,QAAQ,WAAW,UAAU,MAC1G;AAAA,EAAC,wBAAAA;AAAA,EAAA;AAAA,IACC;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACT,iBAAiB;AAAA,QACf,SAAS;AAAA,QACT,SAAS;AAAA,QACT,mBAAmB;AAAA,MACrB;AAAA,IACF;AAAA,IACA,WAAW;AAAA,IACX,kBACE,4CAAC,wBAAAC,SAAA,EAAS,YAAW,aAAY,UAAoB,MAAM,4CAAC,0CAAgB,GAAI,UAAS,KAAI,SAAkB;AAAA,IAEjH;AAAA;AACF;AAGF,mBAAmB,YAAY;AAAA,EAC7B,SAAS,kBAAAC,QAAU;AAAA,EACnB,QAAQ,kBAAAA,QAAU;AAAA,EAClB,UAAU,kBAAAA,QAAU;AAAA,EACpB,QAAQ,kBAAAA,QAAU;AAAA,EAClB,MAAM,kBAAAA,QAAU;AAAA,EAChB,WAAW,kBAAAA,QAAU;AAAA,EACrB,WAAW,kBAAAA,QAAU;AAAA,EACrB,QAAQ,kBAAAA,QAAU;AACpB;AAEA,IAAO,6BAAQ;",
+  "names": ["DSPopper", "DSButton", "PropTypes"]
+}

package/dist/cjs/TimePickerImpl.js

@@ -0,0 +1,190 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var TimePickerImpl_exports = {};
+__export(TimePickerImpl_exports, {
+  default: () => TimePickerImpl_default
+});
+module.exports = __toCommonJS(TimePickerImpl_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_prop_types = __toESM(require("prop-types"));
+var import_moment = __toESM(require("moment"));
+var import_memoize_one = __toESM(require("memoize-one"));
+var import_ds_legacy_utilities = require("@elliemae/ds-legacy-utilities");
+var import_ds_legacy_classnames = require("@elliemae/ds-legacy-classnames");
+var import_ds_legacy_form = require("@elliemae/ds-legacy-form");
+var import_TimePickerMenu = __toESM(require("./TimePickerMenu.js"));
+var import_TimePickerDropdown = __toESM(require("./TimePickerDropdown.js"));
+var import_utils = require("./utils.js");
+const blockName = "time-picker";
+const TimePickerContainer = (0, import_ds_legacy_classnames.aggregatedClasses)(import_ds_legacy_form.DSInputGroup)(blockName, null, ({ isMenuOpened }) => ({
+  isMenuOpened
+}));
+const TimePickerImpl = ({
+  value,
+  onChange,
+  onOpen,
+  format,
+  disabled,
+  hasHeader,
+  hasHeaderDisplay,
+  className,
+  containerProps,
+  placement,
+  zIndex,
+  disabledTimes,
+  minutesInterval
+}) => {
+  (0, import_ds_legacy_utilities.useDeprecateComponent)({ componentName: "ds-time-picker", version: "TBD Date: 2023 Q3" });
+  const [time, setTime] = (0, import_react.useState)();
+  const [isMenuOpened, setIsMenuOpened] = (0, import_react.useState)(false);
+  const [focusedColumn, setFocusedColumn] = (0, import_react.useState)(null);
+  const timePickerRef = (0, import_react.useRef)();
+  (0, import_react.useEffect)(() => {
+    if ((0, import_moment.default)(value).isValid())
+      setTime((0, import_moment.default)(value));
+    else if (value === null)
+      setTime(void 0);
+  }, [value]);
+  (0, import_react.useEffect)(() => {
+    window.addEventListener("click", handleClickOutside, false);
+    return () => window.removeEventListener("click", handleClickOutside, false);
+  }, []);
+  (0, import_react.useEffect)(() => {
+    window.addEventListener("keydown", handleKeyDown, false);
+    return () => window.removeEventListener("keydown", handleKeyDown, false);
+  }, []);
+  (0, import_react.useEffect)(() => {
+    if (isMenuOpened)
+      handleChangeFocus();
+  }, [isMenuOpened]);
+  const handleClickOutside = () => {
+    if (isMenuOpened)
+      setIsMenuOpened(false);
+  };
+  const handleKeyDown = (event) => {
+    const { key } = event;
+    const menuOpenKeys = ["Escape", " ", "Enter"];
+    if (menuOpenKeys.includes(key))
+      setIsMenuOpened(false);
+  };
+  const handleChangeFocus = () => {
+    const [firstColumn] = document.getElementsByClassName("em-ds-time-picker-panel");
+    if (firstColumn && !focusedColumn) {
+      setFocusedColumn(firstColumn);
+      firstColumn.focus();
+    }
+  };
+  const handlePickerChange = (newTime) => {
+    setTime((0, import_moment.default)(newTime));
+    onChange((0, import_moment.default)(newTime));
+  };
+  const handleInputChange = (newTime) => {
+    setTime(newTime);
+    onChange(newTime);
+  };
+  const handleMenuOpen = (isOpen) => {
+    onOpen(isOpen);
+    setIsMenuOpened(isOpen);
+    if (!isOpen)
+      setFocusedColumn(null);
+  };
+  const getVisibleTimePanels = (0, import_memoize_one.default)((format2) => (0, import_ds_legacy_utilities.getVisibleTimeByFormat)(format2));
+  const timePickerBlockName = (0, import_ds_legacy_classnames.convertPropToCssClassName)(blockName);
+  const visiblePanels = getVisibleTimePanels(format);
+  const disabledTimeRange = disabledTimes && {
+    from: (0, import_utils.convertTimeString)(disabledTimes.from),
+    to: (0, import_utils.convertTimeString)(disabledTimes.to)
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    TimePickerContainer,
+    {
+      className: `${className} variant-${!disabled ? "default" : "disabled"}`,
+      containerProps,
+      disabled,
+      rightAddon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_TimePickerDropdown.default,
+        {
+          blockName: timePickerBlockName,
+          disabled,
+          isOpen: isMenuOpened,
+          zIndex,
+          placement,
+          onOpen: handleMenuOpen,
+          onClick: (e) => {
+            e.preventDefault();
+            handleMenuOpen(!isMenuOpened);
+          },
+          menu: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: timePickerRef, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_TimePickerMenu.default,
+            {
+              disabled,
+              disabledTimes: disabledTimeRange,
+              format,
+              hasHeader,
+              hasHeaderDisplay,
+              onTimeChange: handlePickerChange,
+              minutesInterval,
+              time,
+              ...visiblePanels
+            }
+          ) })
+        }
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_ds_legacy_form.DSInput,
+        {
+          customInputType: ({ onChange: handleChange, ...restInputProps }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_legacy_form.TimeInputImpl, { clearable: true, disabled, format, onChange: handleChange, ...restInputProps }),
+          isShowElipsisActive: false,
+          disabled,
+          onChange: handleInputChange,
+          value: time
+        }
+      )
+    }
+  );
+};
+TimePickerImpl.propTypes = {
+  value: import_prop_types.default.instanceOf(Date, import_moment.default),
+  onChange: import_prop_types.default.func,
+  onOpen: import_prop_types.default.func,
+  format: import_prop_types.default.string,
+  disabled: import_prop_types.default.bool,
+  hasHeader: import_prop_types.default.bool,
+  hasHeaderDisplay: import_prop_types.default.bool,
+  className: import_prop_types.default.string,
+  containerProps: import_prop_types.default.object,
+  placement: import_prop_types.default.string,
+  zIndex: import_prop_types.default.number,
+  disabledTimes: import_prop_types.default.object,
+  minutesInterval: import_prop_types.default.number
+};
+var TimePickerImpl_default = TimePickerImpl;
+//# sourceMappingURL=TimePickerImpl.js.map

package/dist/cjs/TimePickerImpl.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/TimePickerImpl.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable no-shadow */\nimport React, { useState, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport memoizeOne from 'memoize-one';\nimport { getVisibleTimeByFormat, useDeprecateComponent } from '@elliemae/ds-legacy-utilities';\nimport { aggregatedClasses, convertPropToCssClassName } from '@elliemae/ds-legacy-classnames';\nimport { DSInput, DSInputGroup, TimeInputImpl } from '@elliemae/ds-legacy-form';\nimport TimePickerMenu from './TimePickerMenu.js';\nimport TimePickerDropdown from './TimePickerDropdown.js';\nimport { convertTimeString } from './utils.js';\n\nconst blockName = 'time-picker';\n\nconst TimePickerContainer = aggregatedClasses(DSInputGroup)(blockName, null, ({ isMenuOpened }) => ({\n  isMenuOpened,\n}));\n\nconst TimePickerImpl = ({\n  value,\n  onChange,\n  onOpen,\n  format,\n  disabled,\n  hasHeader,\n  hasHeaderDisplay,\n  className,\n  containerProps,\n  placement,\n  zIndex,\n  disabledTimes,\n  minutesInterval,\n}) => {\n  useDeprecateComponent({ componentName: 'ds-time-picker', version: 'TBD Date: 2023 Q3' });\n\n  const [time, setTime] = useState();\n  const [isMenuOpened, setIsMenuOpened] = useState(false);\n  const [focusedColumn, setFocusedColumn] = useState(null);\n  const timePickerRef = useRef();\n  useEffect(() => {\n    if (moment(value).isValid()) setTime(moment(value));\n    else if (value === null) setTime(undefined);\n  }, [value]);\n\n  useEffect(() => {\n    window.addEventListener('click', handleClickOutside, false);\n    return () => window.removeEventListener('click', handleClickOutside, false);\n  }, []);\n\n  useEffect(() => {\n    window.addEventListener('keydown', handleKeyDown, false);\n    return () => window.removeEventListener('keydown', handleKeyDown, false);\n  }, []);\n\n  useEffect(() => {\n    if (isMenuOpened) handleChangeFocus();\n  }, [isMenuOpened]);\n\n  const handleClickOutside = () => {\n    if (isMenuOpened) setIsMenuOpened(false);\n  };\n\n  const handleKeyDown = (event) => {\n    const { key } = event;\n    const menuOpenKeys = ['Escape', ' ', 'Enter'];\n    if (menuOpenKeys.includes(key)) setIsMenuOpened(false);\n  };\n\n  const handleChangeFocus = () => {\n    const [firstColumn] = document.getElementsByClassName('em-ds-time-picker-panel');\n    if (firstColumn && !focusedColumn) {\n      setFocusedColumn(firstColumn);\n      firstColumn.focus();\n    }\n  };\n\n  const handlePickerChange = (newTime) => {\n    setTime(moment(newTime));\n    onChange(moment(newTime));\n  };\n\n  const handleInputChange = (newTime) => {\n    setTime(newTime);\n    onChange(newTime);\n  };\n\n  const handleMenuOpen = (isOpen) => {\n    onOpen(isOpen);\n    setIsMenuOpened(isOpen);\n    if (!isOpen) setFocusedColumn(null);\n  };\n\n  const getVisibleTimePanels = memoizeOne((format) => getVisibleTimeByFormat(format));\n  const timePickerBlockName = convertPropToCssClassName(blockName);\n  const visiblePanels = getVisibleTimePanels(format);\n\n  const disabledTimeRange = disabledTimes && {\n    from: convertTimeString(disabledTimes.from),\n    to: convertTimeString(disabledTimes.to),\n  };\n\n  return (\n    <TimePickerContainer\n      className={`${className} variant-${!disabled ? 'default' : 'disabled'}`}\n      containerProps={containerProps}\n      disabled={disabled}\n      rightAddon={\n        <TimePickerDropdown\n          blockName={timePickerBlockName}\n          disabled={disabled}\n          isOpen={isMenuOpened}\n          zIndex={zIndex}\n          placement={placement}\n          onOpen={handleMenuOpen}\n          onClick={(e) => {\n            e.preventDefault();\n            handleMenuOpen(!isMenuOpened);\n          }}\n          menu={\n            <div ref={timePickerRef}>\n              <TimePickerMenu\n                disabled={disabled}\n                disabledTimes={disabledTimeRange}\n                format={format}\n                hasHeader={hasHeader}\n                hasHeaderDisplay={hasHeaderDisplay}\n                onTimeChange={handlePickerChange}\n                minutesInterval={minutesInterval}\n                time={time}\n                {...visiblePanels}\n              />\n            </div>\n          }\n        />\n      }\n    >\n      <DSInput\n        customInputType={({ onChange: handleChange, ...restInputProps }) => (\n          <TimeInputImpl clearable disabled={disabled} format={format} onChange={handleChange} {...restInputProps} />\n        )}\n        isShowElipsisActive={false}\n        disabled={disabled}\n        onChange={handleInputChange}\n        value={time}\n      />\n    </TimePickerContainer>\n  );\n};\n\nTimePickerImpl.propTypes = {\n  value: PropTypes.instanceOf(Date, moment),\n  onChange: PropTypes.func,\n  onOpen: PropTypes.func,\n  format: PropTypes.string,\n  disabled: PropTypes.bool,\n  hasHeader: PropTypes.bool,\n  hasHeaderDisplay: PropTypes.bool,\n  className: PropTypes.string,\n  containerProps: PropTypes.object,\n  placement: PropTypes.string,\n  zIndex: PropTypes.number,\n  disabledTimes: PropTypes.object,\n  minutesInterval: PropTypes.number,\n};\n\nexport default TimePickerImpl;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": ["moment", "memoizeOne", "format", "TimePickerDropdown", "TimePickerMenu", "PropTypes"]
+}

package/dist/cjs/TimePickerMenu.js

@@ -0,0 +1,280 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var TimePickerMenu_exports = {};
+__export(TimePickerMenu_exports, {
+  TimePickerMenu: () => TimePickerMenu,
+  default: () => TimePickerMenu_default
+});
+module.exports = __toCommonJS(TimePickerMenu_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_prop_types = __toESM(require("prop-types"));
+var import_ds_legacy_classnames = require("@elliemae/ds-legacy-classnames");
+var import_moment = __toESM(require("moment"));
+var import_ds_legacy_utilities = require("@elliemae/ds-legacy-utilities");
+var import_utils = require("./utils.js");
+var import_PickerPanel = __toESM(require("./PickerPanel.js"));
+const blockName = "time-picker-menu";
+const TimePickerContainer = (0, import_ds_legacy_classnames.aggregatedClasses)("div")(blockName);
+const TimePickerHeader = (0, import_ds_legacy_classnames.aggregatedClasses)("div")(blockName, "header");
+const TimePickerPanelContainer = (0, import_ds_legacy_classnames.aggregatedClasses)("div")(blockName, "panel-container");
+const generateOption = (format) => (option) => ({
+  value: option,
+  label: typeof format === "function" ? format(option) : option
+});
+class TimePickerMenu extends import_react.Component {
+  constructor(props) {
+    super(props);
+    this.renderHeader = () => {
+      const { time } = this.state;
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TimePickerHeader, { children: time.format("hh:mma") });
+    };
+    this.state = {
+      time: (0, import_moment.default)(props.time || "", props.format) || (0, import_moment.default)()
+    };
+    this.handleMinuteChange = this.handleMinuteChange.bind(this);
+    this.handleHoursChange = this.handleHoursChange.bind(this);
+    this.handleSecondsChange = this.handleSecondsChange.bind(this);
+    this.handleAMPMChange = this.handleAMPMChange.bind(this);
+    this.updateTime = this.updateTime.bind(this);
+    this.renderHoursPanel = this.renderHoursPanel.bind(this);
+    this.renderMinutesPanel = this.renderMinutesPanel.bind(this);
+    this.renderSecondsPanel = this.renderSecondsPanel.bind(this);
+    this.renderAMPMPanel = this.renderAMPMPanel.bind(this);
+    this.renderHeader = this.renderHeader.bind(this);
+  }
+  static getDerivedStateFromProps(props, state) {
+    if (props.time) {
+      return { ...state, time: (0, import_moment.default)(props.time) };
+    }
+    return { ...state, time: void 0 };
+  }
+  componentDidMount() {
+    const { time } = this.state;
+    this.setState({ time });
+  }
+  handleMinuteChange(value) {
+    const { time } = this.state;
+    this.updateTime(time.minute(value));
+  }
+  handleHoursChange(value) {
+    const { time } = this.state;
+    const { use12Hours } = this.props;
+    let nextHour = value;
+    if (use12Hours) {
+      if (!(0, import_utils.isAM)(time)) {
+        nextHour = value % 12 + 12;
+      }
+    }
+    this.updateTime(time.hour(nextHour));
+  }
+  handleSecondsChange(value) {
+    const { time } = this.state;
+    this.updateTime(time.second(value));
+  }
+  handleAMPMChange(value) {
+    const { time } = this.state;
+    const hour = time.hour();
+    const nextHour = value.toLowerCase() === "am" ? hour % 12 : hour % 12 + 12;
+    this.updateTime(time.hour(nextHour));
+  }
+  updateTime(time) {
+    const { onTimeChange } = this.props;
+    onTimeChange(time);
+    this.setState({ time });
+  }
+  renderHoursPanel() {
+    const { time } = this.state;
+    const { showHours, use12Hours, format, hasHeader, disabledTimes } = this.props;
+    if (!showHours)
+      return null;
+    const hour = time.hour();
+    let selectedHour = use12Hours ? hour % 12 || 12 : hour;
+    if (disabledTimes) {
+      const { from, to } = disabledTimes;
+      if (hour > from.hour && hour < to.hour) {
+        if (to.hour < 24) {
+          const toFormatted = to.hour % 12 || 12;
+          if (selectedHour !== toFormatted)
+            this.handleHoursChange(toFormatted);
+          selectedHour = toFormatted;
+        } else if (from) {
+          selectedHour = (from.hour - 1) % 12 || 12;
+        }
+      }
+    }
+    const meridiem = hour >= 12 ? "PM" : "AM";
+    const withLeadingZeros = format.indexOf("hh") > -1;
+    const rangeHours = use12Hours ? (0, import_ds_legacy_utilities.range)(1, 13) : (0, import_ds_legacy_utilities.range)(24);
+    const hoursOptions = rangeHours.map(generateOption(withLeadingZeros && (0, import_ds_legacy_utilities.addLeadingZeros)(2)));
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_PickerPanel.default,
+      {
+        type: "hour",
+        time,
+        meridiem,
+        hasHeader,
+        header: "H",
+        onChange: this.handleHoursChange,
+        options: hoursOptions,
+        selected: selectedHour,
+        disabledTimes
+      }
+    );
+  }
+  renderMinutesPanel() {
+    const { time } = this.state;
+    const { showMinutes, format, hasHeader, disabledTimes, minutesInterval } = this.props;
+    if (!showMinutes)
+      return null;
+    const withLeadingZeros = format.indexOf("mm") > -1;
+    const rangeMinutes = (0, import_ds_legacy_utilities.range)(0, 60, minutesInterval).map(generateOption(withLeadingZeros && (0, import_ds_legacy_utilities.addLeadingZeros)(2)));
+    let selectedMinute = time.minute();
+    const selectedHour = time.hour();
+    if (disabledTimes) {
+      const { from, to } = disabledTimes;
+      if (selectedHour <= to.hour && selectedHour > from.hour) {
+        if (to) {
+          if (selectedMinute < to.min)
+            this.handleMinuteChange(to.min);
+        } else if (from) {
+          if (selectedMinute > from.min)
+            this.handleMinuteChange(from.min - 1);
+        }
+      } else {
+        selectedMinute = time.minute();
+      }
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_PickerPanel.default,
+      {
+        type: "minutes",
+        time,
+        hasHeader,
+        header: "M",
+        onChange: this.handleMinuteChange,
+        options: rangeMinutes,
+        selected: selectedMinute,
+        disabledTimes
+      }
+    );
+  }
+  renderSecondsPanel() {
+    const { time } = this.state;
+    const { showSeconds, format, hasHeader } = this.props;
+    if (!showSeconds)
+      return null;
+    const withLeadingZeros = format.indexOf("ss") > -1;
+    const rangeSeconds = (0, import_ds_legacy_utilities.range)(60).map(generateOption(withLeadingZeros && (0, import_ds_legacy_utilities.addLeadingZeros)(2)));
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_PickerPanel.default,
+      {
+        type: "seconds",
+        hasHeader,
+        header: "S",
+        onChange: this.handleSecondsChange,
+        options: rangeSeconds,
+        selected: time.second()
+      }
+    );
+  }
+  renderAMPMPanel() {
+    const { time } = this.state;
+    const { use12Hours, hasHeader, disabledTimes } = this.props;
+    if (!use12Hours)
+      return null;
+    let meridiemSelected = !(0, import_utils.isAM)(time) ? "pm" : "am";
+    if (disabledTimes && disabledTimes.to && meridiemSelected === "am") {
+      meridiemSelected = disabledTimes.to.hour >= 12 ? "pm" : "am";
+      if (meridiemSelected === "am" && time.hour() > 12) {
+        this.handleAMPMChange("am");
+      }
+      if (meridiemSelected === "pm" && time.hour() <= 12) {
+        this.handleAMPMChange("pm");
+      }
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_PickerPanel.default,
+      {
+        type: "meridiem",
+        hasHeader,
+        header: "",
+        onChange: this.handleAMPMChange,
+        options: [
+          { value: "am", label: "am" },
+          { value: "pm", label: "pm" }
+        ],
+        selected: meridiemSelected,
+        disabledTimes
+      }
+    );
+  }
+  render() {
+    const { hasHeaderDisplay } = this.props;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TimePickerContainer, { children: [
+      hasHeaderDisplay && this.renderHeader(),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TimePickerPanelContainer, { children: [
+        this.renderHoursPanel(),
+        this.renderMinutesPanel(),
+        this.renderSecondsPanel(),
+        this.renderAMPMPanel()
+      ] })
+    ] });
+  }
+}
+TimePickerMenu.defaultProps = {
+  time: (0, import_moment.default)(),
+  hasHeader: false,
+  use12Hours: true,
+  showSeconds: true,
+  showMinutes: true,
+  showHours: true,
+  disabledTimes: void 0,
+  onTimeChange: () => null
+};
+TimePickerMenu.propTypes = {
+  /** Time value */
+  time: import_prop_types.default.instanceOf(import_moment.default),
+  /** If the menu has header or not */
+  hasHeader: import_prop_types.default.bool,
+  /** Whether to use the 12 hours format */
+  use12Hours: import_prop_types.default.bool,
+  /** Whether show 'seconds' or not */
+  showSeconds: import_prop_types.default.bool,
+  /** Whether show 'minutes' or not */
+  showMinutes: import_prop_types.default.bool,
+  /** Whether show 'hours' or not */
+  showHours: import_prop_types.default.bool,
+  /** Handler when time changes */
+  onTimeChange: import_prop_types.default.func,
+  disabledTimes: import_prop_types.default.object
+};
+var TimePickerMenu_default = TimePickerMenu;
+//# sourceMappingURL=TimePickerMenu.js.map

package/dist/cjs/TimePickerMenu.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/TimePickerMenu.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable complexity */\n/* eslint-disable max-lines */\n/* eslint-disable react/prop-types */\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { aggregatedClasses } from '@elliemae/ds-legacy-classnames';\nimport moment from 'moment';\nimport { range, addLeadingZeros } from '@elliemae/ds-legacy-utilities';\nimport { isAM } from './utils.js';\nimport PickerPanel from './PickerPanel.js';\n\nconst blockName = 'time-picker-menu';\n\nconst TimePickerContainer = aggregatedClasses('div')(blockName);\nconst TimePickerHeader = aggregatedClasses('div')(blockName, 'header');\nconst TimePickerPanelContainer = aggregatedClasses('div')(blockName, 'panel-container');\n\nconst generateOption = (format) => (option) => ({\n  value: option,\n  label: typeof format === 'function' ? format(option) : option,\n});\n\nclass TimePickerMenu extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      time: moment(props.time || '', props.format) || moment(),\n    };\n\n    this.handleMinuteChange = this.handleMinuteChange.bind(this);\n    this.handleHoursChange = this.handleHoursChange.bind(this);\n    this.handleSecondsChange = this.handleSecondsChange.bind(this);\n    this.handleAMPMChange = this.handleAMPMChange.bind(this);\n    this.updateTime = this.updateTime.bind(this);\n    this.renderHoursPanel = this.renderHoursPanel.bind(this);\n    this.renderMinutesPanel = this.renderMinutesPanel.bind(this);\n    this.renderSecondsPanel = this.renderSecondsPanel.bind(this);\n    this.renderAMPMPanel = this.renderAMPMPanel.bind(this);\n    this.renderHeader = this.renderHeader.bind(this);\n  }\n\n  static getDerivedStateFromProps(props, state) {\n    if (props.time) {\n      return { ...state, time: moment(props.time) };\n    }\n    return { ...state, time: undefined };\n  }\n\n  componentDidMount() {\n    const { time } = this.state;\n    this.setState({ time });\n  }\n\n  handleMinuteChange(value) {\n    const { time } = this.state;\n    this.updateTime(time.minute(value));\n  }\n\n  handleHoursChange(value) {\n    const { time } = this.state;\n    const { use12Hours } = this.props;\n    let nextHour = value;\n    if (use12Hours) {\n      if (!isAM(time)) {\n        nextHour = (value % 12) + 12;\n      }\n    }\n    this.updateTime(time.hour(nextHour));\n  }\n\n  handleSecondsChange(value) {\n    const { time } = this.state;\n    this.updateTime(time.second(value));\n  }\n\n  handleAMPMChange(value) {\n    const { time } = this.state;\n    const hour = time.hour();\n    const nextHour = value.toLowerCase() === 'am' ? hour % 12 : (hour % 12) + 12;\n    this.updateTime(time.hour(nextHour));\n  }\n\n  updateTime(time) {\n    const { onTimeChange } = this.props;\n    onTimeChange(time);\n    this.setState({ time });\n  }\n\n  renderHoursPanel() {\n    const { time } = this.state;\n    const { showHours, use12Hours, format, hasHeader, disabledTimes } = this.props;\n    if (!showHours) return null;\n\n    const hour = time.hour(); // in 24 format\n    let selectedHour = use12Hours ? hour % 12 || 12 : hour;\n    if (disabledTimes) {\n      const { from, to } = disabledTimes;\n      if (hour > from.hour && hour < to.hour) {\n        if (to.hour < 24) {\n          const toFormatted = to.hour % 12 || 12;\n          if (selectedHour !== toFormatted) this.handleHoursChange(toFormatted);\n          selectedHour = toFormatted;\n        } else if (from) {\n          selectedHour = (from.hour - 1) % 12 || 12;\n        }\n      }\n    }\n\n    const meridiem = hour >= 12 ? 'PM' : 'AM';\n    const withLeadingZeros = format.indexOf('hh') > -1;\n    const rangeHours = use12Hours ? range(1, 13) : range(24);\n    const hoursOptions = rangeHours.map(generateOption(withLeadingZeros && addLeadingZeros(2)));\n    return (\n      <PickerPanel\n        type=\"hour\"\n        time={time}\n        meridiem={meridiem}\n        hasHeader={hasHeader}\n        header=\"H\"\n        onChange={this.handleHoursChange}\n        options={hoursOptions}\n        selected={selectedHour}\n        disabledTimes={disabledTimes}\n      />\n    );\n  }\n\n  renderMinutesPanel() {\n    const { time } = this.state;\n    const { showMinutes, format, hasHeader, disabledTimes, minutesInterval } = this.props;\n    if (!showMinutes) return null;\n    const withLeadingZeros = format.indexOf('mm') > -1;\n    const rangeMinutes = range(0, 60, minutesInterval).map(generateOption(withLeadingZeros && addLeadingZeros(2)));\n\n    let selectedMinute = time.minute();\n    const selectedHour = time.hour();\n\n    if (disabledTimes) {\n      const { from, to } = disabledTimes;\n      if (selectedHour <= to.hour && selectedHour > from.hour) {\n        if (to) {\n          if (selectedMinute < to.min) this.handleMinuteChange(to.min);\n        } else if (from) {\n          if (selectedMinute > from.min) this.handleMinuteChange(from.min - 1);\n        }\n      } else {\n        selectedMinute = time.minute();\n      }\n    }\n\n    return (\n      <PickerPanel\n        type=\"minutes\"\n        time={time}\n        hasHeader={hasHeader}\n        header=\"M\"\n        onChange={this.handleMinuteChange}\n        options={rangeMinutes}\n        selected={selectedMinute}\n        disabledTimes={disabledTimes}\n      />\n    );\n  }\n\n  renderSecondsPanel() {\n    const { time } = this.state;\n    const { showSeconds, format, hasHeader } = this.props;\n    if (!showSeconds) return null;\n    const withLeadingZeros = format.indexOf('ss') > -1;\n    const rangeSeconds = range(60).map(generateOption(withLeadingZeros && addLeadingZeros(2)));\n    return (\n      <PickerPanel\n        type=\"seconds\"\n        hasHeader={hasHeader}\n        header=\"S\"\n        onChange={this.handleSecondsChange}\n        options={rangeSeconds}\n        selected={time.second()}\n      />\n    );\n  }\n\n  renderAMPMPanel() {\n    const { time } = this.state;\n    const { use12Hours, hasHeader, disabledTimes } = this.props;\n    if (!use12Hours) return null;\n\n    let meridiemSelected = !isAM(time) ? 'pm' : 'am';\n    if (disabledTimes && disabledTimes.to && meridiemSelected === 'am') {\n      meridiemSelected = disabledTimes.to.hour >= 12 ? 'pm' : 'am';\n      if (meridiemSelected === 'am' && time.hour() > 12) {\n        this.handleAMPMChange('am');\n      }\n\n      if (meridiemSelected === 'pm' && time.hour() <= 12) {\n        this.handleAMPMChange('pm');\n      }\n    }\n\n    return (\n      <PickerPanel\n        type=\"meridiem\"\n        hasHeader={hasHeader}\n        header=\"\"\n        onChange={this.handleAMPMChange}\n        options={[\n          { value: 'am', label: 'am' },\n          { value: 'pm', label: 'pm' },\n        ]}\n        selected={meridiemSelected}\n        disabledTimes={disabledTimes}\n      />\n    );\n  }\n\n  renderHeader = () => {\n    const { time } = this.state;\n    return <TimePickerHeader>{time.format('hh:mma')}</TimePickerHeader>;\n  };\n\n  render() {\n    const { hasHeaderDisplay } = this.props;\n\n    return (\n      <TimePickerContainer>\n        {hasHeaderDisplay && this.renderHeader()}\n        <TimePickerPanelContainer>\n          {this.renderHoursPanel()}\n          {this.renderMinutesPanel()}\n          {this.renderSecondsPanel()}\n          {this.renderAMPMPanel()}\n        </TimePickerPanelContainer>\n      </TimePickerContainer>\n    );\n  }\n}\n\nTimePickerMenu.defaultProps = {\n  time: moment(),\n  hasHeader: false,\n  use12Hours: true,\n  showSeconds: true,\n  showMinutes: true,\n  showHours: true,\n  disabledTimes: undefined,\n  onTimeChange: () => null,\n};\n\nTimePickerMenu.propTypes = {\n  /** Time value */\n  time: PropTypes.instanceOf(moment),\n  /** If the menu has header or not */\n  hasHeader: PropTypes.bool,\n  /** Whether to use the 12 hours format */\n  use12Hours: PropTypes.bool,\n  /** Whether show 'seconds' or not */\n  showSeconds: PropTypes.bool,\n  /** Whether show 'minutes' or not */\n  showMinutes: PropTypes.bool,\n  /** Whether show 'hours' or not */\n  showHours: PropTypes.bool,\n  /** Handler when time changes */\n  onTimeChange: PropTypes.func,\n  disabledTimes: PropTypes.object,\n};\n\nexport { TimePickerMenu };\nexport default TimePickerMenu;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": ["moment", "PickerPanel", "PropTypes"]
+}

package/dist/cjs/index.js

@@ -0,0 +1,42 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+__export(src_exports, {
+  convertTimeString: () => import_utils.convertTimeString,
+  default: () => import_DSTimePicker.default
+});
+module.exports = __toCommonJS(src_exports);
+var React = __toESM(require("react"));
+__reExport(src_exports, require("./DSTimePicker.js"), module.exports);
+__reExport(src_exports, require("./TimePickerMenu.js"), module.exports);
+__reExport(src_exports, require("./DSTimePickerMenu.js"), module.exports);
+var import_utils = require("./utils.js");
+var import_DSTimePicker = __toESM(require("./DSTimePicker.js"));
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './DSTimePicker.js';\nexport * from './TimePickerMenu.js';\nexport * from './DSTimePickerMenu.js';\n\nexport { convertTimeString } from './utils.js'; // this is an exception, we should move utils to shared tho?\n\nexport { default } from './DSTimePicker.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,8BAAd;AACA,wBAAc,gCADd;AAEA,wBAAc,kCAFd;AAIA,mBAAkC;AAElC,0BAAwB;",
+  "names": []
+}