@fluentui/react-calendar-compat 0.0.0-nightly-20231023-0416.1 → 0.0.2

package/lib-commonjs/components/CalendarDayGrid/CalendarGridDayCell.js

@@ -0,0 +1,173 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "CalendarGridDayCell", {
+    enumerable: true,
+    get: function() {
+        return CalendarGridDayCell;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _keyboardkeys = require("@fluentui/keyboard-keys");
+const _reactutilities = require("@fluentui/react-utilities");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const _react1 = require("@griffel/react");
+const _utils = require("../../utils");
+const _useWeekCornerStylesstyles = require("./useWeekCornerStyles.styles");
+const _useCalendarDayGridStylesstyles = require("./useCalendarDayGridStyles.styles");
+const CalendarGridDayCell = (props)=>{
+    const { navigatedDate, dateTimeFormatter, allFocusable, strings, activeDescendantId, navigatedDayRef, calculateRoundedStyles, weeks, classNames, day, dayIndex, weekIndex, weekCorners, ariaHidden, customDayCellRef, dateRangeType, daysToSelectInDayView, onSelectDate, restrictedDates, minDate, maxDate, onNavigateDate, getDayInfosInRangeOfDay, getRefsFromDayInfos } = props;
+    var _weekCorners_;
+    const cornerStyle = (_weekCorners_ = weekCorners === null || weekCorners === void 0 ? void 0 : weekCorners[weekIndex + '_' + dayIndex]) !== null && _weekCorners_ !== void 0 ? _weekCorners_ : '';
+    const isNavigatedDate = (0, _utils.compareDates)(navigatedDate, day.originalDate);
+    const { dir } = (0, _reactsharedcontexts.useFluent_unstable)();
+    const navigateMonthEdge = (ev, date)=>{
+        let targetDate = undefined;
+        let direction = 1; // by default search forward
+        if (ev.key === _keyboardkeys.ArrowUp) {
+            targetDate = (0, _utils.addWeeks)(date, -1);
+            direction = -1;
+        } else if (ev.key === _keyboardkeys.ArrowDown) {
+            targetDate = (0, _utils.addWeeks)(date, 1);
+        } else if (ev.key === (0, _reactutilities.getRTLSafeKey)(_keyboardkeys.ArrowLeft, dir)) {
+            targetDate = (0, _utils.addDays)(date, -1);
+            direction = -1;
+        } else if (ev.key === (0, _reactutilities.getRTLSafeKey)(_keyboardkeys.ArrowRight, dir)) {
+            targetDate = (0, _utils.addDays)(date, 1);
+        }
+        if (!targetDate) {
+            // if we couldn't find a target date at all, do nothing
+            return;
+        }
+        const findAvailableDateOptions = {
+            initialDate: date,
+            targetDate,
+            direction,
+            restrictedDates,
+            minDate,
+            maxDate
+        };
+        // target date is restricted, search in whatever direction until finding the next possible date,
+        // stopping at boundaries
+        let nextDate = (0, _utils.findAvailableDate)(findAvailableDateOptions);
+        if (!nextDate) {
+            // if no dates available in initial direction, try going backwards
+            findAvailableDateOptions.direction = -direction;
+            nextDate = (0, _utils.findAvailableDate)(findAvailableDateOptions);
+        }
+        // if the nextDate is still inside the same focusZone area, let the focusZone handle setting the focus so we
+        // don't jump the view unnecessarily
+        const isInCurrentView = weeks && nextDate && weeks.slice(1, weeks.length - 1).some((week)=>{
+            return week.some((dayToCompare)=>{
+                return (0, _utils.compareDates)(dayToCompare.originalDate, nextDate);
+            });
+        });
+        if (isInCurrentView) {
+            return;
+        }
+        // else, fire navigation on the date to change the view to show it
+        if (nextDate) {
+            onNavigateDate(nextDate, true);
+            ev.preventDefault();
+        }
+    };
+    const onMouseOverDay = (ev)=>{
+        const dayInfos = getDayInfosInRangeOfDay(day);
+        const dayRefs = getRefsFromDayInfos(dayInfos);
+        dayRefs.forEach((dayRef, index)=>{
+            if (dayRef) {
+                dayRef.classList.add(_useCalendarDayGridStylesstyles.extraCalendarDayGridClassNames.hoverStyle);
+                if (!dayInfos[index].isSelected && dateRangeType === _utils.DateRangeType.Day && daysToSelectInDayView && daysToSelectInDayView > 1) {
+                    // remove the static classes first to overwrite them
+                    dayRef.classList.remove(_useWeekCornerStylesstyles.weekCornersClassNames.bottomLeftCornerDate, _useWeekCornerStylesstyles.weekCornersClassNames.bottomRightCornerDate, _useWeekCornerStylesstyles.weekCornersClassNames.topLeftCornerDate, _useWeekCornerStylesstyles.weekCornersClassNames.topRightCornerDate);
+                    const classNamesToAdd = calculateRoundedStyles(false, false, index > 0, index < dayRefs.length - 1).trim();
+                    if (classNamesToAdd) {
+                        dayRef.classList.add(...classNamesToAdd.trim().split(' '));
+                    }
+                }
+            }
+        });
+    };
+    const onMouseDownDay = (ev)=>{
+        const dayInfos = getDayInfosInRangeOfDay(day);
+        const dayRefs = getRefsFromDayInfos(dayInfos);
+        dayRefs.forEach((dayRef)=>{
+            if (dayRef) {
+                dayRef.classList.add(_useCalendarDayGridStylesstyles.extraCalendarDayGridClassNames.pressedStyle);
+            }
+        });
+    };
+    const onMouseUpDay = (ev)=>{
+        const dayInfos = getDayInfosInRangeOfDay(day);
+        const dayRefs = getRefsFromDayInfos(dayInfos);
+        dayRefs.forEach((dayRef)=>{
+            if (dayRef) {
+                dayRef.classList.remove(_useCalendarDayGridStylesstyles.extraCalendarDayGridClassNames.pressedStyle);
+            }
+        });
+    };
+    const onMouseOutDay = (ev)=>{
+        const dayInfos = getDayInfosInRangeOfDay(day);
+        const dayRefs = getRefsFromDayInfos(dayInfos);
+        dayRefs.forEach((dayRef, index)=>{
+            if (dayRef) {
+                dayRef.classList.remove(_useCalendarDayGridStylesstyles.extraCalendarDayGridClassNames.hoverStyle);
+                dayRef.classList.remove(_useCalendarDayGridStylesstyles.extraCalendarDayGridClassNames.pressedStyle);
+                if (!dayInfos[index].isSelected && dateRangeType === _utils.DateRangeType.Day && daysToSelectInDayView && daysToSelectInDayView > 1) {
+                    const classNamesToAdd = calculateRoundedStyles(false, false, index > 0, index < dayRefs.length - 1).trim();
+                    if (classNamesToAdd) {
+                        dayRef.classList.remove(...classNamesToAdd.trim().split(' '));
+                    }
+                }
+            }
+        });
+    };
+    const onDayKeyDown = (ev)=>{
+        if (ev.key === _keyboardkeys.Enter) {
+            onSelectDate === null || onSelectDate === void 0 ? void 0 : onSelectDate(day.originalDate);
+        } else {
+            navigateMonthEdge(ev, day.originalDate);
+        }
+    };
+    let ariaLabel = day.originalDate.getDate() + ', ' + strings.months[day.originalDate.getMonth()] + ', ' + day.originalDate.getFullYear();
+    if (day.isMarked) {
+        ariaLabel = ariaLabel + ', ' + strings.dayMarkedAriaLabel;
+    }
+    const isFocusable = !ariaHidden && (allFocusable || (day.isInBounds ? true : undefined));
+    return /*#__PURE__*/ _react.createElement("td", {
+        className: (0, _react1.mergeClasses)(classNames.dayCell, weekCorners && cornerStyle, day.isSelected && classNames.daySelected, !day.isInBounds && classNames.dayOutsideBounds, !day.isInMonth && classNames.dayOutsideNavigatedMonth),
+        ref: (element)=>{
+            customDayCellRef === null || customDayCellRef === void 0 ? void 0 : customDayCellRef(element, day.originalDate, classNames);
+            day.setRef(element);
+            isNavigatedDate && (navigatedDayRef.current = element);
+        },
+        "aria-hidden": ariaHidden,
+        "aria-disabled": !ariaHidden && !day.isInBounds,
+        onClick: day.isInBounds && !ariaHidden ? day.onSelected : undefined,
+        onMouseOver: !ariaHidden ? onMouseOverDay : undefined,
+        onMouseDown: !ariaHidden ? onMouseDownDay : undefined,
+        onMouseUp: !ariaHidden ? onMouseUpDay : undefined,
+        onMouseOut: !ariaHidden ? onMouseOutDay : undefined,
+        onKeyDown: !ariaHidden ? onDayKeyDown : undefined,
+        role: "gridcell",
+        tabIndex: isNavigatedDate || isFocusable ? 0 : undefined,
+        "aria-current": day.isToday ? 'date' : undefined,
+        "aria-selected": day.isInBounds ? day.isSelected : undefined
+    }, /*#__PURE__*/ _react.createElement("button", {
+        key: day.key + 'button',
+        "aria-hidden": ariaHidden,
+        className: (0, _react1.mergeClasses)(classNames.dayButton, day.isToday && classNames.dayIsToday),
+        "aria-label": ariaLabel,
+        id: isNavigatedDate ? activeDescendantId : undefined,
+        disabled: !ariaHidden && !day.isInBounds,
+        type: "button",
+        tabIndex: -1
+    }, /*#__PURE__*/ _react.createElement("span", {
+        "aria-hidden": "true"
+    }, dateTimeFormatter.formatDay(day.originalDate)), day.isMarked && /*#__PURE__*/ _react.createElement("div", {
+        "aria-hidden": "true",
+        className: classNames.dayMarker
+    })));
+};

package/lib-commonjs/components/CalendarDayGrid/CalendarGridDayCell.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["CalendarGridDayCell.js"],"sourcesContent":["import * as React from 'react';\nimport { ArrowDown, ArrowLeft, ArrowRight, ArrowUp, Enter } from '@fluentui/keyboard-keys';\nimport { getRTLSafeKey } from '@fluentui/react-utilities';\nimport { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { mergeClasses } from '@griffel/react';\nimport { addDays, addWeeks, compareDates, findAvailableDate, DateRangeType } from '../../utils';\nimport { weekCornersClassNames } from './useWeekCornerStyles.styles';\nimport { extraCalendarDayGridClassNames } from './useCalendarDayGridStyles.styles';\n/**\n * @internal\n */ export const CalendarGridDayCell = (props)=>{\n    const { navigatedDate, dateTimeFormatter, allFocusable, strings, activeDescendantId, navigatedDayRef, calculateRoundedStyles, weeks, classNames, day, dayIndex, weekIndex, weekCorners, ariaHidden, customDayCellRef, dateRangeType, daysToSelectInDayView, onSelectDate, restrictedDates, minDate, maxDate, onNavigateDate, getDayInfosInRangeOfDay, getRefsFromDayInfos } = props;\n    var _weekCorners_;\n    const cornerStyle = (_weekCorners_ = weekCorners === null || weekCorners === void 0 ? void 0 : weekCorners[weekIndex + '_' + dayIndex]) !== null && _weekCorners_ !== void 0 ? _weekCorners_ : '';\n    const isNavigatedDate = compareDates(navigatedDate, day.originalDate);\n    const { dir } = useFluent_unstable();\n    const navigateMonthEdge = (ev, date)=>{\n        let targetDate = undefined;\n        let direction = 1; // by default search forward\n        if (ev.key === ArrowUp) {\n            targetDate = addWeeks(date, -1);\n            direction = -1;\n        } else if (ev.key === ArrowDown) {\n            targetDate = addWeeks(date, 1);\n        } else if (ev.key === getRTLSafeKey(ArrowLeft, dir)) {\n            targetDate = addDays(date, -1);\n            direction = -1;\n        } else if (ev.key === getRTLSafeKey(ArrowRight, dir)) {\n            targetDate = addDays(date, 1);\n        }\n        if (!targetDate) {\n            // if we couldn't find a target date at all, do nothing\n            return;\n        }\n        const findAvailableDateOptions = {\n            initialDate: date,\n            targetDate,\n            direction,\n            restrictedDates,\n            minDate,\n            maxDate\n        };\n        // target date is restricted, search in whatever direction until finding the next possible date,\n        // stopping at boundaries\n        let nextDate = findAvailableDate(findAvailableDateOptions);\n        if (!nextDate) {\n            // if no dates available in initial direction, try going backwards\n            findAvailableDateOptions.direction = -direction;\n            nextDate = findAvailableDate(findAvailableDateOptions);\n        }\n        // if the nextDate is still inside the same focusZone area, let the focusZone handle setting the focus so we\n        // don't jump the view unnecessarily\n        const isInCurrentView = weeks && nextDate && weeks.slice(1, weeks.length - 1).some((week)=>{\n            return week.some((dayToCompare)=>{\n                return compareDates(dayToCompare.originalDate, nextDate);\n            });\n        });\n        if (isInCurrentView) {\n            return;\n        }\n        // else, fire navigation on the date to change the view to show it\n        if (nextDate) {\n            onNavigateDate(nextDate, true);\n            ev.preventDefault();\n        }\n    };\n    const onMouseOverDay = (ev)=>{\n        const dayInfos = getDayInfosInRangeOfDay(day);\n        const dayRefs = getRefsFromDayInfos(dayInfos);\n        dayRefs.forEach((dayRef, index)=>{\n            if (dayRef) {\n                dayRef.classList.add(extraCalendarDayGridClassNames.hoverStyle);\n                if (!dayInfos[index].isSelected && dateRangeType === DateRangeType.Day && daysToSelectInDayView && daysToSelectInDayView > 1) {\n                    // remove the static classes first to overwrite them\n                    dayRef.classList.remove(weekCornersClassNames.bottomLeftCornerDate, weekCornersClassNames.bottomRightCornerDate, weekCornersClassNames.topLeftCornerDate, weekCornersClassNames.topRightCornerDate);\n                    const classNamesToAdd = calculateRoundedStyles(false, false, index > 0, index < dayRefs.length - 1).trim();\n                    if (classNamesToAdd) {\n                        dayRef.classList.add(...classNamesToAdd.trim().split(' '));\n                    }\n                }\n            }\n        });\n    };\n    const onMouseDownDay = (ev)=>{\n        const dayInfos = getDayInfosInRangeOfDay(day);\n        const dayRefs = getRefsFromDayInfos(dayInfos);\n        dayRefs.forEach((dayRef)=>{\n            if (dayRef) {\n                dayRef.classList.add(extraCalendarDayGridClassNames.pressedStyle);\n            }\n        });\n    };\n    const onMouseUpDay = (ev)=>{\n        const dayInfos = getDayInfosInRangeOfDay(day);\n        const dayRefs = getRefsFromDayInfos(dayInfos);\n        dayRefs.forEach((dayRef)=>{\n            if (dayRef) {\n                dayRef.classList.remove(extraCalendarDayGridClassNames.pressedStyle);\n            }\n        });\n    };\n    const onMouseOutDay = (ev)=>{\n        const dayInfos = getDayInfosInRangeOfDay(day);\n        const dayRefs = getRefsFromDayInfos(dayInfos);\n        dayRefs.forEach((dayRef, index)=>{\n            if (dayRef) {\n                dayRef.classList.remove(extraCalendarDayGridClassNames.hoverStyle);\n                dayRef.classList.remove(extraCalendarDayGridClassNames.pressedStyle);\n                if (!dayInfos[index].isSelected && dateRangeType === DateRangeType.Day && daysToSelectInDayView && daysToSelectInDayView > 1) {\n                    const classNamesToAdd = calculateRoundedStyles(false, false, index > 0, index < dayRefs.length - 1).trim();\n                    if (classNamesToAdd) {\n                        dayRef.classList.remove(...classNamesToAdd.trim().split(' '));\n                    }\n                }\n            }\n        });\n    };\n    const onDayKeyDown = (ev)=>{\n        if (ev.key === Enter) {\n            onSelectDate === null || onSelectDate === void 0 ? void 0 : onSelectDate(day.originalDate);\n        } else {\n            navigateMonthEdge(ev, day.originalDate);\n        }\n    };\n    let ariaLabel = day.originalDate.getDate() + ', ' + strings.months[day.originalDate.getMonth()] + ', ' + day.originalDate.getFullYear();\n    if (day.isMarked) {\n        ariaLabel = ariaLabel + ', ' + strings.dayMarkedAriaLabel;\n    }\n    const isFocusable = !ariaHidden && (allFocusable || (day.isInBounds ? true : undefined));\n    return /*#__PURE__*/ React.createElement(\"td\", {\n        className: mergeClasses(classNames.dayCell, weekCorners && cornerStyle, day.isSelected && classNames.daySelected, !day.isInBounds && classNames.dayOutsideBounds, !day.isInMonth && classNames.dayOutsideNavigatedMonth),\n        ref: (element)=>{\n            customDayCellRef === null || customDayCellRef === void 0 ? void 0 : customDayCellRef(element, day.originalDate, classNames);\n            day.setRef(element);\n            isNavigatedDate && (navigatedDayRef.current = element);\n        },\n        \"aria-hidden\": ariaHidden,\n        \"aria-disabled\": !ariaHidden && !day.isInBounds,\n        onClick: day.isInBounds && !ariaHidden ? day.onSelected : undefined,\n        onMouseOver: !ariaHidden ? onMouseOverDay : undefined,\n        onMouseDown: !ariaHidden ? onMouseDownDay : undefined,\n        onMouseUp: !ariaHidden ? onMouseUpDay : undefined,\n        onMouseOut: !ariaHidden ? onMouseOutDay : undefined,\n        onKeyDown: !ariaHidden ? onDayKeyDown : undefined,\n        role: \"gridcell\",\n        tabIndex: isNavigatedDate || isFocusable ? 0 : undefined,\n        \"aria-current\": day.isToday ? 'date' : undefined,\n        \"aria-selected\": day.isInBounds ? day.isSelected : undefined\n    }, /*#__PURE__*/ React.createElement(\"button\", {\n        key: day.key + 'button',\n        \"aria-hidden\": ariaHidden,\n        className: mergeClasses(classNames.dayButton, day.isToday && classNames.dayIsToday),\n        \"aria-label\": ariaLabel,\n        id: isNavigatedDate ? activeDescendantId : undefined,\n        disabled: !ariaHidden && !day.isInBounds,\n        type: \"button\",\n        tabIndex: -1\n    }, /*#__PURE__*/ React.createElement(\"span\", {\n        \"aria-hidden\": \"true\"\n    }, dateTimeFormatter.formatDay(day.originalDate)), day.isMarked && /*#__PURE__*/ React.createElement(\"div\", {\n        \"aria-hidden\": \"true\",\n        className: classNames.dayMarker\n    })));\n};\n"],"names":["CalendarGridDayCell","props","navigatedDate","dateTimeFormatter","allFocusable","strings","activeDescendantId","navigatedDayRef","calculateRoundedStyles","weeks","classNames","day","dayIndex","weekIndex","weekCorners","ariaHidden","customDayCellRef","dateRangeType","daysToSelectInDayView","onSelectDate","restrictedDates","minDate","maxDate","onNavigateDate","getDayInfosInRangeOfDay","getRefsFromDayInfos","_weekCorners_","cornerStyle","isNavigatedDate","compareDates","originalDate","dir","useFluent_unstable","navigateMonthEdge","ev","date","targetDate","undefined","direction","key","ArrowUp","addWeeks","ArrowDown","getRTLSafeKey","ArrowLeft","addDays","ArrowRight","findAvailableDateOptions","initialDate","nextDate","findAvailableDate","isInCurrentView","slice","length","some","week","dayToCompare","preventDefault","onMouseOverDay","dayInfos","dayRefs","forEach","dayRef","index","classList","add","extraCalendarDayGridClassNames","hoverStyle","isSelected","DateRangeType","Day","remove","weekCornersClassNames","bottomLeftCornerDate","bottomRightCornerDate","topLeftCornerDate","topRightCornerDate","classNamesToAdd","trim","split","onMouseDownDay","pressedStyle","onMouseUpDay","onMouseOutDay","onDayKeyDown","Enter","ariaLabel","getDate","months","getMonth","getFullYear","isMarked","dayMarkedAriaLabel","isFocusable","isInBounds","React","createElement","className","mergeClasses","dayCell","daySelected","dayOutsideBounds","isInMonth","dayOutsideNavigatedMonth","ref","element","setRef","current","onClick","onSelected","onMouseOver","onMouseDown","onMouseUp","onMouseOut","onKeyDown","role","tabIndex","isToday","dayButton","dayIsToday","id","disabled","type","formatDay","dayMarker"],"mappings":"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"}

package/lib-commonjs/components/CalendarDayGrid/CalendarGridRow.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "CalendarGridRow", {
+    enumerable: true,
+    get: function() {
+        return CalendarGridRow;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _utils = require("../../utils");
+const _CalendarGridDayCell = require("./CalendarGridDayCell");
+const CalendarGridRow = (props)=>{
+    const { classNames, week, weeks, weekIndex, rowClassName, ariaRole, showWeekNumbers, firstDayOfWeek, firstWeekOfYear, navigatedDate, strings } = props;
+    const weekNumbers = showWeekNumbers ? (0, _utils.getWeekNumbersInMonth)(weeks.length, firstDayOfWeek, firstWeekOfYear, navigatedDate) : null;
+    const titleString = weekNumbers ? strings.weekNumberFormatString && strings.weekNumberFormatString.replace('{0}', `${weekNumbers[weekIndex]}`) : '';
+    return /*#__PURE__*/ _react.createElement("tr", {
+        role: ariaRole,
+        className: rowClassName,
+        key: weekIndex + '_' + week[0].key
+    }, showWeekNumbers && weekNumbers && /*#__PURE__*/ _react.createElement("th", {
+        className: classNames.weekNumberCell,
+        key: weekIndex,
+        title: titleString,
+        "aria-label": titleString,
+        scope: "row"
+    }, /*#__PURE__*/ _react.createElement("span", null, weekNumbers[weekIndex])), week.map((day, dayIndex)=>/*#__PURE__*/ _react.createElement(_CalendarGridDayCell.CalendarGridDayCell, {
+            ...props,
+            key: day.key,
+            day: day,
+            dayIndex: dayIndex
+        })));
+};

package/lib-commonjs/components/CalendarDayGrid/CalendarGridRow.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["CalendarGridRow.js"],"sourcesContent":["import * as React from 'react';\nimport { getWeekNumbersInMonth } from '../../utils';\nimport { CalendarGridDayCell } from './CalendarGridDayCell';\n/**\n * @internal\n */ export const CalendarGridRow = (props)=>{\n    const { classNames, week, weeks, weekIndex, rowClassName, ariaRole, showWeekNumbers, firstDayOfWeek, firstWeekOfYear, navigatedDate, strings } = props;\n    const weekNumbers = showWeekNumbers ? getWeekNumbersInMonth(weeks.length, firstDayOfWeek, firstWeekOfYear, navigatedDate) : null;\n    const titleString = weekNumbers ? strings.weekNumberFormatString && strings.weekNumberFormatString.replace('{0}', `${weekNumbers[weekIndex]}`) : '';\n    return /*#__PURE__*/ React.createElement(\"tr\", {\n        role: ariaRole,\n        className: rowClassName,\n        key: weekIndex + '_' + week[0].key\n    }, showWeekNumbers && weekNumbers && /*#__PURE__*/ React.createElement(\"th\", {\n        className: classNames.weekNumberCell,\n        key: weekIndex,\n        title: titleString,\n        \"aria-label\": titleString,\n        scope: \"row\"\n    }, /*#__PURE__*/ React.createElement(\"span\", null, weekNumbers[weekIndex])), week.map((day, dayIndex)=>/*#__PURE__*/ React.createElement(CalendarGridDayCell, {\n            ...props,\n            key: day.key,\n            day: day,\n            dayIndex: dayIndex\n        })));\n};\n"],"names":["CalendarGridRow","props","classNames","week","weeks","weekIndex","rowClassName","ariaRole","showWeekNumbers","firstDayOfWeek","firstWeekOfYear","navigatedDate","strings","weekNumbers","getWeekNumbersInMonth","length","titleString","weekNumberFormatString","replace","React","createElement","role","className","key","weekNumberCell","title","scope","map","day","dayIndex","CalendarGridDayCell"],"mappings":";;;;+BAKiBA;;;eAAAA;;;;iEALM;uBACe;qCACF;AAGzB,MAAMA,kBAAkB,CAACC;IAChC,MAAM,EAAEC,UAAU,EAAEC,IAAI,EAAEC,KAAK,EAAEC,SAAS,EAAEC,YAAY,EAAEC,QAAQ,EAAEC,eAAe,EAAEC,cAAc,EAAEC,eAAe,EAAEC,aAAa,EAAEC,OAAO,EAAE,GAAGX;IACjJ,MAAMY,cAAcL,kBAAkBM,IAAAA,4BAAqB,EAACV,MAAMW,MAAM,EAAEN,gBAAgBC,iBAAiBC,iBAAiB;IAC5H,MAAMK,cAAcH,cAAcD,QAAQK,sBAAsB,IAAIL,QAAQK,sBAAsB,CAACC,OAAO,CAAC,OAAO,CAAC,EAAEL,WAAW,CAACR,UAAU,CAAC,CAAC,IAAI;IACjJ,OAAO,WAAW,GAAGc,OAAMC,aAAa,CAAC,MAAM;QAC3CC,MAAMd;QACNe,WAAWhB;QACXiB,KAAKlB,YAAY,MAAMF,IAAI,CAAC,EAAE,CAACoB,GAAG;IACtC,GAAGf,mBAAmBK,eAAe,WAAW,GAAGM,OAAMC,aAAa,CAAC,MAAM;QACzEE,WAAWpB,WAAWsB,cAAc;QACpCD,KAAKlB;QACLoB,OAAOT;QACP,cAAcA;QACdU,OAAO;IACX,GAAG,WAAW,GAAGP,OAAMC,aAAa,CAAC,QAAQ,MAAMP,WAAW,CAACR,UAAU,IAAIF,KAAKwB,GAAG,CAAC,CAACC,KAAKC,WAAW,WAAW,GAAGV,OAAMC,aAAa,CAACU,wCAAmB,EAAE;YACtJ,GAAG7B,KAAK;YACRsB,KAAKK,IAAIL,GAAG;YACZK,KAAKA;YACLC,UAAUA;QACd;AACR"}

package/lib-commonjs/components/CalendarDayGrid/CalendarMonthHeaderRow.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "CalendarMonthHeaderRow", {
+    enumerable: true,
+    get: function() {
+        return CalendarMonthHeaderRow;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _react1 = require("@griffel/react");
+const _utils = require("../../utils");
+const CalendarMonthHeaderRow = (props)=>{
+    const { showWeekNumbers, strings, firstDayOfWeek, allFocusable, weeksToShow, weeks, classNames } = props;
+    const dayLabels = strings.shortDays.slice();
+    let firstOfMonthIndex = -1;
+    const firstWeekOfMonth = weeks[1];
+    for(let i = 0; i < weeks[1].length; i++){
+        if (firstWeekOfMonth[i].originalDate.getDate() === 1) {
+            firstOfMonthIndex = i;
+            break;
+        }
+    }
+    if (weeksToShow === 1 && firstOfMonthIndex >= 0) {
+        // if we only show one week, replace the header with short month name
+        const firstOfMonthIndexOffset = (firstOfMonthIndex + firstDayOfWeek) % _utils.DAYS_IN_WEEK;
+        dayLabels[firstOfMonthIndexOffset] = strings.shortMonths[weeks[1][firstOfMonthIndex].originalDate.getMonth()];
+    }
+    return /*#__PURE__*/ _react.createElement("tr", null, showWeekNumbers && /*#__PURE__*/ _react.createElement("th", {
+        className: classNames.dayCell
+    }), dayLabels.map((val, index)=>{
+        const i = (index + firstDayOfWeek) % _utils.DAYS_IN_WEEK;
+        const label = strings.days[i];
+        return /*#__PURE__*/ _react.createElement("th", {
+            className: (0, _react1.mergeClasses)(classNames.dayCell, classNames.weekDayLabelCell),
+            scope: "col",
+            key: dayLabels[i] + ' ' + index,
+            title: label,
+            "aria-label": label,
+            tabIndex: allFocusable ? 0 : undefined
+        }, dayLabels[i]);
+    }));
+};

package/lib-commonjs/components/CalendarDayGrid/CalendarMonthHeaderRow.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["CalendarMonthHeaderRow.js"],"sourcesContent":["import * as React from 'react';\nimport { mergeClasses } from '@griffel/react';\nimport { DAYS_IN_WEEK } from '../../utils';\n/**\n * @internal\n */ export const CalendarMonthHeaderRow = (props)=>{\n    const { showWeekNumbers, strings, firstDayOfWeek, allFocusable, weeksToShow, weeks, classNames } = props;\n    const dayLabels = strings.shortDays.slice();\n    let firstOfMonthIndex = -1;\n    const firstWeekOfMonth = weeks[1];\n    for(let i = 0; i < weeks[1].length; i++){\n        if (firstWeekOfMonth[i].originalDate.getDate() === 1) {\n            firstOfMonthIndex = i;\n            break;\n        }\n    }\n    if (weeksToShow === 1 && firstOfMonthIndex >= 0) {\n        // if we only show one week, replace the header with short month name\n        const firstOfMonthIndexOffset = (firstOfMonthIndex + firstDayOfWeek) % DAYS_IN_WEEK;\n        dayLabels[firstOfMonthIndexOffset] = strings.shortMonths[weeks[1][firstOfMonthIndex].originalDate.getMonth()];\n    }\n    return /*#__PURE__*/ React.createElement(\"tr\", null, showWeekNumbers && /*#__PURE__*/ React.createElement(\"th\", {\n        className: classNames.dayCell\n    }), dayLabels.map((val, index)=>{\n        const i = (index + firstDayOfWeek) % DAYS_IN_WEEK;\n        const label = strings.days[i];\n        return /*#__PURE__*/ React.createElement(\"th\", {\n            className: mergeClasses(classNames.dayCell, classNames.weekDayLabelCell),\n            scope: \"col\",\n            key: dayLabels[i] + ' ' + index,\n            title: label,\n            \"aria-label\": label,\n            tabIndex: allFocusable ? 0 : undefined\n        }, dayLabels[i]);\n    }));\n};\n"],"names":["CalendarMonthHeaderRow","props","showWeekNumbers","strings","firstDayOfWeek","allFocusable","weeksToShow","weeks","classNames","dayLabels","shortDays","slice","firstOfMonthIndex","firstWeekOfMonth","i","length","originalDate","getDate","firstOfMonthIndexOffset","DAYS_IN_WEEK","shortMonths","getMonth","React","createElement","className","dayCell","map","val","index","label","days","mergeClasses","weekDayLabelCell","scope","key","title","tabIndex","undefined"],"mappings":";;;;+BAKiBA;;;eAAAA;;;;iEALM;wBACM;uBACA;AAGlB,MAAMA,yBAAyB,CAACC;IACvC,MAAM,EAAEC,eAAe,EAAEC,OAAO,EAAEC,cAAc,EAAEC,YAAY,EAAEC,WAAW,EAAEC,KAAK,EAAEC,UAAU,EAAE,GAAGP;IACnG,MAAMQ,YAAYN,QAAQO,SAAS,CAACC,KAAK;IACzC,IAAIC,oBAAoB,CAAC;IACzB,MAAMC,mBAAmBN,KAAK,CAAC,EAAE;IACjC,IAAI,IAAIO,IAAI,GAAGA,IAAIP,KAAK,CAAC,EAAE,CAACQ,MAAM,EAAED,IAAI;QACpC,IAAID,gBAAgB,CAACC,EAAE,CAACE,YAAY,CAACC,OAAO,OAAO,GAAG;YAClDL,oBAAoBE;YACpB;QACJ;IACJ;IACA,IAAIR,gBAAgB,KAAKM,qBAAqB,GAAG;QAC7C,qEAAqE;QACrE,MAAMM,0BAA0B,AAACN,CAAAA,oBAAoBR,cAAa,IAAKe,mBAAY;QACnFV,SAAS,CAACS,wBAAwB,GAAGf,QAAQiB,WAAW,CAACb,KAAK,CAAC,EAAE,CAACK,kBAAkB,CAACI,YAAY,CAACK,QAAQ,GAAG;IACjH;IACA,OAAO,WAAW,GAAGC,OAAMC,aAAa,CAAC,MAAM,MAAMrB,mBAAmB,WAAW,GAAGoB,OAAMC,aAAa,CAAC,MAAM;QAC5GC,WAAWhB,WAAWiB,OAAO;IACjC,IAAIhB,UAAUiB,GAAG,CAAC,CAACC,KAAKC;QACpB,MAAMd,IAAI,AAACc,CAAAA,QAAQxB,cAAa,IAAKe,mBAAY;QACjD,MAAMU,QAAQ1B,QAAQ2B,IAAI,CAAChB,EAAE;QAC7B,OAAO,WAAW,GAAGQ,OAAMC,aAAa,CAAC,MAAM;YAC3CC,WAAWO,IAAAA,oBAAY,EAACvB,WAAWiB,OAAO,EAAEjB,WAAWwB,gBAAgB;YACvEC,OAAO;YACPC,KAAKzB,SAAS,CAACK,EAAE,GAAG,MAAMc;YAC1BO,OAAON;YACP,cAAcA;YACdO,UAAU/B,eAAe,IAAIgC;QACjC,GAAG5B,SAAS,CAACK,EAAE;IACnB;AACJ"}

package/lib-commonjs/components/CalendarDayGrid/index.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    calendarDayGridClassNames: function() {
+        return _useCalendarDayGridStylesstyles.calendarDayGridClassNames;
+    },
+    extraCalendarDayGridClassNames: function() {
+        return _useCalendarDayGridStylesstyles.extraCalendarDayGridClassNames;
+    }
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./CalendarDayGrid"), exports);
+_export_star._(require("./CalendarDayGrid.types"), exports);
+const _useCalendarDayGridStylesstyles = _export_star._(require("./useCalendarDayGridStyles.styles"), exports);

package/lib-commonjs/components/CalendarDayGrid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './CalendarDayGrid';\nexport * from './CalendarDayGrid.types';\nexport * from './useCalendarDayGridStyles.styles';\nexport { calendarDayGridClassNames, extraCalendarDayGridClassNames } from './useCalendarDayGridStyles.styles';\n"],"names":["calendarDayGridClassNames","extraCalendarDayGridClassNames"],"mappings":";;;;;;;;;;;IAGSA,yBAAyB;eAAzBA,yDAAyB;;IAAEC,8BAA8B;eAA9BA,8DAA8B;;;;uBAHpD;uBACA;+DACA"}