@elliemae/ds-controlled-form 2.2.0-next.6 → 2.3.0-alpha.1

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

@@ -1,54 +1,57 @@
-'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 _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _jsx = require('@babel/runtime/helpers/jsx');
-var React = require('react');
-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 _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-var _CalendarContent, _CalendarContent2;
-
-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; }
+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 });
+};
+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 CalendarWrapper_exports = {};
+__export(CalendarWrapper_exports, {
+  CalendarWrapper: () => CalendarWrapper
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ControlledDateTimePickerDatatestid = require("../../../ControlledDateTimePickerDatatestid");
+var import_CalendarContent = require("./CalendarContent");
+var import_CalendarContext = require("./CalendarContext");
 const CalendarWrapper = () => {
   const {
     setPopperElement,
-    usePopperHelpers: {
-      styles,
-      attributes
-    },
+    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({
+  } = (0, import_react.useContext)(import_CalendarContext.CalendarContext);
+  if (isControllerOnly)
+    return /* @__PURE__ */ import_react.default.createElement(import_CalendarContent.CalendarContent, null);
+  return /* @__PURE__ */ import_react.default.createElement("div", {
     ref: setPopperElement,
-    style: _objectSpread(_objectSpread({}, styles.popper), {}, {
-      background: 'white',
-      zIndex: 110
-    })
-  }, 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
-    })]
+    style: { ...styles.popper, background: "white", zIndex: 110 },
+    ...attributes.popper,
+    "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.CALENDAR
+  }, /* @__PURE__ */ import_react.default.createElement(import_CalendarContent.CalendarContent, null), /* @__PURE__ */ import_react.default.createElement("div", {
+    ref: setArrowElement,
+    style: styles.arrow
   }));
 };
-
-exports.CalendarWrapper = CalendarWrapper;
+module.exports = __toCommonJS(CalendarWrapper_exports);
+//# sourceMappingURL=CalendarWrapper.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/CalendarWrapper.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useContext } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { CalendarContent } from './CalendarContent';\nimport { CalendarContext } from './CalendarContext';\n\nexport const CalendarWrapper = (): JSX.Element => {\n  const {\n    setPopperElement,\n    usePopperHelpers: { styles, attributes },\n    setArrowElement,\n    isControllerOnly,\n  } = useContext(CalendarContext);\n  if (isControllerOnly) return <CalendarContent />;\n  return (\n    <div\n      ref={setPopperElement}\n      style={{ ...styles.popper, background: 'white', zIndex: 110 }}\n      {...attributes.popper}\n      data-testid={ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.CALENDAR}\n    >\n      <CalendarContent />\n      <div ref={setArrowElement} style={styles.arrow} />\n    </div>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAClC,gDAAmD;AACnD,6BAAgC;AAChC,6BAAgC;AAEzB,MAAM,kBAAkB,MAAmB;AAChD,QAAM;AAAA,IACJ;AAAA,IACA,kBAAkB,EAAE,QAAQ;AAAA,IAC5B;AAAA,IACA;AAAA,MACE,6BAAW;AACf,MAAI;AAAkB,WAAO,mDAAC,wCAAD;AAC7B,SACE,mDAAC,OAAD;AAAA,IACE,KAAK;AAAA,IACL,OAAO,KAAK,OAAO,QAAQ,YAAY,SAAS,QAAQ;AAAA,OACpD,WAAW;AAAA,IACf,eAAa,6EAAmC,gBAAgB;AAAA,KAEhE,mDAAC,wCAAD,OACA,mDAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAiB,OAAO,OAAO;AAAA;AAAA;",
+  "names": []
+}

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

@@ -1,48 +1,46 @@
-'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 __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 });
 };
-const Day = _ref => {
-  let {
-    metaDay,
-    colIndex,
-    isInvisible
-  } = _ref;
-  const {
-    day,
-    isCurrMonthDay,
-    isHidden,
-    dayBtnRef,
-    dayAsString
-  } = metaDay;
+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 = require("../../../utils/dateHelpers");
+var import_constants = require("../../../utils/constants");
+var import_stringHelpers = require("../../../utils/stringHelpers");
+var import_ControlledDateTimePickerDatatestid = require("../../../ControlledDateTimePickerDatatestid");
+var import_ControlledDateTimePickerCTX = require("../../../ControlledDateTimePickerCTX");
+var import_CalendarContext = require("./CalendarContext");
+var import_Styleds = require("./Styleds");
+const displayNone = { display: "none" };
+const Day = ({ metaDay, colIndex, isInvisible }) => {
+  const { day, isCurrMonthDay, isHidden, dayBtnRef, dayAsString } = metaDay;
   const {
     handleChangeComposedDateString,
     dateStringFromProps,
@@ -59,7 +57,7 @@ const Day = _ref => {
     },
     latestInteractionRegion,
     setLatestInteractionRegion
-  } = React.useContext(ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
   const {
     handleDayOnKeyDown,
     focusedDay,
@@ -67,78 +65,86 @@ const Day = _ref => {
     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);
+  } = (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);
   }, [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 = React.useCallback(e => {
+  const handleOnDayClick = (0, import_react.useCallback)((e) => {
     handleFocusMetaDayByDay(day);
     tryToFocusCurrentlyDataIsFocusedDay();
-
     if (!isDisabled && !isOutOfRange) {
-      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);
+      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);
       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 = React.useCallback(() => {
-    setLatestInteractionRegion('calendar-days');
+  }, [
+    isDisabled,
+    isOutOfRange,
+    day,
+    onMonthChange,
+    onDayChange,
+    onYearChange,
+    handleChangeComposedDateString,
+    handleFocusMetaDayByDay,
+    tryToFocusCurrentlyDataIsFocusedDay,
+    setLatestInteractionRegion,
+    isWithTimeWheelToo,
+    preventCloseOnSelection,
+    closeCalendar
+  ]);
+  const handleOnDayFocus = (0, import_react.useCallback)(() => {
+    setLatestInteractionRegion("calendar-days");
   }, [setLatestInteractionRegion]);
-  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({
+  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", {
     className: dayClassModifiers,
-    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()))
-  }));
+    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()}`));
 };
-
-exports.Day = Day;
+module.exports = __toCommonJS(Day_exports);
+//# sourceMappingURL=Day.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/Day.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-statements */\n/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React, { useContext, useCallback, useMemo } from 'react';\nimport {\n  getDateStringFromDay,\n  getDayFromDateString,\n  getDateValuesFromDate,\n  isSameDateMoment,\n  compareTwoDatesDayEquality,\n} from '../../../utils/dateHelpers';\nimport { defaultMetaInfo, weekDays } from '../../../utils/constants';\nimport { getAriaDayFromDateString } from '../../../utils/stringHelpers';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { CalendarContext } from './CalendarContext';\nimport type { metaMonthDayT } from '../../../index.d';\nimport { StyledDayBtn } from './Styleds';\n\ninterface CalendarDayPropsT {\n  metaDay: metaMonthDayT;\n  colIndex?: number;\n  isInvisible?: boolean;\n}\nconst displayNone = { display: 'none' };\n\nexport const Day = ({ metaDay, colIndex, isInvisible }: CalendarDayPropsT): JSX.Element => {\n  const { day, isCurrMonthDay, isHidden, dayBtnRef, dayAsString } = metaDay;\n  const {\n    handleChangeComposedDateString,\n    dateStringFromProps,\n    props: {\n      getIsDisabledDay,\n      getIsOutOfRangeDay,\n      getIsStartRangeDay,\n      getIsDayInRange,\n      getIsEndRangeDay,\n      preventCloseOnSelection,\n      onMonthChange,\n      onDayChange,\n      onYearChange,\n    },\n    latestInteractionRegion,\n    setLatestInteractionRegion,\n  } = useContext(ControlledDateTimePickerContext);\n  const {\n    handleDayOnKeyDown,\n    focusedDay,\n    handleFocusMetaDayByDay,\n    isWithTimeWheelToo,\n    closeCalendar,\n    tryToFocusCurrentlyDataIsFocusedDay,\n  } = useContext(CalendarContext);\n  const isFocusedMetaDay = compareTwoDatesDayEquality(metaDay?.day, focusedDay?.day);\n  const isSelected = useMemo(() => {\n    const selectedDate = getDayFromDateString(dateStringFromProps);\n    return isSameDateMoment(day, selectedDate);\n  }, [dateStringFromProps, day]);\n  const isFocused = latestInteractionRegion === 'calendar-days' && isFocusedMetaDay;\n  const isDisabled = getIsDisabledDay(metaDay.dayAsString);\n  const isOutOfRange = getIsOutOfRangeDay(metaDay.dayAsString);\n  const isStartRangeDay = getIsStartRangeDay(metaDay.dayAsString);\n  const isEndRangeDay = getIsEndRangeDay(metaDay.dayAsString);\n  const isDayInRange = !isStartRangeDay && !isEndRangeDay && getIsDayInRange(metaDay.dayAsString);\n\n  const handleOnDayClick = useCallback(\n    (e) => {\n      handleFocusMetaDayByDay(day);\n      tryToFocusCurrentlyDataIsFocusedDay();\n      if (!isDisabled && !isOutOfRange) {\n        const newDateString = getDateStringFromDay(day);\n        const metaInfo = { ...defaultMetaInfo, newDateString };\n        const { month, day: dayNumber, year } = getDateValuesFromDate(day);\n        onMonthChange(`${month + 1}`, e, metaInfo);\n        onDayChange(`${dayNumber}`, e, metaInfo);\n        onYearChange(`${year}`, e, metaInfo);\n        handleChangeComposedDateString(newDateString, metaInfo);\n        setLatestInteractionRegion('calendar-days');\n        if (!isWithTimeWheelToo && !preventCloseOnSelection) closeCalendar();\n      }\n    },\n    [\n      isDisabled,\n      isOutOfRange,\n      day,\n      onMonthChange,\n      onDayChange,\n      onYearChange,\n      handleChangeComposedDateString,\n      handleFocusMetaDayByDay,\n      tryToFocusCurrentlyDataIsFocusedDay,\n      setLatestInteractionRegion,\n      isWithTimeWheelToo,\n      preventCloseOnSelection,\n      closeCalendar,\n    ],\n  );\n\n  const handleOnDayFocus = useCallback(() => {\n    setLatestInteractionRegion('calendar-days');\n  }, [setLatestInteractionRegion]);\n\n  const dayClassModifiers = useMemo(\n    () =>\n      `dayWrapper ${isSelected ? 'selectedDay ' : ''}${isDisabled ? 'disabledDay ' : ''}${\n        isOutOfRange ? 'outOfRangeDay ' : ''\n      }${isFocused ? 'focusedDay ' : ''}${isStartRangeDay ? 'startRangeDay ' : ''}${isDayInRange ? 'inRangeDay ' : ''}${\n        isEndRangeDay ? 'endRangeDay ' : ''\n      }${isCurrMonthDay ? '' : 'notCurrentMonth'}`,\n    [isSelected, isDisabled, isOutOfRange, isFocused, isStartRangeDay, isDayInRange, isEndRangeDay, isCurrMonthDay],\n  );\n\n  let dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.DAY;\n  if (isSelected) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.SELECTED_DAY;\n  if (isFocused) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.FOCUSED_DAY;\n  if (isFocused && isSelected) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.SELECTED_FOCUSED_DAY;\n  if (isStartRangeDay) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.START_RANGE_DAY;\n  if (isEndRangeDay) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.END_RANGE_DAY;\n  if (isDayInRange) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.IN_RANGE_DAY;\n  return (\n    <div\n      className={dayClassModifiers}\n      style={isHidden ? displayNone : undefined}\n      role={!isInvisible ? 'gridcell' : undefined}\n      {...(Number.isInteger(colIndex) && { 'aria-colindex': colIndex })}\n    >\n      <StyledDayBtn\n        aria-label={`${getAriaDayFromDateString(dayAsString)}, ${weekDays[metaDay.day.getDay()]}`}\n        aria-disabled={isOutOfRange || isDisabled}\n        aria-hidden={!!isInvisible}\n        buttonType=\"raw\"\n        size=\"m\"\n        onClick={handleOnDayClick} // DSButton triggers this with \"spacebar\" and \"enter\" too...\n        onFocus={handleOnDayFocus}\n        onKeyDown={(e) => {\n          handleDayOnKeyDown(e, metaDay);\n        }}\n        innerRef={dayBtnRef}\n        tabIndex={isSelected ? 0 : -1}\n        data-isfocused={isFocused}\n        data-testid={dataTestid}\n      >\n        {`${day.getDate()}`}\n      </StyledDayBtn>\n    </div>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}