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

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

@@ -2,88 +2,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
-var controlledDateTimePicker_parts_Pickers_CalendarWithTimeWheel_CalendarWithTimeWheelIconTrigger = require('./CalendarWithTimeWheelIconTrigger.js');
-var controlledDateTimePicker_parts_Pickers_CalendarWithTimeWheel_CalendarWithTimeWheelWrapper = require('./CalendarWithTimeWheelWrapper.js');
-var controlledDateTimePicker_parts_Pickers_CalendarWithTimeWheel_CalendarWithTimeWheelContext = require('./CalendarWithTimeWheelContext.js');
-var controlledDateTimePicker_parts_Pickers_CalendarWithTimeWheel_useConfigCalendarWithTimeWheelCTX = require('./useConfigCalendarWithTimeWheelCTX.js');
-var controlledDateTimePicker_parts_Pickers_Calendar_Calendar = require('../Calendar/Calendar.js');
-var controlledDateTimePicker_parts_Pickers_TimeWheel_TimeWheel = require('../TimeWheel/TimeWheel.js');
-require('@elliemae/ds-button');
-require('@elliemae/ds-icons');
-require('./Styleds.js');
-require('styled-components');
-require('../Calendar/CalendarContent.js');
-require('../../../ControlledDateTimePickerDatatestid.js');
-require('../Calendar/CalendarBody.js');
-require('../Calendar/CalendarMonthDays.js');
-require('../Calendar/CalendarDaysList.js');
-require('../Calendar/Day.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/defineProperty');
-require('../../../utils/dateHelpers.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('../../../utils/constants.js');
-require('../../../utils/stringHelpers.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('../../../utils/numberHelpers.js');
-require('../../../ControlledDateTimePickerCTX.js');
-require('../../../ControlledDateTimePickerTypes.js');
-require('../Calendar/CalendarContext.js');
-require('../Calendar/Styleds.js');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('@elliemae/ds-system');
-require('@elliemae/ds-grid');
-require('../Calendar/CalendarWeekDays.js');
-require('../Calendar/CalendarHead.js');
-require('../Calendar/CalendarFooter.js');
-require('./CalendarWithTimeWheelContent.js');
-require('./CalendarWithTimeWheelFooter.js');
-require('../TimeWheel/TimeWheelContent.js');
-require('../TimeWheel/Styleds.js');
-require('../TimeWheel/HoursList.js');
-require('../TimeWheel/TimeWheelContext.js');
-require('../TimeWheel/MinutesList.js');
-require('../TimeWheel/MeridiemList.js');
-require('../TimeWheel/TimeWheelFooter.js');
-require('react-popper');
-require('../../../utils/hooks/useOnClickOutside.js');
-require('../Calendar/CalendarIconTrigger.js');
-require('../Calendar/CalendarWrapper.js');
-require('../Calendar/useConfigCalendarCTX.js');
-require('../Calendar/useKeyboardHandlers.js');
-require('../Calendar/useFocusLogic.js');
-require('../../../utils/hooks/useGetStartingFocusedDay.js');
-require('../../../utils/hooks/useGetDayFromDateString.js');
-require('../Calendar/usePopperTriggerLogic.js');
-require('../Calendar/useCurrentDisplayedMonthYearLogic.js');
-require('../../../utils/hooks/useGetMonthYearFromDateStringOrEmptyStartingMonth.js');
-require('../TimeWheel/TimeWheelIconTrigger.js');
-require('../TimeWheel/TimeWheelWrapper.js');
-require('../TimeWheel/useConfigTimePickerCTX.js');
-require('../TimeWheel/usePopperTriggerLogic.js');
-require('../TimeWheel/useCurrentDisplayedWheelsLogic.js');
-require('../../TimeInputs/useTimeInputs.js');
-require('../TimeWheel/useKeyboardHandlers.js');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var CalendarWithTimeWheelIconTrigger = require('./CalendarWithTimeWheelIconTrigger.js');
+var CalendarWithTimeWheelWrapper = require('./CalendarWithTimeWheelWrapper.js');
+var CalendarWithTimeWheelContext = require('./CalendarWithTimeWheelContext.js');
+var useConfigCalendarWithTimeWheelCTX = require('./useConfigCalendarWithTimeWheelCTX.js');
+var Calendar = require('../Calendar/Calendar.js');
+var TimeWheel = require('../TimeWheel/TimeWheel.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-/* eslint-disable max-len */
-// or else useConfigCalendarWithTimeWheelCTX won't have access to the context functions
-
-var CalendarWithTimeWheel = controlledDateTimePicker_parts_Pickers_Calendar_Calendar.WrapWithCalendarContext(controlledDateTimePicker_parts_Pickers_TimeWheel_TimeWheel.WrapWithTimeWheelContext(function () {
-  var ctx = controlledDateTimePicker_parts_Pickers_CalendarWithTimeWheel_useConfigCalendarWithTimeWheelCTX.useConfigCalendarWithTimeWheelCTX();
-  var showCalendarWithTimeWheel = ctx.showCalendarWithTimeWheel,
-      isControllerOnly = ctx.isControllerOnly,
-      handleMenuWrapperKeyDown = ctx.handleMenuWrapperKeyDown;
-  return /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_CalendarWithTimeWheel_CalendarWithTimeWheelContext.CalendarWithTimeWheelContext.Provider, {
+var _CalendarWithTimeWhee, _CalendarWithTimeWhee2;
+const CalendarWithTimeWheel = Calendar.WrapWithCalendarContext(TimeWheel.WrapWithTimeWheelContext(() => {
+  const ctx = useConfigCalendarWithTimeWheelCTX.useConfigCalendarWithTimeWheelCTX();
+  const {
+    showCalendarWithTimeWheel,
+    isControllerOnly,
+    handleMenuWrapperKeyDown
+  } = ctx;
+  return /*#__PURE__*/_jsx__default["default"](CalendarWithTimeWheelContext.CalendarWithTimeWheelContext.Provider, {
     value: ctx
-  }, isControllerOnly ? null : /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_CalendarWithTimeWheel_CalendarWithTimeWheelIconTrigger.CalendarWithTimeWheelIconTrigger, null), isControllerOnly || showCalendarWithTimeWheel ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
-    onKeyDown: handleMenuWrapperKeyDown
-  }, /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_CalendarWithTimeWheel_CalendarWithTimeWheelWrapper.CalendarWithTimeWheelWrapper, null))) : null);
+  }, void 0, isControllerOnly ? null : _CalendarWithTimeWhee || (_CalendarWithTimeWhee = /*#__PURE__*/_jsx__default["default"](CalendarWithTimeWheelIconTrigger.CalendarWithTimeWheelIconTrigger, {})), isControllerOnly || showCalendarWithTimeWheel ? /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: /*#__PURE__*/_jsx__default["default"]("div", {
+      onKeyDown: handleMenuWrapperKeyDown
+    }, void 0, _CalendarWithTimeWhee2 || (_CalendarWithTimeWhee2 = /*#__PURE__*/_jsx__default["default"](CalendarWithTimeWheelWrapper.CalendarWithTimeWheelWrapper, {})))
+  }) : null);
 }));
 
 exports.CalendarWithTimeWheel = CalendarWithTimeWheel;
-//# sourceMappingURL=CalendarWithTimeWheel.js.map

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

@@ -2,57 +2,27 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
-var controlledDateTimePicker_ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
-var controlledDateTimePicker_parts_Pickers_CalendarWithTimeWheel_Styleds = require('./Styleds.js');
-var controlledDateTimePicker_parts_Pickers_CalendarWithTimeWheel_CalendarWithTimeWheelFooter = require('./CalendarWithTimeWheelFooter.js');
-var controlledDateTimePicker_parts_Pickers_TimeWheel_TimeWheelContent = require('../TimeWheel/TimeWheelContent.js');
-var controlledDateTimePicker_ControlledDateTimePickerCTX = require('../../../ControlledDateTimePickerCTX.js');
-require('styled-components');
-require('@elliemae/ds-button');
-require('../Calendar/CalendarContent.js');
-require('../Calendar/CalendarBody.js');
-require('../Calendar/CalendarMonthDays.js');
-require('../Calendar/CalendarDaysList.js');
-require('../Calendar/Day.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/defineProperty');
-require('../../../utils/dateHelpers.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('../../../utils/constants.js');
-require('../../../utils/stringHelpers.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('../../../utils/numberHelpers.js');
-require('../Calendar/CalendarContext.js');
-require('../Calendar/Styleds.js');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('@elliemae/ds-system');
-require('@elliemae/ds-grid');
-require('../Calendar/CalendarWeekDays.js');
-require('../Calendar/CalendarHead.js');
-require('@elliemae/ds-icons');
-require('../Calendar/CalendarFooter.js');
-require('../../../ControlledDateTimePickerTypes.js');
-require('../TimeWheel/Styleds.js');
-require('../TimeWheel/HoursList.js');
-require('../TimeWheel/TimeWheelContext.js');
-require('../TimeWheel/MinutesList.js');
-require('../TimeWheel/MeridiemList.js');
-require('../TimeWheel/TimeWheelFooter.js');
+var ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
+var Styleds = require('./Styleds.js');
+var CalendarWithTimeWheelFooter = require('./CalendarWithTimeWheelFooter.js');
+var TimeWheelContent = require('../TimeWheel/TimeWheelContent.js');
+var ControlledDateTimePickerCTX = require('../../../ControlledDateTimePickerCTX.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-var CalendarWithTimeWheelContent = function CalendarWithTimeWheelContent() {
-  var _useContext = React.useContext(controlledDateTimePicker_ControlledDateTimePickerCTX.ControlledDateTimePickerContext),
-      isControllerOnly = _useContext.isControllerOnly;
-
-  return /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_CalendarWithTimeWheel_Styleds.StyledCalendarWithTimeWheelWrapper, {
+var _StyledCalendar, _TimeWheelContent, _CalendarWithTimeWhee;
+const CalendarWithTimeWheelContent = () => {
+  const {
+    isControllerOnly
+  } = React.useContext(ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  return /*#__PURE__*/_jsx__default["default"](Styleds.StyledCalendarWithTimeWheelWrapper, {
     isControllerOnly: isControllerOnly,
-    "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.CALENDAR_TIMEWHEEL
-  }, /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_CalendarWithTimeWheel_Styleds.StyledCalendar, null), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_TimeWheelContent.TimeWheelContent, null), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_CalendarWithTimeWheel_CalendarWithTimeWheelFooter.CalendarWithTimeWheelFooter, null));
+    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.CALENDAR_TIMEWHEEL
+  }, void 0, _StyledCalendar || (_StyledCalendar = /*#__PURE__*/_jsx__default["default"](Styleds.StyledCalendar, {})), _TimeWheelContent || (_TimeWheelContent = /*#__PURE__*/_jsx__default["default"](TimeWheelContent.TimeWheelContent, {})), _CalendarWithTimeWhee || (_CalendarWithTimeWhee = /*#__PURE__*/_jsx__default["default"](CalendarWithTimeWheelFooter.CalendarWithTimeWheelFooter, {})));
 };
 
 exports.CalendarWithTimeWheelContent = CalendarWithTimeWheelContent;
-//# sourceMappingURL=CalendarWithTimeWheelContent.js.map

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 
 // eslint-disable-next-line @typescript-eslint/no-empty-function
-var noop = function noop() {};
+const noop = () => {};
 
-var defaultCalendarWithTimeWheelContext = {
+const defaultCalendarWithTimeWheelContext = {
   ariaCurrentValueForInputs: '',
   showCalendarWithTimeWheel: false,
   setPopperElement: noop,
@@ -17,14 +17,12 @@ var defaultCalendarWithTimeWheelContext = {
   handleToggleCalendarWithTimeWheel: noop,
   handleMenuWrapperKeyDown: noop,
   handlePickerIconKeyDown: noop,
-  isControllerOnly: false,
-  disabled: false
+  isControllerOnly: false
 };
 /** Context for cross component communication */
 
-var CalendarWithTimeWheelContext = /*#__PURE__*/React.createContext(defaultCalendarWithTimeWheelContext);
+const CalendarWithTimeWheelContext = /*#__PURE__*/React.createContext(defaultCalendarWithTimeWheelContext);
 
 exports.CalendarWithTimeWheelContext = CalendarWithTimeWheelContext;
-exports['default'] = CalendarWithTimeWheelContext;
+exports["default"] = CalendarWithTimeWheelContext;
 exports.defaultCalendarWithTimeWheelContext = defaultCalendarWithTimeWheelContext;
-//# sourceMappingURL=CalendarWithTimeWheelContext.js.map

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

@@ -2,50 +2,25 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
-var controlledDateTimePicker_ControlledDateTimePickerCTX = require('../../../ControlledDateTimePickerCTX.js');
-var controlledDateTimePicker_parts_Pickers_CalendarWithTimeWheel_Styleds = require('./Styleds.js');
-require('../../../ControlledDateTimePickerTypes.js');
-require('styled-components');
-require('@elliemae/ds-button');
-require('../Calendar/CalendarContent.js');
-require('../../../ControlledDateTimePickerDatatestid.js');
-require('../Calendar/CalendarBody.js');
-require('../Calendar/CalendarMonthDays.js');
-require('../Calendar/CalendarDaysList.js');
-require('../Calendar/Day.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/defineProperty');
-require('../../../utils/dateHelpers.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('../../../utils/constants.js');
-require('../../../utils/stringHelpers.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('../../../utils/numberHelpers.js');
-require('../Calendar/CalendarContext.js');
-require('../Calendar/Styleds.js');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('@elliemae/ds-system');
-require('@elliemae/ds-grid');
-require('../Calendar/CalendarWeekDays.js');
-require('../Calendar/CalendarHead.js');
-require('@elliemae/ds-icons');
-require('../Calendar/CalendarFooter.js');
+var ControlledDateTimePickerCTX = require('../../../ControlledDateTimePickerCTX.js');
+var Styleds = require('./Styleds.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-var CalendarWithTimeWheelFooter = function CalendarWithTimeWheelFooter() {
-  var _useContext = React.useContext(controlledDateTimePicker_ControlledDateTimePickerCTX.ControlledDateTimePickerContext),
-      _useContext$props = _useContext.props,
-      pickerFooterMsg = _useContext$props.pickerFooterMsg,
-      hasError = _useContext$props.hasError;
-
-  return pickerFooterMsg !== undefined && hasError ? /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_CalendarWithTimeWheel_Styleds.CalendarWithTimeWheelFooterMessage, {
+const CalendarWithTimeWheelFooter = () => {
+  const {
+    props: {
+      pickerFooterMsg,
+      hasError
+    }
+  } = React.useContext(ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  return pickerFooterMsg !== undefined && hasError ? /*#__PURE__*/_jsx__default["default"](Styleds.CalendarWithTimeWheelFooterMessage, {
     role: "alert"
-  }, pickerFooterMsg) : null;
+  }, void 0, pickerFooterMsg) : null;
 };
 
 exports.CalendarWithTimeWheelFooter = CalendarWithTimeWheelFooter;
-//# sourceMappingURL=CalendarWithTimeWheelFooter.js.map

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

@@ -2,66 +2,42 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
-var DSButton = require('@elliemae/ds-button');
-var dsIcons = require('@elliemae/ds-icons');
-var controlledDateTimePicker_parts_Pickers_CalendarWithTimeWheel_CalendarWithTimeWheelContext = require('./CalendarWithTimeWheelContext.js');
-var controlledDateTimePicker_parts_Pickers_CalendarWithTimeWheel_Styleds = require('./Styleds.js');
-var controlledDateTimePicker_ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
-require('styled-components');
-require('../Calendar/CalendarContent.js');
-require('../Calendar/CalendarBody.js');
-require('../Calendar/CalendarMonthDays.js');
-require('../Calendar/CalendarDaysList.js');
-require('../Calendar/Day.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/defineProperty');
-require('../../../utils/dateHelpers.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('../../../utils/constants.js');
-require('../../../utils/stringHelpers.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('../../../utils/numberHelpers.js');
-require('../../../ControlledDateTimePickerCTX.js');
-require('../../../ControlledDateTimePickerTypes.js');
-require('../Calendar/CalendarContext.js');
-require('../Calendar/Styleds.js');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('@elliemae/ds-system');
-require('@elliemae/ds-grid');
-require('../Calendar/CalendarWeekDays.js');
-require('../Calendar/CalendarHead.js');
-require('../Calendar/CalendarFooter.js');
+var dsIcon = require('@elliemae/ds-icon');
+var dsButton = require('@elliemae/ds-button');
+var DatePicker = require('@elliemae/ds-icons/DatePicker');
+var CalendarWithTimeWheelContext = require('./CalendarWithTimeWheelContext.js');
+var Styleds = require('./Styleds.js');
+var ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var DatePicker__default = /*#__PURE__*/_interopDefaultLegacy(DatePicker);
 
 // this is particularly useful due to how usePopper needs to check the references
 // since references are saved in a immutable way, we make sure to shortcircuit useless-re-renders
 
-var CalendarWithTimeWheelIconTrigger = function CalendarWithTimeWheelIconTrigger() {
-  var _useContext = React.useContext(controlledDateTimePicker_parts_Pickers_CalendarWithTimeWheel_CalendarWithTimeWheelContext.CalendarWithTimeWheelContext),
-      handleSetTriggerRef = _useContext.handleSetTriggerRef,
-      handleToggleCalendarWithTimeWheel = _useContext.handleToggleCalendarWithTimeWheel,
-      handlePickerIconKeyDown = _useContext.handlePickerIconKeyDown,
-      ariaCurrentValueForInputs = _useContext.ariaCurrentValueForInputs,
-      disabled = _useContext.disabled;
-
-  return React.useMemo(function () {
-    return /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_CalendarWithTimeWheel_Styleds.StyledIconTriggerButton, {
-      "aria-label": "date time picker context menu trigger, ".concat(ariaCurrentValueForInputs),
-      buttonType: "icon",
-      size: DSButton.BUTTON_SIZES.M,
-      variant: DSButton.BUTTON_VARIANT.DEFAULT,
-      innerRef: handleSetTriggerRef,
-      onClick: handleToggleCalendarWithTimeWheel,
-      onKeyDown: handlePickerIconKeyDown,
-      "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.PICKER_ICONS.CALENDAR_TIMEWHEEL,
-      disabled: disabled
-    }, /*#__PURE__*/React__default['default'].createElement(dsIcons.DatePicker, null));
-  }, [ariaCurrentValueForInputs, disabled, handlePickerIconKeyDown, handleSetTriggerRef, handleToggleCalendarWithTimeWheel]);
+const CalendarWithTimeWheelIconTrigger = () => {
+  const {
+    handleSetTriggerRef,
+    handleToggleCalendarWithTimeWheel,
+    handlePickerIconKeyDown,
+    ariaCurrentValueForInputs
+  } = React.useContext(CalendarWithTimeWheelContext.CalendarWithTimeWheelContext);
+  return React.useMemo(() => /*#__PURE__*/_jsx__default["default"](Styleds.StyledIconTriggerButton, {
+    "aria-label": "date time picker context menu trigger, ".concat(ariaCurrentValueForInputs),
+    buttonType: "icon",
+    size: dsButton.BUTTON_SIZES.M,
+    variant: dsButton.BUTTON_VARIANT.DEFAULT,
+    innerRef: handleSetTriggerRef,
+    onClick: handleToggleCalendarWithTimeWheel,
+    onKeyDown: handlePickerIconKeyDown,
+    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.PICKER_ICONS.CALENDAR_TIMEWHEEL
+  }, void 0, /*#__PURE__*/_jsx__default["default"](DatePicker__default["default"], {
+    color: dsIcon.DSIconColors.PRIMARY
+  })), [ariaCurrentValueForInputs, handlePickerIconKeyDown, handleSetTriggerRef, handleToggleCalendarWithTimeWheel]);
 };
 
 exports.CalendarWithTimeWheelIconTrigger = CalendarWithTimeWheelIconTrigger;
-//# sourceMappingURL=CalendarWithTimeWheelIconTrigger.js.map

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

@@ -2,78 +2,48 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
-var controlledDateTimePicker_ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
-var controlledDateTimePicker_parts_Pickers_CalendarWithTimeWheel_CalendarWithTimeWheelContent = require('./CalendarWithTimeWheelContent.js');
-var controlledDateTimePicker_parts_Pickers_CalendarWithTimeWheel_CalendarWithTimeWheelContext = require('./CalendarWithTimeWheelContext.js');
-require('./Styleds.js');
-require('styled-components');
-require('@elliemae/ds-button');
-require('../Calendar/CalendarContent.js');
-require('../Calendar/CalendarBody.js');
-require('../Calendar/CalendarMonthDays.js');
-require('../Calendar/CalendarDaysList.js');
-require('../Calendar/Day.js');
-require('../../../utils/dateHelpers.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('../../../utils/constants.js');
-require('../../../utils/stringHelpers.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('../../../utils/numberHelpers.js');
-require('../../../ControlledDateTimePickerCTX.js');
-require('../../../ControlledDateTimePickerTypes.js');
-require('../Calendar/CalendarContext.js');
-require('../Calendar/Styleds.js');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('@elliemae/ds-system');
-require('@elliemae/ds-grid');
-require('../Calendar/CalendarWeekDays.js');
-require('../Calendar/CalendarHead.js');
-require('@elliemae/ds-icons');
-require('../Calendar/CalendarFooter.js');
-require('./CalendarWithTimeWheelFooter.js');
-require('../TimeWheel/TimeWheelContent.js');
-require('../TimeWheel/Styleds.js');
-require('../TimeWheel/HoursList.js');
-require('../TimeWheel/TimeWheelContext.js');
-require('../TimeWheel/MinutesList.js');
-require('../TimeWheel/MeridiemList.js');
-require('../TimeWheel/TimeWheelFooter.js');
+var ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
+var CalendarWithTimeWheelContent = require('./CalendarWithTimeWheelContent.js');
+var CalendarWithTimeWheelContext = require('./CalendarWithTimeWheelContext.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-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; }
+var _CalendarWithTimeWhee, _CalendarWithTimeWhee2;
 
-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__default['default'](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; }
-var CalendarWithTimeWheelWrapper = function CalendarWithTimeWheelWrapper() {
-  var _useContext = React.useContext(controlledDateTimePicker_parts_Pickers_CalendarWithTimeWheel_CalendarWithTimeWheelContext.CalendarWithTimeWheelContext),
-      setPopperElement = _useContext.setPopperElement,
-      setArrowElement = _useContext.setArrowElement,
-      _useContext$usePopper = _useContext.usePopperHelpers,
-      attributes = _useContext$usePopper.attributes,
-      styles = _useContext$usePopper.styles,
-      isControllerOnly = _useContext.isControllerOnly;
+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; }
 
-  if (isControllerOnly) return /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_CalendarWithTimeWheel_CalendarWithTimeWheelContent.CalendarWithTimeWheelContent, null);
-  return /*#__PURE__*/React__default['default'].createElement("div", _extends__default['default']({
+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__default["default"](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 CalendarWithTimeWheelWrapper = () => {
+  const {
+    setPopperElement,
+    setArrowElement,
+    usePopperHelpers: {
+      attributes,
+      styles
+    },
+    isControllerOnly
+  } = React.useContext(CalendarWithTimeWheelContext.CalendarWithTimeWheelContext);
+  if (isControllerOnly) return _CalendarWithTimeWhee || (_CalendarWithTimeWhee = /*#__PURE__*/_jsx__default["default"](CalendarWithTimeWheelContent.CalendarWithTimeWheelContent, {}));
+  return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({
     ref: setPopperElement,
     style: _objectSpread(_objectSpread({}, styles.popper), {}, {
       background: 'white',
       zIndex: 110
     })
-  }, attributes.popper, {
-    "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.CALENDAR_TIMEWHEEL
-  }), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_CalendarWithTimeWheel_CalendarWithTimeWheelContent.CalendarWithTimeWheelContent, null), /*#__PURE__*/React__default['default'].createElement("div", {
-    ref: setArrowElement,
-    style: styles.arrow
+  }, attributes.popper), {}, {
+    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.CALENDAR_TIMEWHEEL,
+    children: [_CalendarWithTimeWhee2 || (_CalendarWithTimeWhee2 = /*#__PURE__*/_jsx__default["default"](CalendarWithTimeWheelContent.CalendarWithTimeWheelContent, {})), /*#__PURE__*/jsxRuntime.jsx("div", {
+      ref: setArrowElement,
+      style: styles.arrow
+    })]
   }));
 };
 
 exports.CalendarWithTimeWheelWrapper = CalendarWithTimeWheelWrapper;
-//# sourceMappingURL=CalendarWithTimeWheelWrapper.js.map

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

@@ -3,83 +3,47 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var styled = require('styled-components');
-var DSButton = require('@elliemae/ds-button');
-var controlledDateTimePicker_parts_Pickers_Calendar_CalendarContent = require('../Calendar/CalendarContent.js');
-require('react');
-require('../../../ControlledDateTimePickerDatatestid.js');
-require('../Calendar/CalendarBody.js');
-require('../Calendar/CalendarMonthDays.js');
-require('../Calendar/CalendarDaysList.js');
-require('../Calendar/Day.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/defineProperty');
-require('../../../utils/dateHelpers.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('../../../utils/constants.js');
-require('../../../utils/stringHelpers.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('../../../utils/numberHelpers.js');
-require('../../../ControlledDateTimePickerCTX.js');
-require('../../../ControlledDateTimePickerTypes.js');
-require('../Calendar/CalendarContext.js');
-require('../Calendar/Styleds.js');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('@elliemae/ds-system');
-require('@elliemae/ds-grid');
-require('../Calendar/CalendarWeekDays.js');
-require('../Calendar/CalendarHead.js');
-require('@elliemae/ds-icons');
-require('../Calendar/CalendarFooter.js');
+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);
 
-var StyledIconTriggerButton = /*#__PURE__*/styled__default['default'](DSButton.DSButtonV2).withConfig({
+const StyledIconTriggerButton = /*#__PURE__*/styled__default["default"](dsButton.DSButtonV2).withConfig({
   componentId: "sc-h2xj8r-0"
-})(["color:", ";width:26px;height:26px;"], function (_ref) {
-  var theme = _ref.theme;
-  return theme.colors.brand['600'];
-});
-var StyledCalendarWithTimeWheelWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+})(["color:", ";width:26px;height:26px;"], ({
+  theme
+}) => 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;}"], function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.colors.neutral['000'];
-}, function (_ref3) {
-  var isControllerOnly = _ref3.isControllerOnly;
-  return isControllerOnly ? undefined : 'box-shadow: 0 6px 20px 0 rgb(0 0 0 / 24%), 0 8px 17px 0 rgb(0 0 0 / 19%);';
-}, function (_ref4) {
-  var theme = _ref4.theme;
-  return theme.colors.neutral[200];
-});
-var StyledCalendar = /*#__PURE__*/styled__default['default'](controlledDateTimePicker_parts_Pickers_Calendar_CalendarContent.CalendarContent).withConfig({
+})(["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;}"], ({
+  theme
+}) => theme.colors.neutral['000'], ({
+  isControllerOnly
+}) => isControllerOnly ? undefined : 'box-shadow: 0 6px 20px 0 rgb(0 0 0 / 24%), 0 8px 17px 0 rgb(0 0 0 / 19%);', ({
+  theme
+}) => theme.colors.neutral[200]);
+const StyledCalendar = /*#__PURE__*/styled__default["default"](CalendarContent.CalendarContent).withConfig({
   componentId: "sc-h2xj8r-2"
 })(["box-shadow:none;"]);
-var CalendarWithTimeWheelFooterMessage = /*#__PURE__*/styled__default['default'].footer.withConfig({
+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;"], function (_ref5) {
-  var theme = _ref5.theme;
-  return theme.colors.neutral[300];
-}, function (_ref6) {
-  var theme = _ref6.theme;
-  return theme.space.xxs2;
-}, function (_ref7) {
-  var theme = _ref7.theme;
-  return theme.space.xxs2;
-}, function (_ref8) {
-  var theme = _ref8.theme;
-  return theme.colors.danger[900];
-}, function (_ref9) {
-  var theme = _ref9.theme;
-  return theme.fontWeights.thin;
-}, function (_ref10) {
-  var theme = _ref10.theme;
-  return theme.fontSizes.microText[200];
-});
+})(["border-top:solid 1px ", ";margin:0 ", ";padding:", " 0;color:", ";font-style:italic;font-weight:", ";font-size:", ";text-align:right;grid-column:1/3;"], ({
+  theme
+}) => theme.colors.neutral[300], ({
+  theme
+}) => theme.space.xxs2, ({
+  theme
+}) => theme.space.xxs2, ({
+  theme
+}) => theme.colors.danger[900], ({
+  theme
+}) => theme.fontWeights.thin, ({
+  theme
+}) => theme.fontSizes.microText[200]);
 
 exports.CalendarWithTimeWheelFooterMessage = CalendarWithTimeWheelFooterMessage;
 exports.StyledCalendar = StyledCalendar;
 exports.StyledCalendarWithTimeWheelWrapper = StyledCalendarWithTimeWheelWrapper;
 exports.StyledIconTriggerButton = StyledIconTriggerButton;
-//# sourceMappingURL=Styleds.js.map