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

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

@@ -1,69 +0,0 @@
-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 CalendarWeekDays_exports = {};
-__export(CalendarWeekDays_exports, {
-  CalendarWeekDays: () => CalendarWeekDays
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_Styleds = require("./Styleds");
-const CalendarWeekDays = import_react.default.memo(() => /* @__PURE__ */ import_react.default.createElement("span", {
-  role: "rowgroup"
-}, /* @__PURE__ */ import_react.default.createElement(import_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__ */ import_react.default.createElement(import_Styleds.StyledWeekDaysHeaderItem, {
-  role: "columnheader",
-  "aria-colindex": 1
-}, "sun"), /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledWeekDaysHeaderItem, {
-  role: "columnheader",
-  "aria-colindex": 2
-}, "mon"), /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledWeekDaysHeaderItem, {
-  role: "columnheader",
-  "aria-colindex": 3
-}, "tue"), /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledWeekDaysHeaderItem, {
-  role: "columnheader",
-  "aria-colindex": 4
-}, "wed"), /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledWeekDaysHeaderItem, {
-  role: "columnheader",
-  "aria-colindex": 5
-}, "thu"), /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledWeekDaysHeaderItem, {
-  role: "columnheader",
-  "aria-colindex": 6
-}, "fri"), /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledWeekDaysHeaderItem, {
-  role: "columnheader",
-  "aria-colindex": 7
-}, "sat"))));
-module.exports = __toCommonJS(CalendarWeekDays_exports);
-//# sourceMappingURL=CalendarWeekDays.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/CalendarWeekDays.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { StyledWeekDaysListWrapper, StyledWeekDaysHeaderItem } from './Styleds';\n\nexport const CalendarWeekDays = React.memo(() => (\n  <span role=\"rowgroup\">\n    <StyledWeekDaysListWrapper\n      role=\"row\"\n      cols={['32px', '32px', '32px', '32px', '32px', '32px', '32px']}\n      rows={['22px']}\n      py=\"xxxs\"\n      px=\"6px\"\n      justifyContent=\"space-between\"\n      alignItems=\"center\"\n      isHeader\n    >\n      <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={1}>\n        sun\n      </StyledWeekDaysHeaderItem>\n      <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={2}>\n        mon\n      </StyledWeekDaysHeaderItem>\n      <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={3}>\n        tue\n      </StyledWeekDaysHeaderItem>\n      <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={4}>\n        wed\n      </StyledWeekDaysHeaderItem>\n      <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={5}>\n        thu\n      </StyledWeekDaysHeaderItem>\n      <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={6}>\n        fri\n      </StyledWeekDaysHeaderItem>\n      <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={7}>\n        sat\n      </StyledWeekDaysHeaderItem>\n    </StyledWeekDaysListWrapper>\n  </span>\n));\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,qBAAoE;AAE7D,MAAM,mBAAmB,qBAAM,KAAK,MACzC,mDAAC,QAAD;AAAA,EAAM,MAAK;AAAA,GACT,mDAAC,0CAAD;AAAA,EACE,MAAK;AAAA,EACL,MAAM,CAAC,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ;AAAA,EACvD,MAAM,CAAC;AAAA,EACP,IAAG;AAAA,EACH,IAAG;AAAA,EACH,gBAAe;AAAA,EACf,YAAW;AAAA,EACX,UAAQ;AAAA,GAER,mDAAC,yCAAD;AAAA,EAA0B,MAAK;AAAA,EAAe,iBAAe;AAAA,GAAG,QAGhE,mDAAC,yCAAD;AAAA,EAA0B,MAAK;AAAA,EAAe,iBAAe;AAAA,GAAG,QAGhE,mDAAC,yCAAD;AAAA,EAA0B,MAAK;AAAA,EAAe,iBAAe;AAAA,GAAG,QAGhE,mDAAC,yCAAD;AAAA,EAA0B,MAAK;AAAA,EAAe,iBAAe;AAAA,GAAG,QAGhE,mDAAC,yCAAD;AAAA,EAA0B,MAAK;AAAA,EAAe,iBAAe;AAAA,GAAG,QAGhE,mDAAC,yCAAD;AAAA,EAA0B,MAAK;AAAA,EAAe,iBAAe;AAAA,GAAG,QAGhE,mDAAC,yCAAD;AAAA,EAA0B,MAAK;AAAA,EAAe,iBAAe;AAAA,GAAG;",
-  "names": []
-}

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

@@ -1,57 +0,0 @@
-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 },
-    setArrowElement,
-    isControllerOnly
-  } = (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: { ...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
-  }));
-};
-module.exports = __toCommonJS(CalendarWrapper_exports);
-//# sourceMappingURL=CalendarWrapper.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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/dist/cjs/controlled-date-time-picker/parts/Pickers/Calendar/Day.js

@@ -1,150 +0,0 @@
-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 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,
-    props: {
-      getIsDisabledDay,
-      getIsOutOfRangeDay,
-      getIsStartRangeDay,
-      getIsDayInRange,
-      getIsEndRangeDay,
-      preventCloseOnSelection,
-      onMonthChange,
-      onDayChange,
-      onYearChange
-    },
-    latestInteractionRegion,
-    setLatestInteractionRegion
-  } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
-  const {
-    handleDayOnKeyDown,
-    focusedDay,
-    handleFocusMetaDayByDay,
-    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);
-  }, [dateStringFromProps, day]);
-  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) => {
-    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);
-      handleChangeComposedDateString(newDateString, metaInfo);
-      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");
-  }, [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", {
-    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()}`));
-};
-module.exports = __toCommonJS(Day_exports);
-//# sourceMappingURL=Day.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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": []
-}