@elliemae/ds-controlled-form 2.2.0-alpha.3 → 3.0.0-next.0

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

@@ -1,46 +1,48 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var React = require('react');
+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 _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const displayNone = {
+  display: 'none'
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var Day_exports = {};
-__export(Day_exports, {
-  Day: () => Day
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_dateHelpers = __toESM(require("../../../utils/dateHelpers"));
-var import_constants = __toESM(require("../../../utils/constants"));
-var import_stringHelpers = __toESM(require("../../../utils/stringHelpers"));
-var import_ControlledDateTimePickerDatatestid = __toESM(require("../../../ControlledDateTimePickerDatatestid"));
-var import_ControlledDateTimePickerCTX = __toESM(require("../../../ControlledDateTimePickerCTX"));
-var import_CalendarContext = __toESM(require("./CalendarContext"));
-var import_Styleds = __toESM(require("./Styleds"));
-const displayNone = { display: "none" };
-const Day = ({ metaDay, colIndex, isInvisible }) => {
-  const { day, isCurrMonthDay, isHidden, dayBtnRef, dayAsString } = metaDay;
+const Day = _ref => {
+  let {
+    metaDay,
+    colIndex,
+    isInvisible
+  } = _ref;
+  const {
+    day,
+    isCurrMonthDay,
+    isHidden,
+    dayBtnRef,
+    dayAsString
+  } = metaDay;
   const {
     handleChangeComposedDateString,
     dateStringFromProps,
@@ -57,7 +59,7 @@ const Day = ({ metaDay, colIndex, isInvisible }) => {
     },
     latestInteractionRegion,
     setLatestInteractionRegion
-  } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  } = React.useContext(ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
   const {
     handleDayOnKeyDown,
     focusedDay,
@@ -65,86 +67,78 @@ const Day = ({ metaDay, colIndex, isInvisible }) => {
     isWithTimeWheelToo,
     closeCalendar,
     tryToFocusCurrentlyDataIsFocusedDay
-  } = (0, import_react.useContext)(import_CalendarContext.CalendarContext);
-  const isFocusedMetaDay = (0, import_dateHelpers.compareTwoDatesDayEquality)(metaDay?.day, focusedDay?.day);
-  const isSelected = (0, import_react.useMemo)(() => {
-    const selectedDate = (0, import_dateHelpers.getDayFromDateString)(dateStringFromProps);
-    return (0, import_dateHelpers.isSameDateMoment)(day, selectedDate);
+  } = 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]);
-  const isFocused = latestInteractionRegion === "calendar-days" && isFocusedMetaDay;
+  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 = (0, import_react.useCallback)((e) => {
+  const handleOnDayClick = React.useCallback(e => {
     handleFocusMetaDayByDay(day);
     tryToFocusCurrentlyDataIsFocusedDay();
+
     if (!isDisabled && !isOutOfRange) {
-      const newDateString = (0, import_dateHelpers.getDateStringFromDay)(day);
-      const metaInfo = { ...import_constants.defaultMetaInfo, newDateString };
-      const { month, day: dayNumber, year } = (0, import_dateHelpers.getDateValuesFromDate)(day);
-      onMonthChange(`${month + 1}`, e, metaInfo);
-      onDayChange(`${dayNumber}`, e, metaInfo);
-      onYearChange(`${year}`, e, metaInfo);
+      const newDateString = dateHelpers.getDateStringFromDay(day);
+
+      const metaInfo = _objectSpread(_objectSpread({}, constants.defaultMetaInfo), {}, {
+        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);
       handleChangeComposedDateString(newDateString, metaInfo);
-      setLatestInteractionRegion("calendar-days");
-      if (!isWithTimeWheelToo && !preventCloseOnSelection)
-        closeCalendar();
+      setLatestInteractionRegion('calendar-days');
+      if (!isWithTimeWheelToo && !preventCloseOnSelection) closeCalendar();
     }
-  }, [
-    isDisabled,
-    isOutOfRange,
-    day,
-    onMonthChange,
-    onDayChange,
-    onYearChange,
-    handleChangeComposedDateString,
-    handleFocusMetaDayByDay,
-    tryToFocusCurrentlyDataIsFocusedDay,
-    setLatestInteractionRegion,
-    isWithTimeWheelToo,
-    preventCloseOnSelection,
-    closeCalendar
-  ]);
-  const handleOnDayFocus = (0, import_react.useCallback)(() => {
-    setLatestInteractionRegion("calendar-days");
+  }, [isDisabled, isOutOfRange, day, onMonthChange, onDayChange, onYearChange, handleChangeComposedDateString, handleFocusMetaDayByDay, tryToFocusCurrentlyDataIsFocusedDay, setLatestInteractionRegion, isWithTimeWheelToo, preventCloseOnSelection, closeCalendar]);
+  const handleOnDayFocus = React.useCallback(() => {
+    setLatestInteractionRegion('calendar-days');
   }, [setLatestInteractionRegion]);
-  const dayClassModifiers = (0, import_react.useMemo)(() => `dayWrapper ${isSelected ? "selectedDay " : ""}${isDisabled ? "disabledDay " : ""}${isOutOfRange ? "outOfRangeDay " : ""}${isFocused ? "focusedDay " : ""}${isStartRangeDay ? "startRangeDay " : ""}${isDayInRange ? "inRangeDay " : ""}${isEndRangeDay ? "endRangeDay " : ""}${isCurrMonthDay ? "" : "notCurrentMonth"}`, [isSelected, isDisabled, isOutOfRange, isFocused, isStartRangeDay, isDayInRange, isEndRangeDay, isCurrMonthDay]);
-  let dataTestid = import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.DAY;
-  if (isSelected)
-    dataTestid = import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.SELECTED_DAY;
-  if (isFocused)
-    dataTestid = import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.FOCUSED_DAY;
-  if (isFocused && isSelected)
-    dataTestid = import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.SELECTED_FOCUSED_DAY;
-  if (isStartRangeDay)
-    dataTestid = import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.START_RANGE_DAY;
-  if (isEndRangeDay)
-    dataTestid = import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.END_RANGE_DAY;
-  if (isDayInRange)
-    dataTestid = import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.IN_RANGE_DAY;
-  return /* @__PURE__ */ import_react.default.createElement("div", {
+  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;
+  if (isStartRangeDay) dataTestid = ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.START_RANGE_DAY;
+  if (isEndRangeDay) dataTestid = ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.END_RANGE_DAY;
+  if (isDayInRange) dataTestid = ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.IN_RANGE_DAY;
+  return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
     className: dayClassModifiers,
-    style: isHidden ? displayNone : void 0,
-    role: !isInvisible ? "gridcell" : void 0,
-    ...Number.isInteger(colIndex) && { "aria-colindex": colIndex }
-  }, /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledDayBtn, {
-    "aria-label": `${(0, import_stringHelpers.getAriaDayFromDateString)(dayAsString)}, ${import_constants.weekDays[metaDay.day.getDay()]}`,
-    "aria-disabled": isOutOfRange || isDisabled,
-    "aria-hidden": !!isInvisible,
-    buttonType: "raw",
-    size: "m",
-    onClick: handleOnDayClick,
-    onFocus: handleOnDayFocus,
-    onKeyDown: (e) => {
-      handleDayOnKeyDown(e, metaDay);
-    },
-    innerRef: dayBtnRef,
-    tabIndex: isSelected ? 0 : -1,
-    "data-isfocused": isFocused,
-    "data-testid": dataTestid
-  }, `${day.getDate()}`));
+    style: isHidden ? displayNone : undefined,
+    role: !isInvisible ? 'gridcell' : undefined
+  }, Number.isInteger(colIndex) && {
+    'aria-colindex': colIndex
+  }), {}, {
+    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()))
+  }));
 };
-module.exports = __toCommonJS(Day_exports);
-//# sourceMappingURL=Day.js.map
+
+exports.Day = Day;