@elliemae/ds-controlled-form 1.61.0 → 2.0.0-alpha.12

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

@@ -1,50 +1,20 @@
-import React, { useContext } from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import { useContext } from 'react';
 import { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid.js';
 import { StyledCalendarWithTimeWheelWrapper, StyledCalendar } from './Styleds.js';
 import { CalendarWithTimeWheelFooter } from './CalendarWithTimeWheelFooter.js';
 import { TimeWheelContent } from '../TimeWheel/TimeWheelContent.js';
 import { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX.js';
-import 'styled-components';
-import '@elliemae/ds-button';
-import '../Calendar/CalendarContent.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 '@elliemae/ds-grid';
-import '../Calendar/CalendarWeekDays.js';
-import '../Calendar/CalendarHead.js';
-import '@elliemae/ds-icons';
-import '../Calendar/CalendarFooter.js';
-import '../../../ControlledDateTimePickerTypes.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';
 
-var CalendarWithTimeWheelContent = function CalendarWithTimeWheelContent() {
-  var _useContext = useContext(ControlledDateTimePickerContext),
-      isControllerOnly = _useContext.isControllerOnly;
-
-  return /*#__PURE__*/React.createElement(StyledCalendarWithTimeWheelWrapper, {
+var _StyledCalendar, _TimeWheelContent, _CalendarWithTimeWhee;
+const CalendarWithTimeWheelContent = () => {
+  const {
+    isControllerOnly
+  } = useContext(ControlledDateTimePickerContext);
+  return /*#__PURE__*/_jsx(StyledCalendarWithTimeWheelWrapper, {
     isControllerOnly: isControllerOnly,
     "data-testid": ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.CALENDAR_TIMEWHEEL
-  }, /*#__PURE__*/React.createElement(StyledCalendar, null), /*#__PURE__*/React.createElement(TimeWheelContent, null), /*#__PURE__*/React.createElement(CalendarWithTimeWheelFooter, null));
+  }, void 0, _StyledCalendar || (_StyledCalendar = /*#__PURE__*/_jsx(StyledCalendar, {})), _TimeWheelContent || (_TimeWheelContent = /*#__PURE__*/_jsx(TimeWheelContent, {})), _CalendarWithTimeWhee || (_CalendarWithTimeWhee = /*#__PURE__*/_jsx(CalendarWithTimeWheelFooter, {})));
 };
 
 export { CalendarWithTimeWheelContent };
-//# sourceMappingURL=CalendarWithTimeWheelContent.js.map

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

@@ -1,9 +1,9 @@
 import { createContext } from '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,
@@ -18,7 +18,6 @@ var defaultCalendarWithTimeWheelContext = {
 };
 /** Context for cross component communication */
 
-var CalendarWithTimeWheelContext = /*#__PURE__*/createContext(defaultCalendarWithTimeWheelContext);
+const CalendarWithTimeWheelContext = /*#__PURE__*/createContext(defaultCalendarWithTimeWheelContext);
 
 export { CalendarWithTimeWheelContext, CalendarWithTimeWheelContext as default, defaultCalendarWithTimeWheelContext };
-//# sourceMappingURL=CalendarWithTimeWheelContext.js.map

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

@@ -1,43 +1,18 @@
-import React, { useContext } from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import { useContext } from 'react';
 import { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX.js';
 import { CalendarWithTimeWheelFooterMessage } from './Styleds.js';
-import '../../../ControlledDateTimePickerTypes.js';
-import 'styled-components';
-import '@elliemae/ds-button';
-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 '@elliemae/ds-grid';
-import '../Calendar/CalendarWeekDays.js';
-import '../Calendar/CalendarHead.js';
-import '@elliemae/ds-icons';
-import '../Calendar/CalendarFooter.js';
 
-var CalendarWithTimeWheelFooter = function CalendarWithTimeWheelFooter() {
-  var _useContext = useContext(ControlledDateTimePickerContext),
-      _useContext$props = _useContext.props,
-      pickerFooterMsg = _useContext$props.pickerFooterMsg,
-      hasError = _useContext$props.hasError;
-
-  return pickerFooterMsg !== undefined && hasError ? /*#__PURE__*/React.createElement(CalendarWithTimeWheelFooterMessage, {
+const CalendarWithTimeWheelFooter = () => {
+  const {
+    props: {
+      pickerFooterMsg,
+      hasError
+    }
+  } = useContext(ControlledDateTimePickerContext);
+  return pickerFooterMsg !== undefined && hasError ? /*#__PURE__*/_jsx(CalendarWithTimeWheelFooterMessage, {
     role: "alert"
-  }, pickerFooterMsg) : null;
+  }, void 0, pickerFooterMsg) : null;
 };
 
 export { CalendarWithTimeWheelFooter };
-//# sourceMappingURL=CalendarWithTimeWheelFooter.js.map

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

@@ -1,59 +1,34 @@
-import React, { useContext, useMemo } from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import { useContext, useMemo } from 'react';
 import { BUTTON_SIZES, BUTTON_VARIANT } from '@elliemae/ds-button';
 import { DatePicker } from '@elliemae/ds-icons';
 import { CalendarWithTimeWheelContext } from './CalendarWithTimeWheelContext.js';
 import { StyledIconTriggerButton } from './Styleds.js';
 import { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid.js';
-import 'styled-components';
-import '../Calendar/CalendarContent.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 '../../../ControlledDateTimePickerCTX.js';
-import '../../../ControlledDateTimePickerTypes.js';
-import '../Calendar/CalendarContext.js';
-import '../Calendar/Styleds.js';
-import '@babel/runtime/helpers/esm/taggedTemplateLiteral';
-import '@elliemae/ds-system';
-import '@elliemae/ds-grid';
-import '../Calendar/CalendarWeekDays.js';
-import '../Calendar/CalendarHead.js';
-import '../Calendar/CalendarFooter.js';
 
+var _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 = useContext(CalendarWithTimeWheelContext),
-      handleSetTriggerRef = _useContext.handleSetTriggerRef,
-      handleToggleCalendarWithTimeWheel = _useContext.handleToggleCalendarWithTimeWheel,
-      handlePickerIconKeyDown = _useContext.handlePickerIconKeyDown,
-      ariaCurrentValueForInputs = _useContext.ariaCurrentValueForInputs,
-      disabled = _useContext.disabled;
-
-  return useMemo(function () {
-    return /*#__PURE__*/React.createElement(StyledIconTriggerButton, {
-      "aria-label": "date time picker context menu trigger, ".concat(ariaCurrentValueForInputs),
-      buttonType: "icon",
-      size: BUTTON_SIZES.M,
-      variant: BUTTON_VARIANT.DEFAULT,
-      innerRef: handleSetTriggerRef,
-      onClick: handleToggleCalendarWithTimeWheel,
-      onKeyDown: handlePickerIconKeyDown,
-      "data-testid": ControlledDateTimePickerDatatestid.PICKER_ICONS.CALENDAR_TIMEWHEEL,
-      disabled: disabled
-    }, /*#__PURE__*/React.createElement(DatePicker, null));
-  }, [ariaCurrentValueForInputs, disabled, handlePickerIconKeyDown, handleSetTriggerRef, handleToggleCalendarWithTimeWheel]);
+const CalendarWithTimeWheelIconTrigger = () => {
+  const {
+    handleSetTriggerRef,
+    handleToggleCalendarWithTimeWheel,
+    handlePickerIconKeyDown,
+    ariaCurrentValueForInputs,
+    disabled
+  } = useContext(CalendarWithTimeWheelContext);
+  return useMemo(() => /*#__PURE__*/_jsx(StyledIconTriggerButton, {
+    "aria-label": "date time picker context menu trigger, ".concat(ariaCurrentValueForInputs),
+    buttonType: "icon",
+    size: BUTTON_SIZES.M,
+    variant: BUTTON_VARIANT.DEFAULT,
+    innerRef: handleSetTriggerRef,
+    onClick: handleToggleCalendarWithTimeWheel,
+    onKeyDown: handlePickerIconKeyDown,
+    "data-testid": ControlledDateTimePickerDatatestid.PICKER_ICONS.CALENDAR_TIMEWHEEL,
+    disabled: disabled
+  }, void 0, _DatePicker || (_DatePicker = /*#__PURE__*/_jsx(DatePicker, {}))), [ariaCurrentValueForInputs, disabled, handlePickerIconKeyDown, handleSetTriggerRef, handleToggleCalendarWithTimeWheel]);
 };
 
 export { CalendarWithTimeWheelIconTrigger };
-//# sourceMappingURL=CalendarWithTimeWheelIconTrigger.js.map

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

@@ -1,69 +1,45 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import React, { useContext } from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import { useContext } from 'react';
 import { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid.js';
 import { CalendarWithTimeWheelContent } from './CalendarWithTimeWheelContent.js';
 import { CalendarWithTimeWheelContext } from './CalendarWithTimeWheelContext.js';
-import './Styleds.js';
-import 'styled-components';
-import '@elliemae/ds-button';
-import '../Calendar/CalendarContent.js';
-import '../Calendar/CalendarBody.js';
-import '../Calendar/CalendarMonthDays.js';
-import '../Calendar/CalendarDaysList.js';
-import '../Calendar/Day.js';
-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 '../../../ControlledDateTimePickerCTX.js';
-import '../../../ControlledDateTimePickerTypes.js';
-import '../Calendar/CalendarContext.js';
-import '../Calendar/Styleds.js';
-import '@babel/runtime/helpers/esm/taggedTemplateLiteral';
-import '@elliemae/ds-system';
-import '@elliemae/ds-grid';
-import '../Calendar/CalendarWeekDays.js';
-import '../Calendar/CalendarHead.js';
-import '@elliemae/ds-icons';
-import '../Calendar/CalendarFooter.js';
-import './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 { jsxs, jsx } from 'react/jsx-runtime';
+
+var _CalendarWithTimeWhee, _CalendarWithTimeWhee2;
 
 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; }
-var CalendarWithTimeWheelWrapper = function CalendarWithTimeWheelWrapper() {
-  var _useContext = useContext(CalendarWithTimeWheelContext),
-      setPopperElement = _useContext.setPopperElement,
-      setArrowElement = _useContext.setArrowElement,
-      _useContext$usePopper = _useContext.usePopperHelpers,
-      attributes = _useContext$usePopper.attributes,
-      styles = _useContext$usePopper.styles,
-      isControllerOnly = _useContext.isControllerOnly;
-
-  if (isControllerOnly) return /*#__PURE__*/React.createElement(CalendarWithTimeWheelContent, null);
-  return /*#__PURE__*/React.createElement("div", _extends({
+const CalendarWithTimeWheelWrapper = () => {
+  const {
+    setPopperElement,
+    setArrowElement,
+    usePopperHelpers: {
+      attributes,
+      styles
+    },
+    isControllerOnly
+  } = useContext(CalendarWithTimeWheelContext);
+  if (isControllerOnly) return _CalendarWithTimeWhee || (_CalendarWithTimeWhee = /*#__PURE__*/_jsx(CalendarWithTimeWheelContent, {}));
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
     ref: setPopperElement,
     style: _objectSpread(_objectSpread({}, styles.popper), {}, {
       background: 'white',
       zIndex: 110
     })
-  }, attributes.popper, {
-    "data-testid": ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.CALENDAR_TIMEWHEEL
-  }), /*#__PURE__*/React.createElement(CalendarWithTimeWheelContent, null), /*#__PURE__*/React.createElement("div", {
-    ref: setArrowElement,
-    style: styles.arrow
+  }, attributes.popper), {}, {
+    "data-testid": ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.CALENDAR_TIMEWHEEL,
+    children: [_CalendarWithTimeWhee2 || (_CalendarWithTimeWhee2 = /*#__PURE__*/_jsx(CalendarWithTimeWheelContent, {})), /*#__PURE__*/jsx("div", {
+      ref: setArrowElement,
+      style: styles.arrow
+    })]
   }));
 };
 
 export { CalendarWithTimeWheelWrapper };
-//# sourceMappingURL=CalendarWithTimeWheelWrapper.js.map

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

@@ -1,74 +1,68 @@
 import styled from 'styled-components';
 import { DSButtonV2 } from '@elliemae/ds-button';
 import { CalendarContent } from '../Calendar/CalendarContent.js';
-import 'react';
-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 '../../../ControlledDateTimePickerCTX.js';
-import '../../../ControlledDateTimePickerTypes.js';
-import '../Calendar/CalendarContext.js';
-import '../Calendar/Styleds.js';
-import '@babel/runtime/helpers/esm/taggedTemplateLiteral';
-import '@elliemae/ds-system';
-import '@elliemae/ds-grid';
-import '../Calendar/CalendarWeekDays.js';
-import '../Calendar/CalendarHead.js';
-import '@elliemae/ds-icons';
-import '../Calendar/CalendarFooter.js';
 
-var StyledIconTriggerButton = /*#__PURE__*/styled(DSButtonV2).withConfig({
+const StyledIconTriggerButton = /*#__PURE__*/styled(DSButtonV2).withConfig({
   componentId: "sc-h2xj8r-0"
-})(["color:", ";width:26px;height:26px;"], function (_ref) {
-  var theme = _ref.theme;
+})(["color:", ";width:26px;height:26px;"], _ref => {
+  let {
+    theme
+  } = _ref;
   return theme.colors.brand['600'];
 });
-var StyledCalendarWithTimeWheelWrapper = /*#__PURE__*/styled.div.withConfig({
+const StyledCalendarWithTimeWheelWrapper = /*#__PURE__*/styled.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;
+})(["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'];
-}, function (_ref3) {
-  var isControllerOnly = _ref3.isControllerOnly;
+}, _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%);';
-}, function (_ref4) {
-  var theme = _ref4.theme;
+}, _ref4 => {
+  let {
+    theme
+  } = _ref4;
   return theme.colors.neutral[200];
 });
-var StyledCalendar = /*#__PURE__*/styled(CalendarContent).withConfig({
+const StyledCalendar = /*#__PURE__*/styled(CalendarContent).withConfig({
   componentId: "sc-h2xj8r-2"
 })(["box-shadow:none;"]);
-var CalendarWithTimeWheelFooterMessage = /*#__PURE__*/styled.footer.withConfig({
+const CalendarWithTimeWheelFooterMessage = /*#__PURE__*/styled.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;
+})(["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];
-}, function (_ref6) {
-  var theme = _ref6.theme;
+}, _ref6 => {
+  let {
+    theme
+  } = _ref6;
   return theme.space.xxs2;
-}, function (_ref7) {
-  var theme = _ref7.theme;
+}, _ref7 => {
+  let {
+    theme
+  } = _ref7;
   return theme.space.xxs2;
-}, function (_ref8) {
-  var theme = _ref8.theme;
+}, _ref8 => {
+  let {
+    theme
+  } = _ref8;
   return theme.colors.danger[900];
-}, function (_ref9) {
-  var theme = _ref9.theme;
+}, _ref9 => {
+  let {
+    theme
+  } = _ref9;
   return theme.fontWeights.thin;
-}, function (_ref10) {
-  var theme = _ref10.theme;
+}, _ref10 => {
+  let {
+    theme
+  } = _ref10;
   return theme.fontSizes.microText[200];
 });
 
 export { CalendarWithTimeWheelFooterMessage, StyledCalendar, StyledCalendarWithTimeWheelWrapper, StyledIconTriggerButton };
-//# sourceMappingURL=Styleds.js.map

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';
@@ -8,42 +8,41 @@ 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,
+      disabled
+    },
+    hideDate,
+    hideTime,
+    monthInputRef,
+    hourInputRef,
+    withAnyInputs,
+    isWithTimeInputs,
+    meridiemInputRef,
+    yearInputRef,
+    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;
+  const handlePickerIconKeyDown = useCallback(e => {
+    const {
+      key
+    } = e;
     if (homeEndKeys.includes(key)) e.preventDefault();
     if (homeEndKeys.includes(key)) e.stopPropagation();
     if (key === 'Home') onHomeKeyDown();
@@ -54,23 +53,10 @@ var useConfigCalendarWithTimeWheelCTX = function useConfigCalendarWithTimeWheelC
       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, {
+  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 +64,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 +100,20 @@ 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,
+    disabled,
+    ariaCurrentValueForInputs
+  }), [showCalendarWithTimeWheel, usePopperHelpers, handleToggleCalendarWithTimeWheel, handleSetTriggerRef, handleMenuWrapperKeyDown, handlePickerIconKeyDown, isControllerOnly, disabled, ariaCurrentValueForInputs]);
 };
 
 export { useConfigCalendarWithTimeWheelCTX };
-//# sourceMappingURL=useConfigCalendarWithTimeWheelCTX.js.map