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

package/lib-commonjs/components/Calendar/useCalendarStyles.styles.js

@@ -0,0 +1,311 @@
+"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, {
+    calendarClassNames: function() {
+        return calendarClassNames;
+    },
+    useCalendarStyles_unstable: function() {
+        return useCalendarStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const calendarClassNames = {
+    root: 'fui-Calendar',
+    divider: 'fui-Calendar__divider',
+    goTodayButton: 'fui-Calendar__goTodayButton',
+    monthPickerWrapper: 'fui-Calendar__monthPickerWrapper',
+    liveRegion: 'fui-Calendar__liveRegion'
+};
+const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
+    base: {
+        mc9l5x: "f22iagw",
+        a9b677: "f13dwy2t"
+    },
+    normalize: {
+        E5pizo: "f1couhl3",
+        B7ck84d: "f1ewtqcl",
+        jrapky: 0,
+        Frg6f3: 0,
+        t21cq0: 0,
+        B6of3ja: 0,
+        B74szlk: "f1s184ao",
+        Byoj8tv: 0,
+        uwmqm3: 0,
+        z189sj: 0,
+        z8tnut: 0,
+        B0ocmuz: "f1mk8lai"
+    },
+    monthPickerNotVisible: {
+        Beiy3e4: "f1vx9l62"
+    },
+    dayAndMonthPickersVisible: {
+        a9b677: "fcy5b15"
+    },
+    dayPickerVisibleAndWeekNumbersShown: {
+        a9b677: "fhsg0in"
+    },
+    dayAndMonthPickersVisibleAndWeekNumbersShown: {
+        a9b677: "fcarq7f"
+    }
+}, {
+    d: [
+        ".f22iagw{display:flex;}",
+        ".f13dwy2t{width:220px;}",
+        ".f1couhl3{box-shadow:none;}",
+        ".f1ewtqcl{box-sizing:border-box;}",
+        [
+            ".f1s184ao{margin:0;}",
+            {
+                p: -1
+            }
+        ],
+        [
+            ".f1mk8lai{padding:0;}",
+            {
+                p: -1
+            }
+        ],
+        ".f1vx9l62{flex-direction:column;}",
+        ".fcy5b15{width:440px;}",
+        ".fhsg0in{width:250px;}",
+        ".fcarq7f{width:470px;}"
+    ]
+});
+const useDividerStyles = /*#__PURE__*/ (0, _react.__styles)({
+    base: {
+        h3c5rm: 0,
+        vrafjx: 0,
+        Bekrc4i: 0,
+        u1mtju: [
+            "fe2nn5g",
+            "f1rcbay7"
+        ],
+        Bhzewxz: "f15twtuk"
+    }
+}, {
+    d: [
+        [
+            ".fe2nn5g{border-right:1px solid var(--colorNeutralStroke2);}",
+            {
+                p: -1
+            }
+        ],
+        [
+            ".f1rcbay7{border-left:1px solid var(--colorNeutralStroke2);}",
+            {
+                p: -1
+            }
+        ],
+        ".f15twtuk{top:0;}"
+    ]
+});
+const useMonthPickerWrapperStyles = /*#__PURE__*/ (0, _react.__styles)({
+    base: {
+        mc9l5x: "f22iagw",
+        Beiy3e4: "f1vx9l62"
+    }
+}, {
+    d: [
+        ".f22iagw{display:flex;}",
+        ".f1vx9l62{flex-direction:column;}"
+    ]
+});
+const useGoTodayButtonStyles = /*#__PURE__*/ (0, _react.__styles)({
+    base: {
+        qb2dma: "fpydfdc",
+        De3pzq: "f1c21dwh",
+        icvyot: "f1ern45e",
+        vrafjx: [
+            "f1n71otn",
+            "f1deefiw"
+        ],
+        oivjwe: "f1h8hb77",
+        wvpqe5: [
+            "f1deefiw",
+            "f1n71otn"
+        ],
+        B5kzvoi: "f1yab3r1",
+        B7ck84d: "f1e4lqlz",
+        sj55zd: "f19n0e5",
+        Bahqtrf: "f1mo0ibp",
+        Be2twd7: "fy9rknc",
+        Bqenvij: "f1tvdnth",
+        Bg96gwp: "fpfng1i",
+        t21cq0: [
+            "f17vyym1",
+            "fb5scp"
+        ],
+        B6of3ja: "f4gg0ds",
+        B68tc82: 0,
+        Bmxbyg5: 0,
+        Bpg54ce: "f1gl81tg",
+        Byoj8tv: 0,
+        uwmqm3: 0,
+        z189sj: 0,
+        z8tnut: 0,
+        B0ocmuz: "f1p2x7z2",
+        seuwu7: "fvy6vk6",
+        Jwef8y: "f9ql6rf",
+        Bi91k9c: "f1f1pb61",
+        eoavqd: "f8491dx",
+        Bx7pl5v: 0,
+        Bnosqey: 0,
+        Bv57zgv: 0,
+        Bbxjs3m: "fzk52v6",
+        knvgbf: 0,
+        B23s7e0: 0,
+        Be8uuq8: 0,
+        B3ons6i: 0,
+        Bnj8mme: "fxh1mxx",
+        B2d53fq: "fc9d3oc",
+        Dyrjrp: "f1cqwcg4",
+        Be90el1: "fmjaa5u"
+    }
+}, {
+    d: [
+        ".fpydfdc{align-self:flex-end;}",
+        ".f1c21dwh{background-color:var(--colorTransparentBackground);}",
+        ".f1ern45e{border-top-style:none;}",
+        ".f1n71otn{border-right-style:none;}",
+        ".f1deefiw{border-left-style:none;}",
+        ".f1h8hb77{border-bottom-style:none;}",
+        ".f1yab3r1{bottom:0;}",
+        ".f1e4lqlz{box-sizing:content-box;}",
+        ".f19n0e5{color:var(--colorNeutralForeground1);}",
+        ".f1mo0ibp{font-family:inherit;}",
+        ".fy9rknc{font-size:var(--fontSizeBase200);}",
+        ".f1tvdnth{height:30px;}",
+        ".fpfng1i{line-height:30px;}",
+        ".f17vyym1{margin-right:16px;}",
+        ".fb5scp{margin-left:16px;}",
+        ".f4gg0ds{margin-top:3px;}",
+        [
+            ".f1gl81tg{overflow:visible;}",
+            {
+                p: -1
+            }
+        ],
+        [
+            ".f1p2x7z2{padding:0 4px;}",
+            {
+                p: -1
+            }
+        ],
+        ".fvy6vk6 div{font-size:var(--fontSizeBase200);}",
+        ".f1cqwcg4:disabled{color:var(--colorNeutralForegroundDisabled);}",
+        ".fmjaa5u:disabled{pointer-events:none;}"
+    ],
+    h: [
+        ".f9ql6rf:hover{background-color:var(--colorTransparentBackground);}",
+        ".f1f1pb61:hover{color:var(--colorBrandForeground1);}",
+        ".f8491dx:hover{cursor:pointer;}",
+        ".fc9d3oc:hover:active{color:var(--colorBrandForeground2);}"
+    ],
+    m: [
+        [
+            "@media (forced-colors: active){.fzk52v6:hover{outline:var(--strokeWidthThin);}}",
+            {
+                p: -1,
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.fxh1mxx:hover{border-radius:var(--borderRadiusSmall);}}",
+            {
+                p: -1,
+                m: "(forced-colors: active)"
+            }
+        ]
+    ]
+});
+const useLiveRegionStyles = /*#__PURE__*/ (0, _react.__styles)({
+    base: {
+        Bgfg5da: 0,
+        B9xav0g: 0,
+        oivjwe: 0,
+        Bn0qgzm: 0,
+        B4g9neb: 0,
+        zhjwy3: 0,
+        wvpqe5: 0,
+        ibv6hh: 0,
+        u1mtju: 0,
+        h3c5rm: 0,
+        vrafjx: 0,
+        Bekrc4i: 0,
+        i8vvqc: 0,
+        g2u3we: 0,
+        icvyot: 0,
+        B4j52fo: 0,
+        irswps: "f3bhgqh",
+        Bqenvij: "f1mpe4l3",
+        jrapky: 0,
+        Frg6f3: 0,
+        t21cq0: 0,
+        B6of3ja: 0,
+        B74szlk: "f1jlpb2r",
+        B68tc82: 0,
+        Bmxbyg5: 0,
+        Bpg54ce: "f1a3p1vp",
+        Byoj8tv: 0,
+        uwmqm3: 0,
+        z189sj: 0,
+        z8tnut: 0,
+        B0ocmuz: "f1mk8lai",
+        qhf8xq: "f1euv43f",
+        a9b677: "frkrog8"
+    }
+}, {
+    d: [
+        [
+            ".f3bhgqh{border:none;}",
+            {
+                p: -2
+            }
+        ],
+        ".f1mpe4l3{height:1px;}",
+        [
+            ".f1jlpb2r{margin:-1px;}",
+            {
+                p: -1
+            }
+        ],
+        [
+            ".f1a3p1vp{overflow:hidden;}",
+            {
+                p: -1
+            }
+        ],
+        [
+            ".f1mk8lai{padding:0;}",
+            {
+                p: -1
+            }
+        ],
+        ".f1euv43f{position:absolute;}",
+        ".frkrog8{width:1px;}"
+    ]
+});
+const useCalendarStyles_unstable = (props)=>{
+    'use no memo';
+    const rootStyles = useRootStyles();
+    const dividerStyles = useDividerStyles();
+    const monthPickerWrapperStyles = useMonthPickerWrapperStyles();
+    const goTodayButtonStyles = useGoTodayButtonStyles();
+    const liveRegionStyles = useLiveRegionStyles();
+    const { className, isDayPickerVisible, isMonthPickerVisible, showWeekNumbers } = props;
+    return {
+        root: (0, _react.mergeClasses)(calendarClassNames.root, rootStyles.base, rootStyles.normalize, !isMonthPickerVisible && rootStyles.monthPickerNotVisible, isDayPickerVisible && isMonthPickerVisible && !showWeekNumbers && rootStyles.dayAndMonthPickersVisible, isDayPickerVisible && !isMonthPickerVisible && showWeekNumbers && rootStyles.dayPickerVisibleAndWeekNumbersShown, isDayPickerVisible && isMonthPickerVisible && showWeekNumbers && rootStyles.dayAndMonthPickersVisibleAndWeekNumbersShown, className),
+        divider: (0, _react.mergeClasses)(calendarClassNames.divider, dividerStyles.base),
+        monthPickerWrapper: (0, _react.mergeClasses)(calendarClassNames.monthPickerWrapper, monthPickerWrapperStyles.base),
+        goTodayButton: (0, _react.mergeClasses)(calendarClassNames.goTodayButton, goTodayButtonStyles.base),
+        liveRegion: (0, _react.mergeClasses)(calendarClassNames.liveRegion, liveRegionStyles.base)
+    };
+};

package/lib-commonjs/components/Calendar/useCalendarStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useCalendarStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\n/**\n * @internal\n */ export const calendarClassNames = {\n    root: 'fui-Calendar',\n    divider: 'fui-Calendar__divider',\n    goTodayButton: 'fui-Calendar__goTodayButton',\n    monthPickerWrapper: 'fui-Calendar__monthPickerWrapper',\n    liveRegion: 'fui-Calendar__liveRegion'\n};\nconst useRootStyles = makeStyles({\n    base: {\n        display: 'flex',\n        width: '220px'\n    },\n    normalize: {\n        boxShadow: 'none',\n        boxSizing: 'border-box',\n        margin: '0',\n        padding: '0'\n    },\n    monthPickerNotVisible: {\n        flexDirection: 'column'\n    },\n    dayAndMonthPickersVisible: {\n        width: '440px'\n    },\n    dayPickerVisibleAndWeekNumbersShown: {\n        width: '250px'\n    },\n    dayAndMonthPickersVisibleAndWeekNumbersShown: {\n        width: '470px'\n    }\n});\nconst useDividerStyles = makeStyles({\n    base: {\n        borderRight: `1px solid ${tokens.colorNeutralStroke2}`,\n        top: 0\n    }\n});\nconst useMonthPickerWrapperStyles = makeStyles({\n    base: {\n        display: 'flex',\n        flexDirection: 'column'\n    }\n});\nconst useGoTodayButtonStyles = makeStyles({\n    base: {\n        alignSelf: 'flex-end',\n        backgroundColor: tokens.colorTransparentBackground,\n        ...shorthands.borderStyle('none'),\n        bottom: 0,\n        boxSizing: 'content-box',\n        color: tokens.colorNeutralForeground1,\n        fontFamily: 'inherit',\n        fontSize: tokens.fontSizeBase200,\n        height: '30px',\n        lineHeight: '30px',\n        marginRight: '16px',\n        marginTop: '3px',\n        overflow: 'visible',\n        padding: '0 4px',\n        '& div': {\n            fontSize: tokens.fontSizeBase200\n        },\n        '&:hover': {\n            backgroundColor: tokens.colorTransparentBackground,\n            color: tokens.colorBrandForeground1,\n            cursor: 'pointer',\n            '@media (forced-colors: active)': {\n                outline: tokens.strokeWidthThin,\n                borderRadius: tokens.borderRadiusSmall\n            }\n        },\n        '&:hover:active': {\n            color: tokens.colorBrandForeground2\n        },\n        '&:disabled': {\n            color: tokens.colorNeutralForegroundDisabled,\n            pointerEvents: 'none'\n        }\n    }\n});\nconst useLiveRegionStyles = makeStyles({\n    base: {\n        border: 'none',\n        height: '1px',\n        margin: '-1px',\n        overflow: 'hidden',\n        padding: '0',\n        position: 'absolute',\n        width: '1px'\n    }\n});\n/**\n * @internal\n *\n * Apply styling to the Calendar slots based on the state\n */ export const useCalendarStyles_unstable = (props)=>{\n    'use no memo';\n    const rootStyles = useRootStyles();\n    const dividerStyles = useDividerStyles();\n    const monthPickerWrapperStyles = useMonthPickerWrapperStyles();\n    const goTodayButtonStyles = useGoTodayButtonStyles();\n    const liveRegionStyles = useLiveRegionStyles();\n    const { className, isDayPickerVisible, isMonthPickerVisible, showWeekNumbers } = props;\n    return {\n        root: mergeClasses(calendarClassNames.root, rootStyles.base, rootStyles.normalize, !isMonthPickerVisible && rootStyles.monthPickerNotVisible, isDayPickerVisible && isMonthPickerVisible && !showWeekNumbers && rootStyles.dayAndMonthPickersVisible, isDayPickerVisible && !isMonthPickerVisible && showWeekNumbers && rootStyles.dayPickerVisibleAndWeekNumbersShown, isDayPickerVisible && isMonthPickerVisible && showWeekNumbers && rootStyles.dayAndMonthPickersVisibleAndWeekNumbersShown, className),\n        divider: mergeClasses(calendarClassNames.divider, dividerStyles.base),\n        monthPickerWrapper: mergeClasses(calendarClassNames.monthPickerWrapper, monthPickerWrapperStyles.base),\n        goTodayButton: mergeClasses(calendarClassNames.goTodayButton, goTodayButtonStyles.base),\n        liveRegion: mergeClasses(calendarClassNames.liveRegion, liveRegionStyles.base)\n    };\n};\n"],"names":["calendarClassNames","useCalendarStyles_unstable","root","divider","goTodayButton","monthPickerWrapper","liveRegion","useRootStyles","__styles","base","mc9l5x","a9b677","normalize","E5pizo","B7ck84d","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","monthPickerNotVisible","Beiy3e4","dayAndMonthPickersVisible","dayPickerVisibleAndWeekNumbersShown","dayAndMonthPickersVisibleAndWeekNumbersShown","d","p","useDividerStyles","h3c5rm","vrafjx","Bekrc4i","u1mtju","Bhzewxz","useMonthPickerWrapperStyles","useGoTodayButtonStyles","qb2dma","De3pzq","icvyot","oivjwe","wvpqe5","B5kzvoi","sj55zd","Bahqtrf","Be2twd7","Bqenvij","Bg96gwp","B68tc82","Bmxbyg5","Bpg54ce","seuwu7","Jwef8y","Bi91k9c","eoavqd","Bx7pl5v","Bnosqey","Bv57zgv","Bbxjs3m","knvgbf","B23s7e0","Be8uuq8","B3ons6i","Bnj8mme","B2d53fq","Dyrjrp","Be90el1","h","m","useLiveRegionStyles","Bgfg5da","B9xav0g","Bn0qgzm","B4g9neb","zhjwy3","ibv6hh","i8vvqc","g2u3we","B4j52fo","irswps","qhf8xq","props","rootStyles","dividerStyles","monthPickerWrapperStyles","goTodayButtonStyles","liveRegionStyles","className","isDayPickerVisible","isMonthPickerVisible","showWeekNumbers","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -0,0 +1,116 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "CalendarDay", {
+    enumerable: true,
+    get: function() {
+        return CalendarDay;
+    }
+});
+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 _react1 = require("@griffel/react");
+const _utils = require("../../utils");
+const _CalendarDayGrid = require("../CalendarDayGrid/CalendarDayGrid");
+const _useCalendarDayStylesstyles = require("./useCalendarDayStyles.styles");
+const CalendarDay = (props)=>{
+    const dayGrid = _react.useRef(null);
+    _react.useImperativeHandle(props.componentRef, ()=>({
+            focus () {
+                var _dayGrid_current_focus, _dayGrid_current;
+                (_dayGrid_current = dayGrid.current) === null || _dayGrid_current === void 0 ? void 0 : (_dayGrid_current_focus = _dayGrid_current.focus) === null || _dayGrid_current_focus === void 0 ? void 0 : _dayGrid_current_focus.call(_dayGrid_current);
+            }
+        }), []);
+    const { strings, gridLabel, navigatedDate, dateTimeFormatter, className, onHeaderSelect, showSixWeeksByDefault, minDate, maxDate, restrictedDates, onNavigateDate, showWeekNumbers, dateRangeType, animationDirection } = props;
+    const classNames = (0, _useCalendarDayStylesstyles.useCalendarDayStyles_unstable)({
+        className,
+        headerIsClickable: !!onHeaderSelect,
+        showWeekNumbers,
+        animationDirection
+    });
+    const monthAndYear = dateTimeFormatter.formatMonthYear(navigatedDate, strings);
+    const HeaderButtonComponentType = onHeaderSelect ? 'button' : 'div';
+    const headerAriaLabel = strings.yearPickerHeaderAriaLabel ? strings.yearPickerHeaderAriaLabel.replace('{0}', monthAndYear) : monthAndYear;
+    const { ...propsWithoutStyles } = props;
+    return /*#__PURE__*/ _react.createElement("div", {
+        className: classNames.root
+    }, /*#__PURE__*/ _react.createElement("div", {
+        className: classNames.header
+    }, /*#__PURE__*/ _react.createElement(HeaderButtonComponentType, {
+        "aria-label": onHeaderSelect ? headerAriaLabel : undefined,
+        className: classNames.monthAndYear,
+        onClick: onHeaderSelect,
+        tabIndex: onHeaderSelect ? 0 : -1,
+        onKeyDown: onButtonKeyDown(onHeaderSelect),
+        type: "button"
+    }, /*#__PURE__*/ _react.createElement("span", {
+        "aria-live": "polite",
+        "aria-atomic": "true"
+    }, monthAndYear)), /*#__PURE__*/ _react.createElement(CalendarDayNavigationButtons, {
+        ...props,
+        classNames: classNames
+    })), /*#__PURE__*/ _react.createElement(_CalendarDayGrid.CalendarDayGrid, {
+        ...propsWithoutStyles,
+        gridLabel: `${monthAndYear}, ${gridLabel}`,
+        componentRef: dayGrid,
+        strings: strings,
+        navigatedDate: navigatedDate,
+        weeksToShow: showSixWeeksByDefault ? 6 : undefined,
+        dateTimeFormatter: dateTimeFormatter,
+        minDate: minDate,
+        maxDate: maxDate,
+        restrictedDates: restrictedDates,
+        onNavigateDate: onNavigateDate,
+        dateRangeType: dateRangeType
+    }));
+};
+CalendarDay.displayName = 'CalendarDay';
+const CalendarDayNavigationButtons = (props)=>{
+    const { minDate, maxDate, navigatedDate, navigationIcons, allFocusable, strings, showCloseButton, classNames, onNavigateDate, onDismiss } = props;
+    const onSelectNextMonth = ()=>{
+        onNavigateDate((0, _utils.addMonths)(navigatedDate, 1), false);
+    };
+    const onSelectPrevMonth = ()=>{
+        onNavigateDate((0, _utils.addMonths)(navigatedDate, -1), false);
+    };
+    // determine if previous/next months are in bounds
+    const prevMonthInBounds = minDate ? (0, _utils.compareDatePart)(minDate, (0, _utils.getMonthStart)(navigatedDate)) < 0 : true;
+    const nextMonthInBounds = maxDate ? (0, _utils.compareDatePart)((0, _utils.getMonthEnd)(navigatedDate), maxDate) < 0 : true;
+    // use aria-disabled instead of disabled so focus is not lost
+    // when a prev/next button becomes disabled after being clicked
+    return /*#__PURE__*/ _react.createElement("div", {
+        className: classNames.monthComponents
+    }, /*#__PURE__*/ _react.createElement("button", {
+        className: (0, _react1.mergeClasses)(classNames.headerIconButton, !prevMonthInBounds && classNames.disabledStyle),
+        tabIndex: prevMonthInBounds ? undefined : allFocusable ? 0 : -1,
+        "aria-disabled": !prevMonthInBounds,
+        onClick: prevMonthInBounds ? onSelectPrevMonth : undefined,
+        onKeyDown: prevMonthInBounds ? onButtonKeyDown(onSelectPrevMonth) : undefined,
+        title: strings.prevMonthAriaLabel ? strings.prevMonthAriaLabel + ' ' + strings.months[(0, _utils.addMonths)(navigatedDate, -1).getMonth()] : undefined,
+        type: "button"
+    }, navigationIcons.upNavigation), /*#__PURE__*/ _react.createElement("button", {
+        className: (0, _react1.mergeClasses)(classNames.headerIconButton, !nextMonthInBounds && classNames.disabledStyle),
+        tabIndex: nextMonthInBounds ? undefined : allFocusable ? 0 : -1,
+        "aria-disabled": !nextMonthInBounds,
+        onClick: nextMonthInBounds ? onSelectNextMonth : undefined,
+        onKeyDown: nextMonthInBounds ? onButtonKeyDown(onSelectNextMonth) : undefined,
+        title: strings.nextMonthAriaLabel ? strings.nextMonthAriaLabel + ' ' + strings.months[(0, _utils.addMonths)(navigatedDate, 1).getMonth()] : undefined,
+        type: "button"
+    }, navigationIcons.downNavigation), showCloseButton && /*#__PURE__*/ _react.createElement("button", {
+        className: classNames.headerIconButton,
+        onClick: onDismiss,
+        onKeyDown: onButtonKeyDown(onDismiss),
+        title: strings.closeButtonAriaLabel,
+        type: "button"
+    }, navigationIcons.dismiss));
+};
+CalendarDayNavigationButtons.displayName = 'CalendarDayNavigationButtons';
+const onButtonKeyDown = (callback)=>(ev)=>{
+        switch(ev.key){
+            case _keyboardkeys.Enter:
+                callback === null || callback === void 0 ? void 0 : callback();
+                break;
+        }
+    };

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/CalendarDay/CalendarDay.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Enter } from '@fluentui/keyboard-keys';\nimport { mergeClasses } from '@griffel/react';\nimport { addMonths, compareDatePart, getMonthEnd, getMonthStart } from '../../utils';\nimport { CalendarDayGrid } from '../CalendarDayGrid/CalendarDayGrid';\nimport { useCalendarDayStyles_unstable } from './useCalendarDayStyles.styles';\nimport type { ICalendarDayGrid } from '../CalendarDayGrid/CalendarDayGrid.types';\nimport type { CalendarDayProps, CalendarDayStyles } from './CalendarDay.types';\n\n/**\n * @internal\n */\nexport const CalendarDay: React.FunctionComponent<CalendarDayProps> = props => {\n  const dayGrid = React.useRef<ICalendarDayGrid>(null);\n\n  React.useImperativeHandle(\n    props.componentRef,\n    () => ({\n      focus() {\n        dayGrid.current?.focus?.();\n      },\n    }),\n    [],\n  );\n\n  const {\n    strings,\n    gridLabel,\n    navigatedDate,\n    dateTimeFormatter,\n    className,\n    onHeaderSelect,\n    showSixWeeksByDefault,\n    minDate,\n    maxDate,\n    restrictedDates,\n    onNavigateDate,\n    showWeekNumbers,\n    dateRangeType,\n    animationDirection,\n  } = props;\n\n  const classNames = useCalendarDayStyles_unstable({\n    className,\n    headerIsClickable: !!onHeaderSelect,\n    showWeekNumbers,\n    animationDirection,\n  });\n\n  const monthAndYear = dateTimeFormatter.formatMonthYear(navigatedDate, strings);\n  const HeaderButtonComponentType = onHeaderSelect ? 'button' : 'div';\n  const headerAriaLabel = strings.yearPickerHeaderAriaLabel\n    ? strings.yearPickerHeaderAriaLabel.replace('{0}', monthAndYear)\n    : monthAndYear;\n\n  const { ...propsWithoutStyles } = props;\n\n  return (\n    <div className={classNames.root}>\n      <div className={classNames.header}>\n        <HeaderButtonComponentType\n          aria-label={onHeaderSelect ? headerAriaLabel : undefined}\n          className={classNames.monthAndYear}\n          onClick={onHeaderSelect}\n          tabIndex={onHeaderSelect ? 0 : -1} // prevent focus if there's no action for the button\n          onKeyDown={onButtonKeyDown(onHeaderSelect)}\n          type=\"button\"\n        >\n          <span aria-live=\"polite\" aria-atomic=\"true\">\n            {monthAndYear}\n          </span>\n        </HeaderButtonComponentType>\n        <CalendarDayNavigationButtons {...props} classNames={classNames} />\n      </div>\n      <CalendarDayGrid\n        {...propsWithoutStyles}\n        gridLabel={`${monthAndYear}, ${gridLabel}`}\n        componentRef={dayGrid}\n        strings={strings}\n        navigatedDate={navigatedDate!}\n        weeksToShow={showSixWeeksByDefault ? 6 : undefined}\n        dateTimeFormatter={dateTimeFormatter!}\n        minDate={minDate}\n        maxDate={maxDate}\n        restrictedDates={restrictedDates}\n        onNavigateDate={onNavigateDate}\n        dateRangeType={dateRangeType}\n      />\n    </div>\n  );\n};\nCalendarDay.displayName = 'CalendarDay';\n\ninterface CalendarDayNavigationButtonsProps extends CalendarDayProps {\n  classNames: Record<keyof CalendarDayStyles, string>;\n}\n\nconst CalendarDayNavigationButtons = (props: CalendarDayNavigationButtonsProps): JSX.Element => {\n  const {\n    minDate,\n    maxDate,\n    navigatedDate,\n    navigationIcons,\n    allFocusable,\n    strings,\n    showCloseButton,\n    classNames,\n    onNavigateDate,\n    onDismiss,\n  } = props;\n\n  const onSelectNextMonth = (): void => {\n    onNavigateDate(addMonths(navigatedDate, 1), false);\n  };\n\n  const onSelectPrevMonth = (): void => {\n    onNavigateDate(addMonths(navigatedDate, -1), false);\n  };\n\n  // determine if previous/next months are in bounds\n  const prevMonthInBounds = minDate ? compareDatePart(minDate, getMonthStart(navigatedDate)) < 0 : true;\n  const nextMonthInBounds = maxDate ? compareDatePart(getMonthEnd(navigatedDate), maxDate) < 0 : true;\n\n  // use aria-disabled instead of disabled so focus is not lost\n  // when a prev/next button becomes disabled after being clicked\n  return (\n    <div className={classNames.monthComponents}>\n      <button\n        className={mergeClasses(classNames.headerIconButton, !prevMonthInBounds && classNames.disabledStyle)}\n        tabIndex={prevMonthInBounds ? undefined : allFocusable ? 0 : -1}\n        aria-disabled={!prevMonthInBounds}\n        onClick={prevMonthInBounds ? onSelectPrevMonth : undefined}\n        onKeyDown={prevMonthInBounds ? onButtonKeyDown(onSelectPrevMonth) : undefined}\n        title={\n          strings.prevMonthAriaLabel\n            ? strings.prevMonthAriaLabel + ' ' + strings.months[addMonths(navigatedDate, -1).getMonth()]\n            : undefined\n        }\n        type=\"button\"\n      >\n        {navigationIcons.upNavigation}\n      </button>\n      <button\n        className={mergeClasses(classNames.headerIconButton, !nextMonthInBounds && classNames.disabledStyle)}\n        tabIndex={nextMonthInBounds ? undefined : allFocusable ? 0 : -1}\n        aria-disabled={!nextMonthInBounds}\n        onClick={nextMonthInBounds ? onSelectNextMonth : undefined}\n        onKeyDown={nextMonthInBounds ? onButtonKeyDown(onSelectNextMonth) : undefined}\n        title={\n          strings.nextMonthAriaLabel\n            ? strings.nextMonthAriaLabel + ' ' + strings.months[addMonths(navigatedDate, 1).getMonth()]\n            : undefined\n        }\n        type=\"button\"\n      >\n        {navigationIcons.downNavigation}\n      </button>\n      {showCloseButton && (\n        <button\n          className={classNames.headerIconButton}\n          onClick={onDismiss}\n          onKeyDown={onButtonKeyDown(onDismiss)}\n          title={strings.closeButtonAriaLabel}\n          type=\"button\"\n        >\n          {navigationIcons.dismiss}\n        </button>\n      )}\n    </div>\n  );\n};\nCalendarDayNavigationButtons.displayName = 'CalendarDayNavigationButtons';\n\nconst onButtonKeyDown =\n  (callback?: () => void): ((ev: React.KeyboardEvent<HTMLButtonElement | HTMLDivElement>) => void) =>\n  (ev: React.KeyboardEvent<HTMLButtonElement | HTMLDivElement>) => {\n    switch (ev.key) {\n      case Enter:\n        callback?.();\n        break;\n    }\n  };\n"],"names":["CalendarDay","props","dayGrid","React","useRef","useImperativeHandle","componentRef","focus","current","strings","gridLabel","navigatedDate","dateTimeFormatter","className","onHeaderSelect","showSixWeeksByDefault","minDate","maxDate","restrictedDates","onNavigateDate","showWeekNumbers","dateRangeType","animationDirection","classNames","useCalendarDayStyles_unstable","headerIsClickable","monthAndYear","formatMonthYear","HeaderButtonComponentType","headerAriaLabel","yearPickerHeaderAriaLabel","replace","propsWithoutStyles","createElement","div","root","header","aria-label","undefined","onClick","tabIndex","onKeyDown","onButtonKeyDown","type","span","aria-live","aria-atomic","CalendarDayNavigationButtons","CalendarDayGrid","weeksToShow","displayName","navigationIcons","allFocusable","showCloseButton","onDismiss","onSelectNextMonth","addMonths","onSelectPrevMonth","prevMonthInBounds","compareDatePart","getMonthStart","nextMonthInBounds","getMonthEnd","monthComponents","button","mergeClasses","headerIconButton","disabledStyle","aria-disabled","title","prevMonthAriaLabel","months","getMonth","upNavigation","nextMonthAriaLabel","downNavigation","closeButtonAriaLabel","dismiss","callback","ev","key","Enter"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/components/CalendarDay/CalendarDay.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/CalendarDay/CalendarDay.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/CalendarDay/CalendarDay.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { CalendarStrings, DateFormatting } from '../../utils';\nimport type { CalendarDayGridProps, CalendarDayGridStyleProps } from '../CalendarDayGrid/CalendarDayGrid.types';\nimport type { CalendarNavigationIcons } from '../Calendar/calendarNavigationIcons';\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport interface ICalendarDay {\n  focus(): void;\n}\n\nexport interface CalendarDayProps extends CalendarDayGridProps {\n  /**\n   * Optional callback to access the ICalendarDay interface. Use this instead of ref for accessing\n   * the public methods and properties of the component.\n   */\n  componentRef?: React.RefObject<ICalendarDay>;\n\n  /**\n   * Additional CSS class(es) to apply to the CalendarDay.\n   */\n  className?: string;\n\n  /**\n   * Localized strings to use in the Calendar\n   */\n  strings: CalendarStrings;\n\n  /**\n   * The currently navigated date\n   */\n  navigatedDate: Date;\n\n  /**\n   * Callback issued when a date in the calendar 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   * Callback issued when calendar day is closed\n   */\n  onDismiss?: () => void;\n\n  /**\n   * Callback function when the header is selected\n   */\n  onHeaderSelect?: () => void;\n\n  /**\n   * Whether the calendar should show the week number (weeks 1 to 53) before each week row\n   * @default false\n   */\n  showWeekNumbers?: boolean;\n\n  /**\n   * Apply additional formatting to dates, for example localized date formatting.\n   */\n  dateTimeFormatter: DateFormatting;\n\n  /**\n   * Whether the calendar should show 6 weeks by default.\n   * @default false\n   */\n  showSixWeeksByDefault?: boolean;\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   * If set the Calendar will not allow selection of dates in this array.\n   */\n  restrictedDates?: Date[];\n\n  /**\n   * Whether the close button should be shown or not\n   * @default false\n   */\n  showCloseButton?: 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   * Custom navigation icons.\n   */\n  navigationIcons: CalendarNavigationIcons;\n}\n\n/**\n * @internal\n */\nexport interface CalendarDayStyleProps extends CalendarDayGridStyleProps {\n  /**\n   * Accept custom classNames\n   */\n  className?: string;\n\n  /**\n   * Whether the header is clickable\n   */\n  headerIsClickable?: boolean;\n\n  /**\n   * Whether week numbers are being shown\n   */\n  showWeekNumbers?: boolean;\n}\n\n/**\n * @internal\n */\nexport interface CalendarDayStyles {\n  /**\n   * Style for the root element.\n   */\n  root: string;\n\n  /**\n   * The style for the header button and forward/back navigation button container\n   */\n  header: string;\n\n  /**\n   * The style for the title text inside the header\n   */\n  monthAndYear: string;\n\n  /**\n   * The style for the wrapper around forward/back/close buttons\n   */\n  monthComponents: string;\n\n  /**\n   * The style for the forward/back/close buttons\n   */\n  headerIconButton: string;\n\n  /**\n   * The style to apply for disabled elements\n   */\n  disabledStyle: string;\n}\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;iEAAuB"}

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

@@ -0,0 +1,23 @@
+"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, {
+    CalendarDay: function() {
+        return _CalendarDay.CalendarDay;
+    },
+    calendarDayClassNames: function() {
+        return _useCalendarDayStylesstyles.calendarDayClassNames;
+    },
+    useCalendarDayStyles_unstable: function() {
+        return _useCalendarDayStylesstyles.useCalendarDayStyles_unstable;
+    }
+});
+const _CalendarDay = require("./CalendarDay");
+const _useCalendarDayStylesstyles = require("./useCalendarDayStyles.styles");

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/CalendarDay/index.ts"],"sourcesContent":["export { CalendarDay } from './CalendarDay';\nexport type { CalendarDayProps, CalendarDayStyleProps, CalendarDayStyles, ICalendarDay } from './CalendarDay.types';\nexport { calendarDayClassNames, useCalendarDayStyles_unstable } from './useCalendarDayStyles.styles';\n"],"names":["CalendarDay","calendarDayClassNames","useCalendarDayStyles_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,WAAW;eAAXA,wBAAW;;IAEXC,qBAAqB;eAArBA,iDAAqB;;IAAEC,6BAA6B;eAA7BA,yDAA6B;;;6BAFjC;4CAEyC"}