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

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

@@ -1,6 +1,11 @@
-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 _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import React, { useContext, useMemo, useCallback } from 'react';
+import { useContext, useMemo, useCallback } from 'react';
 import { compareTwoDatesDayEquality, getDayFromDateString, isSameDateMoment, getDateStringFromDay, getDateValuesFromDate } from '../../../utils/dateHelpers.js';
 import { defaultMetaInfo, weekDays } from '../../../utils/constants.js';
 import { getAriaDayFromDateString } from '../../../utils/stringHelpers.js';
@@ -8,83 +13,79 @@ import { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimeP
 import { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX.js';
 import { CalendarContext } from './CalendarContext.js';
 import { StyledDayBtn } from './Styleds.js';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import '../../../utils/numberHelpers.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '../../../ControlledDateTimePickerTypes.js';
-import '@babel/runtime/helpers/esm/taggedTemplateLiteral';
-import 'styled-components';
-import '@elliemae/ds-system';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-button';
+import { jsx } from 'react/jsx-runtime';
 
 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 displayNone = {
+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 = useContext(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 = useContext(CalendarContext),
-      handleDayOnKeyDown = _useContext2.handleDayOnKeyDown,
-      focusedDay = _useContext2.focusedDay,
-      handleFocusMetaDayByDay = _useContext2.handleFocusMetaDayByDay,
-      isWithTimeWheelToo = _useContext2.isWithTimeWheelToo,
-      closeCalendar = _useContext2.closeCalendar,
-      tryToFocusCurrentlyDataIsFocusedDay = _useContext2.tryToFocusCurrentlyDataIsFocusedDay;
-
-  var isFocusedMetaDay = compareTwoDatesDayEquality(metaDay === null || metaDay === void 0 ? void 0 : metaDay.day, focusedDay === null || focusedDay === void 0 ? void 0 : focusedDay.day);
-  var isSelected = useMemo(function () {
-    var selectedDate = getDayFromDateString(dateStringFromProps);
+const Day = _ref => {
+  let {
+    metaDay,
+    colIndex,
+    isInvisible
+  } = _ref;
+  const {
+    day,
+    isCurrMonthDay,
+    isHidden,
+    dayBtnRef,
+    dayAsString
+  } = metaDay;
+  const {
+    handleChangeComposedDateString,
+    dateStringFromProps,
+    props: {
+      getIsDisabledDay,
+      getIsOutOfRangeDay,
+      getIsStartRangeDay,
+      getIsDayInRange,
+      getIsEndRangeDay,
+      preventCloseOnSelection,
+      onMonthChange,
+      onDayChange,
+      onYearChange
+    },
+    latestInteractionRegion,
+    setLatestInteractionRegion
+  } = useContext(ControlledDateTimePickerContext);
+  const {
+    handleDayOnKeyDown,
+    focusedDay,
+    handleFocusMetaDayByDay,
+    isWithTimeWheelToo,
+    closeCalendar,
+    tryToFocusCurrentlyDataIsFocusedDay
+  } = useContext(CalendarContext);
+  const isFocusedMetaDay = compareTwoDatesDayEquality(metaDay === null || metaDay === void 0 ? void 0 : metaDay.day, focusedDay === null || focusedDay === void 0 ? void 0 : focusedDay.day);
+  const isSelected = useMemo(() => {
+    const selectedDate = getDayFromDateString(dateStringFromProps);
     return 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 = 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 = useCallback(e => {
     handleFocusMetaDayByDay(day);
     tryToFocusCurrentlyDataIsFocusedDay();
 
     if (!isDisabled && !isOutOfRange) {
-      var newDateString = getDateStringFromDay(day);
+      const newDateString = getDateStringFromDay(day);
 
-      var metaInfo = _objectSpread(_objectSpread({}, defaultMetaInfo), {}, {
-        newDateString: newDateString
+      const metaInfo = _objectSpread(_objectSpread({}, defaultMetaInfo), {}, {
+        newDateString
       });
 
-      var _getDateValuesFromDat = getDateValuesFromDate(day),
-          month = _getDateValuesFromDat.month,
-          dayNumber = _getDateValuesFromDat.day,
-          year = _getDateValuesFromDat.year;
-
+      const {
+        month,
+        day: dayNumber,
+        year
+      } = getDateValuesFromDate(day);
       onMonthChange("".concat(month + 1), e, metaInfo);
       onDayChange("".concat(dayNumber), e, metaInfo);
       onYearChange("".concat(year), e, metaInfo);
@@ -93,43 +94,42 @@ var Day = function Day(_ref) {
       if (!isWithTimeWheelToo && !preventCloseOnSelection) closeCalendar();
     }
   }, [isDisabled, isOutOfRange, day, onMonthChange, onDayChange, onYearChange, handleChangeComposedDateString, handleFocusMetaDayByDay, tryToFocusCurrentlyDataIsFocusedDay, setLatestInteractionRegion, isWithTimeWheelToo, preventCloseOnSelection, closeCalendar]);
-  var handleOnDayFocus = useCallback(function () {
+  const handleOnDayFocus = useCallback(() => {
     setLatestInteractionRegion('calendar-days');
   }, [setLatestInteractionRegion]);
-  var dayClassModifiers = 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 = ControlledDateTimePickerDatatestid.CALENDAR.DAY;
+  const dayClassModifiers = 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.CALENDAR.DAY;
   if (isSelected) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.SELECTED_DAY;
   if (isFocused) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.FOCUSED_DAY;
   if (isFocused && isSelected) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.SELECTED_FOCUSED_DAY;
   if (isStartRangeDay) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.START_RANGE_DAY;
   if (isEndRangeDay) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.END_RANGE_DAY;
   if (isDayInRange) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.IN_RANGE_DAY;
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({
     className: dayClassModifiers,
     style: isHidden ? displayNone : undefined,
     role: !isInvisible ? 'gridcell' : undefined
   }, Number.isInteger(colIndex) && {
     'aria-colindex': colIndex
-  }), /*#__PURE__*/React.createElement(StyledDayBtn, {
-    "aria-label": "".concat(getAriaDayFromDateString(dayAsString), ", ").concat(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(StyledDayBtn, {
+      "aria-label": "".concat(getAriaDayFromDateString(dayAsString), ", ").concat(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()))
+  }));
 };
 
 export { Day };
-//# sourceMappingURL=Day.js.map