@elliemae/ds-time-picker 3.4.3-rc.1 → 3.4.3

package/dist/cjs/DSTimePicker.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DSTimePicker_exports = {};
 __export(DSTimePicker_exports, {
@@ -27,7 +30,7 @@ __export(DSTimePicker_exports, {
 });
 module.exports = __toCommonJS(DSTimePicker_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_moment = __toESM(require("moment"));
 var import_TimePickerImpl = __toESM(require("./TimePickerImpl"));
@@ -50,7 +53,7 @@ const DSTimePicker = ({
   placement = "bottom",
   disabledTimes,
   minutesInterval = 1
-}) => /* @__PURE__ */ import_react.default.createElement(import_TimePickerImpl.default, {
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TimePickerImpl.default, {
   ref: innerRef,
   "aria-label": ariaLabel,
   className,
@@ -75,17 +78,27 @@ DSTimePicker.defaultProps = {
 };
 const props = {
   "aria-label": import_ds_utilities.PropTypes.string.description("a11y label"),
-  containerProps: import_ds_utilities.PropTypes.object.description("inject props to time picker wrapper"),
-  disabled: import_ds_utilities.PropTypes.bool.description("Whether the time picker is disabled or not"),
+  containerProps: import_ds_utilities.PropTypes.object.description(
+    "inject props to time picker wrapper"
+  ),
+  disabled: import_ds_utilities.PropTypes.bool.description(
+    "Whether the time picker is disabled or not"
+  ),
   value: import_ds_utilities.PropTypes.instanceOf(import_moment.default).description("Time picker value"),
   format: import_ds_utilities.PropTypes.string.description("Time format (hh:mm:ss, H:m:s)"),
   hasHeader: import_ds_utilities.PropTypes.bool.description("toggle header style"),
   hasHeaderDisplay: import_ds_utilities.PropTypes.bool.description("toggle header display"),
-  onChange: import_ds_utilities.PropTypes.func.description("Handler when time picker value changes"),
+  onChange: import_ds_utilities.PropTypes.func.description(
+    "Handler when time picker value changes"
+  ),
   onOpen: import_ds_utilities.PropTypes.func.description("Handler when the time picker menu opens"),
-  isOpen: import_ds_utilities.PropTypes.bool.description("Whether the time picker menu is opened or not"),
+  isOpen: import_ds_utilities.PropTypes.bool.description(
+    "Whether the time picker menu is opened or not"
+  ),
   innerRef: import_ds_utilities.PropTypes.func.description("ref for time picker input"),
-  clearable: import_ds_utilities.PropTypes.bool.description("Enable to clear the time picker value"),
+  clearable: import_ds_utilities.PropTypes.bool.description(
+    "Enable to clear the time picker value"
+  ),
   className: import_ds_utilities.PropTypes.string.description("class for time picker"),
   style: import_ds_utilities.PropTypes.object.description("style object"),
   zIndex: import_ds_utilities.PropTypes.number.description("z index for menu"),

package/dist/cjs/DSTimePicker.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/DSTimePicker.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport Moment from 'moment';\nimport TimePickerImpl from './TimePickerImpl';\n\nconst DSTimePicker = ({\n  containerProps = {},\n  innerRef,\n  className = '',\n  disabled = false,\n  value = '',\n  format,\n  style = {},\n  onChange = () => null,\n  onOpen = () => null,\n  isOpen = undefined,\n  clearable = false,\n  hasHeader = true,\n  hasHeaderDisplay = false,\n  'aria-label': ariaLabel,\n  zIndex = 'auto',\n  placement = 'bottom',\n  disabledTimes,\n  minutesInterval = 1,\n}) => (\n  <TimePickerImpl\n    ref={innerRef}\n    aria-label={ariaLabel}\n    className={className}\n    clearable={clearable}\n    containerProps={containerProps}\n    disabled={disabled}\n    format={format}\n    hasHeader={hasHeader}\n    hasHeaderDisplay={hasHeaderDisplay}\n    isOpen={isOpen}\n    onChange={onChange}\n    onOpen={onOpen}\n    placement={placement}\n    style={style}\n    value={value}\n    zIndex={zIndex}\n    minutesInterval={minutesInterval}\n    disabledTimes={disabledTimes}\n  />\n);\n\nDSTimePicker.defaultProps = {\n  format: 'hh:mm:ss A',\n};\n\nconst props = {\n  /** a11y label */\n  'aria-label': PropTypes.string.description('a11y label'),\n  /** inject props to time picker wrapper */\n  containerProps: PropTypes.object.description(\n    'inject props to time picker wrapper',\n  ),\n  /** Whether the time picker is disabled or not */\n  disabled: PropTypes.bool.description(\n    'Whether the time picker is disabled or not',\n  ),\n  /** Time picker value */\n  value: PropTypes.instanceOf(Moment).description('Time picker value'),\n  /** Time format (hh:mm:ss, H:m:s) */\n  format: PropTypes.string.description('Time format (hh:mm:ss, H:m:s)'),\n  /** toggle header style */\n  hasHeader: PropTypes.bool.description('toggle header style'),\n  /** toggle header display */\n  hasHeaderDisplay: PropTypes.bool.description('toggle header display'),\n  /** Handler when time picker value changes */\n  onChange: PropTypes.func.description(\n    'Handler when time picker value changes',\n  ),\n  /** Handler when the time picker menu opens */\n  onOpen: PropTypes.func.description('Handler when the time picker menu opens'),\n  /** Whether the time picker menu is opened or not */\n  isOpen: PropTypes.bool.description(\n    'Whether the time picker menu is opened or not',\n  ),\n  /** ref for time picker input */\n  innerRef: PropTypes.func.description('ref for time picker input'),\n  /** Enable to clear the time picker value */\n  clearable: PropTypes.bool.description(\n    'Enable to clear the time picker value',\n  ),\n  /** class for time picker */\n  className: PropTypes.string.description('class for time picker'),\n  /** style object */\n  style: PropTypes.object.description('style object'),\n  /** z index for menu */\n  zIndex: PropTypes.number.description('z index for menu'),\n  /** DSPopper placement */\n  placement: PropTypes.string.description('DSPopper placement'),\n  /** disabled time */\n  disabledTimes: PropTypes.object.description('disabled time'),\n  /** steps for the picker */\n  minutesInterval: PropTypes.number.description('steps for the picker'),\n};\n\nDSTimePicker.propTypes = props;\nDSTimePicker.displayName = 'DSTimePicker';\nconst DSTimePickerWithSchema = describe(DSTimePicker);\nDSTimePickerWithSchema.propTypes = props;\n\nexport { DSTimePicker, DSTimePickerWithSchema };\nexport default DSTimePicker;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAAoC;AACpC,oBAAmB;AACnB,4BAA2B;AAE3B,MAAM,eAAe,CAAC;AAAA,EACpB,iBAAiB,CAAC;AAAA,EAClB;AAAA,EACA,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,QAAQ;AAAA,EACR;AAAA,EACA,QAAQ,CAAC;AAAA,EACT,WAAW,MAAM;AAAA,EACjB,SAAS,MAAM;AAAA,EACf,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,SAAS;AAAA,EACT,YAAY;AAAA,EACZ;AAAA,EACA,kBAAkB;AAAA,MAElB,mDAAC;AAAA,EACC,KAAK;AAAA,EACL,cAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,CACF;AAGF,aAAa,eAAe;AAAA,EAC1B,QAAQ;AACV;AAEA,MAAM,QAAQ;AAAA,EAEZ,cAAc,8BAAU,OAAO,YAAY,YAAY;AAAA,EAEvD,gBAAgB,8BAAU,OAAO,YAC/B,qCACF;AAAA,EAEA,UAAU,8BAAU,KAAK,YACvB,4CACF;AAAA,EAEA,OAAO,8BAAU,WAAW,qBAAM,EAAE,YAAY,mBAAmB;AAAA,EAEnE,QAAQ,8BAAU,OAAO,YAAY,+BAA+B;AAAA,EAEpE,WAAW,8BAAU,KAAK,YAAY,qBAAqB;AAAA,EAE3D,kBAAkB,8BAAU,KAAK,YAAY,uBAAuB;AAAA,EAEpE,UAAU,8BAAU,KAAK,YACvB,wCACF;AAAA,EAEA,QAAQ,8BAAU,KAAK,YAAY,yCAAyC;AAAA,EAE5E,QAAQ,8BAAU,KAAK,YACrB,+CACF;AAAA,EAEA,UAAU,8BAAU,KAAK,YAAY,2BAA2B;AAAA,EAEhE,WAAW,8BAAU,KAAK,YACxB,uCACF;AAAA,EAEA,WAAW,8BAAU,OAAO,YAAY,uBAAuB;AAAA,EAE/D,OAAO,8BAAU,OAAO,YAAY,cAAc;AAAA,EAElD,QAAQ,8BAAU,OAAO,YAAY,kBAAkB;AAAA,EAEvD,WAAW,8BAAU,OAAO,YAAY,oBAAoB;AAAA,EAE5D,eAAe,8BAAU,OAAO,YAAY,eAAe;AAAA,EAE3D,iBAAiB,8BAAU,OAAO,YAAY,sBAAsB;AACtE;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,yBAAyB,kCAAS,YAAY;AACpD,uBAAuB,YAAY;AAGnC,IAAO,uBAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,0BAAoC;AACpC,oBAAmB;AACnB,4BAA2B;AAE3B,MAAM,eAAe,CAAC;AAAA,EACpB,iBAAiB,CAAC;AAAA,EAClB;AAAA,EACA,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,QAAQ;AAAA,EACR;AAAA,EACA,QAAQ,CAAC;AAAA,EACT,WAAW,MAAM;AAAA,EACjB,SAAS,MAAM;AAAA,EACf,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,SAAS;AAAA,EACT,YAAY;AAAA,EACZ;AAAA,EACA,kBAAkB;AACpB,MACE,4CAAC,sBAAAA,SAAA;AAAA,EACC,KAAK;AAAA,EACL,cAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,CACF;AAGF,aAAa,eAAe;AAAA,EAC1B,QAAQ;AACV;AAEA,MAAM,QAAQ;AAAA,EAEZ,cAAc,8BAAU,OAAO,YAAY,YAAY;AAAA,EAEvD,gBAAgB,8BAAU,OAAO;AAAA,IAC/B;AAAA,EACF;AAAA,EAEA,UAAU,8BAAU,KAAK;AAAA,IACvB;AAAA,EACF;AAAA,EAEA,OAAO,8BAAU,WAAW,cAAAC,OAAM,EAAE,YAAY,mBAAmB;AAAA,EAEnE,QAAQ,8BAAU,OAAO,YAAY,+BAA+B;AAAA,EAEpE,WAAW,8BAAU,KAAK,YAAY,qBAAqB;AAAA,EAE3D,kBAAkB,8BAAU,KAAK,YAAY,uBAAuB;AAAA,EAEpE,UAAU,8BAAU,KAAK;AAAA,IACvB;AAAA,EACF;AAAA,EAEA,QAAQ,8BAAU,KAAK,YAAY,yCAAyC;AAAA,EAE5E,QAAQ,8BAAU,KAAK;AAAA,IACrB;AAAA,EACF;AAAA,EAEA,UAAU,8BAAU,KAAK,YAAY,2BAA2B;AAAA,EAEhE,WAAW,8BAAU,KAAK;AAAA,IACxB;AAAA,EACF;AAAA,EAEA,WAAW,8BAAU,OAAO,YAAY,uBAAuB;AAAA,EAE/D,OAAO,8BAAU,OAAO,YAAY,cAAc;AAAA,EAElD,QAAQ,8BAAU,OAAO,YAAY,kBAAkB;AAAA,EAEvD,WAAW,8BAAU,OAAO,YAAY,oBAAoB;AAAA,EAE5D,eAAe,8BAAU,OAAO,YAAY,eAAe;AAAA,EAE3D,iBAAiB,8BAAU,OAAO,YAAY,sBAAsB;AACtE;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,6BAAyB,8BAAS,YAAY;AACpD,uBAAuB,YAAY;AAGnC,IAAO,uBAAQ;",
+  "names": ["TimePickerImpl", "Moment"]
 }

package/dist/cjs/DSTimePickerMenu.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DSTimePickerMenu_exports = {};
 __export(DSTimePickerMenu_exports, {
@@ -26,7 +29,7 @@ __export(DSTimePickerMenu_exports, {
 });
 module.exports = __toCommonJS(DSTimePickerMenu_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_system = require("@elliemae/ds-system");
 var import_TimePickerMenu = __toESM(require("./TimePickerMenu"));
 const DSTimePickerMenuWrapper = import_ds_system.styled.div`
@@ -34,9 +37,11 @@ const DSTimePickerMenuWrapper = import_ds_system.styled.div`
   height: 18.6rem;
 `;
 function DSTimePickerMenu(props) {
-  return /* @__PURE__ */ import_react.default.createElement(DSTimePickerMenuWrapper, null, /* @__PURE__ */ import_react.default.createElement(import_TimePickerMenu.default, {
-    ...props
-  }));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DSTimePickerMenuWrapper, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TimePickerMenu.default, {
+      ...props
+    })
+  });
 }
 var DSTimePickerMenu_default = DSTimePickerMenu;
 //# sourceMappingURL=DSTimePickerMenu.js.map

package/dist/cjs/DSTimePickerMenu.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/DSTimePickerMenu.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport TimePickerMenu from './TimePickerMenu';\n\nconst DSTimePickerMenuWrapper = styled.div`\n  display: flex;\n  height: 18.6rem;\n`;\nfunction DSTimePickerMenu(props) {\n  return (\n    <DSTimePickerMenuWrapper>\n      <TimePickerMenu {...props} />\n    </DSTimePickerMenuWrapper>\n  );\n}\nexport { DSTimePickerMenu };\nexport default DSTimePickerMenu;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAAuB;AACvB,4BAA2B;AAE3B,MAAM,0BAA0B,wBAAO;AAAA;AAAA;AAAA;AAIvC,0BAA0B,OAAO;AAC/B,SACE,mDAAC,+BACC,mDAAC;AAAA,IAAgB,GAAG;AAAA,GAAO,CAC7B;AAEJ;AAEA,IAAO,2BAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,uBAAuB;AACvB,4BAA2B;AAE3B,MAAM,0BAA0B,wBAAO;AAAA;AAAA;AAAA;AAIvC,SAAS,iBAAiB,OAAO;AAC/B,SACE,4CAAC;AAAA,IACC,sDAAC,sBAAAA,SAAA;AAAA,MAAgB,GAAG;AAAA,KAAO;AAAA,GAC7B;AAEJ;AAEA,IAAO,2BAAQ;",
+  "names": ["TimePickerMenu"]
 }

package/dist/cjs/PickerPanel.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var PickerPanel_exports = {};
 __export(PickerPanel_exports, {
@@ -26,6 +29,7 @@ __export(PickerPanel_exports, {
 });
 module.exports = __toCommonJS(PickerPanel_exports);
 var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_lodash = require("lodash");
 var import_ds_classnames = require("@elliemae/ds-classnames");
@@ -139,14 +143,17 @@ class PickerPanel extends import_react.Component {
   }
   handleOptionSelect(optionValue, index, scrolling) {
     const { onChange } = this.props;
-    this.setState((state) => ({
-      ...state,
-      scrolling,
-      selectedOption: optionValue,
-      activeIndex: index
-    }), () => {
-      onChange(optionValue, index);
-    });
+    this.setState(
+      (state) => ({
+        ...state,
+        scrolling,
+        selectedOption: optionValue,
+        activeIndex: index
+      }),
+      () => {
+        onChange(optionValue, index);
+      }
+    );
   }
   handleKeyDown(e) {
     const { activeIndex } = this.state;
@@ -211,85 +218,105 @@ class PickerPanel extends import_react.Component {
   }
   renderHeader() {
     const { header } = this.props;
-    return /* @__PURE__ */ import_react.default.createElement(PickerHeader, null, header);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PickerHeader, {
+      children: header
+    });
   }
   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
-    }))));
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrapper, {
+      children: [
+        hasHeader && this.renderHeader(),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Container, {
+          classProps: { scrolling },
+          onKeyDown: this.handleKeyDown,
+          tabIndex: 0,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PickerSelectedOptionSelected, {
+              innerRef: this.selectedOptionRef,
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectedCircle, {})
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowButtonContainer, {
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.DSButton, {
+                ...arrowProps,
+                "aria-label": "Chevron Up",
+                "data-testid": `${type}-chevron-up`,
+                disabled: activeIndex <= 0,
+                icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronSmallUp, {}),
+                onClick: this.handleStepMoveUp,
+                tabIndex: -1
+              })
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PickerItemListContainer, {
+              innerRef: this.pickerListContainerRef,
+              style: {
+                height: this.listHeight
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PickerItemList, {
+                "data-testid": `${type}-list`,
+                innerRef: this.pickerListRef,
+                style: {
+                  transform: `translateY(${listYPosition}px)`
+                },
+                children: 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__ */ (0, import_jsx_runtime.jsx)(PickerItemContainer, {
+                    classProps: {
+                      selected: selectedOption ? value === selectedOption : index === 0,
+                      disabled
+                    },
+                    innerRef: this.pickerItemRef,
+                    onClick: () => {
+                      if (!disabled)
+                        this.handleOptionSelect(value, index);
+                    },
+                    children: label
+                  }, value);
+                })
+              })
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowButtonContainer, {
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.DSButton, {
+                ...arrowProps,
+                "aria-label": "Chevron Down",
+                "data-testid": `${type}-chevron-down`,
+                disabled: activeIndex >= options.length - 1,
+                icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronSmallDown, {}),
+                onClick: this.handleStepMoveDown,
+                tabIndex: -1
+              })
+            })
+          ]
+        })
+      ]
+    });
   }
 }
 PickerPanel.defaultProps = {

package/dist/cjs/PickerPanel.js.map

@@ -2,6 +2,6 @@
   "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    this.getOptionValue = this.getOptionValue.bind(this);\n    this.getOptionLabel = this.getOptionLabel.bind(this);\n    this.computeSizes = this.computeSizes.bind(this);\n    this.handleOptionSelect = this.handleOptionSelect.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n    this.moveTo = this.moveTo.bind(this);\n    this.handleStepMoveUp = this.handleStepMoveUp.bind(this);\n    this.handleStepMoveDown = this.handleStepMoveDown.bind(this);\n    this.renderHeader = this.renderHeader.bind(this);\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 };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAIA,mBAAiC;AACjC,oBAA0B;AAC1B,2BAAkC;AAClC,yBAAuB;AACvB,sBAAiD;AACjD,uBAAyB;AACzB,iCAAoC;AACpC,mBAA8B;AAE9B,MAAM,YAAY;AAElB,MAAM,gBAAY,wCAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,UAAU,OAAO,EAAE,UAAU,EAAE;AAC9F,MAAM,cAAU,wCAAkB,KAAK,EAAE,WAAW,SAAS;AAC7D,MAAM,8BAA0B,wCAAkB,KAAK,EAAE,WAAW,qBAAqB;AACzF,MAAM,qBAAiB,wCAAkB,KAAK,EAAE,WAAW,WAAW;AACtE,MAAM,mBAAe,wCAAkB,KAAK,EAAE,WAAW,QAAQ;AACjE,MAAM,0BAAsB,wCAAkB,KAAK,EAAE,WAAW,QAAQ,CAAC,EAAE,UAAU,SAAS,OAAO;AAAA,EACnG;AAAA,EACA;AACF,EAAE;AACF,MAAM,mCAA+B,wCAAkB,KAAK,EAAE,WAAW,oBAAoB;AAC7F,MAAM,qBAAiB,wCAAkB,KAAK,EAAE,WAAW,iBAAiB;AAC5E,MAAM,2BAAuB,wCAAkB,KAAK,EAAE,WAAW,iBAAiB;AAElF,MAAM,iBAAiB,CAAC,SAAS,gBAAgB,gBAAgB,YAAY;AAC3E,QAAM,QAAQ,QAAQ,UAAU,CAAC,WAAW,OAAO,mBAAmB,cAAc;AACpF,aAAO,4BAAc,OAAO,OAAO;AACrC;AAEA,MAAM,aAAa;AAAA,EACjB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,MAAM;AACR;AAEA,MAAO,oBAAkC,uBAAU;AAAA,EAajD,YAAY,OAAO;AACjB,UAAM,KAAK;AAbb,2CAA8B,mBAAAA,SAAW,CAAC,UAAU;AAClD,YAAM,EAAE,SAAS,cAAc,IAAI,KAAK;AACxC,YAAM,EAAE,gBAAgB,UAAU,IAAI,KAAK;AAE3C,YAAM,sBAAsB,SAAS,eAAe,SAAS,gBAAgB,aAAa;AAC1F,YAAM,gBAAgB,KAAK,mBAAmB,sBAAsB,KAAK;AAEzE,UAAI,KAAK,iBAAiB,CAAC;AAAW,aAAK,cAAc,eAAe,aAAa;AAErF,aAAO;AAAA,IACT,CAAC;AAIC,SAAK,yBAAyB,aAAAC,QAAM,UAAU;AAC9C,SAAK,gBAAgB,aAAAA,QAAM,UAAU;AACrC,SAAK,gBAAgB,aAAAA,QAAM,UAAU;AACrC,SAAK,oBAAoB,aAAAA,QAAM,UAAU;AAEzC,SAAK,QAAQ;AAAA,MACX,gBAAgB,MAAM;AAAA,MACtB,aAAa;AAAA,MAEb,WAAW,CAAC;AAAA,IACd;AAEA,SAAK,iBAAiB,KAAK,eAAe,KAAK,IAAI;AACnD,SAAK,iBAAiB,KAAK,eAAe,KAAK,IAAI;AACnD,SAAK,eAAe,KAAK,aAAa,KAAK,IAAI;AAC/C,SAAK,qBAAqB,KAAK,mBAAmB,KAAK,IAAI;AAC3D,SAAK,gBAAgB,KAAK,cAAc,KAAK,IAAI;AACjD,SAAK,SAAS,KAAK,OAAO,KAAK,IAAI;AACnC,SAAK,mBAAmB,KAAK,iBAAiB,KAAK,IAAI;AACvD,SAAK,qBAAqB,KAAK,mBAAmB,KAAK,IAAI;AAC3D,SAAK,eAAe,KAAK,aAAa,KAAK,IAAI;AAAA,EACjD;AAAA,EAEA,oBAAoB;AAClB,SAAK,aAAa;AAClB,UAAM,wBAAwB,KAAK,uBAAuB;AAC1D,UAAM,eAAe,KAAK,cAAc;AAExC,SAAK,gBAAgB,IAAI,+CAAoB,cAAc;AAAA,MACzD,WAAW;AAAA,MACX,KAAK,CAAC,KAAK;AAAA,MACX,KAAK,KAAK;AAAA,MACV,UAAU,CAAC,KAAK,UAAU;AACxB,cAAM,EAAE,QAAQ,IAAI,KAAK;AACzB,cAAM,QACJ,QAAQ,SAAS,CAAC,KAAK,OAAO,MAAM,KAAK,oBAAoB,KAAK,YAAY,KAAK,QAAQ,IAAI,IAAI;AACrG,aAAK,OAAO,OAAO,IAAI;AAAA,MACzB;AAAA,MACA,aAAa,MAAM;AACjB,aAAK,SAAS,EAAE,WAAW,MAAM,CAAC;AAAA,MACpC;AAAA,IACF,CAAC;AACD,SAAK,4BAA4B;AAAA,EACnC;AAAA,EAEA,uBAAuB;AACrB,SAAK,cAAc,YAAY;AAAA,EACjC;AAAA,EAEA,OAAO,yBAAyB,WAAW,EAAE,UAAU,GAAG;AACxD,UAAM,EAAE,UAAU,eAAe,QAAQ,IAAI;AAC7C,QAAI,aAAa,UAAU,UAAU;AACnC,aAAO;AAAA,QACL,gBAAgB;AAAA,QAChB,aAAa,eAAe,SAAS,UAAU,aAAa;AAAA,QAC5D,WAAW;AAAA,MACb;AAAA,IACF;AACA,WAAO;AAAA,EACT;AAAA,EAEA,eAAe,QAAQ;AACrB,UAAM,EAAE,cAAc,IAAI,KAAK;AAC/B,WAAO,OAAO;AAAA,EAChB;AAAA,EAEA,eAAe,QAAQ;AACrB,UAAM,EAAE,cAAc,IAAI,KAAK;AAC/B,WAAO,OAAO;AAAA,EAChB;AAAA,EAEA,eAAe;AACb,UAAM,EAAE,SAAS,oBAAoB,IAAI,KAAK;AAC9C,UAAM,EAAE,cAAc,aAAa,IAAI,KAAK,cAAc;AAE1D,SAAK,eAAe;AACpB,SAAK,aAAa,KAAK,eAAe;AAEtC,SAAK,mBAAmB,KAAK,aAAa,IAAI,KAAK,eAAe;AAClE,SAAK,mBAAmB,KAAK,gBAAgB,QAAQ,SAAS,KAAK,KAAK,sBAAsB,CAAC;AAAA,EACjG;AAAA,EAEA,mBAAmB,aAAa,OAAO,WAAW;AAChD,UAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,SAAK;AAAA,MACH,CAAC,WAAW;AAAA,QACV,GAAG;AAAA,QACH;AAAA,QACA,gBAAgB;AAAA,QAChB,aAAa;AAAA,MACf;AAAA,MACA,MAAM;AACJ,iBAAS,aAAa,KAAK;AAAA,MAC7B;AAAA,IACF;AAAA,EACF;AAAA,EAIA,cAAc,GAAG;AACf,UAAM,EAAE,YAAY,IAAI,KAAK;AAC7B,UAAM,EAAE,QAAQ,IAAI,KAAK;AACzB,UAAM,CAAC,gBAAgB,WAAW,IAAI,SAAS,uBAAuB,yBAAyB;AAC/F,UAAM,CAAC,UAAU,IAAI,YAAY,MAAM,EAAE;AACzC,UAAM,CAAC,IAAI,IAAI,SAAS,uBAAuB,4BAA4B;AAC3E,UAAM,iBAAiB,SAAS;AAEhC,YAAQ,EAAE;AAAA,WACH;AACH,aAAK,OAAO,CAAC;AACb;AAAA,WACG;AACH,aAAK,OAAO,QAAQ,SAAS,CAAC;AAC9B;AAAA,WACG;AACH,aAAK,OAAO,cAAc,CAAC;AAC3B;AAAA,WACG;AACH,aAAK,OAAO,cAAc,CAAC;AAC3B;AAAA,WACG,OAAO;AACV,UAAE,eAAe;AAEjB,YAAI,QAAQ,mBAAmB,YAAY;AACzC,eAAK,MAAM;AAAA,QACb,WAAW,mBAAmB,YAAY;AACxC,sBAAY,MAAM;AAAA,QACpB,OAAO;AACL,gBAAM,eAAW,yBAAU,aAAa,cAAc;AACtD,sBAAY,WAAW,GAAG,MAAM;AAAA,QAClC;AACA;AAAA,MACF;AAAA;AAEE;AAAA;AAAA,EAEN;AAAA,EAEA,OAAO,OAAO,WAAW;AACvB,UAAM,EAAE,QAAQ,IAAI,KAAK;AACzB,UAAM,EAAE,eAAe,IAAI,KAAK;AAChC,UAAM,iBAAa,4BAAc,OAAO,OAAO;AAC/C,UAAM,SAAS,QAAQ;AACvB,UAAM,cAAc,KAAK,eAAe,MAAM;AAC9C,QAAI,mBAAmB,eAAe,OAAO,aAAa,MAAM;AAC9D,WAAK,mBAAmB,aAAa,YAAY,SAAS;AAAA,IAC5D;AAAA,EAEF;AAAA,EAEA,mBAAmB;AACjB,UAAM,EAAE,YAAY,IAAI,KAAK;AAC7B,UAAM,EAAE,WAAW,QAAQ,IAAI,KAAK;AACpC,UAAM,cAAc,cAAc;AAClC,UAAM,UAAU,eAAe,IAAI,cAAc,cAAc;AAE/D,UAAM,kBAAkB,QAAQ,KAAK,CAAC,OAAO,CAAC,GAAG,QAAQ;AACzD,SAAK,OAAO,SAAS,MAAM,eAAe;AAAA,EAC5C;AAAA,EAEA,qBAAqB;AACnB,UAAM,EAAE,YAAY,IAAI,KAAK;AAC7B,UAAM,EAAE,WAAW,QAAQ,IAAI,KAAK;AACpC,UAAM,cAAc,cAAc;AAClC,UAAM,UAAU,eAAe,QAAQ,SAAS,cAAc,cAAc;AAC5E,SAAK,OAAO,OAAO;AAAA,EACrB;AAAA,EAEA,eAAe;AACb,UAAM,EAAE,OAAO,IAAI,KAAK;AAExB,WAAO,4CAAC;AAAA,MAAc;AAAA,KAAO;AAAA,EAC/B;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,SAAS,WAAW,MAAM,MAAM,UAAU,cAAc,IAAI,KAAK;AACzE,UAAM,EAAE,gBAAgB,aAAa,UAAU,IAAI,KAAK;AAExD,UAAM,gBAAgB,KAAK,4BAA4B,WAAW;AAElE,WACE,6CAAC;AAAA,MACE;AAAA,qBAAa,KAAK,aAAa;AAAA,QAChC,6CAAC;AAAA,UAAU,YAAY,EAAE,UAAU;AAAA,UAAG,WAAW,KAAK;AAAA,UAAe,UAAU;AAAA,UAC7E;AAAA,wDAAC;AAAA,cAA6B,UAAU,KAAK;AAAA,cAC3C,sDAAC,kBAAe;AAAA,aAClB;AAAA,YACA,4CAAC;AAAA,cACC,sDAAC;AAAA,gBACE,GAAG;AAAA,gBACJ,cAAW;AAAA,gBACX,eAAa,GAAG;AAAA,gBAChB,UAAU,eAAe;AAAA,gBACzB,MAAM,4CAAC,kCAAe;AAAA,gBACtB,SAAS,KAAK;AAAA,gBACd,UAAU;AAAA,eACZ;AAAA,aACF;AAAA,YACA,4CAAC;AAAA,cACC,UAAU,KAAK;AAAA,cACf,OAAO;AAAA,gBACL,QAAQ,KAAK;AAAA,cACf;AAAA,cAEA,sDAAC;AAAA,gBACC,eAAa,GAAG;AAAA,gBAChB,UAAU,KAAK;AAAA,gBACf,OAAO;AAAA,kBACL,WAAW,cAAc;AAAA,gBAC3B;AAAA,gBAEC,kBAAQ,IAAI,CAAC,QAAQ,UAAU;AAC9B,wBAAM,QAAQ,KAAK,eAAe,MAAM;AACxC,wBAAM,QAAQ,KAAK,eAAe,MAAM;AACxC,sBAAI;AACJ,sBAAI,aAAa;AAAM,qCAAiB;AAAA,2BAC/B,aAAa,QAAQ,UAAU;AAAI,qCAAiB;AAAA,2BACpD,aAAa;AAAM,qCAAiB,QAAQ;AAErD,sBAAI,WAAW;AACf,sBAAI,eAAe;AACjB,0BAAM,EAAE,MAAM,GAAG,IAAI;AACrB,wBACG,SAAS,UAAU,kBAAkB,MAAM,QAAQ,iBAAiB,IAAI,QACxE,SAAS,aAAa,SAAS,MAAM,OAAO,QAAQ,IAAI,KACzD;AACA,iCAAW;AAAA,oBACb;AACA,wBAAI,SAAS,cAAc,MAAM,KAAK,IAAI,IAAI,QAAQ,MAAM,KAAK,IAAI,MAAM,OAAO;AAChF,iCAAW;AAAA,oBACb;AACA,wBAAI,UAAU,QAAQ,MAAM,QAAQ,KAAK,IAAI,QAAQ,IAAI;AACvD,iCAAW;AAAA,oBACb;AACA,wBAAI,UAAU,QAAQ,IAAI,QAAQ,IAAI;AACpC,iCAAW;AAAA,oBACb;AAAA,kBACF;AAEA,yBAAO,WAAW;AAElB,yBACE,4CAAC;AAAA,oBAEC,YAAY;AAAA,sBACV,UAAU,iBAAiB,UAAU,iBAAiB,UAAU;AAAA,sBAChE;AAAA,oBACF;AAAA,oBACA,UAAU,KAAK;AAAA,oBACf,SAAS,MAAM;AACb,0BAAI,CAAC;AAAU,6BAAK,mBAAmB,OAAO,KAAK;AAAA,oBACrD;AAAA,oBAEC;AAAA,qBAVI,KAWP;AAAA,gBAEJ,CAAC;AAAA,eACH;AAAA,aACF;AAAA,YACA,4CAAC;AAAA,cACC,sDAAC;AAAA,gBACE,GAAG;AAAA,gBACJ,cAAW;AAAA,gBACX,eAAa,GAAG;AAAA,gBAChB,UAAU,eAAe,QAAQ,SAAS;AAAA,gBAC1C,MAAM,4CAAC,oCAAiB;AAAA,gBACxB,SAAS,KAAK;AAAA,gBACd,UAAU;AAAA,eACZ;AAAA,aACF;AAAA;AAAA,SACF;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,YAAY,eAAe;AAAA,EACzB,eAAe;AAAA,EACf,eAAe;AAAA,EACf,qBAAqB;AAAA,EACrB,SAAS,CAAC;AAAA,EACV,WAAW;AACb;",
+  "names": ["memoizeOne", "React"]
 }

package/dist/cjs/TimePickerDropdown.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var TimePickerDropdown_exports = {};
 __export(TimePickerDropdown_exports, {
@@ -25,12 +28,12 @@ __export(TimePickerDropdown_exports, {
 });
 module.exports = __toCommonJS(TimePickerDropdown_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_prop_types = __toESM(require("prop-types"));
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_button = __toESM(require("@elliemae/ds-button"));
 var import_ds_popper = __toESM(require("@elliemae/ds-popper"));
-const TimePickerDropdown = ({ disabled = false, onClick, onOpen, isOpen, menu, zIndex, blockName, placement }) => /* @__PURE__ */ import_react.default.createElement(import_ds_popper.default, {
+const TimePickerDropdown = ({ disabled = false, onClick, onOpen, isOpen, menu, zIndex, blockName, placement }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_popper.default, {
   blockName,
   placement,
   contentComponent: menu,
@@ -44,10 +47,10 @@ const TimePickerDropdown = ({ disabled = false, onClick, onOpen, isOpen, menu, z
     }
   },
   showArrow: false,
-  triggerComponent: /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
+  triggerComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.default, {
     buttonType: "secondary",
     disabled,
-    icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.RecentDocuments, null),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.RecentDocuments, {}),
     iconSize: "s",
     onClick
   }),

package/dist/cjs/TimePickerDropdown.js.map

@@ -2,6 +2,6 @@
   "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 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,uBAAqB;AACrB,uBAAqB;AAErB,MAAM,qBAAqB,CAAC,EAAE,WAAW,OAAO,SAAS,QAAQ,QAAQ,MAAM,QAAQ,WAAW,gBAChG,mDAAC;AAAA,EACC;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,IACrB;AAAA,EACF;AAAA,EACA,WAAW;AAAA,EACX,kBACE,mDAAC;AAAA,IAAS,YAAW;AAAA,IAAY;AAAA,IAAoB,MAAM,mDAAC,qCAAgB;AAAA,IAAI,UAAS;AAAA,IAAI;AAAA,GAAkB;AAAA,EAEjH;AAAA,CACF;AAGF,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;AACpB;AAEA,IAAO,6BAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,wBAAsB;AACtB,sBAAgC;AAChC,uBAAqB;AACrB,uBAAqB;AAErB,MAAM,qBAAqB,CAAC,EAAE,WAAW,OAAO,SAAS,QAAQ,QAAQ,MAAM,QAAQ,WAAW,UAAU,MAC1G,4CAAC,iBAAAA,SAAA;AAAA,EACC;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,IACrB;AAAA,EACF;AAAA,EACA,WAAW;AAAA,EACX,kBACE,4CAAC,iBAAAC,SAAA;AAAA,IAAS,YAAW;AAAA,IAAY;AAAA,IAAoB,MAAM,4CAAC,mCAAgB;AAAA,IAAI,UAAS;AAAA,IAAI;AAAA,GAAkB;AAAA,EAEjH;AAAA,CACF;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

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  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, {
@@ -25,7 +28,8 @@ __export(TimePickerImpl_exports, {
 });
 module.exports = __toCommonJS(TimePickerImpl_exports);
 var React = __toESM(require("react"));
-var import_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"));
@@ -114,11 +118,11 @@ const TimePickerImpl = ({
     from: (0, import_utils.convertTimeString)(disabledTimes.from),
     to: (0, import_utils.convertTimeString)(disabledTimes.to)
   };
-  return /* @__PURE__ */ import_react.default.createElement(TimePickerContainer, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TimePickerContainer, {
     className: `${className} variant-${!disabled ? "default" : "disabled"}`,
     containerProps,
     disabled,
-    rightAddon: /* @__PURE__ */ import_react.default.createElement(import_TimePickerDropdown.default, {
+    rightAddon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TimePickerDropdown.default, {
       blockName: timePickerBlockName,
       disabled,
       isOpen: isMenuOpened,
@@ -129,33 +133,35 @@ const TimePickerImpl = ({
         e.preventDefault();
         handleMenuOpen(!isMenuOpened);
       },
-      menu: /* @__PURE__ */ import_react.default.createElement("div", {
-        ref: timePickerRef
-      }, /* @__PURE__ */ import_react.default.createElement(import_TimePickerMenu.default, {
+      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_form.DSInput, {
+      customInputType: ({ onChange: handleChange, ...restInputProps }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.TimeInputImpl, {
+        clearable: true,
         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,
+        onChange: handleChange,
+        ...restInputProps
+      }),
+      isShowElipsisActive: false,
       disabled,
-      format,
-      onChange: handleChange,
-      ...restInputProps
-    }),
-    isShowElipsisActive: false,
-    disabled,
-    onChange: handleInputChange,
-    value: time
-  }));
+      onChange: handleInputChange,
+      value: time
+    })
+  });
 };
 TimePickerImpl.propTypes = {
   value: import_prop_types.default.instanceOf(Date, import_moment.default),