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

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

@@ -2,46 +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_ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
-var controlledDateTimePicker_parts_Pickers_Calendar_CalendarContext = require('./CalendarContext.js');
-var controlledDateTimePicker_parts_Pickers_Calendar_Styleds = require('./Styleds.js');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('styled-components');
-require('@elliemae/ds-system');
-require('@elliemae/ds-grid');
+var dsIcon = require('@elliemae/ds-icon');
+var dsButton = require('@elliemae/ds-button');
+var DatePicker = require('@elliemae/ds-icons/DatePicker');
+var ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
+var CalendarContext = require('./CalendarContext.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 DatePicker__default = /*#__PURE__*/_interopDefaultLegacy(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 = React.useContext(controlledDateTimePicker_parts_Pickers_Calendar_CalendarContext.CalendarContext),
-      handleToggleCalendar = _useContext.handleToggleCalendar,
-      handleSetTriggerRef = _useContext.handleSetTriggerRef,
-      handlePickerIconKeyDown = _useContext.handlePickerIconKeyDown,
-      ariaCurrentValueForInputs = _useContext.ariaCurrentValueForInputs,
-      disabled = _useContext.disabled;
-
-  return React.useMemo(function () {
-    return /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_Styleds.StyledIconTriggerButton, {
-      "aria-label": "date picker context menu trigger, ".concat(ariaCurrentValueForInputs),
-      buttonType: "icon",
-      size: DSButton.BUTTON_SIZES.M,
-      variant: DSButton.BUTTON_VARIANT.DEFAULT,
-      innerRef: handleSetTriggerRef,
-      onClick: handleToggleCalendar,
-      onKeyDown: handlePickerIconKeyDown,
-      "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.PICKER_ICONS.CALENDAR,
-      disabled: disabled
-    }, /*#__PURE__*/React__default['default'].createElement(dsIcons.DatePicker, null));
-  }, [ariaCurrentValueForInputs, handleSetTriggerRef, handleToggleCalendar, handlePickerIconKeyDown, disabled]);
+const CalendarIconTrigger = () => {
+  const {
+    handleToggleCalendar,
+    handleSetTriggerRef,
+    handlePickerIconKeyDown,
+    ariaCurrentValueForInputs
+  } = React.useContext(CalendarContext.CalendarContext);
+  return React.useMemo(() => /*#__PURE__*/_jsx__default["default"](Styleds.StyledIconTriggerButton, {
+    "aria-label": "date picker context menu trigger, ".concat(ariaCurrentValueForInputs),
+    buttonType: "icon",
+    size: dsButton.BUTTON_SIZES.M,
+    variant: dsButton.BUTTON_VARIANT.DEFAULT,
+    innerRef: handleSetTriggerRef,
+    onClick: handleToggleCalendar,
+    onKeyDown: handlePickerIconKeyDown,
+    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.PICKER_ICONS.CALENDAR
+  }, void 0, /*#__PURE__*/_jsx__default["default"](DatePicker__default["default"], {
+    color: dsIcon.DSIconColors.PRIMARY
+  })), [handlePickerIconKeyDown, handleSetTriggerRef, handleToggleCalendar, ariaCurrentValueForInputs]);
 };
 
 exports.CalendarIconTrigger = CalendarIconTrigger;
-//# sourceMappingURL=CalendarIconTrigger.js.map

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

@@ -2,40 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
-var controlledDateTimePicker_parts_Pickers_Calendar_CalendarDaysList = require('./CalendarDaysList.js');
-var controlledDateTimePicker_parts_Pickers_Calendar_CalendarContext = require('./CalendarContext.js');
-require('./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('../../../ControlledDateTimePickerDatatestid.js');
-require('../../../ControlledDateTimePickerCTX.js');
-require('../../../ControlledDateTimePickerTypes.js');
-require('./Styleds.js');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('styled-components');
-require('@elliemae/ds-system');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-button');
+var CalendarDaysList = require('./CalendarDaysList.js');
+var CalendarContext = require('./CalendarContext.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 CalendarMonthDays = function CalendarMonthDays() {
-  var _useContext = React.useContext(controlledDateTimePicker_parts_Pickers_Calendar_CalendarContext.CalendarContext),
-      invisibleFirstDay = _useContext.invisibleFirstDay,
-      daysMatrixByWeekday = _useContext.daysMatrixByWeekday,
-      invisibleLastDay = _useContext.invisibleLastDay,
-      calendarDaysWrapperRef = _useContext.calendarDaysWrapperRef;
-
-  return /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_CalendarDaysList.CalendarDaysList, {
+const CalendarMonthDays = () => {
+  const {
+    invisibleFirstDay,
+    daysMatrixByWeekday,
+    invisibleLastDay,
+    calendarDaysWrapperRef
+  } = React.useContext(CalendarContext.CalendarContext);
+  return /*#__PURE__*/_jsx__default["default"](CalendarDaysList.CalendarDaysList, {
     invisibleFirstDay: invisibleFirstDay,
     daysMatrixByWeekday: daysMatrixByWeekday,
     invisibleLastDay: invisibleLastDay,
@@ -44,4 +27,3 @@ var CalendarMonthDays = function CalendarMonthDays() {
 };
 
 exports.CalendarMonthDays = CalendarMonthDays;
-//# sourceMappingURL=CalendarMonthDays.js.map

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

@@ -2,53 +2,48 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
-var controlledDateTimePicker_parts_Pickers_Calendar_Styleds = require('./Styleds.js');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('styled-components');
-require('@elliemae/ds-system');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-button');
+var Styleds = require('./Styleds.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var CalendarWeekDays = /*#__PURE__*/React__default['default'].memo(function () {
-  return /*#__PURE__*/React__default['default'].createElement("span", {
-    role: "rowgroup"
-  }, /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_Styleds.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__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_Styleds.StyledWeekDaysHeaderItem, {
-    role: "columnheader",
-    "aria-colindex": 1
-  }, "sun"), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_Styleds.StyledWeekDaysHeaderItem, {
-    role: "columnheader",
-    "aria-colindex": 2
-  }, "mon"), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_Styleds.StyledWeekDaysHeaderItem, {
-    role: "columnheader",
-    "aria-colindex": 3
-  }, "tue"), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_Styleds.StyledWeekDaysHeaderItem, {
-    role: "columnheader",
-    "aria-colindex": 4
-  }, "wed"), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_Styleds.StyledWeekDaysHeaderItem, {
-    role: "columnheader",
-    "aria-colindex": 5
-  }, "thu"), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_Styleds.StyledWeekDaysHeaderItem, {
-    role: "columnheader",
-    "aria-colindex": 6
-  }, "fri"), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_Styleds.StyledWeekDaysHeaderItem, {
-    role: "columnheader",
-    "aria-colindex": 7
-  }, "sat")));
-});
+var _StyledWeekDaysHeader, _StyledWeekDaysHeader2, _StyledWeekDaysHeader3, _StyledWeekDaysHeader4, _StyledWeekDaysHeader5, _StyledWeekDaysHeader6, _StyledWeekDaysHeader7;
+const CalendarWeekDays = /*#__PURE__*/React__default["default"].memo(() => /*#__PURE__*/_jsx__default["default"]("span", {
+  role: "rowgroup"
+}, void 0, /*#__PURE__*/_jsx__default["default"](Styleds.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__default["default"](Styleds.StyledWeekDaysHeaderItem, {
+  role: "columnheader",
+  "aria-colindex": 1
+}, void 0, "sun")), _StyledWeekDaysHeader2 || (_StyledWeekDaysHeader2 = /*#__PURE__*/_jsx__default["default"](Styleds.StyledWeekDaysHeaderItem, {
+  role: "columnheader",
+  "aria-colindex": 2
+}, void 0, "mon")), _StyledWeekDaysHeader3 || (_StyledWeekDaysHeader3 = /*#__PURE__*/_jsx__default["default"](Styleds.StyledWeekDaysHeaderItem, {
+  role: "columnheader",
+  "aria-colindex": 3
+}, void 0, "tue")), _StyledWeekDaysHeader4 || (_StyledWeekDaysHeader4 = /*#__PURE__*/_jsx__default["default"](Styleds.StyledWeekDaysHeaderItem, {
+  role: "columnheader",
+  "aria-colindex": 4
+}, void 0, "wed")), _StyledWeekDaysHeader5 || (_StyledWeekDaysHeader5 = /*#__PURE__*/_jsx__default["default"](Styleds.StyledWeekDaysHeaderItem, {
+  role: "columnheader",
+  "aria-colindex": 5
+}, void 0, "thu")), _StyledWeekDaysHeader6 || (_StyledWeekDaysHeader6 = /*#__PURE__*/_jsx__default["default"](Styleds.StyledWeekDaysHeaderItem, {
+  role: "columnheader",
+  "aria-colindex": 6
+}, void 0, "fri")), _StyledWeekDaysHeader7 || (_StyledWeekDaysHeader7 = /*#__PURE__*/_jsx__default["default"](Styleds.StyledWeekDaysHeaderItem, {
+  role: "columnheader",
+  "aria-colindex": 7
+}, void 0, "sat")))));
 
 exports.CalendarWeekDays = CalendarWeekDays;
-//# sourceMappingURL=CalendarWeekDays.js.map

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

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

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

@@ -2,99 +2,92 @@
 
 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_utils_dateHelpers = require('../../../utils/dateHelpers.js');
-var controlledDateTimePicker_utils_constants = require('../../../utils/constants.js');
-var controlledDateTimePicker_utils_stringHelpers = require('../../../utils/stringHelpers.js');
-var controlledDateTimePicker_ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
-var controlledDateTimePicker_ControlledDateTimePickerCTX = require('../../../ControlledDateTimePickerCTX.js');
-var controlledDateTimePicker_parts_Pickers_Calendar_CalendarContext = require('./CalendarContext.js');
-var controlledDateTimePicker_parts_Pickers_Calendar_Styleds = require('./Styleds.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('../../../utils/numberHelpers.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('../../../ControlledDateTimePickerTypes.js');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('styled-components');
-require('@elliemae/ds-system');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-button');
+var dateHelpers = require('../../../utils/dateHelpers.js');
+var constants = require('../../../utils/constants.js');
+var stringHelpers = require('../../../utils/stringHelpers.js');
+var ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
+var ControlledDateTimePickerCTX = require('../../../ControlledDateTimePickerCTX.js');
+var CalendarContext = require('./CalendarContext.js');
+var Styleds = require('./Styleds.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; }
 
-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 displayNone = {
+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 displayNone = {
   display: 'none'
 };
-var Day = function Day(_ref) {
-  var metaDay = _ref.metaDay,
-      colIndex = _ref.colIndex,
-      isInvisible = _ref.isInvisible;
-  var day = metaDay.day,
-      isCurrMonthDay = metaDay.isCurrMonthDay,
-      isHidden = metaDay.isHidden,
-      dayBtnRef = metaDay.dayBtnRef,
-      dayAsString = metaDay.dayAsString;
-
-  var _useContext = React.useContext(controlledDateTimePicker_ControlledDateTimePickerCTX.ControlledDateTimePickerContext),
-      handleChangeComposedDateString = _useContext.handleChangeComposedDateString,
-      dateStringFromProps = _useContext.dateStringFromProps,
-      _useContext$props = _useContext.props,
-      getIsDisabledDay = _useContext$props.getIsDisabledDay,
-      getIsOutOfRangeDay = _useContext$props.getIsOutOfRangeDay,
-      getIsStartRangeDay = _useContext$props.getIsStartRangeDay,
-      getIsDayInRange = _useContext$props.getIsDayInRange,
-      getIsEndRangeDay = _useContext$props.getIsEndRangeDay,
-      preventCloseOnSelection = _useContext$props.preventCloseOnSelection,
-      onMonthChange = _useContext$props.onMonthChange,
-      onDayChange = _useContext$props.onDayChange,
-      onYearChange = _useContext$props.onYearChange,
-      latestInteractionRegion = _useContext.latestInteractionRegion,
-      setLatestInteractionRegion = _useContext.setLatestInteractionRegion;
-
-  var _useContext2 = React.useContext(controlledDateTimePicker_parts_Pickers_Calendar_CalendarContext.CalendarContext),
-      handleDayOnKeyDown = _useContext2.handleDayOnKeyDown,
-      focusedDay = _useContext2.focusedDay,
-      handleFocusMetaDayByDay = _useContext2.handleFocusMetaDayByDay,
-      isWithTimeWheelToo = _useContext2.isWithTimeWheelToo,
-      closeCalendar = _useContext2.closeCalendar,
-      tryToFocusCurrentlyDataIsFocusedDay = _useContext2.tryToFocusCurrentlyDataIsFocusedDay;
-
-  var isFocusedMetaDay = controlledDateTimePicker_utils_dateHelpers.compareTwoDatesDayEquality(metaDay === null || metaDay === void 0 ? void 0 : metaDay.day, focusedDay === null || focusedDay === void 0 ? void 0 : focusedDay.day);
-  var isSelected = React.useMemo(function () {
-    var selectedDate = controlledDateTimePicker_utils_dateHelpers.getDayFromDateString(dateStringFromProps);
-    return controlledDateTimePicker_utils_dateHelpers.isSameDateMoment(day, selectedDate);
+const Day = ({
+  metaDay,
+  colIndex,
+  isInvisible
+}) => {
+  const {
+    day,
+    isCurrMonthDay,
+    isHidden,
+    dayBtnRef,
+    dayAsString
+  } = metaDay;
+  const {
+    handleChangeComposedDateString,
+    dateStringFromProps,
+    props: {
+      getIsDisabledDay,
+      getIsOutOfRangeDay,
+      getIsStartRangeDay,
+      getIsDayInRange,
+      getIsEndRangeDay,
+      preventCloseOnSelection,
+      onMonthChange,
+      onDayChange,
+      onYearChange
+    },
+    latestInteractionRegion,
+    setLatestInteractionRegion
+  } = React.useContext(ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  const {
+    handleDayOnKeyDown,
+    focusedDay,
+    handleFocusMetaDayByDay,
+    isWithTimeWheelToo,
+    closeCalendar,
+    tryToFocusCurrentlyDataIsFocusedDay
+  } = React.useContext(CalendarContext.CalendarContext);
+  const isFocusedMetaDay = dateHelpers.compareTwoDatesDayEquality(metaDay === null || metaDay === void 0 ? void 0 : metaDay.day, focusedDay === null || focusedDay === void 0 ? void 0 : focusedDay.day);
+  const isSelected = React.useMemo(() => {
+    const selectedDate = dateHelpers.getDayFromDateString(dateStringFromProps);
+    return dateHelpers.isSameDateMoment(day, selectedDate);
   }, [dateStringFromProps, day]);
-  var isFocused = latestInteractionRegion === 'calendar-days' && isFocusedMetaDay;
-  var isDisabled = getIsDisabledDay(metaDay.dayAsString);
-  var isOutOfRange = getIsOutOfRangeDay(metaDay.dayAsString);
-  var isStartRangeDay = getIsStartRangeDay(metaDay.dayAsString);
-  var isEndRangeDay = getIsEndRangeDay(metaDay.dayAsString);
-  var isDayInRange = !isStartRangeDay && !isEndRangeDay && getIsDayInRange(metaDay.dayAsString);
-  var handleOnDayClick = React.useCallback(function (e) {
+  const isFocused = latestInteractionRegion === 'calendar-days' && isFocusedMetaDay;
+  const isDisabled = getIsDisabledDay(metaDay.dayAsString);
+  const isOutOfRange = getIsOutOfRangeDay(metaDay.dayAsString);
+  const isStartRangeDay = getIsStartRangeDay(metaDay.dayAsString);
+  const isEndRangeDay = getIsEndRangeDay(metaDay.dayAsString);
+  const isDayInRange = !isStartRangeDay && !isEndRangeDay && getIsDayInRange(metaDay.dayAsString);
+  const handleOnDayClick = React.useCallback(e => {
     handleFocusMetaDayByDay(day);
     tryToFocusCurrentlyDataIsFocusedDay();
 
     if (!isDisabled && !isOutOfRange) {
-      var newDateString = controlledDateTimePicker_utils_dateHelpers.getDateStringFromDay(day);
-
-      var metaInfo = _objectSpread(_objectSpread({}, controlledDateTimePicker_utils_constants.defaultMetaInfo), {}, {
-        newDateString: newDateString
-      });
-
-      var _getDateValuesFromDat = controlledDateTimePicker_utils_dateHelpers.getDateValuesFromDate(day),
-          month = _getDateValuesFromDat.month,
-          dayNumber = _getDateValuesFromDat.day,
-          year = _getDateValuesFromDat.year;
-
+      const newDateString = dateHelpers.getDateStringFromDay(day);
+      const metaInfo = {
+        isAutomaticFillTrigger: false,
+        newDateString
+      };
+      const {
+        month,
+        day: dayNumber,
+        year
+      } = dateHelpers.getDateValuesFromDate(day);
       onMonthChange("".concat(month + 1), e, metaInfo);
       onDayChange("".concat(dayNumber), e, metaInfo);
       onYearChange("".concat(year), e, metaInfo);
@@ -103,43 +96,39 @@ var Day = function Day(_ref) {
       if (!isWithTimeWheelToo && !preventCloseOnSelection) closeCalendar();
     }
   }, [isDisabled, isOutOfRange, day, onMonthChange, onDayChange, onYearChange, handleChangeComposedDateString, handleFocusMetaDayByDay, tryToFocusCurrentlyDataIsFocusedDay, setLatestInteractionRegion, isWithTimeWheelToo, preventCloseOnSelection, closeCalendar]);
-  var handleOnDayFocus = React.useCallback(function () {
+  const handleOnDayFocus = React.useCallback(() => {
     setLatestInteractionRegion('calendar-days');
   }, [setLatestInteractionRegion]);
-  var dayClassModifiers = React.useMemo(function () {
-    return "dayWrapper ".concat(isSelected ? 'selectedDay ' : '').concat(isDisabled ? 'disabledDay ' : '').concat(isOutOfRange ? 'outOfRangeDay ' : '').concat(isFocused ? 'focusedDay ' : '').concat(isStartRangeDay ? 'startRangeDay ' : '').concat(isDayInRange ? 'inRangeDay ' : '').concat(isEndRangeDay ? 'endRangeDay ' : '').concat(isCurrMonthDay ? '' : 'notCurrentMonth');
-  }, [isSelected, isDisabled, isOutOfRange, isFocused, isStartRangeDay, isDayInRange, isEndRangeDay, isCurrMonthDay]);
-  var dataTestid = controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.DAY;
-  if (isSelected) dataTestid = controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.SELECTED_DAY;
-  if (isFocused) dataTestid = controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.FOCUSED_DAY;
-  if (isFocused && isSelected) dataTestid = controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.SELECTED_FOCUSED_DAY;
-  if (isStartRangeDay) dataTestid = controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.START_RANGE_DAY;
-  if (isEndRangeDay) dataTestid = controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.END_RANGE_DAY;
-  if (isDayInRange) dataTestid = controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.IN_RANGE_DAY;
-  return /*#__PURE__*/React__default['default'].createElement("div", _extends__default['default']({
+  const dayClassModifiers = React.useMemo(() => "dayWrapper ".concat(isSelected ? 'selectedDay ' : '').concat(isDisabled ? 'disabledDay ' : '').concat(isOutOfRange ? 'outOfRangeDay ' : '').concat(isFocused ? 'focusedDay ' : '').concat(isStartRangeDay ? 'startRangeDay ' : '').concat(isDayInRange ? 'inRangeDay ' : '').concat(isEndRangeDay ? 'endRangeDay ' : '').concat(isCurrMonthDay ? '' : 'notCurrentMonth'), [isSelected, isDisabled, isOutOfRange, isFocused, isStartRangeDay, isDayInRange, isEndRangeDay, isCurrMonthDay]);
+  let dataTestid = ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.DAY;
+  if (isSelected) dataTestid = ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.SELECTED_DAY;
+  if (isFocused) dataTestid = ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.FOCUSED_DAY;
+  if (isFocused && isSelected) dataTestid = ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.SELECTED_FOCUSED_DAY;
+  return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
     className: dayClassModifiers,
     style: isHidden ? displayNone : undefined,
     role: !isInvisible ? 'gridcell' : undefined
   }, Number.isInteger(colIndex) && {
     'aria-colindex': colIndex
-  }), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_Styleds.StyledDayBtn, {
-    "aria-label": "".concat(controlledDateTimePicker_utils_stringHelpers.getAriaDayFromDateString(dayAsString), ", ").concat(controlledDateTimePicker_utils_constants.weekDays[metaDay.day.getDay()]),
-    "aria-disabled": isOutOfRange || isDisabled,
-    "aria-hidden": !!isInvisible,
-    buttonType: "raw",
-    size: "m",
-    onClick: handleOnDayClick // DSButton triggers this with "spacebar" and "enter" too...
-    ,
-    onFocus: handleOnDayFocus,
-    onKeyDown: function onKeyDown(e) {
-      handleDayOnKeyDown(e, metaDay);
-    },
-    innerRef: dayBtnRef,
-    tabIndex: isSelected ? 0 : -1,
-    "data-isfocused": isFocused,
-    "data-testid": dataTestid
-  }, "".concat(day.getDate())));
+  }), {}, {
+    children: /*#__PURE__*/_jsx__default["default"](Styleds.StyledDayBtn, {
+      "aria-label": "".concat(stringHelpers.getAriaDayFromDateString(dayAsString), ", ").concat(constants.weekDays[metaDay.day.getDay()]),
+      "aria-disabled": isOutOfRange || isDisabled,
+      "aria-hidden": !!isInvisible,
+      buttonType: "raw",
+      size: "m",
+      onClick: handleOnDayClick // DSButton triggers this with "spacebar" and "enter" too...
+      ,
+      onFocus: handleOnDayFocus,
+      onKeyDown: e => {
+        handleDayOnKeyDown(e, metaDay);
+      },
+      innerRef: dayBtnRef,
+      tabIndex: isSelected ? 0 : -1,
+      "data-isfocused": isFocused,
+      "data-testid": dataTestid
+    }, void 0, "".concat(day.getDate()))
+  }));
 };
 
 exports.Day = Day;
-//# sourceMappingURL=Day.js.map