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

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

@@ -1,9 +1,9 @@
 import { createRef, createContext } from 'react';
 
 // eslint-disable-next-line @typescript-eslint/no-empty-function
-var noop = function noop() {};
+const noop = () => {};
 
-var defaultCalendarContext = {
+const defaultCalendarContext = {
   ariaCurrentValueForInputs: '',
   showCalendar: false,
   disabled: false,
@@ -51,7 +51,6 @@ var defaultCalendarContext = {
 };
 /** Context for cross component communication */
 
-var CalendarContext = /*#__PURE__*/createContext(defaultCalendarContext);
+const CalendarContext = /*#__PURE__*/createContext(defaultCalendarContext);
 
 export { CalendarContext, CalendarContext as default, defaultCalendarContext };
-//# sourceMappingURL=CalendarContext.js.map

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

@@ -1,39 +1,25 @@
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import React from 'react';
 import { Day } from './Day.js';
 import { StyledWeekDaysListWrapper } from './Styleds.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 '../../../ControlledDateTimePickerDatatestid.js';
-import '../../../ControlledDateTimePickerCTX.js';
-import '../../../ControlledDateTimePickerTypes.js';
-import './CalendarContext.js';
-import '@babel/runtime/helpers/esm/taggedTemplateLiteral';
-import 'styled-components';
-import '@elliemae/ds-system';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-button';
+import { jsxs } from 'react/jsx-runtime';
 
-var CalendarDaysList = /*#__PURE__*/React.memo(function (_ref) {
-  var invisibleFirstDay = _ref.invisibleFirstDay,
-      daysMatrixByWeekday = _ref.daysMatrixByWeekday,
-      invisibleLastDay = _ref.invisibleLastDay,
-      innerRef = _ref.innerRef;
-  return /*#__PURE__*/React.createElement("div", {
+const CalendarDaysList = /*#__PURE__*/React.memo(_ref => {
+  let {
+    invisibleFirstDay,
+    daysMatrixByWeekday,
+    invisibleLastDay,
+    innerRef
+  } = _ref;
+  return /*#__PURE__*/jsxs("div", {
     ref: innerRef,
-    role: "rowgroup"
-  }, /*#__PURE__*/React.createElement(Day, {
-    key: "ds-calendar-".concat(invisibleFirstDay.day.toString()),
-    metaDay: invisibleFirstDay,
-    isInvisible: true
-  }), daysMatrixByWeekday.map(function (week, i) {
-    return /*#__PURE__*/React.createElement(StyledWeekDaysListWrapper, {
-      key: "ds-calendar-week-".concat(week[0].day.toString(), "-").concat(week[6].day.toString()),
+    role: "rowgroup",
+    children: [/*#__PURE__*/_jsx(Day, {
+      metaDay: invisibleFirstDay,
+      isInvisible: true
+    }, "ds-calendar-".concat(invisibleFirstDay.day.toString())), daysMatrixByWeekday.map((week, i) => /*#__PURE__*/_jsx(StyledWeekDaysListWrapper, {
       role: "row",
       "aria-rowindex": i + 1,
       cols: ['32px', '32px', '32px', '32px', '32px', '32px', '32px'],
@@ -42,19 +28,14 @@ var CalendarDaysList = /*#__PURE__*/React.memo(function (_ref) {
       px: "2px",
       justifyContent: "space-between",
       alignItems: "center"
-    }, week.map(function (metaDay, z) {
-      return /*#__PURE__*/React.createElement(Day, {
-        key: "ds-calendar-".concat(metaDay.day.toString()),
-        metaDay: metaDay,
-        colIndex: z + 1
-      });
-    }));
-  }), /*#__PURE__*/React.createElement(Day, {
-    key: "ds-calendar-".concat(invisibleLastDay.day.toString()),
-    metaDay: invisibleLastDay,
-    isInvisible: true
-  }));
+    }, "ds-calendar-week-".concat(week[0].day.toString(), "-").concat(week[6].day.toString()), week.map((metaDay, z) => /*#__PURE__*/_jsx(Day, {
+      metaDay: metaDay,
+      colIndex: z + 1
+    }, "ds-calendar-".concat(metaDay.day.toString()))))), /*#__PURE__*/_jsx(Day, {
+      metaDay: invisibleLastDay,
+      isInvisible: true
+    }, "ds-calendar-".concat(invisibleLastDay.day.toString()))]
+  });
 });
 
 export { CalendarDaysList };
-//# sourceMappingURL=CalendarDaysList.js.map

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

@@ -1,25 +1,20 @@
-import React, { useContext } from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import { useContext } from 'react';
 import { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX.js';
 import { CalendarFooterMessage } from './Styleds.js';
-import '../../../ControlledDateTimePickerTypes.js';
-import '@babel/runtime/helpers/esm/taggedTemplateLiteral';
-import 'styled-components';
-import '@elliemae/ds-system';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-button';
 
-var CalendarFooter = function CalendarFooter() {
-  var _useContext = useContext(ControlledDateTimePickerContext),
-      _useContext$props = _useContext.props,
-      pickerFooterMsg = _useContext$props.pickerFooterMsg,
-      hasError = _useContext$props.hasError,
-      isWithTimeWheelToo = _useContext.isWithTimeWheelToo;
-
-  if (pickerFooterMsg !== undefined && !isWithTimeWheelToo && hasError) return /*#__PURE__*/React.createElement(CalendarFooterMessage, {
+const CalendarFooter = () => {
+  const {
+    props: {
+      pickerFooterMsg,
+      hasError
+    },
+    isWithTimeWheelToo
+  } = useContext(ControlledDateTimePickerContext);
+  if (pickerFooterMsg !== undefined && !isWithTimeWheelToo && hasError) return /*#__PURE__*/_jsx(CalendarFooterMessage, {
     role: "alert"
-  }, pickerFooterMsg);
+  }, void 0, pickerFooterMsg);
   return null;
 };
 
 export { CalendarFooter };
-//# sourceMappingURL=CalendarFooter.js.map

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

@@ -1,57 +1,46 @@
-import React, { useMemo, useContext } from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import { useMemo, useContext } from 'react';
 import { BUTTON_SIZES } from '@elliemae/ds-button';
 import { ChevronDoubleLeft, ChevronLeft, ChevronRight, ChevronDoubleRight } from '@elliemae/ds-icons';
 import { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid.js';
 import { getMonthNameByMonthNumber } from '../../../utils/dateHelpers.js';
 import { StyledHeader, StyledHeaderButton } from './Styleds.js';
 import { CalendarContext } from './CalendarContext.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 '@babel/runtime/helpers/esm/taggedTemplateLiteral';
-import 'styled-components';
-import '@elliemae/ds-system';
-import '@elliemae/ds-grid';
 
-/* eslint-disable complexity */
+var _ChevronDoubleLeft, _ChevronLeft, _ChevronRight, _ChevronDoubleRight;
 
-var useGetFormattedCurrentDate = function useGetFormattedCurrentDate() {
-  var _useContext = useContext(CalendarContext),
-      currentMonth = _useContext.currentMonth,
-      currentYear = _useContext.currentYear;
-
-  var monthString = currentMonth >= 0 && currentMonth <= 11 ? "".concat(getMonthNameByMonthNumber(currentMonth), " ") : '';
-  return useMemo(function () {
-    return "".concat(monthString).concat(currentYear);
-  }, [monthString, currentYear]);
+const useGetFormattedCurrentDate = () => {
+  const {
+    currentMonth,
+    currentYear
+  } = useContext(CalendarContext);
+  const monthString = currentMonth >= 0 && currentMonth <= 11 ? "".concat(getMonthNameByMonthNumber(currentMonth), " ") : '';
+  return useMemo(() => "".concat(monthString).concat(currentYear), [monthString, currentYear]);
 };
 
-var CalendarHead = function CalendarHead() {
-  var currentFormatedDate = useGetFormattedCurrentDate();
-
-  var _useContext2 = useContext(CalendarContext),
-      prevYearBtnRef = _useContext2.prevYearBtnRef,
-      prevMonthBtnRef = _useContext2.prevMonthBtnRef,
-      nextMonthBtnRef = _useContext2.nextMonthBtnRef,
-      nextYearBtnRef = _useContext2.nextYearBtnRef,
-      handlePrevYear = _useContext2.handlePrevYear,
-      handlePrevMonth = _useContext2.handlePrevMonth,
-      handleNextMonth = _useContext2.handleNextMonth,
-      handleNextYear = _useContext2.handleNextYear,
-      handlePrevYearKeyDown = _useContext2.handlePrevYearKeyDown,
-      handlePrevMonthKeyDown = _useContext2.handlePrevMonthKeyDown,
-      handleNextMonthKeyDown = _useContext2.handleNextMonthKeyDown,
-      handleNextYearKeyDown = _useContext2.handleNextYearKeyDown,
-      onPrevYearFocus = _useContext2.onPrevYearFocus,
-      onPrevMonthFocus = _useContext2.onPrevMonthFocus,
-      onNextMonthFocus = _useContext2.onNextMonthFocus,
-      onNextYearFocus = _useContext2.onNextYearFocus,
-      isControllerOnly = _useContext2.isControllerOnly,
-      autoFocusPrevMonthArrow = _useContext2.autoFocusPrevMonthArrow;
-
-  return /*#__PURE__*/React.createElement(StyledHeader, null, /*#__PURE__*/React.createElement(StyledHeaderButton, {
+const CalendarHead = () => {
+  const currentFormatedDate = useGetFormattedCurrentDate();
+  const {
+    prevYearBtnRef,
+    prevMonthBtnRef,
+    nextMonthBtnRef,
+    nextYearBtnRef,
+    handlePrevYear,
+    handlePrevMonth,
+    handleNextMonth,
+    handleNextYear,
+    handlePrevYearKeyDown,
+    handlePrevMonthKeyDown,
+    handleNextMonthKeyDown,
+    handleNextYearKeyDown,
+    onPrevYearFocus,
+    onPrevMonthFocus,
+    onNextMonthFocus,
+    onNextYearFocus,
+    isControllerOnly,
+    autoFocusPrevMonthArrow
+  } = useContext(CalendarContext);
+  return /*#__PURE__*/_jsx(StyledHeader, {}, void 0, /*#__PURE__*/_jsx(StyledHeaderButton, {
     "aria-label": "previous year",
     buttonType: "raw",
     size: BUTTON_SIZES.M,
@@ -61,11 +50,11 @@ var CalendarHead = function CalendarHead() {
     onFocus: onPrevYearFocus,
     tabIndex: isControllerOnly ? -1 : 1,
     "data-testid": ControlledDateTimePickerDatatestid.CALENDAR.PREV_YEAR
-  }, /*#__PURE__*/React.createElement(ChevronDoubleLeft, {
+  }, void 0, _ChevronDoubleLeft || (_ChevronDoubleLeft = /*#__PURE__*/_jsx(ChevronDoubleLeft, {
     height: 14,
     width: 14,
     fill: "#25292f"
-  })), /*#__PURE__*/React.createElement(StyledHeaderButton, {
+  }))), /*#__PURE__*/_jsx(StyledHeaderButton, {
     autoFocus: autoFocusPrevMonthArrow,
     "aria-label": "previous month",
     buttonType: "raw",
@@ -76,9 +65,9 @@ var CalendarHead = function CalendarHead() {
     onFocus: onPrevMonthFocus,
     "data-testid": ControlledDateTimePickerDatatestid.CALENDAR.PREV_MONTH // this is a tabstop for when the calendar is open
 
-  }, /*#__PURE__*/React.createElement(ChevronLeft, {
+  }, void 0, _ChevronLeft || (_ChevronLeft = /*#__PURE__*/_jsx(ChevronLeft, {
     fill: "#25292f"
-  })), /*#__PURE__*/React.createElement("h3", null, currentFormatedDate), /*#__PURE__*/React.createElement(StyledHeaderButton, {
+  }))), /*#__PURE__*/_jsx("h3", {}, void 0, currentFormatedDate), /*#__PURE__*/_jsx(StyledHeaderButton, {
     "aria-label": "next month",
     buttonType: "raw",
     size: BUTTON_SIZES.M,
@@ -87,9 +76,9 @@ var CalendarHead = function CalendarHead() {
     onKeyDown: handleNextMonthKeyDown,
     onFocus: onNextMonthFocus,
     "data-testid": ControlledDateTimePickerDatatestid.CALENDAR.NEXT_MONTH
-  }, /*#__PURE__*/React.createElement(ChevronRight, {
+  }, void 0, _ChevronRight || (_ChevronRight = /*#__PURE__*/_jsx(ChevronRight, {
     fill: "#25292f"
-  })), /*#__PURE__*/React.createElement(StyledHeaderButton, {
+  }))), /*#__PURE__*/_jsx(StyledHeaderButton, {
     "aria-label": "next year",
     buttonType: "raw",
     size: BUTTON_SIZES.M,
@@ -98,12 +87,11 @@ var CalendarHead = function CalendarHead() {
     onKeyDown: handleNextYearKeyDown,
     onFocus: onNextYearFocus,
     "data-testid": ControlledDateTimePickerDatatestid.CALENDAR.NEXT_YEAR
-  }, /*#__PURE__*/React.createElement(ChevronDoubleRight, {
+  }, void 0, _ChevronDoubleRight || (_ChevronDoubleRight = /*#__PURE__*/_jsx(ChevronDoubleRight, {
     height: 14,
     width: 14,
     fill: "#25292f"
-  })));
+  }))));
 };
 
 export { CalendarHead };
-//# sourceMappingURL=CalendarHead.js.map

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

@@ -1,39 +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 { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid.js';
 import { CalendarContext } from './CalendarContext.js';
 import { StyledIconTriggerButton } from './Styleds.js';
-import '@babel/runtime/helpers/esm/taggedTemplateLiteral';
-import 'styled-components';
-import '@elliemae/ds-system';
-import '@elliemae/ds-grid';
 
+var _DatePicker;
 // this is particularly usefull 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 CalendarIconTrigger = function CalendarIconTrigger() {
-  var _useContext = useContext(CalendarContext),
-      handleToggleCalendar = _useContext.handleToggleCalendar,
-      handleSetTriggerRef = _useContext.handleSetTriggerRef,
-      handlePickerIconKeyDown = _useContext.handlePickerIconKeyDown,
-      ariaCurrentValueForInputs = _useContext.ariaCurrentValueForInputs,
-      disabled = _useContext.disabled;
-
-  return useMemo(function () {
-    return /*#__PURE__*/React.createElement(StyledIconTriggerButton, {
-      "aria-label": "date picker context menu trigger, ".concat(ariaCurrentValueForInputs),
-      buttonType: "icon",
-      size: BUTTON_SIZES.M,
-      variant: BUTTON_VARIANT.DEFAULT,
-      innerRef: handleSetTriggerRef,
-      onClick: handleToggleCalendar,
-      onKeyDown: handlePickerIconKeyDown,
-      "data-testid": ControlledDateTimePickerDatatestid.PICKER_ICONS.CALENDAR,
-      disabled: disabled
-    }, /*#__PURE__*/React.createElement(DatePicker, null));
-  }, [ariaCurrentValueForInputs, handleSetTriggerRef, handleToggleCalendar, handlePickerIconKeyDown, disabled]);
+const CalendarIconTrigger = () => {
+  const {
+    handleToggleCalendar,
+    handleSetTriggerRef,
+    handlePickerIconKeyDown,
+    ariaCurrentValueForInputs,
+    disabled
+  } = useContext(CalendarContext);
+  return useMemo(() => /*#__PURE__*/_jsx(StyledIconTriggerButton, {
+    "aria-label": "date picker context menu trigger, ".concat(ariaCurrentValueForInputs),
+    buttonType: "icon",
+    size: BUTTON_SIZES.M,
+    variant: BUTTON_VARIANT.DEFAULT,
+    innerRef: handleSetTriggerRef,
+    onClick: handleToggleCalendar,
+    onKeyDown: handlePickerIconKeyDown,
+    "data-testid": ControlledDateTimePickerDatatestid.PICKER_ICONS.CALENDAR,
+    disabled: disabled
+  }, void 0, _DatePicker || (_DatePicker = /*#__PURE__*/_jsx(DatePicker, {}))), [ariaCurrentValueForInputs, handleSetTriggerRef, handleToggleCalendar, handlePickerIconKeyDown, disabled]);
 };
 
 export { CalendarIconTrigger };
-//# sourceMappingURL=CalendarIconTrigger.js.map

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

@@ -1,33 +1,16 @@
-import React, { useContext } from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import { useContext } from 'react';
 import { CalendarDaysList } from './CalendarDaysList.js';
 import { CalendarContext } from './CalendarContext.js';
-import './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 '../../../ControlledDateTimePickerDatatestid.js';
-import '../../../ControlledDateTimePickerCTX.js';
-import '../../../ControlledDateTimePickerTypes.js';
-import './Styleds.js';
-import '@babel/runtime/helpers/esm/taggedTemplateLiteral';
-import 'styled-components';
-import '@elliemae/ds-system';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-button';
 
-var CalendarMonthDays = function CalendarMonthDays() {
-  var _useContext = useContext(CalendarContext),
-      invisibleFirstDay = _useContext.invisibleFirstDay,
-      daysMatrixByWeekday = _useContext.daysMatrixByWeekday,
-      invisibleLastDay = _useContext.invisibleLastDay,
-      calendarDaysWrapperRef = _useContext.calendarDaysWrapperRef;
-
-  return /*#__PURE__*/React.createElement(CalendarDaysList, {
+const CalendarMonthDays = () => {
+  const {
+    invisibleFirstDay,
+    daysMatrixByWeekday,
+    invisibleLastDay,
+    calendarDaysWrapperRef
+  } = useContext(CalendarContext);
+  return /*#__PURE__*/_jsx(CalendarDaysList, {
     invisibleFirstDay: invisibleFirstDay,
     daysMatrixByWeekday: daysMatrixByWeekday,
     invisibleLastDay: invisibleLastDay,
@@ -36,4 +19,3 @@ var CalendarMonthDays = function CalendarMonthDays() {
 };
 
 export { CalendarMonthDays };
-//# sourceMappingURL=CalendarMonthDays.js.map

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

@@ -1,46 +1,40 @@
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import React from 'react';
 import { StyledWeekDaysListWrapper, StyledWeekDaysHeaderItem } from './Styleds.js';
-import '@babel/runtime/helpers/esm/taggedTemplateLiteral';
-import 'styled-components';
-import '@elliemae/ds-system';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-button';
 
-var CalendarWeekDays = /*#__PURE__*/React.memo(function () {
-  return /*#__PURE__*/React.createElement("span", {
-    role: "rowgroup"
-  }, /*#__PURE__*/React.createElement(StyledWeekDaysListWrapper, {
-    role: "row",
-    cols: ['32px', '32px', '32px', '32px', '32px', '32px', '32px'],
-    rows: ['22px'],
-    py: "xxxs",
-    px: "6px",
-    justifyContent: "space-between",
-    alignItems: "center",
-    isHeader: true
-  }, /*#__PURE__*/React.createElement(StyledWeekDaysHeaderItem, {
-    role: "columnheader",
-    "aria-colindex": 1
-  }, "sun"), /*#__PURE__*/React.createElement(StyledWeekDaysHeaderItem, {
-    role: "columnheader",
-    "aria-colindex": 2
-  }, "mon"), /*#__PURE__*/React.createElement(StyledWeekDaysHeaderItem, {
-    role: "columnheader",
-    "aria-colindex": 3
-  }, "tue"), /*#__PURE__*/React.createElement(StyledWeekDaysHeaderItem, {
-    role: "columnheader",
-    "aria-colindex": 4
-  }, "wed"), /*#__PURE__*/React.createElement(StyledWeekDaysHeaderItem, {
-    role: "columnheader",
-    "aria-colindex": 5
-  }, "thu"), /*#__PURE__*/React.createElement(StyledWeekDaysHeaderItem, {
-    role: "columnheader",
-    "aria-colindex": 6
-  }, "fri"), /*#__PURE__*/React.createElement(StyledWeekDaysHeaderItem, {
-    role: "columnheader",
-    "aria-colindex": 7
-  }, "sat")));
-});
+var _StyledWeekDaysHeader, _StyledWeekDaysHeader2, _StyledWeekDaysHeader3, _StyledWeekDaysHeader4, _StyledWeekDaysHeader5, _StyledWeekDaysHeader6, _StyledWeekDaysHeader7;
+const CalendarWeekDays = /*#__PURE__*/React.memo(() => /*#__PURE__*/_jsx("span", {
+  role: "rowgroup"
+}, void 0, /*#__PURE__*/_jsx(StyledWeekDaysListWrapper, {
+  role: "row",
+  cols: ['32px', '32px', '32px', '32px', '32px', '32px', '32px'],
+  rows: ['22px'],
+  py: "xxxs",
+  px: "6px",
+  justifyContent: "space-between",
+  alignItems: "center",
+  isHeader: true
+}, void 0, _StyledWeekDaysHeader || (_StyledWeekDaysHeader = /*#__PURE__*/_jsx(StyledWeekDaysHeaderItem, {
+  role: "columnheader",
+  "aria-colindex": 1
+}, void 0, "sun")), _StyledWeekDaysHeader2 || (_StyledWeekDaysHeader2 = /*#__PURE__*/_jsx(StyledWeekDaysHeaderItem, {
+  role: "columnheader",
+  "aria-colindex": 2
+}, void 0, "mon")), _StyledWeekDaysHeader3 || (_StyledWeekDaysHeader3 = /*#__PURE__*/_jsx(StyledWeekDaysHeaderItem, {
+  role: "columnheader",
+  "aria-colindex": 3
+}, void 0, "tue")), _StyledWeekDaysHeader4 || (_StyledWeekDaysHeader4 = /*#__PURE__*/_jsx(StyledWeekDaysHeaderItem, {
+  role: "columnheader",
+  "aria-colindex": 4
+}, void 0, "wed")), _StyledWeekDaysHeader5 || (_StyledWeekDaysHeader5 = /*#__PURE__*/_jsx(StyledWeekDaysHeaderItem, {
+  role: "columnheader",
+  "aria-colindex": 5
+}, void 0, "thu")), _StyledWeekDaysHeader6 || (_StyledWeekDaysHeader6 = /*#__PURE__*/_jsx(StyledWeekDaysHeaderItem, {
+  role: "columnheader",
+  "aria-colindex": 6
+}, void 0, "fri")), _StyledWeekDaysHeader7 || (_StyledWeekDaysHeader7 = /*#__PURE__*/_jsx(StyledWeekDaysHeaderItem, {
+  role: "columnheader",
+  "aria-colindex": 7
+}, void 0, "sat")))));
 
 export { CalendarWeekDays };
-//# sourceMappingURL=CalendarWeekDays.js.map

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

@@ -1,58 +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 { CalendarContent } from './CalendarContent.js';
 import { CalendarContext } from './CalendarContext.js';
-import './CalendarBody.js';
-import './CalendarMonthDays.js';
-import './CalendarDaysList.js';
-import './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 './Styleds.js';
-import '@babel/runtime/helpers/esm/taggedTemplateLiteral';
-import 'styled-components';
-import '@elliemae/ds-system';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-button';
-import './CalendarWeekDays.js';
-import './CalendarHead.js';
-import '@elliemae/ds-icons';
-import './CalendarFooter.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _CalendarContent, _CalendarContent2;
 
 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 CalendarWrapper = function CalendarWrapper() {
-  var _useContext = useContext(CalendarContext),
-      setPopperElement = _useContext.setPopperElement,
-      _useContext$usePopper = _useContext.usePopperHelpers,
-      styles = _useContext$usePopper.styles,
-      attributes = _useContext$usePopper.attributes,
-      setArrowElement = _useContext.setArrowElement,
-      isControllerOnly = _useContext.isControllerOnly;
-
-  if (isControllerOnly) return /*#__PURE__*/React.createElement(CalendarContent, null);
-  return /*#__PURE__*/React.createElement("div", _extends({
+const CalendarWrapper = () => {
+  const {
+    setPopperElement,
+    usePopperHelpers: {
+      styles,
+      attributes
+    },
+    setArrowElement,
+    isControllerOnly
+  } = useContext(CalendarContext);
+  if (isControllerOnly) return _CalendarContent || (_CalendarContent = /*#__PURE__*/_jsx(CalendarContent, {}));
+  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
-  }), /*#__PURE__*/React.createElement(CalendarContent, null), /*#__PURE__*/React.createElement("div", {
-    ref: setArrowElement,
-    style: styles.arrow
+  }, attributes.popper), {}, {
+    "data-testid": ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.CALENDAR,
+    children: [_CalendarContent2 || (_CalendarContent2 = /*#__PURE__*/_jsx(CalendarContent, {})), /*#__PURE__*/jsx("div", {
+      ref: setArrowElement,
+      style: styles.arrow
+    })]
   }));
 };
 
 export { CalendarWrapper };
-//# sourceMappingURL=CalendarWrapper.js.map