@elliemae/ds-controlled-form 2.2.0-alpha.3 → 3.0.0-next.0

package/cjs/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/Styleds.js

@@ -1,72 +1,79 @@
-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 Styleds_exports = {};
-__export(Styleds_exports, {
-  CalendarWithTimeWheelFooterMessage: () => CalendarWithTimeWheelFooterMessage,
-  StyledCalendar: () => StyledCalendar,
-  StyledCalendarWithTimeWheelWrapper: () => StyledCalendarWithTimeWheelWrapper,
-  StyledIconTriggerButton: () => StyledIconTriggerButton
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('styled-components');
+var DSButton = require('@elliemae/ds-button');
+var CalendarContent = require('../Calendar/CalendarContent.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const StyledIconTriggerButton = /*#__PURE__*/styled__default["default"](DSButton.DSButtonV2).withConfig({
+  componentId: "sc-h2xj8r-0"
+})(["color:", ";width:26px;height:26px;"], _ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.colors.brand['600'];
+});
+const StyledCalendarWithTimeWheelWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-h2xj8r-1"
+})(["background:", ";", " display:grid;grid-template-columns:260px 192px;grid-template-rows:1fr;column-gap:0;& > div:last-of-type{box-shadow:-1px 0 0 0 ", ";margin-left:1px;}"], _ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return theme.colors.neutral['000'];
+}, _ref3 => {
+  let {
+    isControllerOnly
+  } = _ref3;
+  return isControllerOnly ? undefined : 'box-shadow: 0 6px 20px 0 rgb(0 0 0 / 24%), 0 8px 17px 0 rgb(0 0 0 / 19%);';
+}, _ref4 => {
+  let {
+    theme
+  } = _ref4;
+  return theme.colors.neutral[200];
+});
+const StyledCalendar = /*#__PURE__*/styled__default["default"](CalendarContent.CalendarContent).withConfig({
+  componentId: "sc-h2xj8r-2"
+})(["box-shadow:none;"]);
+const CalendarWithTimeWheelFooterMessage = /*#__PURE__*/styled__default["default"].footer.withConfig({
+  componentId: "sc-h2xj8r-3"
+})(["border-top:solid 1px ", ";margin:0 ", ";padding:", " 0;color:", ";font-style:italic;font-weight:", ";font-size:", ";text-align:right;grid-column:1/3;"], _ref5 => {
+  let {
+    theme
+  } = _ref5;
+  return theme.colors.neutral[300];
+}, _ref6 => {
+  let {
+    theme
+  } = _ref6;
+  return theme.space.xxs2;
+}, _ref7 => {
+  let {
+    theme
+  } = _ref7;
+  return theme.space.xxs2;
+}, _ref8 => {
+  let {
+    theme
+  } = _ref8;
+  return theme.colors.danger[900];
+}, _ref9 => {
+  let {
+    theme
+  } = _ref9;
+  return theme.fontWeights.thin;
+}, _ref10 => {
+  let {
+    theme
+  } = _ref10;
+  return theme.fontSizes.microText[200];
 });
-var React = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_ds_button = __toESM(require("@elliemae/ds-button"));
-var import_CalendarContent = __toESM(require("../Calendar/CalendarContent"));
-const StyledIconTriggerButton = (0, import_styled_components.default)(import_ds_button.DSButtonV2)`
-  color: ${({ theme }) => theme.colors.brand["600"]};
-  width: 26px;
-  height: 26px;
-`;
-const StyledCalendarWithTimeWheelWrapper = import_styled_components.default.div`
-  background: ${({ theme }) => theme.colors.neutral["000"]};
-  ${({ isControllerOnly }) => isControllerOnly ? void 0 : "box-shadow: 0 6px 20px 0 rgb(0 0 0 / 24%), 0 8px 17px 0 rgb(0 0 0 / 19%);"}
-  display: grid;
-  grid-template-columns: 260px 192px;
-  grid-template-rows: 1fr;
-  column-gap: 0;
 
-  & > div:last-of-type {
-    box-shadow: -1px 0 0 0 ${({ theme }) => theme.colors.neutral[200]};
-    margin-left: 1px;
-  }
-`;
-const StyledCalendar = (0, import_styled_components.default)(import_CalendarContent.CalendarContent)`
-  box-shadow: none;
-`;
-const CalendarWithTimeWheelFooterMessage = import_styled_components.default.footer`
-  border-top: solid 1px ${({ theme }) => theme.colors.neutral[300]};
-  margin: 0 ${({ theme }) => theme.space.xxs2};
-  padding: ${({ theme }) => theme.space.xxs2} 0;
-  color: ${({ theme }) => theme.colors.danger[900]};
-  font-style: italic;
-  font-weight: ${({ theme }) => theme.fontWeights.thin};
-  font-size: ${({ theme }) => theme.fontSizes.microText[200]};
-  text-align: right;
-  grid-column: 1/3;
-`;
-module.exports = __toCommonJS(Styleds_exports);
-//# sourceMappingURL=Styleds.js.map
+exports.CalendarWithTimeWheelFooterMessage = CalendarWithTimeWheelFooterMessage;
+exports.StyledCalendar = StyledCalendar;
+exports.StyledCalendarWithTimeWheelWrapper = StyledCalendarWithTimeWheelWrapper;
+exports.StyledIconTriggerButton = StyledIconTriggerButton;

package/cjs/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/useConfigCalendarWithTimeWheelCTX.js

@@ -1,47 +1,26 @@
-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 useConfigCalendarWithTimeWheelCTX_exports = {};
-__export(useConfigCalendarWithTimeWheelCTX_exports, {
-  useConfigCalendarWithTimeWheelCTX: () => useConfigCalendarWithTimeWheelCTX
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_popper = __toESM(require("react-popper"));
-var import_ControlledDateTimePickerTypes = __toESM(require("../../../ControlledDateTimePickerTypes"));
-var import_ControlledDateTimePickerCTX = __toESM(require("../../../ControlledDateTimePickerCTX"));
-var import_useOnClickOutside = __toESM(require("../../../utils/hooks/useOnClickOutside"));
-var import_CalendarContext = __toESM(require("../Calendar/CalendarContext"));
-var import_TimeWheelContext = __toESM(require("../TimeWheel/TimeWheelContext"));
-var import_constants = __toESM(require("../../../utils/constants"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/web.dom-collections.iterator.js');
+var React = require('react');
+var reactPopper = require('react-popper');
+var ControlledDateTimePickerTypes = require('../../../ControlledDateTimePickerTypes.js');
+var ControlledDateTimePickerCTX = require('../../../ControlledDateTimePickerCTX.js');
+var useOnClickOutside = require('../../../utils/hooks/useOnClickOutside.js');
+var CalendarContext = require('../Calendar/CalendarContext.js');
+var TimeWheelContext = require('../TimeWheel/TimeWheelContext.js');
+var constants = require('../../../utils/constants.js');
+
 const useConfigCalendarWithTimeWheelCTX = () => {
   const {
     pickerButtonRef,
-    props: { type, onPickerOpen, onPickerClose, disabled },
+    props: {
+      type,
+      onPickerOpen,
+      onPickerClose,
+      disabled
+    },
     hideDate,
     hideTime,
     monthInputRef,
@@ -51,72 +30,82 @@ const useConfigCalendarWithTimeWheelCTX = () => {
     meridiemInputRef,
     yearInputRef,
     ariaCurrentValueForInputs
-  } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
-  const { handleToggleCalendar } = (0, import_react.useContext)(import_CalendarContext.CalendarContext);
-  const { handleToggleTimePicker } = (0, import_react.useContext)(import_TimeWheelContext.TimeWheelContext);
-  const [showCalendarWithTimeWheel, setShowCalendarWithTimeWheel] = (0, import_react.useState)(false);
-  const onHomeKeyDown = (0, import_react.useCallback)(() => {
-    if (!hideDate)
-      monthInputRef?.current?.focus?.();
-    else if (!hideTime)
-      hourInputRef?.current?.focus?.();
+  } = React.useContext(ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  const {
+    handleToggleCalendar
+  } = React.useContext(CalendarContext.CalendarContext);
+  const {
+    handleToggleTimePicker
+  } = React.useContext(TimeWheelContext.TimeWheelContext);
+  const [showCalendarWithTimeWheel, setShowCalendarWithTimeWheel] = React.useState(false);
+  const onHomeKeyDown = React.useCallback(() => {
+    var _monthInputRef$curren, _monthInputRef$curren2, _hourInputRef$current, _hourInputRef$current2;
+
+    if (!hideDate) monthInputRef === null || monthInputRef === void 0 ? void 0 : (_monthInputRef$curren = monthInputRef.current) === null || _monthInputRef$curren === void 0 ? void 0 : (_monthInputRef$curren2 = _monthInputRef$curren.focus) === null || _monthInputRef$curren2 === void 0 ? void 0 : _monthInputRef$curren2.call(_monthInputRef$curren);else if (!hideTime) hourInputRef === null || hourInputRef === void 0 ? void 0 : (_hourInputRef$current = hourInputRef.current) === null || _hourInputRef$current === void 0 ? void 0 : (_hourInputRef$current2 = _hourInputRef$current.focus) === null || _hourInputRef$current2 === void 0 ? void 0 : _hourInputRef$current2.call(_hourInputRef$current);
   }, [hideDate, hideTime, monthInputRef, hourInputRef]);
-  const handlePickerIconKeyDown = (0, import_react.useCallback)((e) => {
-    const { key } = e;
-    if (import_constants.homeEndKeys.includes(key))
-      e.preventDefault();
-    if (import_constants.homeEndKeys.includes(key))
-      e.stopPropagation();
-    if (key === "Home")
-      onHomeKeyDown();
-    if (key === "Backspace" && withAnyInputs) {
-      if (isWithTimeInputs)
-        meridiemInputRef?.current?.focus?.();
-      else
-        yearInputRef?.current?.focus?.();
+  const handlePickerIconKeyDown = React.useCallback(e => {
+    const {
+      key
+    } = e;
+    if (constants.homeEndKeys.includes(key)) e.preventDefault();
+    if (constants.homeEndKeys.includes(key)) e.stopPropagation();
+    if (key === 'Home') onHomeKeyDown();
+
+    if (key === 'Backspace' && withAnyInputs) {
+      var _meridiemInputRef$cur, _meridiemInputRef$cur2, _yearInputRef$current, _yearInputRef$current2;
+
+      if (isWithTimeInputs) meridiemInputRef === null || meridiemInputRef === void 0 ? void 0 : (_meridiemInputRef$cur = meridiemInputRef.current) === null || _meridiemInputRef$cur === void 0 ? void 0 : (_meridiemInputRef$cur2 = _meridiemInputRef$cur.focus) === null || _meridiemInputRef$cur2 === void 0 ? void 0 : _meridiemInputRef$cur2.call(_meridiemInputRef$cur);else yearInputRef === null || yearInputRef === void 0 ? void 0 : (_yearInputRef$current = yearInputRef.current) === null || _yearInputRef$current === void 0 ? void 0 : (_yearInputRef$current2 = _yearInputRef$current.focus) === null || _yearInputRef$current2 === void 0 ? void 0 : _yearInputRef$current2.call(_yearInputRef$current);
     }
   }, [isWithTimeInputs, meridiemInputRef, onHomeKeyDown, withAnyInputs, yearInputRef]);
-  const [referenceElement, setReferenceElement] = (0, import_react.useState)(null);
-  const [popperElement, setPopperElement] = (0, import_react.useState)(null);
-  const [arrowElement, setArrowElement] = (0, import_react.useState)(null);
-  const usePopperHelpers = (0, import_react_popper.usePopper)(referenceElement, popperElement, {
-    modifiers: [{ name: "arrow", options: { element: arrowElement } }]
+  const [referenceElement, setReferenceElement] = React.useState(null);
+  const [popperElement, setPopperElement] = React.useState(null);
+  const [arrowElement, setArrowElement] = React.useState(null);
+  const usePopperHelpers = reactPopper.usePopper(referenceElement, popperElement, {
+    modifiers: [{
+      name: 'arrow',
+      options: {
+        element: arrowElement
+      }
+    }]
   });
-  const openCalendar = (0, import_react.useCallback)((e) => {
+  const openCalendar = React.useCallback(e => {
     setShowCalendarWithTimeWheel(true);
     onPickerOpen();
     setTimeout(() => handleToggleCalendar(e));
     setTimeout(() => handleToggleTimePicker(e));
   }, [handleToggleCalendar, handleToggleTimePicker, onPickerOpen]);
-  const closeCalendar = (0, import_react.useCallback)((e) => {
+  const closeCalendar = React.useCallback(e => {
     setShowCalendarWithTimeWheel(false);
     onPickerClose();
     setTimeout(() => handleToggleCalendar(e));
     setTimeout(() => handleToggleTimePicker(e));
   }, [handleToggleCalendar, handleToggleTimePicker, onPickerClose]);
-  const handleToggleCalendarWithTimeWheel = (0, import_react.useCallback)((e) => {
-    if (!showCalendarWithTimeWheel)
-      openCalendar(e);
-    else
-      closeCalendar(e);
+  const handleToggleCalendarWithTimeWheel = React.useCallback(e => {
+    if (!showCalendarWithTimeWheel) openCalendar(e);else closeCalendar(e);
   }, [closeCalendar, openCalendar, showCalendarWithTimeWheel]);
-  (0, import_useOnClickOutside.useOnClickOutside)(popperElement, (e) => {
-    if (!pickerButtonRef?.current?.contains?.(e?.target))
-      closeCalendar(e);
+  useOnClickOutside.useOnClickOutside(popperElement, e => {
+    var _pickerButtonRef$curr, _pickerButtonRef$curr2;
+
+    if (!(pickerButtonRef !== null && pickerButtonRef !== void 0 && (_pickerButtonRef$curr = pickerButtonRef.current) !== null && _pickerButtonRef$curr !== void 0 && (_pickerButtonRef$curr2 = _pickerButtonRef$curr.contains) !== null && _pickerButtonRef$curr2 !== void 0 && _pickerButtonRef$curr2.call(_pickerButtonRef$curr, e === null || e === void 0 ? void 0 : e.target))) closeCalendar(e);
   });
-  const handleSetTriggerRef = (0, import_react.useCallback)((newRef) => {
+  const handleSetTriggerRef = React.useCallback(newRef => {
     pickerButtonRef.current = newRef;
     setReferenceElement(newRef);
   }, [pickerButtonRef]);
-  const handleMenuWrapperKeyDown = (0, import_react.useCallback)((e) => {
-    const { key } = e;
-    if (key === "Escape") {
+  const handleMenuWrapperKeyDown = React.useCallback(e => {
+    const {
+      key
+    } = e;
+
+    if (key === 'Escape') {
+      var _pickerButtonRef$curr3, _pickerButtonRef$curr4;
+
       closeCalendar(e);
-      pickerButtonRef?.current?.focus?.();
+      pickerButtonRef === null || pickerButtonRef === void 0 ? void 0 : (_pickerButtonRef$curr3 = pickerButtonRef.current) === null || _pickerButtonRef$curr3 === void 0 ? void 0 : (_pickerButtonRef$curr4 = _pickerButtonRef$curr3.focus) === null || _pickerButtonRef$curr4 === void 0 ? void 0 : _pickerButtonRef$curr4.call(_pickerButtonRef$curr3);
     }
   }, [closeCalendar, pickerButtonRef]);
-  const isControllerOnly = (0, import_react.useMemo)(() => type === import_ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.CONTROLLER_ONLY, [type]);
-  return (0, import_react.useMemo)(() => ({
+  const isControllerOnly = React.useMemo(() => type === ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.CONTROLLER_ONLY, [type]);
+  return React.useMemo(() => ({
     showCalendarWithTimeWheel,
     setPopperElement,
     setArrowElement,
@@ -128,17 +117,7 @@ const useConfigCalendarWithTimeWheelCTX = () => {
     isControllerOnly,
     disabled,
     ariaCurrentValueForInputs
-  }), [
-    showCalendarWithTimeWheel,
-    usePopperHelpers,
-    handleToggleCalendarWithTimeWheel,
-    handleSetTriggerRef,
-    handleMenuWrapperKeyDown,
-    handlePickerIconKeyDown,
-    isControllerOnly,
-    disabled,
-    ariaCurrentValueForInputs
-  ]);
+  }), [showCalendarWithTimeWheel, usePopperHelpers, handleToggleCalendarWithTimeWheel, handleSetTriggerRef, handleMenuWrapperKeyDown, handlePickerIconKeyDown, isControllerOnly, disabled, ariaCurrentValueForInputs]);
 };
-module.exports = __toCommonJS(useConfigCalendarWithTimeWheelCTX_exports);
-//# sourceMappingURL=useConfigCalendarWithTimeWheelCTX.js.map
+
+exports.useConfigCalendarWithTimeWheelCTX = useConfigCalendarWithTimeWheelCTX;

package/cjs/controlled-date-time-picker/parts/Pickers/PickersIcons.js

@@ -1,53 +1,35 @@
-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 PickersIcons_exports = {};
-__export(PickersIcons_exports, {
-  PickersIcons: () => PickersIcons
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ControlledDateTimePickerCTX = __toESM(require("../../ControlledDateTimePickerCTX"));
-var import_Styleds = __toESM(require("../Styleds"));
-var import_CalendarWithTimeWheel = __toESM(require("./CalendarWithTimeWheel/CalendarWithTimeWheel"));
-var import_Calendar = __toESM(require("./Calendar/Calendar"));
-var import_TimeWheel = __toESM(require("./TimeWheel/TimeWheel"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+var React = require('react');
+var ControlledDateTimePickerCTX = require('../../ControlledDateTimePickerCTX.js');
+var Styleds = require('../Styleds.js');
+var CalendarWithTimeWheel = require('./CalendarWithTimeWheel/CalendarWithTimeWheel.js');
+var Calendar = require('./Calendar/Calendar.js');
+var TimeWheel = require('./TimeWheel/TimeWheel.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _Calendar, _TimeWheel, _CalendarWithTimeWhee;
 const PickersIcons = () => {
   const {
     hideDatePicker,
     hideTimePicker,
     hideDateTimePicker,
     isControllerOnly,
-    props: { hasError }
-  } = import_react.default.useContext(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
-  return /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledPickersIconsWrapperGrid, {
-    hasError,
-    isControllerOnly
-  }, !hideDatePicker && hideTimePicker && hideDateTimePicker ? /* @__PURE__ */ import_react.default.createElement(import_Calendar.Calendar, null) : null, hideDatePicker && !hideTimePicker && hideDateTimePicker ? /* @__PURE__ */ import_react.default.createElement(import_TimeWheel.TimeWheel, null) : null, hideDatePicker && hideTimePicker && !hideDateTimePicker ? /* @__PURE__ */ import_react.default.createElement(import_CalendarWithTimeWheel.CalendarWithTimeWheel, null) : null);
+    props: {
+      hasError
+    }
+  } = React__default["default"].useContext(ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  return /*#__PURE__*/_jsx__default["default"](Styleds.StyledPickersIconsWrapperGrid, {
+    hasError: hasError,
+    isControllerOnly: isControllerOnly
+  }, void 0, !hideDatePicker && hideTimePicker && hideDateTimePicker ? _Calendar || (_Calendar = /*#__PURE__*/_jsx__default["default"](Calendar.Calendar, {})) : null, hideDatePicker && !hideTimePicker && hideDateTimePicker ? _TimeWheel || (_TimeWheel = /*#__PURE__*/_jsx__default["default"](TimeWheel.TimeWheel, {})) : null, hideDatePicker && hideTimePicker && !hideDateTimePicker ? _CalendarWithTimeWhee || (_CalendarWithTimeWhee = /*#__PURE__*/_jsx__default["default"](CalendarWithTimeWheel.CalendarWithTimeWheel, {})) : null);
 };
-module.exports = __toCommonJS(PickersIcons_exports);
-//# sourceMappingURL=PickersIcons.js.map
+
+exports.PickersIcons = PickersIcons;

package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/HoursList.js

@@ -1,41 +1,34 @@
-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 HoursList_exports = {};
-__export(HoursList_exports, {
-  HoursList: () => HoursList
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_icons = __toESM(require("@elliemae/ds-icons"));
-var import_ControlledDateTimePickerDatatestid = __toESM(require("../../../ControlledDateTimePickerDatatestid"));
-var import_numberHelpers = __toESM(require("../../../utils/numberHelpers"));
-var import_Styleds = __toESM(require("./Styleds"));
-var import_TimeWheelContext = __toESM(require("./TimeWheelContext"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var React = require('react');
+var dsIcons = require('@elliemae/ds-icons');
+var ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
+var numberHelpers = require('../../../utils/numberHelpers.js');
+var Styleds = require('./Styleds.js');
+var TimeWheelContext = require('./TimeWheelContext.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+var _ChevronSmallUp, _ChevronSmallDown;
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const HoursList = () => {
   const {
     currHourNum,
@@ -54,54 +47,51 @@ const HoursList = () => {
     nextHourBtnRef,
     getIsDisabledTime,
     autoFocusHourTimeWheel
-  } = (0, import_react.useContext)(import_TimeWheelContext.TimeWheelContext);
-  return /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledWheelList, null, /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledWheelListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledWheelChangeTimeBtn, {
+  } = React.useContext(TimeWheelContext.TimeWheelContext);
+  return /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelList, {}, void 0, /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelListItem, {}, void 0, /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelChangeTimeBtn, {
     "aria-label": "subtract one hour",
     buttonType: "raw",
     size: "m",
     onClick: handlePrevHour,
     onKeyDown: handlePrevHourBtnOnKeyDown,
     innerRef: prevHourBtnRef,
-    "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_HOUR,
+    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_HOUR,
     tabIndex: -1
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronSmallUp, null))), visibleHours.map((hourString) => {
-    const key = `timewheel-hour-${hourString}`;
-    if (!hourString)
-      return /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledWheelListItem, {
-        key
-      });
-    const currHourTimeString = `${hourString}:${minutes || "00"} ${meridiem || "AM"}`;
-    const isEmptyCurrValueCurrentListItem = !hours && (0, import_numberHelpers.convertToPositiveNumberIfPossible)(hourString) === currHourNum;
+  }, void 0, _ChevronSmallUp || (_ChevronSmallUp = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronSmallUp, {})))), visibleHours.map(hourString => {
+    const key = "timewheel-hour-".concat(hourString);
+    if (!hourString) return /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelListItem, {}, key);
+    const currHourTimeString = "".concat(hourString, ":").concat(minutes || '00', " ").concat(meridiem || 'AM');
+    const isEmptyCurrValueCurrentListItem = !hours && numberHelpers.convertToPositiveNumberIfPossible(hourString) === currHourNum;
     const isCurrentListItem = isEmptyCurrValueCurrentListItem || hours === hourString;
     const isDisabled = getIsDisabledTime(currHourTimeString);
     const tabIndex = isCurrentListItem ? 0 : -1;
     const btnProps = {
-      onKeyDown: isCurrentListItem ? handleCurrHourOnKeyDown : void 0,
-      innerRef: isCurrentListItem ? currHourBtnRef : void 0
+      onKeyDown: isCurrentListItem ? handleCurrHourOnKeyDown : undefined,
+      innerRef: isCurrentListItem ? currHourBtnRef : undefined
     };
-    return /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledWheelListItem, {
-      isCurrentListItem,
-      key
-    }, /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledTimeBtn, {
-      isCurrentListItem,
+    return /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelListItem, {
+      isCurrentListItem: isCurrentListItem
+    }, key, /*#__PURE__*/jsxRuntime.jsx(Styleds.StyledTimeBtn, _objectSpread(_objectSpread({
+      isCurrentListItem: isCurrentListItem,
       autoFocus: autoFocusHourTimeWheel && isCurrentListItem,
-      "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL[isCurrentListItem ? "CURRENT_HOUR" : "HOUR"],
-      selected: hours.length === 2 && (0, import_numberHelpers.convertToPositiveNumberIfPossible)(hourString) === currHourNum,
-      "aria-label": `${hourString} hours`,
+      "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL[isCurrentListItem ? 'CURRENT_HOUR' : 'HOUR'],
+      selected: hours.length === 2 && numberHelpers.convertToPositiveNumberIfPossible(hourString) === currHourNum,
+      "aria-label": "".concat(hourString, " hours"),
       "aria-disabled": isDisabled,
-      isDisabled,
+      isDisabled: isDisabled,
       buttonType: "raw",
       size: "m",
-      onClick: (e) => handleTimeWheelBtnChangeHours(hourString, e),
-      tabIndex,
+      onClick: e => handleTimeWheelBtnChangeHours(hourString, e),
+      tabIndex: tabIndex,
       role: "spinbutton",
       "aria-valuemax": "12",
       "aria-valuemin": "1",
       "aria-valuenow": currHourNum,
-      "aria-valuetext": `${hourString} hours`,
-      ...btnProps
-    }, hourString));
-  }), /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledWheelListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledWheelChangeTimeBtn, {
+      "aria-valuetext": "".concat(hourString, " hours")
+    }, btnProps), {}, {
+      children: hourString
+    })));
+  }), /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelListItem, {}, void 0, /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelChangeTimeBtn, {
     "aria-label": "add one hour",
     buttonType: "raw",
     size: "m",
@@ -109,8 +99,8 @@ const HoursList = () => {
     onKeyDown: handleNextHourBtnOnKeyDown,
     innerRef: nextHourBtnRef,
     tabIndex: -1,
-    "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_HOUR
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronSmallDown, null))));
+    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_HOUR
+  }, void 0, _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronSmallDown, {})))));
 };
-module.exports = __toCommonJS(HoursList_exports);
-//# sourceMappingURL=HoursList.js.map
+
+exports.HoursList = HoursList;