@elliemae/ds-controlled-form 1.57.1-rc.0 → 2.0.0-alpha.11

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

@@ -1,4 +1,4 @@
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useContext, useState, useCallback, useMemo } from 'react';
 import { usePopper } from 'react-popper';
 import { CONTROLLED_DATE_TIME_PICKER_TYPES } from '../../../ControlledDateTimePickerTypes.js';
@@ -6,71 +6,47 @@ import { ControlledDateTimePickerContext } from '../../../ControlledDateTimePick
 import { useOnClickOutside } from '../../../utils/hooks/useOnClickOutside.js';
 import { CalendarContext } from '../Calendar/CalendarContext.js';
 import { TimeWheelContext } from '../TimeWheel/TimeWheelContext.js';
-import { homeEndKeys } from '../../../utils/constants.js';
 
-var useConfigCalendarWithTimeWheelCTX = function useConfigCalendarWithTimeWheelCTX() {
-  var _useContext = useContext(ControlledDateTimePickerContext),
-      pickerButtonRef = _useContext.pickerButtonRef,
-      _useContext$props = _useContext.props,
-      type = _useContext$props.type,
-      onPickerOpen = _useContext$props.onPickerOpen,
-      onPickerClose = _useContext$props.onPickerClose,
-      disabled = _useContext$props.disabled,
-      hideDate = _useContext.hideDate,
-      hideTime = _useContext.hideTime,
-      monthInputRef = _useContext.monthInputRef,
-      hourInputRef = _useContext.hourInputRef,
-      withAnyInputs = _useContext.withAnyInputs,
-      isWithTimeInputs = _useContext.isWithTimeInputs,
-      meridiemInputRef = _useContext.meridiemInputRef,
-      yearInputRef = _useContext.yearInputRef,
-      ariaCurrentValueForInputs = _useContext.ariaCurrentValueForInputs;
-
-  var _useContext2 = useContext(CalendarContext),
-      handleToggleCalendar = _useContext2.handleToggleCalendar;
-
-  var _useContext3 = useContext(TimeWheelContext),
-      handleToggleTimePicker = _useContext3.handleToggleTimePicker;
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      showCalendarWithTimeWheel = _useState2[0],
-      setShowCalendarWithTimeWheel = _useState2[1];
-
-  var onHomeKeyDown = useCallback(function () {
+const useConfigCalendarWithTimeWheelCTX = () => {
+  const {
+    pickerButtonRef,
+    props: {
+      type,
+      onPickerOpen,
+      onPickerClose
+    },
+    hideDate,
+    hideTime,
+    monthInputRef,
+    hourInputRef,
+    ariaCurrentValueForInputs
+  } = useContext(ControlledDateTimePickerContext);
+  const {
+    handleToggleCalendar
+  } = useContext(CalendarContext);
+  const {
+    handleToggleTimePicker
+  } = useContext(TimeWheelContext);
+  const [showCalendarWithTimeWheel, setShowCalendarWithTimeWheel] = useState(false);
+  const onHomeKeyDown = 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]);
-  var handlePickerIconKeyDown = useCallback(function (e) {
-    var key = e.key;
-    if (homeEndKeys.includes(key)) e.preventDefault();
-    if (homeEndKeys.includes(key)) e.stopPropagation();
+  const handlePickerIconKeyDown = useCallback(e => {
+    const {
+      key
+    } = e;
+    const preventDefaultKeys = ['Home', 'End'];
+    const stopPropagationKeys = ['Home', 'End'];
+    if (preventDefaultKeys.includes(key)) e.preventDefault();
+    if (stopPropagationKeys.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]);
-
-  var _useState3 = useState(null),
-      _useState4 = _slicedToArray(_useState3, 2),
-      referenceElement = _useState4[0],
-      setReferenceElement = _useState4[1];
-
-  var _useState5 = useState(null),
-      _useState6 = _slicedToArray(_useState5, 2),
-      popperElement = _useState6[0],
-      setPopperElement = _useState6[1];
-
-  var _useState7 = useState(null),
-      _useState8 = _slicedToArray(_useState7, 2),
-      arrowElement = _useState8[0],
-      setArrowElement = _useState8[1];
-
-  var usePopperHelpers = usePopper(referenceElement, popperElement, {
+  }, [onHomeKeyDown]);
+  const [referenceElement, setReferenceElement] = useState(null);
+  const [popperElement, setPopperElement] = useState(null);
+  const [arrowElement, setArrowElement] = useState(null);
+  const usePopperHelpers = usePopper(referenceElement, popperElement, {
     modifiers: [{
       name: 'arrow',
       options: {
@@ -78,40 +54,34 @@ var useConfigCalendarWithTimeWheelCTX = function useConfigCalendarWithTimeWheelC
       }
     }]
   });
-  var openCalendar = useCallback(function (e) {
+  const openCalendar = useCallback(e => {
     setShowCalendarWithTimeWheel(true);
     onPickerOpen();
-    setTimeout(function () {
-      return handleToggleCalendar(e);
-    });
-    setTimeout(function () {
-      return handleToggleTimePicker(e);
-    });
+    setTimeout(() => handleToggleCalendar(e));
+    setTimeout(() => handleToggleTimePicker(e));
   }, [handleToggleCalendar, handleToggleTimePicker, onPickerOpen]);
-  var closeCalendar = useCallback(function (e) {
+  const closeCalendar = useCallback(e => {
     setShowCalendarWithTimeWheel(false);
     onPickerClose();
-    setTimeout(function () {
-      return handleToggleCalendar(e);
-    });
-    setTimeout(function () {
-      return handleToggleTimePicker(e);
-    });
+    setTimeout(() => handleToggleCalendar(e));
+    setTimeout(() => handleToggleTimePicker(e));
   }, [handleToggleCalendar, handleToggleTimePicker, onPickerClose]);
-  var handleToggleCalendarWithTimeWheel = useCallback(function (e) {
+  const handleToggleCalendarWithTimeWheel = useCallback(e => {
     if (!showCalendarWithTimeWheel) openCalendar(e);else closeCalendar(e);
   }, [closeCalendar, openCalendar, showCalendarWithTimeWheel]);
-  useOnClickOutside(popperElement, function (e) {
+  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);
   });
-  var handleSetTriggerRef = useCallback(function (newRef) {
+  const handleSetTriggerRef = useCallback(newRef => {
     pickerButtonRef.current = newRef;
     setReferenceElement(newRef);
   }, [pickerButtonRef]);
-  var handleMenuWrapperKeyDown = useCallback(function (e) {
-    var key = e.key;
+  const handleMenuWrapperKeyDown = useCallback(e => {
+    const {
+      key
+    } = e;
 
     if (key === 'Escape') {
       var _pickerButtonRef$curr3, _pickerButtonRef$curr4;
@@ -120,25 +90,19 @@ var useConfigCalendarWithTimeWheelCTX = function useConfigCalendarWithTimeWheelC
       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]);
-  var isControllerOnly = useMemo(function () {
-    return type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.CONTROLLER_ONLY;
-  }, [type]);
-  return useMemo(function () {
-    return {
-      showCalendarWithTimeWheel: showCalendarWithTimeWheel,
-      setPopperElement: setPopperElement,
-      setArrowElement: setArrowElement,
-      usePopperHelpers: usePopperHelpers,
-      handleToggleCalendarWithTimeWheel: handleToggleCalendarWithTimeWheel,
-      handleSetTriggerRef: handleSetTriggerRef,
-      handleMenuWrapperKeyDown: handleMenuWrapperKeyDown,
-      handlePickerIconKeyDown: handlePickerIconKeyDown,
-      isControllerOnly: isControllerOnly,
-      disabled: disabled,
-      ariaCurrentValueForInputs: ariaCurrentValueForInputs
-    };
-  }, [showCalendarWithTimeWheel, usePopperHelpers, handleToggleCalendarWithTimeWheel, handleSetTriggerRef, handleMenuWrapperKeyDown, handlePickerIconKeyDown, isControllerOnly, disabled, ariaCurrentValueForInputs]);
+  const isControllerOnly = useMemo(() => type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.CONTROLLER_ONLY, [type]);
+  return useMemo(() => ({
+    showCalendarWithTimeWheel,
+    setPopperElement,
+    setArrowElement,
+    usePopperHelpers,
+    handleToggleCalendarWithTimeWheel,
+    handleSetTriggerRef,
+    handleMenuWrapperKeyDown,
+    handlePickerIconKeyDown,
+    isControllerOnly,
+    ariaCurrentValueForInputs
+  }), [showCalendarWithTimeWheel, usePopperHelpers, handleToggleCalendarWithTimeWheel, handleSetTriggerRef, handleMenuWrapperKeyDown, handlePickerIconKeyDown, isControllerOnly, ariaCurrentValueForInputs]);
 };
 
 export { useConfigCalendarWithTimeWheelCTX };
-//# sourceMappingURL=useConfigCalendarWithTimeWheelCTX.js.map

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

@@ -1,82 +1,26 @@
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import React from 'react';
 import { ControlledDateTimePickerContext } from '../../ControlledDateTimePickerCTX.js';
 import { StyledPickersIconsWrapperGrid } from '../Styleds.js';
 import { CalendarWithTimeWheel } from './CalendarWithTimeWheel/CalendarWithTimeWheel.js';
 import { Calendar } from './Calendar/Calendar.js';
 import { TimeWheel } from './TimeWheel/TimeWheel.js';
-import '../../ControlledDateTimePickerTypes.js';
-import 'styled-components';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-button';
-import './CalendarWithTimeWheel/CalendarWithTimeWheelIconTrigger.js';
-import '@elliemae/ds-icons';
-import './CalendarWithTimeWheel/CalendarWithTimeWheelContext.js';
-import './CalendarWithTimeWheel/Styleds.js';
-import './Calendar/CalendarContent.js';
-import '../../ControlledDateTimePickerDatatestid.js';
-import './Calendar/CalendarBody.js';
-import './Calendar/CalendarMonthDays.js';
-import './Calendar/CalendarDaysList.js';
-import './Calendar/Day.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '../../utils/dateHelpers.js';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import '../../utils/constants.js';
-import '../../utils/stringHelpers.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '../../utils/numberHelpers.js';
-import './Calendar/CalendarContext.js';
-import './Calendar/Styleds.js';
-import '@babel/runtime/helpers/esm/taggedTemplateLiteral';
-import '@elliemae/ds-system';
-import './Calendar/CalendarWeekDays.js';
-import './Calendar/CalendarHead.js';
-import './Calendar/CalendarFooter.js';
-import './CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.js';
-import './CalendarWithTimeWheel/CalendarWithTimeWheelContent.js';
-import './CalendarWithTimeWheel/CalendarWithTimeWheelFooter.js';
-import './TimeWheel/TimeWheelContent.js';
-import './TimeWheel/Styleds.js';
-import './TimeWheel/HoursList.js';
-import './TimeWheel/TimeWheelContext.js';
-import './TimeWheel/MinutesList.js';
-import './TimeWheel/MeridiemList.js';
-import './TimeWheel/TimeWheelFooter.js';
-import './CalendarWithTimeWheel/useConfigCalendarWithTimeWheelCTX.js';
-import 'react-popper';
-import '../../utils/hooks/useOnClickOutside.js';
-import './Calendar/CalendarIconTrigger.js';
-import './Calendar/CalendarWrapper.js';
-import './Calendar/useConfigCalendarCTX.js';
-import './Calendar/useKeyboardHandlers.js';
-import './Calendar/useFocusLogic.js';
-import '../../utils/hooks/useGetStartingFocusedDay.js';
-import '../../utils/hooks/useGetDayFromDateString.js';
-import './Calendar/usePopperTriggerLogic.js';
-import './Calendar/useCurrentDisplayedMonthYearLogic.js';
-import '../../utils/hooks/useGetMonthYearFromDateStringOrEmptyStartingMonth.js';
-import './TimeWheel/TimeWheelIconTrigger.js';
-import './TimeWheel/TimeWheelWrapper.js';
-import './TimeWheel/useConfigTimePickerCTX.js';
-import './TimeWheel/usePopperTriggerLogic.js';
-import './TimeWheel/useCurrentDisplayedWheelsLogic.js';
-import '../TimeInputs/useTimeInputs.js';
-import './TimeWheel/useKeyboardHandlers.js';
 
-var PickersIcons = function PickersIcons() {
-  var _React$useContext = React.useContext(ControlledDateTimePickerContext),
-      hideDatePicker = _React$useContext.hideDatePicker,
-      hideTimePicker = _React$useContext.hideTimePicker,
-      hideDateTimePicker = _React$useContext.hideDateTimePicker,
-      isControllerOnly = _React$useContext.isControllerOnly,
-      hasError = _React$useContext.props.hasError;
-
-  return /*#__PURE__*/React.createElement(StyledPickersIconsWrapperGrid, {
+var _Calendar, _TimeWheel, _CalendarWithTimeWhee;
+const PickersIcons = () => {
+  const {
+    hideDatePicker,
+    hideTimePicker,
+    hideDateTimePicker,
+    isControllerOnly,
+    props: {
+      hasError
+    }
+  } = React.useContext(ControlledDateTimePickerContext);
+  return /*#__PURE__*/_jsx(StyledPickersIconsWrapperGrid, {
     hasError: hasError,
     isControllerOnly: isControllerOnly
-  }, !hideDatePicker && hideTimePicker && hideDateTimePicker ? /*#__PURE__*/React.createElement(Calendar, null) : null, hideDatePicker && !hideTimePicker && hideDateTimePicker ? /*#__PURE__*/React.createElement(TimeWheel, null) : null, hideDatePicker && hideTimePicker && !hideDateTimePicker ? /*#__PURE__*/React.createElement(CalendarWithTimeWheel, null) : null);
+  }, void 0, !hideDatePicker && hideTimePicker && hideDateTimePicker ? _Calendar || (_Calendar = /*#__PURE__*/_jsx(Calendar, {})) : null, hideDatePicker && !hideTimePicker && hideDateTimePicker ? _TimeWheel || (_TimeWheel = /*#__PURE__*/_jsx(TimeWheel, {})) : null, hideDatePicker && hideTimePicker && !hideDateTimePicker ? _CalendarWithTimeWhee || (_CalendarWithTimeWhee = /*#__PURE__*/_jsx(CalendarWithTimeWheel, {})) : null);
 };
 
 export { PickersIcons };
-//# sourceMappingURL=PickersIcons.js.map

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

@@ -1,36 +1,38 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-import React, { useContext } from 'react';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import { useContext } from 'react';
 import { ChevronSmallUp, ChevronSmallDown } from '@elliemae/ds-icons';
 import { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid.js';
 import { convertToPositiveNumberIfPossible } from '../../../utils/numberHelpers.js';
 import { StyledWheelList, StyledWheelListItem, StyledWheelChangeTimeBtn, StyledTimeBtn } from './Styleds.js';
 import { TimeWheelContext } from './TimeWheelContext.js';
-import '@babel/runtime/helpers/esm/taggedTemplateLiteral';
-import 'styled-components';
-import '@elliemae/ds-system';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-button';
+import { jsx } from 'react/jsx-runtime';
 
-var HoursList = function HoursList() {
-  var _useContext = useContext(TimeWheelContext),
-      currHourNum = _useContext.currHourNum,
-      hours = _useContext.hours,
-      minutes = _useContext.minutes,
-      meridiem = _useContext.meridiem,
-      visibleHours = _useContext.visibleHours,
-      handlePrevHour = _useContext.handlePrevHour,
-      handleNextHour = _useContext.handleNextHour,
-      handleTimeWheelBtnChangeHours = _useContext.handleTimeWheelBtnChangeHours,
-      handlePrevHourBtnOnKeyDown = _useContext.handlePrevHourBtnOnKeyDown,
-      handleCurrHourOnKeyDown = _useContext.handleCurrHourOnKeyDown,
-      handleNextHourBtnOnKeyDown = _useContext.handleNextHourBtnOnKeyDown,
-      prevHourBtnRef = _useContext.prevHourBtnRef,
-      currHourBtnRef = _useContext.currHourBtnRef,
-      nextHourBtnRef = _useContext.nextHourBtnRef,
-      getIsDisabledTime = _useContext.getIsDisabledTime,
-      autoFocusHourTimeWheel = _useContext.autoFocusHourTimeWheel;
+var _ChevronSmallUp, _ChevronSmallDown;
 
-  return /*#__PURE__*/React.createElement(StyledWheelList, null, /*#__PURE__*/React.createElement(StyledWheelListItem, null, /*#__PURE__*/React.createElement(StyledWheelChangeTimeBtn, {
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+const HoursList = () => {
+  const {
+    currHourNum,
+    hours,
+    minutes,
+    meridiem,
+    visibleHours,
+    handlePrevHour,
+    handleNextHour,
+    handleTimeWheelBtnChangeHours,
+    handlePrevHourBtnOnKeyDown,
+    handleCurrHourOnKeyDown,
+    handleNextHourBtnOnKeyDown,
+    prevHourBtnRef,
+    currHourBtnRef,
+    nextHourBtnRef,
+    getIsDisabledTime,
+    autoFocusHourTimeWheel
+  } = useContext(TimeWheelContext);
+  return /*#__PURE__*/_jsx(StyledWheelList, {}, void 0, /*#__PURE__*/_jsx(StyledWheelListItem, {}, void 0, /*#__PURE__*/_jsx(StyledWheelChangeTimeBtn, {
     "aria-label": "subtract one hour",
     buttonType: "raw",
     size: "m",
@@ -39,24 +41,21 @@ var HoursList = function HoursList() {
     innerRef: prevHourBtnRef,
     "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_HOUR,
     tabIndex: -1
-  }, /*#__PURE__*/React.createElement(ChevronSmallUp, null))), visibleHours.map(function (hourString) {
-    var key = "timewheel-hour-".concat(hourString);
-    if (!hourString) return /*#__PURE__*/React.createElement(StyledWheelListItem, {
-      key: key
-    });
-    var currHourTimeString = "".concat(hourString, ":").concat(minutes || '00', " ").concat(meridiem || 'AM');
-    var isEmptyCurrValueCurrentListItem = !hours && convertToPositiveNumberIfPossible(hourString) === currHourNum;
-    var isCurrentListItem = isEmptyCurrValueCurrentListItem || hours === hourString;
-    var isDisabled = getIsDisabledTime(currHourTimeString);
-    var tabIndex = isCurrentListItem ? 0 : -1;
-    var btnProps = {
+  }, void 0, _ChevronSmallUp || (_ChevronSmallUp = /*#__PURE__*/_jsx(ChevronSmallUp, {})))), visibleHours.map(hourString => {
+    const key = "timewheel-hour-".concat(hourString);
+    if (!hourString) return /*#__PURE__*/_jsx(StyledWheelListItem, {}, key);
+    const currHourTimeString = "".concat(hourString, ":").concat(minutes || '00', " ").concat(meridiem || 'AM');
+    const isEmptyCurrValueCurrentListItem = !hours && convertToPositiveNumberIfPossible(hourString) === currHourNum;
+    const isCurrentListItem = isEmptyCurrValueCurrentListItem || hours === hourString;
+    const isDisabled = getIsDisabledTime(currHourTimeString);
+    const tabIndex = isCurrentListItem ? 0 : -1;
+    const btnProps = {
       onKeyDown: isCurrentListItem ? handleCurrHourOnKeyDown : undefined,
       innerRef: isCurrentListItem ? currHourBtnRef : undefined
     };
-    return /*#__PURE__*/React.createElement(StyledWheelListItem, {
-      isCurrentListItem: isCurrentListItem,
-      key: key
-    }, /*#__PURE__*/React.createElement(StyledTimeBtn, _extends({
+    return /*#__PURE__*/_jsx(StyledWheelListItem, {
+      isCurrentListItem: isCurrentListItem
+    }, key, /*#__PURE__*/jsx(StyledTimeBtn, _objectSpread(_objectSpread({
       isCurrentListItem: isCurrentListItem,
       autoFocus: autoFocusHourTimeWheel && isCurrentListItem,
       "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL[isCurrentListItem ? 'CURRENT_HOUR' : 'HOUR'],
@@ -66,17 +65,17 @@ var HoursList = function HoursList() {
       isDisabled: isDisabled,
       buttonType: "raw",
       size: "m",
-      onClick: function onClick(e) {
-        return handleTimeWheelBtnChangeHours(hourString, e);
-      },
+      onClick: e => handleTimeWheelBtnChangeHours(hourString, e),
       tabIndex: tabIndex,
       role: "spinbutton",
       "aria-valuemax": "12",
       "aria-valuemin": "1",
       "aria-valuenow": currHourNum,
       "aria-valuetext": "".concat(hourString, " hours")
-    }, btnProps), hourString));
-  }), /*#__PURE__*/React.createElement(StyledWheelListItem, null, /*#__PURE__*/React.createElement(StyledWheelChangeTimeBtn, {
+    }, btnProps), {}, {
+      children: hourString
+    })));
+  }), /*#__PURE__*/_jsx(StyledWheelListItem, {}, void 0, /*#__PURE__*/_jsx(StyledWheelChangeTimeBtn, {
     "aria-label": "add one hour",
     buttonType: "raw",
     size: "m",
@@ -85,8 +84,7 @@ var HoursList = function HoursList() {
     innerRef: nextHourBtnRef,
     tabIndex: -1,
     "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_HOUR
-  }, /*#__PURE__*/React.createElement(ChevronSmallDown, null))));
+  }, void 0, _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx(ChevronSmallDown, {})))));
 };
 
 export { HoursList };
-//# sourceMappingURL=HoursList.js.map

package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/MeridiemList.js

@@ -1,52 +1,46 @@
-import React, { useContext } from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import { useContext } from 'react';
 import { ChevronSmallUp, ChevronSmallDown } from '@elliemae/ds-icons';
 import { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid.js';
 import { StyledWheelList, StyledWheelListItem, StyledWheelChangeTimeBtn, StyledTimeBtn } from './Styleds.js';
 import { TimeWheelContext } from './TimeWheelContext.js';
-import '@babel/runtime/helpers/esm/taggedTemplateLiteral';
-import 'styled-components';
-import '@elliemae/ds-system';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-button';
 
-/* eslint-disable complexity */
-var MeridiemList = function MeridiemList() {
-  var _useContext = useContext(TimeWheelContext),
-      hours = _useContext.hours,
-      minutes = _useContext.minutes,
-      meridiem = _useContext.meridiem,
-      handleTimeWheelBtnChangeMeridiem = _useContext.handleTimeWheelBtnChangeMeridiem,
-      handlePrevMeridiemBtnOnKeyDown = _useContext.handlePrevMeridiemBtnOnKeyDown,
-      handleCurrMeridiemOnKeyDown = _useContext.handleCurrMeridiemOnKeyDown,
-      handleNextMeridiemBtnOnKeyDown = _useContext.handleNextMeridiemBtnOnKeyDown,
-      prevMeridiemBtnRef = _useContext.prevMeridiemBtnRef,
-      currMeridiemBtnRef = _useContext.currMeridiemBtnRef,
-      nextMeridiemBtnRef = _useContext.nextMeridiemBtnRef,
-      getIsDisabledTime = _useContext.getIsDisabledTime;
-
-  var isAmCurrent = !meridiem || meridiem === 'AM';
-  var isPmCurrent = meridiem === 'PM';
-  var hourMinuteString = "".concat(hours || '01', ":").concat(minutes || '00');
-  var amTimeString = "".concat(hourMinuteString, " AM");
-  var pmTimeString = "".concat(hourMinuteString, " PM");
-  var isDisabledAm = getIsDisabledTime(amTimeString);
-  var isDisabledPm = getIsDisabledTime(pmTimeString);
-  return /*#__PURE__*/React.createElement(StyledWheelList, null, /*#__PURE__*/React.createElement(StyledWheelListItem, null, /*#__PURE__*/React.createElement(StyledWheelChangeTimeBtn, {
+var _ChevronSmallUp, _StyledWheelListItem, _StyledWheelListItem2, _ChevronSmallDown;
+const MeridiemList = () => {
+  const {
+    hours,
+    minutes,
+    meridiem,
+    handleTimeWheelBtnChangeMeridiem,
+    handlePrevMeridiemBtnOnKeyDown,
+    handleCurrMeridiemOnKeyDown,
+    handleNextMeridiemBtnOnKeyDown,
+    prevMeridiemBtnRef,
+    currMeridiemBtnRef,
+    nextMeridiemBtnRef,
+    getIsDisabledTime
+  } = useContext(TimeWheelContext);
+  const isAmCurrent = !meridiem || meridiem === 'AM';
+  const isPmCurrent = meridiem === 'PM';
+  const hourMinuteString = "".concat(hours || '01', ":").concat(minutes || '00');
+  const amTimeString = "".concat(hourMinuteString, " AM");
+  const pmTimeString = "".concat(hourMinuteString, " PM");
+  const isDisabledAm = getIsDisabledTime(amTimeString);
+  const isDisabledPm = getIsDisabledTime(pmTimeString);
+  return /*#__PURE__*/_jsx(StyledWheelList, {}, void 0, /*#__PURE__*/_jsx(StyledWheelListItem, {}, void 0, /*#__PURE__*/_jsx(StyledWheelChangeTimeBtn, {
     "aria-label": "set am meridiem",
     "aria-disabled": isDisabledAm,
     isDisabled: isDisabledAm,
     "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_MERIDIEM,
     buttonType: "raw",
     size: "m",
-    onClick: function onClick(e) {
-      return handleTimeWheelBtnChangeMeridiem('AM', e);
-    },
+    onClick: e => handleTimeWheelBtnChangeMeridiem('AM', e),
     onKeyDown: handlePrevMeridiemBtnOnKeyDown,
     innerRef: prevMeridiemBtnRef,
     tabIndex: -1
-  }, /*#__PURE__*/React.createElement(ChevronSmallUp, null))), meridiem === 'AM' || meridiem === '' ? /*#__PURE__*/React.createElement(StyledWheelListItem, null) : null, /*#__PURE__*/React.createElement(StyledWheelListItem, {
+  }, void 0, _ChevronSmallUp || (_ChevronSmallUp = /*#__PURE__*/_jsx(ChevronSmallUp, {})))), meridiem === 'AM' || meridiem === '' ? _StyledWheelListItem || (_StyledWheelListItem = /*#__PURE__*/_jsx(StyledWheelListItem, {})) : null, /*#__PURE__*/_jsx(StyledWheelListItem, {
     isCurrentListItem: isAmCurrent
-  }, /*#__PURE__*/React.createElement(StyledTimeBtn, {
+  }, void 0, /*#__PURE__*/_jsx(StyledTimeBtn, {
     isCurrentListItem: isAmCurrent,
     "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL[isAmCurrent ? 'CURRENT_MERIDIEM' : 'MERIDIEM'],
     selected: meridiem === 'AM',
@@ -55,9 +49,7 @@ var MeridiemList = function MeridiemList() {
     isDisabled: isDisabledAm,
     buttonType: "raw",
     size: "m",
-    onClick: function onClick(e) {
-      return handleTimeWheelBtnChangeMeridiem('AM', e);
-    },
+    onClick: e => handleTimeWheelBtnChangeMeridiem('AM', e),
     onKeyDown: isAmCurrent ? handleCurrMeridiemOnKeyDown : undefined,
     innerRef: isAmCurrent ? currMeridiemBtnRef : undefined,
     tabIndex: isAmCurrent ? 0 : -1,
@@ -66,20 +58,17 @@ var MeridiemList = function MeridiemList() {
     "aria-valuemin": "0",
     "aria-valuenow": isPmCurrent ? '1' : '0',
     "aria-valuetext": isAmCurrent ? 'ante meridiem' : 'post meridiem'
-  }, "AM")), /*#__PURE__*/React.createElement(StyledWheelListItem, {
+  }, void 0, "AM")), /*#__PURE__*/_jsx(StyledWheelListItem, {
     isCurrentListItem: isPmCurrent
-  }, /*#__PURE__*/React.createElement(StyledTimeBtn, {
+  }, void 0, /*#__PURE__*/_jsx(StyledTimeBtn, {
     isCurrentListItem: isPmCurrent,
     "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL[isPmCurrent ? 'CURRENT_MERIDIEM' : 'MERIDIEM'],
-    selected: meridiem === 'PM',
     "aria-label": "PM ".concat(isPmCurrent ? 'selected' : ''),
     "aria-disabled": isDisabledPm,
     isDisabled: isDisabledPm,
     buttonType: "raw",
     size: "m",
-    onClick: function onClick(e) {
-      return handleTimeWheelBtnChangeMeridiem('PM', e);
-    },
+    onClick: e => handleTimeWheelBtnChangeMeridiem('PM', e),
     onKeyDown: isPmCurrent ? handleCurrMeridiemOnKeyDown : undefined,
     innerRef: isPmCurrent ? currMeridiemBtnRef : undefined,
     tabIndex: isPmCurrent ? 0 : -1,
@@ -88,21 +77,18 @@ var MeridiemList = function MeridiemList() {
     "aria-valuemin": "0",
     "aria-valuenow": isPmCurrent ? '1' : '0',
     "aria-valuetext": isAmCurrent ? 'ante meridiem' : 'post meridiem'
-  }, "PM")), meridiem === 'PM' ? /*#__PURE__*/React.createElement(StyledWheelListItem, null) : null, /*#__PURE__*/React.createElement(StyledWheelListItem, null, /*#__PURE__*/React.createElement(StyledWheelChangeTimeBtn, {
+  }, void 0, "PM")), meridiem === 'PM' ? _StyledWheelListItem2 || (_StyledWheelListItem2 = /*#__PURE__*/_jsx(StyledWheelListItem, {})) : null, /*#__PURE__*/_jsx(StyledWheelListItem, {}, void 0, /*#__PURE__*/_jsx(StyledWheelChangeTimeBtn, {
     "aria-label": "set pm meridiem",
     "aria-disabled": isDisabledPm,
     isDisabled: isDisabledPm,
     "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_MERIDIEM,
     buttonType: "raw",
     size: "m",
-    onClick: function onClick(e) {
-      return handleTimeWheelBtnChangeMeridiem('PM', e);
-    },
+    onClick: e => handleTimeWheelBtnChangeMeridiem('PM', e),
     onKeyDown: handleNextMeridiemBtnOnKeyDown,
     innerRef: nextMeridiemBtnRef,
     tabIndex: -1
-  }, /*#__PURE__*/React.createElement(ChevronSmallDown, null))));
+  }, void 0, _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx(ChevronSmallDown, {})))));
 };
 
 export { MeridiemList, MeridiemList as default };
-//# sourceMappingURL=MeridiemList.js.map