@fluentui/react-calendar-compat 0.0.0-nightly-20250423-1342.1 → 0.0.0-nightly-20250423-1415.1

package/lib-commonjs/components/CalendarDayGrid/useCalendarDayGridStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useCalendarDayGridStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { DURATION_2, DURATION_3, EASING_FUNCTION_1, EASING_FUNCTION_2, FADE_IN, FADE_OUT, SLIDE_DOWN_IN20, SLIDE_DOWN_OUT20, SLIDE_LEFT_IN20, SLIDE_RIGHT_IN20, SLIDE_UP_IN20, SLIDE_UP_OUT20, TRANSITION_ROW_DISAPPEARANCE } from '../../utils';\nimport { AnimationDirection } from '../Calendar/Calendar.types';\nimport { weekCornersClassNames } from './useWeekCornerStyles.styles';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\n/**\n * @internal\n */ export const calendarDayGridClassNames = {\n    wrapper: 'fui-CalendarDayGrid__wrapper',\n    table: 'fui-CalendarDayGrid__table',\n    dayCell: 'fui-CalendarDayGrid__dayCell',\n    daySelected: 'fui-CalendarDayGrid__daySelected',\n    daySingleSelected: 'fui-CalendarDayGrid__daySingleSelected',\n    weekRow: 'fui-CalendarDayGrid__weekRow',\n    weekDayLabelCell: 'fui-CalendarDayGrid__weekDayLabelCell',\n    weekNumberCell: 'fui-CalendarDayGrid__weekNumberCell',\n    dayOutsideBounds: 'fui-CalendarDayGrid__dayOutsideBounds',\n    dayOutsideNavigatedMonth: 'fui-CalendarDayGrid__dayOutsideNavigatedMonth',\n    dayButton: 'fui-CalendarDayGrid__dayButton',\n    dayIsToday: 'fui-CalendarDayGrid__dayIsToday',\n    firstTransitionWeek: 'fui-CalendarDayGrid__firstTransitionWeek',\n    lastTransitionWeek: 'fui-CalendarDayGrid__lastTransitionWeek',\n    dayMarker: 'fui-CalendarDayGrid__dayMarker',\n    dayTodayMarker: 'fui-CalendarDayGrid__dayTodayMarker'\n};\n/**\n * @internal\n */ export const extraCalendarDayGridClassNames = {\n    hoverStyle: 'fui-CalendarDayGrid__hoverStyle',\n    pressedStyle: 'fui-CalendarDayGrid__pressedStyle'\n};\nconst useWrapperStyles = makeStyles({\n    base: {\n        paddingBottom: '10px'\n    }\n});\nconst useTableStyles = makeStyles({\n    base: {\n        borderCollapse: 'collapse',\n        borderSpacing: 0,\n        fontSize: 'inherit',\n        marginTop: '4px',\n        paddingBottom: '10px',\n        position: 'relative',\n        tableLayout: 'fixed',\n        textAlign: 'center',\n        width: '196px'\n    },\n    showWeekNumbers: {\n        width: '226px'\n    }\n});\nconst useDayCellStyles = makeStyles({\n    base: {\n        color: tokens.colorNeutralForeground1,\n        cursor: 'pointer',\n        fontSize: tokens.fontSizeBase200,\n        fontWeight: tokens.fontWeightRegular,\n        margin: '0',\n        padding: '2px',\n        position: 'relative',\n        '@media (forced-colors: active)': {\n            backgroundColor: 'Window',\n            color: 'WindowText'\n        },\n        [`&.${extraCalendarDayGridClassNames.hoverStyle}`]: {\n            color: tokens.colorNeutralForeground1Static,\n            backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n            '@media (forced-colors: active)': {\n                outline: '1px solid Highlight',\n                zIndex: 3,\n                [`& .${calendarDayGridClassNames.dayTodayMarker}`]: {\n                    backgroundColor: 'Highlight'\n                }\n            }\n        },\n        [`&.${extraCalendarDayGridClassNames.pressedStyle}`]: {\n            color: tokens.colorNeutralForeground1Static,\n            backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Window',\n                ...shorthands.borderColor('Highlight'),\n                color: 'Highlight'\n            }\n        }\n    },\n    focusIndicator: createFocusOutlineStyle({\n        style: {\n            outlineWidth: tokens.strokeWidthThick,\n            ...shorthands.borderWidth(tokens.strokeWidthThick)\n        }\n    })\n});\nconst useDaySelectedStyles = makeStyles({\n    base: {\n        backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n        color: tokens.colorNeutralForeground1Static,\n        '@media (forced-colors: active)': {\n            backgroundColor: 'Highlight',\n            ...shorthands.borderColor('Highlight'),\n            color: 'HighlightText',\n            forcedColorAdjust: 'none'\n        },\n        [`&:hover, &.${extraCalendarDayGridClassNames.hoverStyle}, &.${extraCalendarDayGridClassNames.pressedStyle}`]: {\n            color: tokens.colorNeutralForeground1Static,\n            backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Highlight',\n                color: 'HighlightText'\n            }\n        },\n        [`& > .${calendarDayGridClassNames.dayMarker}`]: {\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Window'\n            }\n        }\n    }\n});\nconst useDaySingleSelectedStyles = makeStyles({\n    base: {\n        color: tokens.colorNeutralForeground1Static,\n        [`& > .${calendarDayGridClassNames.dayMarker}`]: {\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Window'\n            }\n        },\n        [`& > .${calendarDayGridClassNames.dayButton}`]: {\n            backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n            borderRadius: tokens.borderRadiusMedium,\n            ...shorthands.border('1px', 'solid', tokens.colorBrandStroke1),\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Highlight',\n                ...shorthands.borderColor('Highlight'),\n                color: 'HighlightText',\n                forcedColorAdjust: 'none'\n            }\n        }\n    }\n});\nconst useWeekRowStyles = makeStyles({\n    base: {\n        position: 'relative',\n        ':focus-within': {\n            zIndex: 1\n        }\n    },\n    animation: {\n        animationDuration: DURATION_3,\n        animationFillMode: 'both',\n        animationTimingFunction: EASING_FUNCTION_1\n    },\n    horizontalBackward: {\n        animationName: [\n            FADE_IN,\n            SLIDE_RIGHT_IN20\n        ]\n    },\n    horizontalForward: {\n        animationName: [\n            FADE_IN,\n            SLIDE_LEFT_IN20\n        ]\n    },\n    verticalBackward: {\n        animationName: [\n            FADE_IN,\n            SLIDE_DOWN_IN20\n        ]\n    },\n    verticalForward: {\n        animationName: [\n            FADE_IN,\n            SLIDE_UP_IN20\n        ]\n    }\n});\nconst useWeekDayLabelCellStyles = makeStyles({\n    base: {\n        userSelect: 'none',\n        animationDuration: DURATION_2,\n        animationFillMode: 'both',\n        animationName: FADE_IN,\n        animationTimingFunction: EASING_FUNCTION_2\n    }\n});\nconst useWeekNumberCellStyles = makeStyles({\n    base: {\n        backgroundColor: tokens.colorTransparentBackground,\n        borderRight: `1px solid ${tokens.colorNeutralStroke2}`,\n        boxSizing: 'border-box',\n        color: tokens.colorNeutralForeground4,\n        fontSize: tokens.fontSizeBase200,\n        fontWeight: tokens.fontWeightRegular,\n        height: '28px',\n        margin: '0',\n        padding: '0',\n        width: '28px'\n    }\n});\nconst useDayOutsideBoundsStyles = makeStyles({\n    base: {\n        [`&, &:disabled, & button, &.${extraCalendarDayGridClassNames.hoverStyle}` + `, &.${extraCalendarDayGridClassNames.pressedStyle}`]: {\n            backgroundColor: tokens.colorTransparentBackground,\n            color: tokens.colorNeutralForegroundDisabled,\n            pointerEvents: 'none'\n        },\n        '@media (forced-colors: active)': {\n            color: 'GrayText'\n        }\n    }\n});\nconst useDayOutsideNavigatedMonthStyles = makeStyles({\n    lightenDaysOutsideNavigatedMonth: {\n        color: tokens.colorNeutralForeground4,\n        fontWeight: tokens.fontWeightRegular,\n        '@media (forced-colors: active)': {\n            color: 'GrayText'\n        }\n    }\n});\nconst useDayButtonStyles = makeStyles({\n    base: {\n        backgroundColor: tokens.colorTransparentBackground,\n        border: 'none',\n        color: 'inherit',\n        cursor: 'pointer',\n        fontSize: tokens.fontSizeBase200,\n        fontWeight: 'inherit',\n        height: '24px',\n        lineHeight: '24px',\n        overflow: 'visible',\n        padding: '0',\n        width: '24px',\n        '&span': {\n            height: 'inherit',\n            lineHeight: 'inherit'\n        },\n        ':hover': {\n            backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n            borderRadius: tokens.borderRadiusMedium\n        },\n        ':active': {\n            backgroundColor: tokens.colorBrandBackgroundInvertedPressed\n        }\n    }\n});\nconst useDayIsTodayStyles = makeStyles({\n    base: {\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n        color: tokens.colorNeutralForegroundOnBrand,\n        fontWeight: tokens.fontWeightSemibold,\n        [`& > .${calendarDayGridClassNames.dayMarker}`]: {\n            backgroundColor: tokens.colorNeutralForegroundOnBrand,\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Window'\n            }\n        }\n    }\n});\nconst useDayTodayMarkerStyles = makeStyles({\n    base: {\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n        backgroundColor: tokens.colorBrandBackground,\n        borderRadius: '100%',\n        width: '20px',\n        height: '20px',\n        lineHeight: '20px',\n        '@media (forced-colors: active)': {\n            backgroundColor: 'WindowText',\n            ...shorthands.borderColor('WindowText'),\n            color: 'Window',\n            forcedColorAdjust: 'none'\n        }\n    }\n});\nconst useFirstTransitionWeekStyles = makeStyles({\n    base: {\n        height: 0,\n        opacity: 0,\n        overflow: 'hidden',\n        position: 'absolute',\n        width: 0\n    },\n    verticalForward: {\n        animationDuration: DURATION_3,\n        animationFillMode: 'both',\n        animationName: [\n            FADE_OUT,\n            SLIDE_UP_OUT20,\n            TRANSITION_ROW_DISAPPEARANCE\n        ],\n        animationTimingFunction: EASING_FUNCTION_1\n    }\n});\nconst useLastTransitionWeekStyles = makeStyles({\n    base: {\n        height: 0,\n        marginTop: '-28px',\n        opacity: 0,\n        overflow: 'hidden',\n        position: 'absolute',\n        width: 0\n    },\n    verticalBackward: {\n        animationDuration: DURATION_3,\n        animationFillMode: 'both',\n        animationName: [\n            FADE_OUT,\n            SLIDE_DOWN_OUT20,\n            TRANSITION_ROW_DISAPPEARANCE\n        ],\n        animationTimingFunction: EASING_FUNCTION_1\n    }\n});\nconst useDayMarkerStyles = makeStyles({\n    base: {\n        backgroundColor: tokens.colorBrandForeground2,\n        borderRadius: '100%',\n        bottom: '1px',\n        height: '4px',\n        left: 0,\n        margin: 'auto',\n        position: 'absolute',\n        right: 0,\n        width: '4px',\n        '@media (forced-colors: active)': {\n            backgroundColor: 'WindowText',\n            forcedColorAdjust: 'none'\n        }\n    }\n});\nconst useCornerBorderAndRadiusStyles = makeStyles({\n    corners: {\n        [`&.${weekCornersClassNames.topRightCornerDate}`]: {\n            borderTopRightRadius: tokens.borderRadiusMedium\n        },\n        [`&.${weekCornersClassNames.topLeftCornerDate}`]: {\n            borderTopLeftRadius: tokens.borderRadiusMedium\n        },\n        [`&.${weekCornersClassNames.bottomRightCornerDate}`]: {\n            borderBottomRightRadius: tokens.borderRadiusMedium\n        },\n        [`&.${weekCornersClassNames.bottomLeftCornerDate}`]: {\n            borderBottomLeftRadius: tokens.borderRadiusMedium\n        }\n    }\n});\n/**\n * @internal\n *\n * Apply styling to the CalendarDayGrid slots based on the state\n */ export const useCalendarDayGridStyles_unstable = (props)=>{\n    'use no memo';\n    const wrapperStyles = useWrapperStyles();\n    const tableStyles = useTableStyles();\n    const dayCellStyles = useDayCellStyles();\n    const daySelectedStyles = useDaySelectedStyles();\n    const daySingleSelectedStyles = useDaySingleSelectedStyles();\n    const weekRowStyles = useWeekRowStyles();\n    const weekDayLabelCellStyles = useWeekDayLabelCellStyles();\n    const weekNumberCellStyles = useWeekNumberCellStyles();\n    const dayOutsideBoundsStyles = useDayOutsideBoundsStyles();\n    const dayOutsideNavigatedMonthStyles = useDayOutsideNavigatedMonthStyles();\n    const dayButtonStyles = useDayButtonStyles();\n    const dayIsTodayStyles = useDayIsTodayStyles();\n    const firstTransitionWeekStyles = useFirstTransitionWeekStyles();\n    const lastTransitionWeekStyles = useLastTransitionWeekStyles();\n    const dayMarkerStyles = useDayMarkerStyles();\n    const cornerBorderAndRadiusStyles = useCornerBorderAndRadiusStyles();\n    const dayTodayMarkerStyles = useDayTodayMarkerStyles();\n    const { animateBackwards, animationDirection, lightenDaysOutsideNavigatedMonth, showWeekNumbers } = props;\n    return {\n        wrapper: mergeClasses(calendarDayGridClassNames.wrapper, wrapperStyles.base),\n        table: mergeClasses(calendarDayGridClassNames.table, tableStyles.base, showWeekNumbers && tableStyles.showWeekNumbers),\n        dayCell: mergeClasses(calendarDayGridClassNames.dayCell, dayCellStyles.base, dayCellStyles.focusIndicator, cornerBorderAndRadiusStyles.corners),\n        daySelected: mergeClasses(calendarDayGridClassNames.daySelected, daySelectedStyles.base),\n        daySingleSelected: mergeClasses(calendarDayGridClassNames.daySingleSelected, daySingleSelectedStyles.base),\n        weekRow: mergeClasses(calendarDayGridClassNames.weekRow, weekRowStyles.base, animateBackwards !== undefined && weekRowStyles.animation, animateBackwards !== undefined && (animationDirection === AnimationDirection.Horizontal ? animateBackwards ? weekRowStyles.horizontalBackward : weekRowStyles.horizontalForward : animateBackwards ? weekRowStyles.verticalBackward : weekRowStyles.verticalForward)),\n        weekDayLabelCell: mergeClasses(calendarDayGridClassNames.weekDayLabelCell, weekDayLabelCellStyles.base),\n        weekNumberCell: mergeClasses(calendarDayGridClassNames.weekNumberCell, weekNumberCellStyles.base),\n        dayOutsideBounds: mergeClasses(calendarDayGridClassNames.dayOutsideBounds, dayOutsideBoundsStyles.base),\n        dayOutsideNavigatedMonth: mergeClasses(calendarDayGridClassNames.dayOutsideNavigatedMonth, lightenDaysOutsideNavigatedMonth && dayOutsideNavigatedMonthStyles.lightenDaysOutsideNavigatedMonth),\n        dayButton: mergeClasses(calendarDayGridClassNames.dayButton, dayButtonStyles.base),\n        dayIsToday: mergeClasses(calendarDayGridClassNames.dayIsToday, dayIsTodayStyles.base),\n        firstTransitionWeek: mergeClasses(calendarDayGridClassNames.firstTransitionWeek, firstTransitionWeekStyles.base, animateBackwards !== undefined && animationDirection !== AnimationDirection.Horizontal && !animateBackwards && firstTransitionWeekStyles.verticalForward),\n        lastTransitionWeek: mergeClasses(calendarDayGridClassNames.lastTransitionWeek, lastTransitionWeekStyles.base, animateBackwards !== undefined && animationDirection !== AnimationDirection.Horizontal && animateBackwards && lastTransitionWeekStyles.verticalBackward),\n        dayMarker: mergeClasses(calendarDayGridClassNames.dayMarker, dayMarkerStyles.base),\n        dayTodayMarker: mergeClasses(calendarDayGridClassNames.dayTodayMarker, dayTodayMarkerStyles.base)\n    };\n};\n"],"names":["calendarDayGridClassNames","extraCalendarDayGridClassNames","useCalendarDayGridStyles_unstable","wrapper","table","dayCell","daySelected","daySingleSelected","weekRow","weekDayLabelCell","weekNumberCell","dayOutsideBounds","dayOutsideNavigatedMonth","dayButton","dayIsToday","firstTransitionWeek","lastTransitionWeek","dayMarker","dayTodayMarker","hoverStyle","pressedStyle","useWrapperStyles","__styles","base","Byoj8tv","d","useTableStyles","po53p8","Bxjg3zr","Be2twd7","B6of3ja","qhf8xq","B73mfa3","fsow6f","a9b677","showWeekNumbers","useDayCellStyles","sj55zd","Bceei9c","Bhrd7zp","jrapky","Frg6f3","t21cq0","B74szlk","uwmqm3","z189sj","z8tnut","B0ocmuz","Bsw6fvg","Bbusuzp","cvlxnx","Bweudez","Bsnevi5","z1p9vi","dua3dm","Bf7el8m","xnb59o","B0mcfed","Bj67fi1","B2gfgcj","B6cqqer","fpurfy","Fioj4w","Bq9yiu4","cpbo2x","Bq268z6","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bb7d1vk","zhwhgb","dhy2o1","Gfyso","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","f6g5ot","Boxcth7","Bhdgwq3","hgwjuy","Bshpdp8","Bsom6fd","Blkhhs4","Bonggc9","Ddfuxk","i03rao","kclons","clg4pj","Bpqj9nj","B6dhp37","Bf4ptjt","Bqtpl0w","i4rwgc","Dah5zi","B1tsrr9","qqdqy8","Bkh64rk","e3fwne","J0r882","Bule8hv","Bjwuhne","Ghsupd","p","m","f","i","useDaySelectedStyles","De3pzq","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","ycbfsm","a3nq4f","Bnf3alp","H2c3sd","qu8ld","E9zv3o","h","useDaySingleSelectedStyles","B2ns3jv","Bwxf4zv","Bp8cau8","Buy161k","Bpzqh5e","Fh6yq5","B75pphk","Cmeexk","yen2pv","ydc5we","Bz06psx","Bvql7r5","k24jl4","Bksmc0g","Buxuwzc","xn840g","Jh9m0u","Fmkg4n","kmtgwu","g6m10a","Birdjzs","yojo9v","qdeutu","yfp87c","zuskld","useWeekRowStyles","mlyf9c","animation","vin17d","Bf5fcs","Ezkn3b","horizontalBackward","Bv12yb3","horizontalForward","verticalBackward","verticalForward","w","k","useWeekDayLabelCellStyles","famaaq","useWeekNumberCellStyles","h3c5rm","vrafjx","Bekrc4i","u1mtju","B7ck84d","Bqenvij","useDayOutsideBoundsStyles","x734em","B0ssf13","B8h8h5z","useDayOutsideNavigatedMonthStyles","lightenDaysOutsideNavigatedMonth","useDayButtonStyles","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Bg96gwp","B68tc82","Bmxbyg5","Bpg54ce","Bx0yju7","l98f4w","Jwef8y","Btmb5he","gu71dq","B2zomw9","Fgk69s","Bw6eyry","ecr2s2","a","useDayIsTodayStyles","mc9l5x","Brf1p80","Bt984gj","kof2un","useDayTodayMarkerStyles","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","useFirstTransitionWeekStyles","abs64n","useLastTransitionWeekStyles","useDayMarkerStyles","B5kzvoi","oyh7mz","j35jbq","useCornerBorderAndRadiusStyles","corners","Cy64m2","Bnn43bw","feanbc","B4268ip","props","wrapperStyles","tableStyles","dayCellStyles","daySelectedStyles","daySingleSelectedStyles","weekRowStyles","weekDayLabelCellStyles","weekNumberCellStyles","dayOutsideBoundsStyles","dayOutsideNavigatedMonthStyles","dayButtonStyles","dayIsTodayStyles","firstTransitionWeekStyles","lastTransitionWeekStyles","dayMarkerStyles","cornerBorderAndRadiusStyles","dayTodayMarkerStyles","animateBackwards","animationDirection","mergeClasses","undefined","AnimationDirection","Horizontal"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/components/CalendarDayGrid/useWeekCornerStyles.styles.js

@@ -0,0 +1,105 @@
+"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, {
+    useWeekCornerStyles: function() {
+        return useWeekCornerStyles;
+    },
+    weekCornersClassNames: function() {
+        return weekCornersClassNames;
+    }
+});
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const _react = require("@griffel/react");
+const _constants = require("../../utils/constants");
+const _index = require("../../utils/index");
+const weekCornersClassNames = {
+    topRightCornerDate: 'fui-CalendarDayGrid__topRightCornerDate',
+    topLeftCornerDate: 'fui-CalendarDayGrid__topLeftCornerDate',
+    bottomRightCornerDate: 'fui-CalendarDayGrid__bottomRightCornerDate',
+    bottomLeftCornerDate: 'fui-CalendarDayGrid__bottomLeftCornerDate'
+};
+function useWeekCornerStyles(props) {
+    const { dir } = (0, _reactsharedcontexts.useFluent_unstable)();
+    /**
+  *
+  * Section for setting the rounded corner styles on individual day cells. Individual day cells need different
+  * corners to be rounded depending on which date range type and where the cell is located in the current grid.
+  * If we just round all of the corners, there isn't a good overlap and we get gaps between contiguous day boxes
+  * in Edge browser.
+  *
+  */ const getWeekCornerStyles = (initialWeeks)=>{
+        const weekCornersStyled = {};
+        /* need to handle setting all of the corners on arbitrarily shaped blobs
+      __
+    __|A |
+    |B |C |__
+    |D |E |F |
+    in this case, A needs top left rounded, top right rounded
+    B needs top left rounded
+    C doesn't need any rounding
+    D needs bottom left rounded
+    E doesn't need any rounding
+    F needs top right rounding
+    */ // cut off the animation transition weeks
+        const weeks = initialWeeks.slice(1, initialWeeks.length - 1);
+        // if there's an item above, lose both top corners. Item below, lose both bottom corners, etc.
+        weeks.forEach((week, weekIndex)=>{
+            week.forEach((day, dayIndex)=>{
+                const above = weeks[weekIndex - 1] && weeks[weekIndex - 1][dayIndex] && isInSameHoverRange(weeks[weekIndex - 1][dayIndex].originalDate, day.originalDate, weeks[weekIndex - 1][dayIndex].isSelected, day.isSelected);
+                const below = weeks[weekIndex + 1] && weeks[weekIndex + 1][dayIndex] && isInSameHoverRange(weeks[weekIndex + 1][dayIndex].originalDate, day.originalDate, weeks[weekIndex + 1][dayIndex].isSelected, day.isSelected);
+                const left = weeks[weekIndex][dayIndex - 1] && isInSameHoverRange(weeks[weekIndex][dayIndex - 1].originalDate, day.originalDate, weeks[weekIndex][dayIndex - 1].isSelected, day.isSelected);
+                const right = weeks[weekIndex][dayIndex + 1] && isInSameHoverRange(weeks[weekIndex][dayIndex + 1].originalDate, day.originalDate, weeks[weekIndex][dayIndex + 1].isSelected, day.isSelected);
+                weekCornersStyled[weekIndex + '_' + dayIndex] = calculateRoundedStyles(above, below, left, right);
+            });
+        });
+        return weekCornersStyled;
+    };
+    const calculateRoundedStyles = (above, below, left, right)=>{
+        const style = [];
+        const roundedTopLeft = !above && !left;
+        const roundedTopRight = !above && !right;
+        const roundedBottomLeft = !below && !left;
+        const roundedBottomRight = !below && !right;
+        if (roundedTopLeft) {
+            style.push(dir === 'rtl' ? weekCornersClassNames.topRightCornerDate : weekCornersClassNames.topLeftCornerDate);
+        }
+        if (roundedTopRight) {
+            style.push(dir === 'rtl' ? weekCornersClassNames.topLeftCornerDate : weekCornersClassNames.topRightCornerDate);
+        }
+        if (roundedBottomLeft) {
+            style.push(dir === 'rtl' ? weekCornersClassNames.bottomRightCornerDate : weekCornersClassNames.bottomLeftCornerDate);
+        }
+        if (roundedBottomRight) {
+            style.push(dir === 'rtl' ? weekCornersClassNames.bottomLeftCornerDate : weekCornersClassNames.bottomRightCornerDate);
+        }
+        return (0, _react.mergeClasses)(...style);
+    };
+    const isInSameHoverRange = (date1, date2, date1Selected, date2Selected)=>{
+        const { dateRangeType, firstDayOfWeek, workWeekDays } = props;
+        // The hover state looks weird with non-contiguous days in work week view. In work week, show week hover state
+        const dateRangeHoverType = dateRangeType === _constants.DateRangeType.WorkWeek ? _constants.DateRangeType.Week : dateRangeType;
+        // we do not pass daysToSelectInDayView because we handle setting those styles dyanamically in onMouseOver
+        const dateRange = (0, _index.getDateRangeArray)(date1, dateRangeHoverType, firstDayOfWeek, workWeekDays);
+        if (date1Selected !== date2Selected) {
+            // if one is selected and the other is not, they can't be in the same range
+            return false;
+        } else if (date1Selected && date2Selected) {
+            // if they're both selected at the same time they must be in the same range
+            return true;
+        }
+        // otherwise, both must be unselected, so check the dateRange
+        return dateRange.filter((date)=>date.getTime() === date2.getTime()).length > 0;
+    };
+    return [
+        getWeekCornerStyles,
+        calculateRoundedStyles
+    ];
+}

package/lib-commonjs/components/CalendarDayGrid/useWeekCornerStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useWeekCornerStyles.styles.js"],"sourcesContent":["import { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { mergeClasses } from '@griffel/react';\nimport { DateRangeType } from '../../utils/constants';\nimport { getDateRangeArray } from '../../utils/index';\n/**\n * @internal\n */ export const weekCornersClassNames = {\n    topRightCornerDate: 'fui-CalendarDayGrid__topRightCornerDate',\n    topLeftCornerDate: 'fui-CalendarDayGrid__topLeftCornerDate',\n    bottomRightCornerDate: 'fui-CalendarDayGrid__bottomRightCornerDate',\n    bottomLeftCornerDate: 'fui-CalendarDayGrid__bottomLeftCornerDate'\n};\n/**\n * @internal\n */ export function useWeekCornerStyles(props) {\n    const { dir } = useFluent_unstable();\n    /**\n   *\n   * Section for setting the rounded corner styles on individual day cells. Individual day cells need different\n   * corners to be rounded depending on which date range type and where the cell is located in the current grid.\n   * If we just round all of the corners, there isn't a good overlap and we get gaps between contiguous day boxes\n   * in Edge browser.\n   *\n   */ const getWeekCornerStyles = (initialWeeks)=>{\n        const weekCornersStyled = {};\n        /* need to handle setting all of the corners on arbitrarily shaped blobs\n          __\n       __|A |\n      |B |C |__\n      |D |E |F |\n\n      in this case, A needs top left rounded, top right rounded\n      B needs top left rounded\n      C doesn't need any rounding\n      D needs bottom left rounded\n      E doesn't need any rounding\n      F needs top right rounding\n    */ // cut off the animation transition weeks\n        const weeks = initialWeeks.slice(1, initialWeeks.length - 1);\n        // if there's an item above, lose both top corners. Item below, lose both bottom corners, etc.\n        weeks.forEach((week, weekIndex)=>{\n            week.forEach((day, dayIndex)=>{\n                const above = weeks[weekIndex - 1] && weeks[weekIndex - 1][dayIndex] && isInSameHoverRange(weeks[weekIndex - 1][dayIndex].originalDate, day.originalDate, weeks[weekIndex - 1][dayIndex].isSelected, day.isSelected);\n                const below = weeks[weekIndex + 1] && weeks[weekIndex + 1][dayIndex] && isInSameHoverRange(weeks[weekIndex + 1][dayIndex].originalDate, day.originalDate, weeks[weekIndex + 1][dayIndex].isSelected, day.isSelected);\n                const left = weeks[weekIndex][dayIndex - 1] && isInSameHoverRange(weeks[weekIndex][dayIndex - 1].originalDate, day.originalDate, weeks[weekIndex][dayIndex - 1].isSelected, day.isSelected);\n                const right = weeks[weekIndex][dayIndex + 1] && isInSameHoverRange(weeks[weekIndex][dayIndex + 1].originalDate, day.originalDate, weeks[weekIndex][dayIndex + 1].isSelected, day.isSelected);\n                weekCornersStyled[weekIndex + '_' + dayIndex] = calculateRoundedStyles(above, below, left, right);\n            });\n        });\n        return weekCornersStyled;\n    };\n    const calculateRoundedStyles = (above, below, left, right)=>{\n        const style = [];\n        const roundedTopLeft = !above && !left;\n        const roundedTopRight = !above && !right;\n        const roundedBottomLeft = !below && !left;\n        const roundedBottomRight = !below && !right;\n        if (roundedTopLeft) {\n            style.push(dir === 'rtl' ? weekCornersClassNames.topRightCornerDate : weekCornersClassNames.topLeftCornerDate);\n        }\n        if (roundedTopRight) {\n            style.push(dir === 'rtl' ? weekCornersClassNames.topLeftCornerDate : weekCornersClassNames.topRightCornerDate);\n        }\n        if (roundedBottomLeft) {\n            style.push(dir === 'rtl' ? weekCornersClassNames.bottomRightCornerDate : weekCornersClassNames.bottomLeftCornerDate);\n        }\n        if (roundedBottomRight) {\n            style.push(dir === 'rtl' ? weekCornersClassNames.bottomLeftCornerDate : weekCornersClassNames.bottomRightCornerDate);\n        }\n        return mergeClasses(...style);\n    };\n    const isInSameHoverRange = (date1, date2, date1Selected, date2Selected)=>{\n        const { dateRangeType, firstDayOfWeek, workWeekDays } = props;\n        // The hover state looks weird with non-contiguous days in work week view. In work week, show week hover state\n        const dateRangeHoverType = dateRangeType === DateRangeType.WorkWeek ? DateRangeType.Week : dateRangeType;\n        // we do not pass daysToSelectInDayView because we handle setting those styles dyanamically in onMouseOver\n        const dateRange = getDateRangeArray(date1, dateRangeHoverType, firstDayOfWeek, workWeekDays);\n        if (date1Selected !== date2Selected) {\n            // if one is selected and the other is not, they can't be in the same range\n            return false;\n        } else if (date1Selected && date2Selected) {\n            // if they're both selected at the same time they must be in the same range\n            return true;\n        }\n        // otherwise, both must be unselected, so check the dateRange\n        return dateRange.filter((date)=>date.getTime() === date2.getTime()).length > 0;\n    };\n    return [\n        getWeekCornerStyles,\n        calculateRoundedStyles\n    ];\n}\n"],"names":["useWeekCornerStyles","weekCornersClassNames","topRightCornerDate","topLeftCornerDate","bottomRightCornerDate","bottomLeftCornerDate","props","dir","useFluent_unstable","getWeekCornerStyles","initialWeeks","weekCornersStyled","weeks","slice","length","forEach","week","weekIndex","day","dayIndex","above","isInSameHoverRange","originalDate","isSelected","below","left","right","calculateRoundedStyles","style","roundedTopLeft","roundedTopRight","roundedBottomLeft","roundedBottomRight","push","mergeClasses","date1","date2","date1Selected","date2Selected","dateRangeType","firstDayOfWeek","workWeekDays","dateRangeHoverType","DateRangeType","WorkWeek","Week","dateRange","getDateRangeArray","filter","date","getTime"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useWeeks", {
+    enumerable: true,
+    get: function() {
+        return useWeeks;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _index = require("../../utils/index");
+function useWeeks(props, onSelectDate, getSetRefCallback) {
+    'use no memo';
+    /**
+   * Initial parsing of the given props to generate IDayInfo two dimensional array, which contains a representation
+   * of every day in the grid. Convenient for helping with conversions between day refs and Date objects in callbacks.
+   */ const weeks = _react.useMemo(()=>{
+        var _props_getMarkedDays;
+        const weeksGrid = (0, _index.getDayGrid)(props);
+        const firstVisibleDay = weeksGrid[1][0].originalDate;
+        const lastVisibleDay = weeksGrid[weeksGrid.length - 1][6].originalDate;
+        const markedDays = ((_props_getMarkedDays = props.getMarkedDays) === null || _props_getMarkedDays === void 0 ? void 0 : _props_getMarkedDays.call(props, firstVisibleDay, lastVisibleDay)) || [];
+        /**
+     * Weeks is a 2D array. Weeks[0] contains the last week of the prior range,
+     * Weeks[weeks.length - 1] contains first week of next range. These are for transition states.
+     *
+     * Weeks[1... weeks.length - 2] contains the actual visible data
+     */ const returnValue = [];
+        for(let weekIndex = 0; weekIndex < weeksGrid.length; weekIndex++){
+            const week = [];
+            for(let dayIndex = 0; dayIndex < _index.DAYS_IN_WEEK; dayIndex++){
+                const day = weeksGrid[weekIndex][dayIndex];
+                const dayInfo = {
+                    onSelected: ()=>onSelectDate(day.originalDate),
+                    setRef: getSetRefCallback(day.key),
+                    ...day,
+                    isMarked: day.isMarked || (markedDays === null || markedDays === void 0 ? void 0 : markedDays.some((markedDay)=>(0, _index.compareDates)(day.originalDate, markedDay)))
+                };
+                week.push(dayInfo);
+            }
+            returnValue.push(week);
+        }
+        return returnValue;
+    // TODO: this is missing deps on getSetRefCallback and onSelectDate (and depending on the entire
+    // props object may not be a good idea due to likely frequent mutation). It would be easy to
+    // fix getSetRefCallback to not mutate every render, but onSelectDate is passed down from
+    // Calendar and trying to fix it requires a huge cascade of changes.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        props
+    ]);
+    return weeks;
+}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/CalendarDayGrid/useWeeks.ts"],"sourcesContent":["import * as React from 'react';\nimport { compareDates, DAYS_IN_WEEK, getDayGrid } from '../../utils/index';\nimport { DayInfo } from './CalendarDayGrid';\nimport { CalendarDayGridProps } from './CalendarDayGrid.types';\n\n/**\n * @internal\n */\nexport function useWeeks(\n  props: CalendarDayGridProps,\n  onSelectDate: (date: Date) => void,\n  getSetRefCallback: (dayKey: string) => (element: HTMLElement | null) => void,\n): DayInfo[][] {\n  'use no memo';\n\n  /**\n   * Initial parsing of the given props to generate IDayInfo two dimensional array, which contains a representation\n   * of every day in the grid. Convenient for helping with conversions between day refs and Date objects in callbacks.\n   */\n  const weeks = React.useMemo((): DayInfo[][] => {\n    const weeksGrid = getDayGrid(props);\n\n    const firstVisibleDay = weeksGrid[1][0].originalDate;\n    const lastVisibleDay = weeksGrid[weeksGrid.length - 1][6].originalDate;\n    const markedDays = props.getMarkedDays?.(firstVisibleDay, lastVisibleDay) || [];\n\n    /**\n     * Weeks is a 2D array. Weeks[0] contains the last week of the prior range,\n     * Weeks[weeks.length - 1] contains first week of next range. These are for transition states.\n     *\n     * Weeks[1... weeks.length - 2] contains the actual visible data\n     */\n    const returnValue: DayInfo[][] = [];\n\n    for (let weekIndex = 0; weekIndex < weeksGrid.length; weekIndex++) {\n      const week: DayInfo[] = [];\n      for (let dayIndex = 0; dayIndex < DAYS_IN_WEEK; dayIndex++) {\n        const day = weeksGrid[weekIndex][dayIndex];\n        const dayInfo: DayInfo = {\n          onSelected: () => onSelectDate(day.originalDate),\n          setRef: getSetRefCallback(day.key),\n          ...day,\n          isMarked: day.isMarked || markedDays?.some(markedDay => compareDates(day.originalDate, markedDay)),\n        };\n\n        week.push(dayInfo);\n      }\n      returnValue.push(week);\n    }\n\n    return returnValue;\n    // TODO: this is missing deps on getSetRefCallback and onSelectDate (and depending on the entire\n    // props object may not be a good idea due to likely frequent mutation). It would be easy to\n    // fix getSetRefCallback to not mutate every render, but onSelectDate is passed down from\n    // Calendar and trying to fix it requires a huge cascade of changes.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [props]);\n\n  return weeks;\n}\n"],"names":["useWeeks","props","onSelectDate","getSetRefCallback","weeks","React","useMemo","weeksGrid","getDayGrid","firstVisibleDay","originalDate","lastVisibleDay","length","markedDays","getMarkedDays","returnValue","weekIndex","week","dayIndex","DAYS_IN_WEEK","day","dayInfo","onSelected","setRef","key","isMarked","some","markedDay","compareDates","push"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQgBA;;;eAAAA;;;;iEARO;uBACgC;AAOhD,SAASA,SACdC,KAA2B,EAC3BC,YAAkC,EAClCC,iBAA4E;IAE5E;IAEA;;;GAGC,GACD,MAAMC,QAAQC,OAAMC,OAAO,CAAC;YAKPL;QAJnB,MAAMM,YAAYC,IAAAA,iBAAAA,EAAWP;QAE7B,MAAMQ,kBAAkBF,SAAS,CAAC,EAAE,CAAC,EAAE,CAACG,YAAY;QACpD,MAAMC,iBAAiBJ,SAAS,CAACA,UAAUK,MAAM,GAAG,EAAE,CAAC,EAAE,CAACF,YAAY;QACtE,MAAMG,aAAaZ,CAAAA,CAAAA,uBAAAA,MAAMa,aAAa,AAAbA,MAAa,QAAnBb,yBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,qBAAAA,IAAAA,CAAAA,OAAsBQ,iBAAiBE,eAAAA,KAAmB,EAAE;QAE/E;;;;;KAKC,GACD,MAAMI,cAA2B,EAAE;QAEnC,IAAK,IAAIC,YAAY,GAAGA,YAAYT,UAAUK,MAAM,EAAEI,YAAa;YACjE,MAAMC,OAAkB,EAAE;YAC1B,IAAK,IAAIC,WAAW,GAAGA,WAAWC,mBAAAA,EAAcD,WAAY;gBAC1D,MAAME,MAAMb,SAAS,CAACS,UAAU,CAACE,SAAS;gBAC1C,MAAMG,UAAmB;oBACvBC,YAAY,IAAMpB,aAAakB,IAAIV,YAAY;oBAC/Ca,QAAQpB,kBAAkBiB,IAAII,GAAG;oBACjC,GAAGJ,GAAG;oBACNK,UAAUL,IAAIK,QAAQ,IAAIZ,CAAAA,eAAAA,QAAAA,eAAAA,KAAAA,IAAAA,KAAAA,IAAAA,WAAYa,IAAI,CAACC,CAAAA,YAAaC,IAAAA,mBAAAA,EAAaR,IAAIV,YAAY,EAAEiB,WAAAA;gBACzF;gBAEAV,KAAKY,IAAI,CAACR;YACZ;YACAN,YAAYc,IAAI,CAACZ;QACnB;QAEA,OAAOF;IACP,gGAAgG;IAChG,4FAA4F;IAC5F,yFAAyF;IACzF,oEAAoE;IACpE,uDAAuD;IACzD,GAAG;QAACd;KAAM;IAEV,OAAOG;AACT"}

package/lib-commonjs/components/CalendarMonth/CalendarMonth.js

@@ -0,0 +1,270 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "CalendarMonth", {
+    enumerable: true,
+    get: function() {
+        return CalendarMonth;
+    }
+});
+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 _reacttabster = require("@fluentui/react-tabster");
+const _react1 = require("@griffel/react");
+const _utils = require("../../utils");
+const _CalendarYear = require("../CalendarYear/CalendarYear");
+const _useCalendarMonthStylesstyles = require("./useCalendarMonthStyles.styles");
+const MONTHS_PER_ROW = 4;
+function useAnimateBackwards({ navigatedDate }) {
+    const currentYear = navigatedDate.getFullYear();
+    const previousYearRef = _react.useRef();
+    _react.useEffect(()=>{
+        previousYearRef.current = currentYear;
+    });
+    const previousYear = previousYearRef.current;
+    if (previousYear === undefined || previousYear === currentYear) {
+        return undefined;
+    } else {
+        return previousYear > currentYear;
+    }
+}
+function useFocusLogic({ componentRef }) {
+    const navigatedMonthRef = _react.useRef(null);
+    const calendarYearRef = _react.useRef(null);
+    const focusOnUpdate = _react.useRef(false);
+    const focus = _react.useCallback(()=>{
+        if (calendarYearRef.current) {
+            calendarYearRef.current.focus();
+        } else if (navigatedMonthRef.current) {
+            navigatedMonthRef.current.focus();
+        }
+    }, []);
+    _react.useImperativeHandle(componentRef, ()=>({
+            focus
+        }), [
+        focus
+    ]);
+    _react.useEffect(()=>{
+        if (focusOnUpdate.current) {
+            focus();
+            focusOnUpdate.current = false;
+        }
+    });
+    const focusOnNextUpdate = ()=>{
+        focusOnUpdate.current = true;
+    };
+    return [
+        navigatedMonthRef,
+        calendarYearRef,
+        focusOnNextUpdate
+    ];
+}
+const CalendarMonth = (props)=>{
+    const { allFocusable, animationDirection, className, componentRef, dateTimeFormatter = _utils.DEFAULT_DATE_FORMATTING, highlightCurrentMonth, highlightSelectedMonth, maxDate, minDate, navigatedDate, navigationIcons, onHeaderSelect: onUserHeaderSelect, onNavigateDate, selectedDate, strings, today = new Date(), yearPickerHidden = false } = props;
+    const [navigatedMonthRef, calendarYearRef, focusOnNextUpdate] = useFocusLogic({
+        componentRef
+    });
+    const [isYearPickerVisible, setIsYearPickerVisible] = _react.useState(false);
+    const animateBackwards = useAnimateBackwards({
+        navigatedDate
+    });
+    const selectMonthCallback = (newMonth)=>{
+        return ()=>onSelectMonth(newMonth);
+    };
+    const onSelectNextYear = ()=>{
+        onNavigateDate((0, _utils.addYears)(navigatedDate, 1), false);
+    };
+    const onSelectPrevYear = ()=>{
+        onNavigateDate((0, _utils.addYears)(navigatedDate, -1), false);
+    };
+    const onSelectMonth = (newMonth)=>{
+        // If header is clickable the calendars are overlayed, switch back to day picker when month is clicked
+        onUserHeaderSelect === null || onUserHeaderSelect === void 0 ? void 0 : onUserHeaderSelect();
+        onNavigateDate((0, _utils.setMonth)(navigatedDate, newMonth), true);
+    };
+    const onHeaderSelect = ()=>{
+        if (!yearPickerHidden) {
+            focusOnNextUpdate();
+            setIsYearPickerVisible(true);
+        } else {
+            onUserHeaderSelect === null || onUserHeaderSelect === void 0 ? void 0 : onUserHeaderSelect();
+        }
+    };
+    const onSelectYear = (selectedYear)=>{
+        focusOnNextUpdate();
+        const navYear = navigatedDate.getFullYear();
+        if (navYear !== selectedYear) {
+            let newNavigationDate = new Date(navigatedDate.getTime());
+            newNavigationDate.setFullYear(selectedYear);
+            // for min and max dates, adjust the new navigation date - perhaps this should be
+            // checked on the master navigation date handler (i.e. in Calendar)
+            if (maxDate && newNavigationDate > maxDate) {
+                newNavigationDate = (0, _utils.setMonth)(newNavigationDate, maxDate.getMonth());
+            } else if (minDate && newNavigationDate < minDate) {
+                newNavigationDate = (0, _utils.setMonth)(newNavigationDate, minDate.getMonth());
+            }
+            onNavigateDate(newNavigationDate, true);
+        }
+        setIsYearPickerVisible(false);
+    };
+    const onYearPickerHeaderSelect = (focus)=>{
+        focusOnNextUpdate();
+        setIsYearPickerVisible(false);
+    };
+    const dateFormatter = dateTimeFormatter;
+    // determine if previous/next years are in bounds
+    const isPrevYearInBounds = minDate ? (0, _utils.compareDatePart)(minDate, (0, _utils.getYearStart)(navigatedDate)) < 0 : true;
+    const isNextYearInBounds = maxDate ? (0, _utils.compareDatePart)((0, _utils.getYearEnd)(navigatedDate), maxDate) < 0 : true;
+    const classNames = (0, _useCalendarMonthStylesstyles.useCalendarMonthStyles_unstable)({
+        className,
+        hasHeaderClickCallback: !!onUserHeaderSelect || !yearPickerHidden,
+        highlightCurrent: highlightCurrentMonth,
+        highlightSelected: highlightSelectedMonth,
+        animateBackwards,
+        animationDirection
+    });
+    const arrowNavigationAttributes = (0, _reacttabster.useArrowNavigationGroup)({
+        axis: 'grid'
+    });
+    if (isYearPickerVisible) {
+        const [onRenderYear, yearStrings] = getYearStrings({
+            dateTimeFormatter,
+            navigatedDate,
+            strings
+        });
+        // use navigated date for the year picker
+        return /*#__PURE__*/ _react.createElement(_CalendarYear.CalendarYear, {
+            key: 'calendarYear',
+            minYear: minDate ? minDate.getFullYear() : undefined,
+            maxYear: maxDate ? maxDate.getFullYear() : undefined,
+            // eslint-disable-next-line react/jsx-no-bind
+            onSelectYear: onSelectYear,
+            // eslint-disable-next-line react/jsx-no-bind
+            onHeaderSelect: onYearPickerHeaderSelect,
+            selectedYear: selectedDate ? selectedDate.getFullYear() : navigatedDate ? navigatedDate.getFullYear() : undefined,
+            navigatedYear: navigatedDate.getFullYear(),
+            navigationIcons: navigationIcons,
+            onRenderYear: onRenderYear,
+            strings: yearStrings,
+            componentRef: calendarYearRef,
+            highlightCurrentYear: highlightCurrentMonth,
+            highlightSelectedYear: highlightSelectedMonth,
+            animationDirection: animationDirection
+        });
+    }
+    const rowIndexes = [];
+    for(let i = 0; i < strings.shortMonths.length / MONTHS_PER_ROW; i++){
+        rowIndexes.push(i);
+    }
+    const yearString = dateFormatter.formatYear(navigatedDate);
+    const headerAriaLabel = strings.monthPickerHeaderAriaLabel ? strings.monthPickerHeaderAriaLabel.replace('{0}', yearString) : yearString;
+    return /*#__PURE__*/ _react.createElement("div", {
+        className: classNames.root
+    }, /*#__PURE__*/ _react.createElement("div", {
+        className: classNames.headerContainer
+    }, /*#__PURE__*/ _react.createElement("button", {
+        className: classNames.currentItemButton,
+        onClick: onHeaderSelect,
+        onKeyDown: onButtonKeyDown(onHeaderSelect),
+        "aria-label": headerAriaLabel,
+        tabIndex: !!onUserHeaderSelect || !yearPickerHidden ? 0 : -1,
+        type: "button"
+    }, /*#__PURE__*/ _react.createElement("span", {
+        "aria-live": "polite",
+        "aria-atomic": "true"
+    }, yearString)), /*#__PURE__*/ _react.createElement("div", {
+        className: classNames.navigationButtonsContainer
+    }, /*#__PURE__*/ _react.createElement("button", {
+        className: (0, _react1.mergeClasses)(classNames.navigationButton, !isPrevYearInBounds && classNames.disabled),
+        "aria-disabled": !isPrevYearInBounds,
+        tabIndex: isPrevYearInBounds ? undefined : allFocusable ? 0 : -1,
+        onClick: isPrevYearInBounds ? onSelectPrevYear : undefined,
+        onKeyDown: isPrevYearInBounds ? onButtonKeyDown(onSelectPrevYear) : undefined,
+        title: strings.prevYearAriaLabel ? strings.prevYearAriaLabel + ' ' + dateFormatter.formatYear((0, _utils.addYears)(navigatedDate, -1)) : undefined,
+        type: "button"
+    }, navigationIcons.upNavigation), /*#__PURE__*/ _react.createElement("button", {
+        className: (0, _react1.mergeClasses)(classNames.navigationButton, !isNextYearInBounds && classNames.disabled),
+        "aria-disabled": !isNextYearInBounds,
+        tabIndex: isNextYearInBounds ? undefined : allFocusable ? 0 : -1,
+        onClick: isNextYearInBounds ? onSelectNextYear : undefined,
+        onKeyDown: isNextYearInBounds ? onButtonKeyDown(onSelectNextYear) : undefined,
+        title: strings.nextYearAriaLabel ? strings.nextYearAriaLabel + ' ' + dateFormatter.formatYear((0, _utils.addYears)(navigatedDate, 1)) : undefined,
+        type: "button"
+    }, navigationIcons.downNavigation))), /*#__PURE__*/ _react.createElement("div", {
+        ...arrowNavigationAttributes,
+        className: classNames.gridContainer,
+        role: "grid",
+        "aria-label": yearString
+    }, rowIndexes.map((rowNum)=>{
+        const monthsForRow = strings.shortMonths.slice(rowNum * MONTHS_PER_ROW, (rowNum + 1) * MONTHS_PER_ROW);
+        return /*#__PURE__*/ _react.createElement("div", {
+            key: 'monthRow_' + rowNum + navigatedDate.getFullYear(),
+            role: "row",
+            className: classNames.buttonRow
+        }, monthsForRow.map((month, index)=>{
+            const monthIndex = rowNum * MONTHS_PER_ROW + index;
+            const indexedMonth = (0, _utils.setMonth)(navigatedDate, monthIndex);
+            const isNavigatedMonth = navigatedDate.getMonth() === monthIndex;
+            const isSelectedMonth = selectedDate.getMonth() === monthIndex;
+            const isSelectedYear = selectedDate.getFullYear() === navigatedDate.getFullYear();
+            const isInBounds = (minDate ? (0, _utils.compareDatePart)(minDate, (0, _utils.getMonthEnd)(indexedMonth)) < 1 : true) && (maxDate ? (0, _utils.compareDatePart)((0, _utils.getMonthStart)(indexedMonth), maxDate) < 1 : true);
+            return /*#__PURE__*/ _react.createElement("button", {
+                ref: isNavigatedMonth ? navigatedMonthRef : undefined,
+                role: 'gridcell',
+                className: (0, _react1.mergeClasses)(classNames.itemButton, highlightCurrentMonth && isCurrentMonth(monthIndex, navigatedDate.getFullYear(), today) && classNames.current, highlightSelectedMonth && isSelectedMonth && isSelectedYear && classNames.selected, !isInBounds && classNames.disabled),
+                disabled: !allFocusable && !isInBounds,
+                key: monthIndex,
+                onClick: isInBounds ? selectMonthCallback(monthIndex) : undefined,
+                onKeyDown: isInBounds ? onButtonKeyDown(selectMonthCallback(monthIndex)) : undefined,
+                "aria-label": dateFormatter.formatMonth(indexedMonth, strings),
+                "aria-selected": isNavigatedMonth,
+                tabIndex: isInBounds ? 0 : -1,
+                type: "button"
+            }, month);
+        }));
+    })));
+};
+CalendarMonth.displayName = 'CalendarMonth';
+function getYearStrings({ dateTimeFormatter, navigatedDate, strings }) {
+    const yearToString = (year)=>{
+        if (dateTimeFormatter) {
+            // create a date based on the current nav date
+            const yearFormattingDate = new Date(navigatedDate.getTime());
+            yearFormattingDate.setFullYear(year);
+            return dateTimeFormatter.formatYear(yearFormattingDate);
+        }
+        return String(year);
+    };
+    const yearRangeToString = (yearRange)=>{
+        return `${yearToString(yearRange.fromYear)} - ${yearToString(yearRange.toYear)}`;
+    };
+    const yearRangeToNextDecadeLabel = (yearRange)=>{
+        return strings.nextYearRangeAriaLabel ? `${strings.nextYearRangeAriaLabel} ${yearRangeToString(yearRange)}` : '';
+    };
+    const yearRangeToPrevDecadeLabel = (yearRange)=>{
+        return strings.prevYearRangeAriaLabel ? `${strings.prevYearRangeAriaLabel} ${yearRangeToString(yearRange)}` : '';
+    };
+    return [
+        yearToString,
+        {
+            rangeAriaLabel: yearRangeToString,
+            prevRangeAriaLabel: yearRangeToPrevDecadeLabel,
+            nextRangeAriaLabel: yearRangeToNextDecadeLabel,
+            headerAriaLabelFormatString: strings.yearPickerHeaderAriaLabel
+        }
+    ];
+}
+function isCurrentMonth(month, year, today) {
+    return today.getFullYear() === year && today.getMonth() === month;
+}
+function onButtonKeyDown(callback) {
+    return (ev)=>{
+        switch(ev.key){
+            case _keyboardkeys.Enter:
+                callback();
+                break;
+        }
+    };
+}

package/lib-commonjs/components/CalendarMonth/CalendarMonth.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/CalendarMonth/CalendarMonth.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Enter } from '@fluentui/keyboard-keys';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { mergeClasses } from '@griffel/react';\nimport {\n  addYears,\n  compareDatePart,\n  getMonthEnd,\n  getMonthStart,\n  getYearEnd,\n  getYearStart,\n  setMonth,\n  DEFAULT_DATE_FORMATTING,\n} from '../../utils';\nimport { CalendarYear } from '../CalendarYear/CalendarYear';\nimport { useCalendarMonthStyles_unstable } from './useCalendarMonthStyles.styles';\nimport type { CalendarMonthProps } from './CalendarMonth.types';\nimport type { CalendarYearRange, ICalendarYear } from '../CalendarYear/CalendarYear.types';\n\nconst MONTHS_PER_ROW = 4;\n\nfunction useAnimateBackwards({ navigatedDate }: { navigatedDate: CalendarMonthProps['navigatedDate'] }) {\n  const currentYear = navigatedDate.getFullYear();\n\n  const previousYearRef = React.useRef<number | undefined>();\n  React.useEffect(() => {\n    previousYearRef.current = currentYear;\n  });\n  const previousYear = previousYearRef.current;\n\n  if (previousYear === undefined || previousYear === currentYear) {\n    return undefined;\n  } else {\n    return previousYear > currentYear;\n  }\n}\n\nfunction useFocusLogic({ componentRef }: { componentRef: CalendarMonthProps['componentRef'] }) {\n  const navigatedMonthRef = React.useRef<HTMLButtonElement>(null);\n  const calendarYearRef = React.useRef<ICalendarYear>(null);\n  const focusOnUpdate = React.useRef(false);\n\n  const focus = React.useCallback(() => {\n    if (calendarYearRef.current) {\n      calendarYearRef.current.focus();\n    } else if (navigatedMonthRef.current) {\n      navigatedMonthRef.current.focus();\n    }\n  }, []);\n\n  React.useImperativeHandle(componentRef, () => ({ focus }), [focus]);\n\n  React.useEffect(() => {\n    if (focusOnUpdate.current) {\n      focus();\n      focusOnUpdate.current = false;\n    }\n  });\n\n  const focusOnNextUpdate = () => {\n    focusOnUpdate.current = true;\n  };\n\n  return [navigatedMonthRef, calendarYearRef, focusOnNextUpdate] as const;\n}\n\n/**\n * @internal\n */\nexport const CalendarMonth: React.FunctionComponent<CalendarMonthProps> = props => {\n  const {\n    allFocusable,\n    animationDirection,\n    className,\n    componentRef,\n    dateTimeFormatter = DEFAULT_DATE_FORMATTING,\n    highlightCurrentMonth,\n    highlightSelectedMonth,\n    maxDate,\n    minDate,\n    navigatedDate,\n    navigationIcons,\n    onHeaderSelect: onUserHeaderSelect,\n    onNavigateDate,\n    selectedDate,\n    strings,\n    today = new Date(),\n    yearPickerHidden = false,\n  } = props;\n\n  const [navigatedMonthRef, calendarYearRef, focusOnNextUpdate] = useFocusLogic({ componentRef });\n  const [isYearPickerVisible, setIsYearPickerVisible] = React.useState(false);\n\n  const animateBackwards = useAnimateBackwards({ navigatedDate });\n\n  const selectMonthCallback = (newMonth: number): (() => void) => {\n    return () => onSelectMonth(newMonth);\n  };\n\n  const onSelectNextYear = (): void => {\n    onNavigateDate(addYears(navigatedDate, 1), false);\n  };\n\n  const onSelectPrevYear = (): void => {\n    onNavigateDate(addYears(navigatedDate, -1), false);\n  };\n\n  const onSelectMonth = (newMonth: number): void => {\n    // If header is clickable the calendars are overlayed, switch back to day picker when month is clicked\n    onUserHeaderSelect?.();\n    onNavigateDate(setMonth(navigatedDate, newMonth), true);\n  };\n\n  const onHeaderSelect = (): void => {\n    if (!yearPickerHidden) {\n      focusOnNextUpdate();\n      setIsYearPickerVisible(true);\n    } else {\n      onUserHeaderSelect?.();\n    }\n  };\n\n  const onSelectYear = (selectedYear: number) => {\n    focusOnNextUpdate();\n    const navYear = navigatedDate.getFullYear();\n    if (navYear !== selectedYear) {\n      let newNavigationDate = new Date(navigatedDate.getTime());\n      newNavigationDate.setFullYear(selectedYear);\n      // for min and max dates, adjust the new navigation date - perhaps this should be\n      // checked on the master navigation date handler (i.e. in Calendar)\n      if (maxDate && newNavigationDate > maxDate) {\n        newNavigationDate = setMonth(newNavigationDate, maxDate.getMonth());\n      } else if (minDate && newNavigationDate < minDate) {\n        newNavigationDate = setMonth(newNavigationDate, minDate.getMonth());\n      }\n      onNavigateDate(newNavigationDate, true);\n    }\n    setIsYearPickerVisible(false);\n  };\n\n  const onYearPickerHeaderSelect = (focus: boolean): void => {\n    focusOnNextUpdate();\n    setIsYearPickerVisible(false);\n  };\n\n  const dateFormatter = dateTimeFormatter!;\n\n  // determine if previous/next years are in bounds\n  const isPrevYearInBounds = minDate ? compareDatePart(minDate, getYearStart(navigatedDate)) < 0 : true;\n  const isNextYearInBounds = maxDate ? compareDatePart(getYearEnd(navigatedDate), maxDate) < 0 : true;\n\n  const classNames = useCalendarMonthStyles_unstable({\n    className,\n    hasHeaderClickCallback: !!onUserHeaderSelect || !yearPickerHidden,\n    highlightCurrent: highlightCurrentMonth,\n    highlightSelected: highlightSelectedMonth,\n    animateBackwards,\n    animationDirection,\n  });\n\n  const arrowNavigationAttributes = useArrowNavigationGroup({ axis: 'grid' });\n\n  if (isYearPickerVisible) {\n    const [onRenderYear, yearStrings] = getYearStrings({ dateTimeFormatter, navigatedDate, strings });\n    // use navigated date for the year picker\n    return (\n      <CalendarYear\n        key={'calendarYear'}\n        minYear={minDate ? minDate.getFullYear() : undefined}\n        maxYear={maxDate ? maxDate.getFullYear() : undefined}\n        // eslint-disable-next-line react/jsx-no-bind\n        onSelectYear={onSelectYear}\n        // eslint-disable-next-line react/jsx-no-bind\n        onHeaderSelect={onYearPickerHeaderSelect}\n        selectedYear={\n          selectedDate ? selectedDate.getFullYear() : navigatedDate ? navigatedDate.getFullYear() : undefined\n        }\n        navigatedYear={navigatedDate.getFullYear()}\n        navigationIcons={navigationIcons}\n        onRenderYear={onRenderYear}\n        strings={yearStrings}\n        componentRef={calendarYearRef}\n        highlightCurrentYear={highlightCurrentMonth}\n        highlightSelectedYear={highlightSelectedMonth}\n        animationDirection={animationDirection}\n      />\n    );\n  }\n\n  const rowIndexes = [];\n  for (let i = 0; i < strings.shortMonths.length / MONTHS_PER_ROW; i++) {\n    rowIndexes.push(i);\n  }\n\n  const yearString = dateFormatter.formatYear(navigatedDate);\n  const headerAriaLabel = strings.monthPickerHeaderAriaLabel\n    ? strings.monthPickerHeaderAriaLabel.replace('{0}', yearString)\n    : yearString;\n\n  return (\n    <div className={classNames.root}>\n      <div className={classNames.headerContainer}>\n        <button\n          className={classNames.currentItemButton}\n          onClick={onHeaderSelect}\n          onKeyDown={onButtonKeyDown(onHeaderSelect)}\n          aria-label={headerAriaLabel}\n          tabIndex={!!onUserHeaderSelect || !yearPickerHidden ? 0 : -1}\n          type=\"button\"\n        >\n          <span aria-live=\"polite\" aria-atomic=\"true\">\n            {yearString}\n          </span>\n        </button>\n        <div className={classNames.navigationButtonsContainer}>\n          <button\n            className={mergeClasses(classNames.navigationButton, !isPrevYearInBounds && classNames.disabled)}\n            aria-disabled={!isPrevYearInBounds}\n            tabIndex={isPrevYearInBounds ? undefined : allFocusable ? 0 : -1}\n            onClick={isPrevYearInBounds ? onSelectPrevYear : undefined}\n            onKeyDown={isPrevYearInBounds ? onButtonKeyDown(onSelectPrevYear) : undefined}\n            title={\n              strings.prevYearAriaLabel\n                ? strings.prevYearAriaLabel + ' ' + dateFormatter.formatYear(addYears(navigatedDate, -1))\n                : undefined\n            }\n            type=\"button\"\n          >\n            {navigationIcons.upNavigation}\n          </button>\n          <button\n            className={mergeClasses(classNames.navigationButton, !isNextYearInBounds && classNames.disabled)}\n            aria-disabled={!isNextYearInBounds}\n            tabIndex={isNextYearInBounds ? undefined : allFocusable ? 0 : -1}\n            onClick={isNextYearInBounds ? onSelectNextYear : undefined}\n            onKeyDown={isNextYearInBounds ? onButtonKeyDown(onSelectNextYear) : undefined}\n            title={\n              strings.nextYearAriaLabel\n                ? strings.nextYearAriaLabel + ' ' + dateFormatter.formatYear(addYears(navigatedDate, 1))\n                : undefined\n            }\n            type=\"button\"\n          >\n            {navigationIcons.downNavigation}\n          </button>\n        </div>\n      </div>\n      <div {...arrowNavigationAttributes} className={classNames.gridContainer} role=\"grid\" aria-label={yearString}>\n        {rowIndexes.map((rowNum: number) => {\n          const monthsForRow = strings!.shortMonths.slice(rowNum * MONTHS_PER_ROW, (rowNum + 1) * MONTHS_PER_ROW);\n          return (\n            <div key={'monthRow_' + rowNum + navigatedDate.getFullYear()} role=\"row\" className={classNames.buttonRow}>\n              {monthsForRow.map((month: string, index: number) => {\n                const monthIndex = rowNum * MONTHS_PER_ROW + index;\n                const indexedMonth = setMonth(navigatedDate, monthIndex);\n                const isNavigatedMonth = navigatedDate.getMonth() === monthIndex;\n                const isSelectedMonth = selectedDate.getMonth() === monthIndex;\n                const isSelectedYear = selectedDate.getFullYear() === navigatedDate.getFullYear();\n                const isInBounds =\n                  (minDate ? compareDatePart(minDate, getMonthEnd(indexedMonth)) < 1 : true) &&\n                  (maxDate ? compareDatePart(getMonthStart(indexedMonth), maxDate) < 1 : true);\n\n                return (\n                  <button\n                    ref={isNavigatedMonth ? navigatedMonthRef : undefined}\n                    role={'gridcell'}\n                    className={mergeClasses(\n                      classNames.itemButton,\n                      highlightCurrentMonth &&\n                        isCurrentMonth(monthIndex, navigatedDate.getFullYear(), today) &&\n                        classNames.current,\n                      highlightSelectedMonth && isSelectedMonth && isSelectedYear && classNames.selected,\n                      !isInBounds && classNames.disabled,\n                    )}\n                    disabled={!allFocusable && !isInBounds}\n                    key={monthIndex}\n                    onClick={isInBounds ? selectMonthCallback(monthIndex) : undefined}\n                    onKeyDown={isInBounds ? onButtonKeyDown(selectMonthCallback(monthIndex)) : undefined}\n                    aria-label={dateFormatter.formatMonth(indexedMonth, strings!)}\n                    aria-selected={isNavigatedMonth}\n                    tabIndex={isInBounds ? 0 : -1}\n                    type=\"button\"\n                  >\n                    {month}\n                  </button>\n                );\n              })}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\nCalendarMonth.displayName = 'CalendarMonth';\n\nfunction getYearStrings({\n  dateTimeFormatter,\n  navigatedDate,\n  strings,\n}: Pick<CalendarMonthProps, 'dateTimeFormatter' | 'navigatedDate' | 'strings'>) {\n  const yearToString = (year: number) => {\n    if (dateTimeFormatter) {\n      // create a date based on the current nav date\n      const yearFormattingDate = new Date(navigatedDate.getTime());\n      yearFormattingDate.setFullYear(year);\n      return dateTimeFormatter.formatYear(yearFormattingDate);\n    }\n    return String(year);\n  };\n\n  const yearRangeToString = (yearRange: CalendarYearRange) => {\n    return `${yearToString(yearRange.fromYear)} - ${yearToString(yearRange.toYear)}`;\n  };\n\n  const yearRangeToNextDecadeLabel = (yearRange: CalendarYearRange) => {\n    return strings.nextYearRangeAriaLabel ? `${strings.nextYearRangeAriaLabel} ${yearRangeToString(yearRange)}` : '';\n  };\n\n  const yearRangeToPrevDecadeLabel = (yearRange: CalendarYearRange) => {\n    return strings.prevYearRangeAriaLabel ? `${strings.prevYearRangeAriaLabel} ${yearRangeToString(yearRange)}` : '';\n  };\n\n  return [\n    yearToString,\n    {\n      rangeAriaLabel: yearRangeToString,\n      prevRangeAriaLabel: yearRangeToPrevDecadeLabel,\n      nextRangeAriaLabel: yearRangeToNextDecadeLabel,\n      headerAriaLabelFormatString: strings.yearPickerHeaderAriaLabel,\n    } as const,\n  ] as const;\n}\n\nfunction isCurrentMonth(month: number, year: number, today: Date): boolean {\n  return today.getFullYear() === year && today.getMonth() === month;\n}\n\nfunction onButtonKeyDown(callback: () => void): (ev: React.KeyboardEvent<HTMLButtonElement>) => void {\n  return (ev: React.KeyboardEvent<HTMLButtonElement>) => {\n    switch (ev.key) {\n      case Enter:\n        callback();\n        break;\n    }\n  };\n}\n"],"names":["CalendarMonth","MONTHS_PER_ROW","useAnimateBackwards","navigatedDate","currentYear","getFullYear","previousYearRef","React","useRef","useEffect","current","previousYear","undefined","useFocusLogic","componentRef","navigatedMonthRef","calendarYearRef","focusOnUpdate","focus","useCallback","useImperativeHandle","focusOnNextUpdate","props","allFocusable","animationDirection","className","dateTimeFormatter","DEFAULT_DATE_FORMATTING","highlightCurrentMonth","highlightSelectedMonth","maxDate","minDate","navigationIcons","onHeaderSelect","onUserHeaderSelect","onNavigateDate","selectedDate","strings","today","Date","yearPickerHidden","isYearPickerVisible","setIsYearPickerVisible","useState","animateBackwards","selectMonthCallback","newMonth","onSelectMonth","onSelectNextYear","addYears","onSelectPrevYear","setMonth","onSelectYear","selectedYear","navYear","newNavigationDate","getTime","setFullYear","getMonth","onYearPickerHeaderSelect","dateFormatter","isPrevYearInBounds","compareDatePart","getYearStart","isNextYearInBounds","getYearEnd","classNames","useCalendarMonthStyles_unstable","hasHeaderClickCallback","highlightCurrent","highlightSelected","arrowNavigationAttributes","useArrowNavigationGroup","axis","onRenderYear","yearStrings","getYearStrings","createElement","CalendarYear","key","minYear","maxYear","navigatedYear","highlightCurrentYear","highlightSelectedYear","rowIndexes","i","shortMonths","length","push","yearString","formatYear","headerAriaLabel","monthPickerHeaderAriaLabel","replace","div","root","headerContainer","button","currentItemButton","onClick","onKeyDown","onButtonKeyDown","aria-label","tabIndex","type","span","aria-live","aria-atomic","navigationButtonsContainer","mergeClasses","navigationButton","disabled","aria-disabled","title","prevYearAriaLabel","upNavigation","nextYearAriaLabel","downNavigation","gridContainer","role","map","rowNum","monthsForRow","slice","buttonRow","month","index","monthIndex","indexedMonth","isNavigatedMonth","isSelectedMonth","isSelectedYear","isInBounds","getMonthEnd","getMonthStart","ref","itemButton","isCurrentMonth","selected","formatMonth","aria-selected","displayName","yearToString","year","yearFormattingDate","String","yearRangeToString","yearRange","fromYear","toYear","yearRangeToNextDecadeLabel","nextYearRangeAriaLabel","yearRangeToPrevDecadeLabel","prevYearRangeAriaLabel","rangeAriaLabel","prevRangeAriaLabel","nextRangeAriaLabel","headerAriaLabelFormatString","yearPickerHeaderAriaLabel","callback","ev","Enter"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/components/CalendarMonth/CalendarMonth.types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));

package/lib-commonjs/components/CalendarMonth/CalendarMonth.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/CalendarMonth/CalendarMonth.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { AnimationDirection } from '../Calendar/Calendar.types';\nimport type { CalendarNavigationIcons } from '../Calendar/calendarNavigationIcons';\nimport type { CalendarStrings, DateFormatting } from '../../utils';\nimport type { CalendarPickerStyleProps, CalendarPickerStyles } from '../CalendarPicker/CalendarPicker.types';\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport interface ICalendarMonth {\n  focus(): void;\n}\n\nexport interface CalendarMonthProps {\n  /**\n   * Optional callback to access the ICalendarMonth interface. Use this instead of ref for accessing\n   * the public methods and properties of the component.\n   */\n  componentRef?: React.RefObject<ICalendarMonth>;\n\n  /**\n   * Localized strings to use in the Calendar\n   */\n  strings: CalendarStrings;\n\n  /**\n   * The currently selected date\n   */\n  selectedDate: Date;\n\n  /**\n   * The currently navigated date\n   */\n  navigatedDate: Date;\n\n  /**\n   * Callback issued when a month is selected\n   * @param date - The date the user selected\n   * @param selectedDateRangeArray - The resultant list of dates that are selected based on the date range type set\n   * for the component.\n   */\n  onSelectDate?: (date: Date, selectedDateRangeArray?: Date[]) => void;\n\n  /**\n   * Callback issued when the year is navigated\n   * @param date - The date that is navigated to\n   * @param focusOnNavigatedDay - Whether to set the focus to the navigated date.\n   */\n  onNavigateDate: (date: Date, focusOnNavigatedDay: boolean) => void;\n\n  /**\n   * Value of today. If unspecified, current time in client machine will be used.\n   */\n  today?: Date;\n\n  /**\n   * Callback function when the header is selected\n   */\n  onHeaderSelect?: () => void;\n\n  /**\n   * Apply additional formatting to dates, for example localized date formatting.\n   */\n  dateTimeFormatter?: DateFormatting;\n\n  /**\n   * If set the Calendar will not allow navigation to or selection of a date earlier than this value.\n   */\n  minDate?: Date;\n\n  /**\n   * If set the Calendar will not allow navigation to or selection of a date later than this value.\n   */\n  maxDate?: Date;\n\n  /**\n   * Whether the month picker should highlight the current month\n   * @default false\n   */\n  highlightCurrentMonth?: boolean;\n\n  /**\n   * Whether the month picker should highlight the selected month\n   * @default false\n   */\n  highlightSelectedMonth?: boolean;\n\n  /**\n   * Allows all dates and buttons to be focused, including disabled ones\n   * @default false\n   */\n  allFocusable?: boolean;\n\n  /**\n   * Additional CSS class(es) to apply to the CalendarMonth.\n   */\n  className?: string;\n\n  /**\n   * Whether the year picker is hidden\n   * @default false\n   */\n  yearPickerHidden?: boolean;\n\n  /**\n   * The cardinal directions for animation to occur during transitions, either horizontal or veritcal\n   */\n  animationDirection?: AnimationDirection;\n\n  /**\n   * Custom navigation icons.\n   */\n  navigationIcons: CalendarNavigationIcons;\n}\n\n/**\n * @internal\n */\nexport interface CalendarMonthStyleProps extends CalendarPickerStyleProps {}\n\n/**\n * @internal\n */\nexport interface CalendarMonthStyles extends CalendarPickerStyles {}\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;iEAAuB"}