@elliemae/ds-time-picker 2.3.0-alpha.8 → 2.3.0-next.2

package/dist/cjs/PickerPanel.js

@@ -1,299 +0,0 @@
-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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var PickerPanel_exports = {};
-__export(PickerPanel_exports, {
-  PickerPanel: () => PickerPanel,
-  default: () => PickerPanel
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_lodash = require("lodash");
-var import_ds_classnames = require("@elliemae/ds-classnames");
-var import_memoize_one = __toESM(require("memoize-one"));
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_ds_button = require("@elliemae/ds-button");
-var import_moveElementOnScroll = require("./moveElementOnScroll");
-var import_utils = require("./utils");
-const blockName = "time-picker-panel";
-const Container = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, null, ({ scrolling }) => ({ scrolling }));
-const Wrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "wrapper");
-const PickerItemListContainer = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "item-list-container");
-const PickerItemList = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "item-list");
-const PickerHeader = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "header");
-const PickerItemContainer = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "item", ({ selected, disabled }) => ({
-  selected,
-  disabled
-}));
-const PickerSelectedOptionSelected = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "selected-container");
-const SelectedCircle = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "selected-circle");
-const ArrowButtonContainer = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "arrow-container");
-const getOptionIndex = (options, selectedOption, valueProperty = "value") => {
-  const index = options.findIndex((option) => option[valueProperty] === selectedOption);
-  return (0, import_utils.validateIndex)(index, options);
-};
-const arrowProps = {
-  buttonType: "text",
-  fluidHeight: true,
-  fluidWidth: true,
-  size: "s"
-};
-class PickerPanel extends import_react.Component {
-  constructor(props) {
-    super(props);
-    this.computeContainerTranslation = (0, import_memoize_one.default)((index) => {
-      const { options, valueProperty } = this.props;
-      const { selectedOption, scrolling } = this.state;
-      const selectedOptionIndex = index || getOptionIndex(options, selectedOption, valueProperty);
-      const listYPosition = this.minYListPosition - selectedOptionIndex * this.optionHeight;
-      if (this.scrollHandler && !scrolling)
-        this.scrollHandler.updatePosition(listYPosition);
-      return listYPosition;
-    });
-    this.renderHeader = () => {
-      const { header } = this.props;
-      return /* @__PURE__ */ import_react.default.createElement(PickerHeader, null, header);
-    };
-    this.pickerListContainerRef = import_react.default.createRef();
-    this.pickerListRef = import_react.default.createRef();
-    this.pickerItemRef = import_react.default.createRef();
-    this.selectedOptionRef = import_react.default.createRef();
-    this.state = {
-      selectedOption: props.selected,
-      activeIndex: 0,
-      prevProps: {}
-    };
-  }
-  componentDidMount() {
-    this.computeSizes();
-    const pickerListContainerEl = this.pickerListContainerRef.current;
-    const pickerListEl = this.pickerListRef.current;
-    this.scrollHandler = new import_moveElementOnScroll.MoveElementOnScroll(pickerListEl, {
-      container: pickerListContainerEl,
-      min: -this.minYListPosition,
-      max: this.maxYListPosition,
-      onUpdate: (pos, delta) => {
-        const { options } = this.props;
-        const index = options.length - -Math.floor((pos - this.maxYListPosition) / this.optionHeight) + (delta > 0 ? 1 : -1);
-        this.moveTo(index, true);
-      },
-      onEndScroll: () => {
-        this.setState({ scrolling: false });
-      }
-    });
-    this.computeContainerTranslation();
-  }
-  componentWillUnmount() {
-    this.scrollHandler.unsubscribe();
-  }
-  static getDerivedStateFromProps(nextProps, { prevProps }) {
-    const { selected, valueProperty, options } = nextProps;
-    if (selected !== prevProps.selected) {
-      return {
-        selectedOption: selected,
-        activeIndex: getOptionIndex(options, selected, valueProperty),
-        prevProps: nextProps
-      };
-    }
-    return null;
-  }
-  getOptionValue(option) {
-    const { valueProperty } = this.props;
-    return option[valueProperty];
-  }
-  getOptionLabel(option) {
-    const { labelProperty } = this.props;
-    return option[labelProperty];
-  }
-  computeSizes() {
-    const { options, numberItemsOnScreen } = this.props;
-    const { offsetHeight: optionHeight } = this.pickerItemRef.current;
-    this.optionHeight = optionHeight;
-    this.listHeight = this.optionHeight * numberItemsOnScreen;
-    this.minYListPosition = this.listHeight / 2 - this.optionHeight / 2;
-    this.maxYListPosition = this.optionHeight * (options.length - Math.ceil(numberItemsOnScreen / 2));
-  }
-  handleOptionSelect(optionValue, index, scrolling) {
-    const { onChange } = this.props;
-    this.setState((state) => ({
-      ...state,
-      scrolling,
-      selectedOption: optionValue,
-      activeIndex: index
-    }), () => {
-      onChange(optionValue, index);
-    });
-  }
-  handleKeyDown(e) {
-    const { activeIndex } = this.state;
-    const { options } = this.props;
-    const [firstColumn, ...restColumns] = document.getElementsByClassName("em-ds-time-picker-panel");
-    const [lastColumn] = restColumns.slice(-1);
-    const [prev] = document.getElementsByClassName("DayPickerNavigation_button");
-    const focusedElement = document.activeElement;
-    switch (e.key) {
-      case "Home":
-        this.moveTo(0);
-        break;
-      case "End":
-        this.moveTo(options.length - 1);
-        break;
-      case "ArrowUp":
-        this.moveTo(activeIndex - 1);
-        break;
-      case "ArrowDown":
-        this.moveTo(activeIndex + 1);
-        break;
-      case "Tab": {
-        e.preventDefault();
-        if (prev && focusedElement === lastColumn) {
-          prev.focus();
-        } else if (focusedElement === lastColumn) {
-          firstColumn.focus();
-        } else {
-          const position = (0, import_lodash.findIndex)(restColumns, focusedElement);
-          restColumns[position + 1].focus();
-        }
-        break;
-      }
-      default:
-        break;
-    }
-  }
-  moveTo(index, scrolling) {
-    const { options } = this.props;
-    const { selectedOption } = this.state;
-    const validIndex = (0, import_utils.validateIndex)(index, options);
-    const option = options[validIndex];
-    const optionValue = this.getOptionValue(option);
-    if (selectedOption !== optionValue && option.disabled !== true) {
-      this.handleOptionSelect(optionValue, validIndex, scrolling);
-    }
-  }
-  handleStepMoveUp() {
-    const { activeIndex } = this.state;
-    const { arrowStep, options } = this.props;
-    const supposedPos = activeIndex - arrowStep;
-    const nextPos = supposedPos >= 0 ? supposedPos : activeIndex - 1;
-    const nextValidOption = options.find((op) => !op.disabled);
-    this.moveTo(nextPos, true, nextValidOption);
-  }
-  handleStepMoveDown() {
-    const { activeIndex } = this.state;
-    const { arrowStep, options } = this.props;
-    const supposedPos = activeIndex + arrowStep;
-    const nextPos = supposedPos <= options.length ? supposedPos : activeIndex + 1;
-    this.moveTo(nextPos);
-  }
-  render() {
-    const { options, hasHeader, type, time, meridiem, disabledTimes } = this.props;
-    const { selectedOption, activeIndex, scrolling } = this.state;
-    const listYPosition = this.computeContainerTranslation(activeIndex);
-    return /* @__PURE__ */ import_react.default.createElement(Wrapper, null, hasHeader && this.renderHeader(), /* @__PURE__ */ import_react.default.createElement(Container, {
-      classProps: { scrolling },
-      onKeyDown: this.handleKeyDown,
-      tabIndex: 0
-    }, /* @__PURE__ */ import_react.default.createElement(PickerSelectedOptionSelected, {
-      innerRef: this.selectedOptionRef
-    }, /* @__PURE__ */ import_react.default.createElement(SelectedCircle, null)), /* @__PURE__ */ import_react.default.createElement(ArrowButtonContainer, null, /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButton, {
-      ...arrowProps,
-      "aria-label": "Chevron Up",
-      "data-testid": `${type}-chevron-up`,
-      disabled: activeIndex <= 0,
-      icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronSmallUp, null),
-      onClick: this.handleStepMoveUp,
-      tabIndex: -1
-    })), /* @__PURE__ */ import_react.default.createElement(PickerItemListContainer, {
-      innerRef: this.pickerListContainerRef,
-      style: {
-        height: this.listHeight
-      }
-    }, /* @__PURE__ */ import_react.default.createElement(PickerItemList, {
-      "data-testid": `${type}-list`,
-      innerRef: this.pickerListRef,
-      style: {
-        transform: `translateY(${listYPosition}px)`
-      }
-    }, options.map((option, index) => {
-      const value = this.getOptionValue(option);
-      const label = this.getOptionLabel(option);
-      let valueFormatted;
-      if (meridiem === "AM")
-        valueFormatted = value;
-      else if (meridiem === "PM" && value === 12)
-        valueFormatted = value;
-      else if (meridiem === "PM")
-        valueFormatted = value + 12;
-      let disabled = false;
-      if (disabledTimes) {
-        const { from, to } = disabledTimes;
-        if (type === "hour" && valueFormatted >= from?.hour && valueFormatted < to?.hour || type === "minutes" && value >= from?.min && value < to?.min) {
-          disabled = true;
-        }
-        if (type === "minutes" && (time?.hour() > to?.hour || time?.hour() < from?.hour)) {
-          disabled = false;
-        }
-        if (label === "am" && from?.hour == 0 && to?.hour >= 12) {
-          disabled = true;
-        }
-        if (label === "pm" && to?.hour == 24) {
-          disabled = true;
-        }
-      }
-      option.disabled = disabled;
-      return /* @__PURE__ */ import_react.default.createElement(PickerItemContainer, {
-        key: value,
-        classProps: {
-          selected: selectedOption ? value === selectedOption : index === 0,
-          disabled
-        },
-        innerRef: this.pickerItemRef,
-        onClick: () => {
-          if (!disabled)
-            this.handleOptionSelect(value, index);
-        }
-      }, label);
-    }))), /* @__PURE__ */ import_react.default.createElement(ArrowButtonContainer, null, /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButton, {
-      ...arrowProps,
-      "aria-label": "Chevron Down",
-      "data-testid": `${type}-chevron-down`,
-      disabled: activeIndex >= options.length - 1,
-      icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronSmallDown, null),
-      onClick: this.handleStepMoveDown,
-      tabIndex: -1
-    }))));
-  }
-}
-PickerPanel.defaultProps = {
-  valueProperty: "value",
-  labelProperty: "label",
-  numberItemsOnScreen: 5,
-  options: [],
-  arrowStep: 1
-};
-module.exports = __toCommonJS(PickerPanel_exports);
-//# sourceMappingURL=PickerPanel.js.map

package/dist/cjs/PickerPanel.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/PickerPanel.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable eqeqeq */\n/* eslint-disable react/prop-types */\n/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport { findIndex } from 'lodash';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport memoizeOne from 'memoize-one';\nimport { ChevronSmallUp, ChevronSmallDown } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\nimport { MoveElementOnScroll } from './moveElementOnScroll';\nimport { validateIndex } from './utils';\n\nconst blockName = 'time-picker-panel';\n\nconst Container = aggregatedClasses('div')(blockName, null, ({ scrolling }) => ({ scrolling }));\nconst Wrapper = aggregatedClasses('div')(blockName, 'wrapper');\nconst PickerItemListContainer = aggregatedClasses('div')(blockName, 'item-list-container');\nconst PickerItemList = aggregatedClasses('div')(blockName, 'item-list');\nconst PickerHeader = aggregatedClasses('div')(blockName, 'header');\nconst PickerItemContainer = aggregatedClasses('div')(blockName, 'item', ({ selected, disabled }) => ({\n  selected,\n  disabled,\n}));\nconst PickerSelectedOptionSelected = aggregatedClasses('div')(blockName, 'selected-container');\nconst SelectedCircle = aggregatedClasses('div')(blockName, 'selected-circle');\nconst ArrowButtonContainer = aggregatedClasses('div')(blockName, 'arrow-container');\n\nconst getOptionIndex = (options, selectedOption, valueProperty = 'value') => {\n  const index = options.findIndex((option) => option[valueProperty] === selectedOption);\n  return validateIndex(index, options);\n};\n\nconst arrowProps = {\n  buttonType: 'text',\n  fluidHeight: true,\n  fluidWidth: true,\n  size: 's',\n};\n\nexport default class PickerPanel extends Component {\n  computeContainerTranslation = memoizeOne((index) => {\n    const { options, valueProperty } = this.props;\n    const { selectedOption, scrolling } = this.state;\n\n    const selectedOptionIndex = index || getOptionIndex(options, selectedOption, valueProperty);\n    const listYPosition = this.minYListPosition - selectedOptionIndex * this.optionHeight;\n\n    if (this.scrollHandler && !scrolling) this.scrollHandler.updatePosition(listYPosition);\n\n    return listYPosition;\n  });\n\n  constructor(props) {\n    super(props);\n    this.pickerListContainerRef = React.createRef();\n    this.pickerListRef = React.createRef();\n    this.pickerItemRef = React.createRef();\n    this.selectedOptionRef = React.createRef();\n\n    this.state = {\n      selectedOption: props.selected,\n      activeIndex: 0,\n      // eslint-disable-next-line react/no-unused-state\n      prevProps: {},\n    };\n  }\n\n  componentDidMount() {\n    this.computeSizes();\n    const pickerListContainerEl = this.pickerListContainerRef.current;\n    const pickerListEl = this.pickerListRef.current;\n\n    this.scrollHandler = new MoveElementOnScroll(pickerListEl, {\n      container: pickerListContainerEl,\n      min: -this.minYListPosition,\n      max: this.maxYListPosition,\n      onUpdate: (pos, delta) => {\n        const { options } = this.props;\n        const index =\n          options.length - -Math.floor((pos - this.maxYListPosition) / this.optionHeight) + (delta > 0 ? 1 : -1);\n        this.moveTo(index, true);\n      },\n      onEndScroll: () => {\n        this.setState({ scrolling: false });\n      },\n    });\n    this.computeContainerTranslation();\n  }\n\n  componentWillUnmount() {\n    this.scrollHandler.unsubscribe();\n  }\n\n  static getDerivedStateFromProps(nextProps, { prevProps }) {\n    const { selected, valueProperty, options } = nextProps;\n    if (selected !== prevProps.selected) {\n      return {\n        selectedOption: selected,\n        activeIndex: getOptionIndex(options, selected, valueProperty),\n        prevProps: nextProps,\n      };\n    }\n    return null;\n  }\n\n  getOptionValue(option) {\n    const { valueProperty } = this.props;\n    return option[valueProperty];\n  }\n\n  getOptionLabel(option) {\n    const { labelProperty } = this.props;\n    return option[labelProperty];\n  }\n\n  computeSizes() {\n    const { options, numberItemsOnScreen } = this.props;\n    const { offsetHeight: optionHeight } = this.pickerItemRef.current;\n\n    this.optionHeight = optionHeight;\n    this.listHeight = this.optionHeight * numberItemsOnScreen;\n\n    this.minYListPosition = this.listHeight / 2 - this.optionHeight / 2;\n    this.maxYListPosition = this.optionHeight * (options.length - Math.ceil(numberItemsOnScreen / 2));\n  }\n\n  handleOptionSelect(optionValue, index, scrolling) {\n    const { onChange } = this.props;\n    this.setState(\n      (state) => ({\n        ...state,\n        scrolling,\n        selectedOption: optionValue,\n        activeIndex: index,\n      }),\n      () => {\n        onChange(optionValue, index);\n      },\n    );\n  }\n\n  // TODO: this needs a refactor from de FocusGroup\n  // eslint-disable-next-line max-statements\n  handleKeyDown(e) {\n    const { activeIndex } = this.state;\n    const { options } = this.props;\n    const [firstColumn, ...restColumns] = document.getElementsByClassName('em-ds-time-picker-panel');\n    const [lastColumn] = restColumns.slice(-1);\n    const [prev] = document.getElementsByClassName('DayPickerNavigation_button');\n    const focusedElement = document.activeElement;\n\n    switch (e.key) {\n      case 'Home':\n        this.moveTo(0);\n        break;\n      case 'End':\n        this.moveTo(options.length - 1);\n        break;\n      case 'ArrowUp':\n        this.moveTo(activeIndex - 1);\n        break;\n      case 'ArrowDown':\n        this.moveTo(activeIndex + 1);\n        break;\n      case 'Tab': {\n        e.preventDefault();\n        // If it is DateTimePicker, move focus to prev arrow element\n        if (prev && focusedElement === lastColumn) {\n          prev.focus();\n        } else if (focusedElement === lastColumn) {\n          firstColumn.focus();\n        } else {\n          const position = findIndex(restColumns, focusedElement);\n          restColumns[position + 1].focus();\n        }\n        break;\n      }\n      default:\n        break;\n    }\n  }\n\n  moveTo(index, scrolling) {\n    const { options } = this.props;\n    const { selectedOption } = this.state;\n    const validIndex = validateIndex(index, options);\n    const option = options[validIndex];\n    const optionValue = this.getOptionValue(option);\n    if (selectedOption !== optionValue && option.disabled !== true) {\n      this.handleOptionSelect(optionValue, validIndex, scrolling);\n    }\n    // TO-DO: if date disabled, add nextValidOption selection\n  }\n\n  handleStepMoveUp() {\n    const { activeIndex } = this.state;\n    const { arrowStep, options } = this.props;\n    const supposedPos = activeIndex - arrowStep;\n    const nextPos = supposedPos >= 0 ? supposedPos : activeIndex - 1;\n\n    const nextValidOption = options.find((op) => !op.disabled);\n    this.moveTo(nextPos, true, nextValidOption);\n  }\n\n  handleStepMoveDown() {\n    const { activeIndex } = this.state;\n    const { arrowStep, options } = this.props;\n    const supposedPos = activeIndex + arrowStep;\n    const nextPos = supposedPos <= options.length ? supposedPos : activeIndex + 1;\n    this.moveTo(nextPos);\n  }\n\n  renderHeader = () => {\n    const { header } = this.props;\n\n    return <PickerHeader>{header}</PickerHeader>;\n  };\n\n  render() {\n    const { options, hasHeader, type, time, meridiem, disabledTimes } = this.props;\n    const { selectedOption, activeIndex, scrolling } = this.state;\n\n    const listYPosition = this.computeContainerTranslation(activeIndex);\n\n    return (\n      <Wrapper>\n        {hasHeader && this.renderHeader()}\n        <Container classProps={{ scrolling }} onKeyDown={this.handleKeyDown} tabIndex={0}>\n          <PickerSelectedOptionSelected innerRef={this.selectedOptionRef}>\n            <SelectedCircle />\n          </PickerSelectedOptionSelected>\n          <ArrowButtonContainer>\n            <DSButton\n              {...arrowProps}\n              aria-label=\"Chevron Up\"\n              data-testid={`${type}-chevron-up`}\n              disabled={activeIndex <= 0}\n              icon={<ChevronSmallUp />}\n              onClick={this.handleStepMoveUp}\n              tabIndex={-1}\n            />\n          </ArrowButtonContainer>\n          <PickerItemListContainer\n            innerRef={this.pickerListContainerRef}\n            style={{\n              height: this.listHeight,\n            }}\n          >\n            <PickerItemList\n              data-testid={`${type}-list`}\n              innerRef={this.pickerListRef}\n              style={{\n                transform: `translateY(${listYPosition}px)`,\n              }}\n            >\n              {options.map((option, index) => {\n                const value = this.getOptionValue(option);\n                const label = this.getOptionLabel(option);\n                let valueFormatted;\n                if (meridiem === 'AM') valueFormatted = value;\n                else if (meridiem === 'PM' && value === 12) valueFormatted = value;\n                else if (meridiem === 'PM') valueFormatted = value + 12;\n\n                let disabled = false;\n                if (disabledTimes) {\n                  const { from, to } = disabledTimes;\n                  if (\n                    (type === 'hour' && valueFormatted >= from?.hour && valueFormatted < to?.hour) ||\n                    (type === 'minutes' && value >= from?.min && value < to?.min)\n                  ) {\n                    disabled = true;\n                  }\n                  if (type === 'minutes' && (time?.hour() > to?.hour || time?.hour() < from?.hour)) {\n                    disabled = false;\n                  }\n                  if (label === 'am' && from?.hour == 0 && to?.hour >= 12) {\n                    disabled = true;\n                  }\n                  if (label === 'pm' && to?.hour == 24) {\n                    disabled = true;\n                  }\n                }\n\n                option.disabled = disabled;\n\n                return (\n                  <PickerItemContainer\n                    key={value}\n                    classProps={{\n                      selected: selectedOption ? value === selectedOption : index === 0,\n                      disabled,\n                    }}\n                    innerRef={this.pickerItemRef}\n                    onClick={() => {\n                      if (!disabled) this.handleOptionSelect(value, index);\n                    }}\n                  >\n                    {label}\n                  </PickerItemContainer>\n                );\n              })}\n            </PickerItemList>\n          </PickerItemListContainer>\n          <ArrowButtonContainer>\n            <DSButton\n              {...arrowProps}\n              aria-label=\"Chevron Down\"\n              data-testid={`${type}-chevron-down`}\n              disabled={activeIndex >= options.length - 1}\n              icon={<ChevronSmallDown />}\n              onClick={this.handleStepMoveDown}\n              tabIndex={-1}\n            />\n          </ArrowButtonContainer>\n        </Container>\n      </Wrapper>\n    );\n  }\n}\n\nPickerPanel.defaultProps = {\n  valueProperty: 'value',\n  labelProperty: 'label',\n  numberItemsOnScreen: 5, // this number should be impair\n  options: [],\n  arrowStep: 1,\n};\n\nexport { PickerPanel };", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/cjs/TimePickerDropdown.js

@@ -1,74 +0,0 @@
-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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var TimePickerDropdown_exports = {};
-__export(TimePickerDropdown_exports, {
-  TimePickerDropdown: () => TimePickerDropdown,
-  default: () => TimePickerDropdown_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_prop_types = __toESM(require("prop-types"));
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_ds_button = require("@elliemae/ds-button");
-var import_ds_popper = require("@elliemae/ds-popper");
-const TimePickerDropdown = ({ disabled = false, onClick, onOpen, isOpen, menu, zIndex, blockName, placement }) => /* @__PURE__ */ import_react.default.createElement(import_ds_popper.DSPopper, {
-  blockName,
-  placement,
-  contentComponent: menu,
-  isOpen,
-  onOpen,
-  modifiers: {
-    preventOverflow: {
-      enabled: true,
-      padding: 0,
-      boundariesElement: "window"
-    }
-  },
-  showArrow: false,
-  triggerComponent: /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButton, {
-    buttonType: "secondary",
-    disabled,
-    icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.RecentDocuments, null),
-    iconSize: "s",
-    onClick
-  }),
-  zIndex
-});
-TimePickerDropdown.propTypes = {
-  onClick: import_prop_types.default.func,
-  onOpen: import_prop_types.default.func,
-  disabled: import_prop_types.default.bool,
-  isOpen: import_prop_types.default.bool,
-  menu: import_prop_types.default.element,
-  blockName: import_prop_types.default.string,
-  placement: import_prop_types.default.string,
-  zIndex: import_prop_types.default.number
-};
-var TimePickerDropdown_default = TimePickerDropdown;
-module.exports = __toCommonJS(TimePickerDropdown_exports);
-//# sourceMappingURL=TimePickerDropdown.js.map

package/dist/cjs/TimePickerDropdown.js.map

@@ -1,7 +0,0 @@
-{
-  "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-icons';\nimport { DSButton } from '@elliemae/ds-button';\nimport { DSPopper } from '@elliemae/ds-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 { TimePickerDropdown };\nexport default TimePickerDropdown;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,sBAAgC;AAChC,uBAAyB;AACzB,uBAAyB;AAEzB,MAAM,qBAAqB,CAAC,EAAE,WAAW,OAAO,SAAS,QAAQ,QAAQ,MAAM,QAAQ,WAAW,gBAChG,mDAAC,2BAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA,WAAW;AAAA,IACT,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,SAAS;AAAA,MACT,mBAAmB;AAAA;AAAA;AAAA,EAGvB,WAAW;AAAA,EACX,kBACE,mDAAC,2BAAD;AAAA,IAAU,YAAW;AAAA,IAAY;AAAA,IAAoB,MAAM,mDAAC,iCAAD;AAAA,IAAqB,UAAS;AAAA,IAAI;AAAA;AAAA,EAE/F;AAAA;AAIJ,mBAAmB,YAAY;AAAA,EAC7B,SAAS,0BAAU;AAAA,EACnB,QAAQ,0BAAU;AAAA,EAClB,UAAU,0BAAU;AAAA,EACpB,QAAQ,0BAAU;AAAA,EAClB,MAAM,0BAAU;AAAA,EAChB,WAAW,0BAAU;AAAA,EACrB,WAAW,0BAAU;AAAA,EACrB,QAAQ,0BAAU;AAAA;AAIpB,IAAO,6BAAQ;",
-  "names": []
-}

package/dist/cjs/TimePickerImpl.js

@@ -1,183 +0,0 @@
-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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var TimePickerImpl_exports = {};
-__export(TimePickerImpl_exports, {
-  TimePickerImpl: () => TimePickerImpl,
-  default: () => TimePickerImpl_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(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_utilities = require("@elliemae/ds-utilities");
-var import_ds_classnames = require("@elliemae/ds-classnames");
-var import_ds_form = require("@elliemae/ds-form");
-var import_TimePickerMenu = require("./TimePickerMenu");
-var import_TimePickerDropdown = require("./TimePickerDropdown");
-var import_utils = require("./utils");
-const blockName = "time-picker";
-const TimePickerContainer = (0, import_ds_classnames.aggregatedClasses)(import_ds_form.DSInputGroup)(blockName, null, ({ isMenuOpened }) => ({
-  isMenuOpened
-}));
-const TimePickerImpl = ({
-  value,
-  onChange,
-  onOpen,
-  format,
-  disabled,
-  hasHeader,
-  hasHeaderDisplay,
-  className,
-  containerProps,
-  placement,
-  zIndex,
-  disabledTimes,
-  minutesInterval
-}) => {
-  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_utilities.getVisibleTimeByFormat)(format2));
-  const timePickerBlockName = (0, import_ds_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__ */ import_react.default.createElement(TimePickerContainer, {
-    className: `${className} variant-${!disabled ? "default" : "disabled"}`,
-    containerProps,
-    disabled,
-    rightAddon: /* @__PURE__ */ import_react.default.createElement(import_TimePickerDropdown.TimePickerDropdown, {
-      blockName: timePickerBlockName,
-      disabled,
-      isOpen: isMenuOpened,
-      zIndex,
-      placement,
-      onOpen: handleMenuOpen,
-      onClick: (e) => {
-        e.preventDefault();
-        handleMenuOpen(!isMenuOpened);
-      },
-      menu: /* @__PURE__ */ import_react.default.createElement("div", {
-        ref: timePickerRef
-      }, /* @__PURE__ */ import_react.default.createElement(import_TimePickerMenu.TimePickerMenu, {
-        disabled,
-        disabledTimes: disabledTimeRange,
-        format,
-        hasHeader,
-        hasHeaderDisplay,
-        onTimeChange: handlePickerChange,
-        minutesInterval,
-        time,
-        ...visiblePanels
-      }))
-    })
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSInput, {
-    customInputType: ({ onChange: handleChange, ...restInputProps }) => /* @__PURE__ */ import_react.default.createElement(import_ds_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;
-module.exports = __toCommonJS(TimePickerImpl_exports);
-//# sourceMappingURL=TimePickerImpl.js.map

package/dist/cjs/TimePickerImpl.js.map

@@ -1,7 +0,0 @@
-{
-  "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 } from '@elliemae/ds-utilities';\nimport { aggregatedClasses, convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSInput, DSInputGroup, TimeInputImpl } from '@elliemae/ds-form';\nimport { TimePickerMenu } from './TimePickerMenu';\nimport { TimePickerDropdown } from './TimePickerDropdown';\nimport { convertTimeString } from './utils';\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  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 { TimePickerImpl };\nexport default TimePickerImpl;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": []
-}