@fluentui/react-datepicker-compat 0.3.6 → 0.3.7

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

@@ -1 +1 @@
-{"version":3,"sources":["CalendarDayGrid.js"],"sourcesContent":["import * as React from 'react';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { useId } from '@fluentui/react-utilities';\nimport { getBoundedDateRange, getDateRangeArray, isRestrictedDate, DateRangeType } from '../../utils';\nimport { useCalendarDayGridStyles_unstable } from './useCalendarDayGridStyles.styles';\nimport { CalendarMonthHeaderRow } from './CalendarMonthHeaderRow';\nimport { CalendarGridRow } from './CalendarGridRow';\nimport { useWeeks } from './useWeeks';\nimport { useWeekCornerStyles } from './useWeekCornerStyles.styles';\nimport { mergeClasses } from '@griffel/react';\nfunction useDayRefs() {\n    const daysRef = React.useRef({});\n    const getSetRefCallback = (dayKey)=>(element)=>{\n            if (element === null) {\n                delete daysRef.current[dayKey];\n            } else {\n                daysRef.current[dayKey] = element;\n            }\n        };\n    return [\n        daysRef,\n        getSetRefCallback\n    ];\n}\nfunction useAnimateBackwards(weeks) {\n    const previousNavigatedDateRef = React.useRef();\n    React.useEffect(()=>{\n        previousNavigatedDateRef.current = weeks[0][0].originalDate;\n    });\n    const previousNavigatedDate = previousNavigatedDateRef.current;\n    if (!previousNavigatedDate || previousNavigatedDate.getTime() === weeks[0][0].originalDate.getTime()) {\n        return undefined;\n    } else if (previousNavigatedDate <= weeks[0][0].originalDate) {\n        return false;\n    } else {\n        return true;\n    }\n}\nexport const CalendarDayGrid = (props)=>{\n    const navigatedDayRef = React.useRef(null);\n    const activeDescendantId = useId();\n    const onSelectDate = (selectedDate)=>{\n        var _props_onSelectDate, _props_onNavigateDate;\n        const { firstDayOfWeek , minDate , maxDate , workWeekDays , daysToSelectInDayView , restrictedDates  } = props;\n        const restrictedDatesOptions = {\n            minDate,\n            maxDate,\n            restrictedDates\n        };\n        let dateRange = getDateRangeArray(selectedDate, dateRangeType, firstDayOfWeek, workWeekDays, daysToSelectInDayView);\n        dateRange = getBoundedDateRange(dateRange, minDate, maxDate);\n        dateRange = dateRange.filter((d)=>{\n            return !isRestrictedDate(d, restrictedDatesOptions);\n        });\n        (_props_onSelectDate = props.onSelectDate) === null || _props_onSelectDate === void 0 ? void 0 : _props_onSelectDate.call(props, selectedDate, dateRange);\n        (_props_onNavigateDate = props.onNavigateDate) === null || _props_onNavigateDate === void 0 ? void 0 : _props_onNavigateDate.call(props, selectedDate, true);\n    };\n    const [daysRef, getSetRefCallback] = useDayRefs();\n    const weeks = useWeeks(props, onSelectDate, getSetRefCallback);\n    const animateBackwards = useAnimateBackwards(weeks);\n    const [getWeekCornerStyles, calculateRoundedStyles] = useWeekCornerStyles(props);\n    React.useImperativeHandle(props.componentRef, ()=>{\n        return {\n            focus () {\n                var _navigatedDayRef_current, _navigatedDayRef_current_focus;\n                (_navigatedDayRef_current = navigatedDayRef.current) === null || _navigatedDayRef_current === void 0 ? void 0 : (_navigatedDayRef_current_focus = _navigatedDayRef_current.focus) === null || _navigatedDayRef_current_focus === void 0 ? void 0 : _navigatedDayRef_current_focus.call(_navigatedDayRef_current);\n            }\n        };\n    }, []);\n    /**\n   *\n   * Section for setting hover/pressed styles. Because we want arbitrary blobs of days to be selectable, to support\n   * highlighting every day in the month for month view, css :hover style isn't enough, so we need mouse callbacks\n   * to set classnames on all relevant child refs to apply the styling\n   *\n   */ const getDayInfosInRangeOfDay = (dayToCompare)=>{\n        // The hover state looks weird with non-contiguous days in work week view. In work week, show week hover state\n        const dateRangeHoverType = getDateRangeTypeToUse(props.dateRangeType, props.workWeekDays);\n        // gets all the dates for the given date range type that are in the same date range as the given day\n        const dateRange = getDateRangeArray(dayToCompare.originalDate, dateRangeHoverType, props.firstDayOfWeek, props.workWeekDays, props.daysToSelectInDayView).map((date)=>date.getTime());\n        // gets all the day refs for the given dates\n        const dayInfosInRange = weeks.reduce((accumulatedValue, currentWeek)=>{\n            return accumulatedValue.concat(currentWeek.filter((weekDay)=>dateRange.indexOf(weekDay.originalDate.getTime()) !== -1));\n        }, []);\n        return dayInfosInRange;\n    };\n    const getRefsFromDayInfos = (dayInfosInRange)=>{\n        let dayRefs = [];\n        dayRefs = dayInfosInRange.map((dayInfo)=>daysRef.current[dayInfo.key]);\n        return dayRefs;\n    };\n    const { dateRangeType , showWeekNumbers , labelledBy , lightenDaysOutsideNavigatedMonth , animationDirection  } = props;\n    const classNames = useCalendarDayGridStyles_unstable({\n        animateBackwards,\n        animationDirection,\n        dateRangeType,\n        lightenDaysOutsideNavigatedMonth: lightenDaysOutsideNavigatedMonth === undefined ? true : lightenDaysOutsideNavigatedMonth,\n        showWeekNumbers\n    });\n    // When the month is highlighted get the corner dates so that styles can be added to them\n    const weekCorners = getWeekCornerStyles(weeks);\n    const partialWeekProps = {\n        weeks,\n        navigatedDayRef,\n        calculateRoundedStyles,\n        activeDescendantId,\n        classNames,\n        weekCorners,\n        getDayInfosInRangeOfDay,\n        getRefsFromDayInfos\n    };\n    const arrowNavigationAttributes = useArrowNavigationGroup({\n        axis: 'grid'\n    });\n    return /*#__PURE__*/ React.createElement(\"table\", {\n        className: mergeClasses(classNames.table, props.className),\n        \"aria-multiselectable\": \"false\",\n        \"aria-labelledby\": labelledBy,\n        \"aria-activedescendant\": activeDescendantId,\n        role: \"grid\",\n        ...arrowNavigationAttributes\n    }, /*#__PURE__*/ React.createElement(\"tbody\", null, /*#__PURE__*/ React.createElement(CalendarMonthHeaderRow, {\n        ...props,\n        classNames: classNames,\n        weeks: weeks\n    }), /*#__PURE__*/ React.createElement(CalendarGridRow, {\n        ...props,\n        ...partialWeekProps,\n        week: weeks[0],\n        weekIndex: -1,\n        rowClassName: classNames.firstTransitionWeek,\n        \"aria-role\": \"presentation\",\n        ariaHidden: true\n    }), weeks.slice(1, weeks.length - 1).map((week, weekIndex)=>/*#__PURE__*/ React.createElement(CalendarGridRow, {\n            ...props,\n            ...partialWeekProps,\n            key: weekIndex,\n            week: week,\n            weekIndex: weekIndex,\n            rowClassName: classNames.weekRow\n        })), /*#__PURE__*/ React.createElement(CalendarGridRow, {\n        ...props,\n        ...partialWeekProps,\n        week: weeks[weeks.length - 1],\n        weekIndex: -2,\n        rowClassName: classNames.lastTransitionWeek,\n        \"aria-role\": \"presentation\",\n        ariaHidden: true\n    })));\n};\nCalendarDayGrid.displayName = 'CalendarDayGrid';\n/**\n * When given work week, if the days are non-contiguous, the hover states look really weird. So for non-contiguous\n * work weeks, we'll just show week view instead.\n */ function getDateRangeTypeToUse(dateRangeType, workWeekDays) {\n    if (workWeekDays && dateRangeType === DateRangeType.WorkWeek) {\n        const sortedWWDays = workWeekDays.slice().sort();\n        let isContiguous = true;\n        for(let i = 1; i < sortedWWDays.length; i++){\n            if (sortedWWDays[i] !== sortedWWDays[i - 1] + 1) {\n                isContiguous = false;\n                break;\n            }\n        }\n        if (!isContiguous || workWeekDays.length === 0) {\n            return DateRangeType.Week;\n        }\n    }\n    return dateRangeType;\n}\n"],"names":["CalendarDayGrid","useDayRefs","daysRef","React","useRef","getSetRefCallback","dayKey","element","current","useAnimateBackwards","weeks","previousNavigatedDateRef","useEffect","originalDate","previousNavigatedDate","getTime","undefined","props","navigatedDayRef","activeDescendantId","useId","onSelectDate","selectedDate","_props_onSelectDate","_props_onNavigateDate","firstDayOfWeek","minDate","maxDate","workWeekDays","daysToSelectInDayView","restrictedDates","restrictedDatesOptions","dateRange","getDateRangeArray","dateRangeType","getBoundedDateRange","filter","d","isRestrictedDate","call","onNavigateDate","useWeeks","animateBackwards","getWeekCornerStyles","calculateRoundedStyles","useWeekCornerStyles","useImperativeHandle","componentRef","focus","_navigatedDayRef_current","_navigatedDayRef_current_focus","getDayInfosInRangeOfDay","dayToCompare","dateRangeHoverType","getDateRangeTypeToUse","map","date","dayInfosInRange","reduce","accumulatedValue","currentWeek","concat","weekDay","indexOf","getRefsFromDayInfos","dayRefs","dayInfo","key","showWeekNumbers","labelledBy","lightenDaysOutsideNavigatedMonth","animationDirection","classNames","useCalendarDayGridStyles_unstable","weekCorners","partialWeekProps","arrowNavigationAttributes","useArrowNavigationGroup","axis","createElement","className","mergeClasses","table","role","CalendarMonthHeaderRow","CalendarGridRow","week","weekIndex","rowClassName","firstTransitionWeek","ariaHidden","slice","length","weekRow","lastTransitionWeek","displayName","DateRangeType","WorkWeek","sortedWWDays","sort","isContiguous","i","Week"],"mappings":";;;;+BAsCaA;;aAAAA;;;6DAtCU;8BACiB;gCAClB;uBACkE;gDACtC;wCACX;iCACP;0BACP;2CACW;wBACP;AAC7B,SAASC,aAAa;IAClB,MAAMC,UAAUC,OAAMC,MAAM,CAAC,CAAC;IAC9B,MAAMC,oBAAoB,CAACC,SAAS,CAACC,UAAU;YACvC,IAAIA,YAAY,IAAI,EAAE;gBAClB,OAAOL,QAAQM,OAAO,CAACF,OAAO;YAClC,OAAO;gBACHJ,QAAQM,OAAO,CAACF,OAAO,GAAGC;YAC9B,CAAC;QACL;IACJ,OAAO;QACHL;QACAG;KACH;AACL;AACA,SAASI,oBAAoBC,KAAK,EAAE;IAChC,MAAMC,2BAA2BR,OAAMC,MAAM;IAC7CD,OAAMS,SAAS,CAAC,IAAI;QAChBD,yBAAyBH,OAAO,GAAGE,KAAK,CAAC,EAAE,CAAC,EAAE,CAACG,YAAY;IAC/D;IACA,MAAMC,wBAAwBH,yBAAyBH,OAAO;IAC9D,IAAI,CAACM,yBAAyBA,sBAAsBC,OAAO,OAAOL,KAAK,CAAC,EAAE,CAAC,EAAE,CAACG,YAAY,CAACE,OAAO,IAAI;QAClG,OAAOC;IACX,OAAO,IAAIF,yBAAyBJ,KAAK,CAAC,EAAE,CAAC,EAAE,CAACG,YAAY,EAAE;QAC1D,OAAO,KAAK;IAChB,OAAO;QACH,OAAO,IAAI;IACf,CAAC;AACL;AACO,MAAMb,kBAAkB,CAACiB,QAAQ;IACpC,MAAMC,kBAAkBf,OAAMC,MAAM,CAAC,IAAI;IACzC,MAAMe,qBAAqBC,IAAAA,qBAAK;IAChC,MAAMC,eAAe,CAACC,eAAe;QACjC,IAAIC,qBAAqBC;QACzB,MAAM,EAAEC,eAAc,EAAGC,QAAO,EAAGC,QAAO,EAAGC,aAAY,EAAGC,sBAAqB,EAAGC,gBAAe,EAAG,GAAGb;QACzG,MAAMc,yBAAyB;YAC3BL;YACAC;YACAG;QACJ;QACA,IAAIE,YAAYC,IAAAA,wBAAiB,EAACX,cAAcY,eAAeT,gBAAgBG,cAAcC;QAC7FG,YAAYG,IAAAA,0BAAmB,EAACH,WAAWN,SAASC;QACpDK,YAAYA,UAAUI,MAAM,CAAC,CAACC,IAAI;YAC9B,OAAO,CAACC,IAAAA,uBAAgB,EAACD,GAAGN;QAChC;QACCR,CAAAA,sBAAsBN,MAAMI,YAAY,AAAD,MAAO,IAAI,IAAIE,wBAAwB,KAAK,IAAI,KAAK,IAAIA,oBAAoBgB,IAAI,CAACtB,OAAOK,cAAcU,UAAU;QACxJR,CAAAA,wBAAwBP,MAAMuB,cAAc,AAAD,MAAO,IAAI,IAAIhB,0BAA0B,KAAK,IAAI,KAAK,IAAIA,sBAAsBe,IAAI,CAACtB,OAAOK,cAAc,IAAI,CAAC;IAChK;IACA,MAAM,CAACpB,SAASG,kBAAkB,GAAGJ;IACrC,MAAMS,QAAQ+B,IAAAA,kBAAQ,EAACxB,OAAOI,cAAchB;IAC5C,MAAMqC,mBAAmBjC,oBAAoBC;IAC7C,MAAM,CAACiC,qBAAqBC,uBAAuB,GAAGC,IAAAA,8CAAmB,EAAC5B;IAC1Ed,OAAM2C,mBAAmB,CAAC7B,MAAM8B,YAAY,EAAE,IAAI;QAC9C,OAAO;YACHC,SAAS;gBACL,IAAIC,0BAA0BC;gBAC7BD,CAAAA,2BAA2B/B,gBAAgBV,OAAO,AAAD,MAAO,IAAI,IAAIyC,6BAA6B,KAAK,IAAI,KAAK,IAAI,AAACC,CAAAA,iCAAiCD,yBAAyBD,KAAK,AAAD,MAAO,IAAI,IAAIE,mCAAmC,KAAK,IAAI,KAAK,IAAIA,+BAA+BX,IAAI,CAACU,yBAAyB;YACpT;QACJ;IACJ,GAAG,EAAE;IACL;;;;;;GAMD,GAAG,MAAME,0BAA0B,CAACC,eAAe;QAC9C,8GAA8G;QAC9G,MAAMC,qBAAqBC,sBAAsBrC,MAAMiB,aAAa,EAAEjB,MAAMW,YAAY;QACxF,oGAAoG;QACpG,MAAMI,YAAYC,IAAAA,wBAAiB,EAACmB,aAAavC,YAAY,EAAEwC,oBAAoBpC,MAAMQ,cAAc,EAAER,MAAMW,YAAY,EAAEX,MAAMY,qBAAqB,EAAE0B,GAAG,CAAC,CAACC,OAAOA,KAAKzC,OAAO;QAClL,4CAA4C;QAC5C,MAAM0C,kBAAkB/C,MAAMgD,MAAM,CAAC,CAACC,kBAAkBC,cAAc;YAClE,OAAOD,iBAAiBE,MAAM,CAACD,YAAYxB,MAAM,CAAC,CAAC0B,UAAU9B,UAAU+B,OAAO,CAACD,QAAQjD,YAAY,CAACE,OAAO,QAAQ,CAAC;QACxH,GAAG,EAAE;QACL,OAAO0C;IACX;IACA,MAAMO,sBAAsB,CAACP,kBAAkB;QAC3C,IAAIQ,UAAU,EAAE;QAChBA,UAAUR,gBAAgBF,GAAG,CAAC,CAACW,UAAUhE,QAAQM,OAAO,CAAC0D,QAAQC,GAAG,CAAC;QACrE,OAAOF;IACX;IACA,MAAM,EAAE/B,cAAa,EAAGkC,gBAAe,EAAGC,WAAU,EAAGC,iCAAgC,EAAGC,mBAAkB,EAAG,GAAGtD;IAClH,MAAMuD,aAAaC,IAAAA,iEAAiC,EAAC;QACjD/B;QACA6B;QACArC;QACAoC,kCAAkCA,qCAAqCtD,YAAY,IAAI,GAAGsD,gCAAgC;QAC1HF;IACJ;IACA,yFAAyF;IACzF,MAAMM,cAAc/B,oBAAoBjC;IACxC,MAAMiE,mBAAmB;QACrBjE;QACAQ;QACA0B;QACAzB;QACAqD;QACAE;QACAvB;QACAa;IACJ;IACA,MAAMY,4BAA4BC,IAAAA,qCAAuB,EAAC;QACtDC,MAAM;IACV;IACA,OAAO,WAAW,GAAG3E,OAAM4E,aAAa,CAAC,SAAS;QAC9CC,WAAWC,IAAAA,oBAAY,EAACT,WAAWU,KAAK,EAAEjE,MAAM+D,SAAS;QACzD,wBAAwB;QACxB,mBAAmBX;QACnB,yBAAyBlD;QACzBgE,MAAM;QACN,GAAGP,yBAAyB;IAChC,GAAG,WAAW,GAAGzE,OAAM4E,aAAa,CAAC,SAAS,IAAI,EAAE,WAAW,GAAG5E,OAAM4E,aAAa,CAACK,8CAAsB,EAAE;QAC1G,GAAGnE,KAAK;QACRuD,YAAYA;QACZ9D,OAAOA;IACX,IAAI,WAAW,GAAGP,OAAM4E,aAAa,CAACM,gCAAe,EAAE;QACnD,GAAGpE,KAAK;QACR,GAAG0D,gBAAgB;QACnBW,MAAM5E,KAAK,CAAC,EAAE;QACd6E,WAAW,CAAC;QACZC,cAAchB,WAAWiB,mBAAmB;QAC5C,aAAa;QACbC,YAAY,IAAI;IACpB,IAAIhF,MAAMiF,KAAK,CAAC,GAAGjF,MAAMkF,MAAM,GAAG,GAAGrC,GAAG,CAAC,CAAC+B,MAAMC,YAAY,WAAW,GAAGpF,OAAM4E,aAAa,CAACM,gCAAe,EAAE;YACvG,GAAGpE,KAAK;YACR,GAAG0D,gBAAgB;YACnBR,KAAKoB;YACLD,MAAMA;YACNC,WAAWA;YACXC,cAAchB,WAAWqB,OAAO;QACpC,KAAK,WAAW,GAAG1F,OAAM4E,aAAa,CAACM,gCAAe,EAAE;QACxD,GAAGpE,KAAK;QACR,GAAG0D,gBAAgB;QACnBW,MAAM5E,KAAK,CAACA,MAAMkF,MAAM,GAAG,EAAE;QAC7BL,WAAW,CAAC;QACZC,cAAchB,WAAWsB,kBAAkB;QAC3C,aAAa;QACbJ,YAAY,IAAI;IACpB;AACJ;AACA1F,gBAAgB+F,WAAW,GAAG;AAC9B;;;CAGC,GAAG,SAASzC,sBAAsBpB,aAAa,EAAEN,YAAY,EAAE;IAC5D,IAAIA,gBAAgBM,kBAAkB8D,oBAAa,CAACC,QAAQ,EAAE;QAC1D,MAAMC,eAAetE,aAAa+D,KAAK,GAAGQ,IAAI;QAC9C,IAAIC,eAAe,IAAI;QACvB,IAAI,IAAIC,IAAI,GAAGA,IAAIH,aAAaN,MAAM,EAAES,IAAI;YACxC,IAAIH,YAAY,CAACG,EAAE,KAAKH,YAAY,CAACG,IAAI,EAAE,GAAG,GAAG;gBAC7CD,eAAe,KAAK;gBACpB,KAAM;YACV,CAAC;QACL;QACA,IAAI,CAACA,gBAAgBxE,aAAagE,MAAM,KAAK,GAAG;YAC5C,OAAOI,oBAAa,CAACM,IAAI;QAC7B,CAAC;IACL,CAAC;IACD,OAAOpE;AACX"}
+{"version":3,"sources":["CalendarDayGrid.js"],"sourcesContent":["import * as React from 'react';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { useId } from '@fluentui/react-utilities';\nimport { getBoundedDateRange, getDateRangeArray, isRestrictedDate, DateRangeType } from '../../utils';\nimport { useCalendarDayGridStyles_unstable } from './useCalendarDayGridStyles.styles';\nimport { CalendarMonthHeaderRow } from './CalendarMonthHeaderRow';\nimport { CalendarGridRow } from './CalendarGridRow';\nimport { useWeeks } from './useWeeks';\nimport { useWeekCornerStyles } from './useWeekCornerStyles.styles';\nimport { mergeClasses } from '@griffel/react';\nfunction useDayRefs() {\n    const daysRef = React.useRef({});\n    const getSetRefCallback = (dayKey)=>(element)=>{\n            if (element === null) {\n                delete daysRef.current[dayKey];\n            } else {\n                daysRef.current[dayKey] = element;\n            }\n        };\n    return [\n        daysRef,\n        getSetRefCallback\n    ];\n}\nfunction useAnimateBackwards(weeks) {\n    const previousNavigatedDateRef = React.useRef();\n    React.useEffect(()=>{\n        previousNavigatedDateRef.current = weeks[0][0].originalDate;\n    });\n    const previousNavigatedDate = previousNavigatedDateRef.current;\n    if (!previousNavigatedDate || previousNavigatedDate.getTime() === weeks[0][0].originalDate.getTime()) {\n        return undefined;\n    } else if (previousNavigatedDate <= weeks[0][0].originalDate) {\n        return false;\n    } else {\n        return true;\n    }\n}\nexport const CalendarDayGrid = (props)=>{\n    const navigatedDayRef = React.useRef(null);\n    const activeDescendantId = useId();\n    const onSelectDate = (selectedDate)=>{\n        var _props_onSelectDate, _props, _props_onNavigateDate, _props1;\n        const { firstDayOfWeek, minDate, maxDate, workWeekDays, daysToSelectInDayView, restrictedDates } = props;\n        const restrictedDatesOptions = {\n            minDate,\n            maxDate,\n            restrictedDates\n        };\n        let dateRange = getDateRangeArray(selectedDate, dateRangeType, firstDayOfWeek, workWeekDays, daysToSelectInDayView);\n        dateRange = getBoundedDateRange(dateRange, minDate, maxDate);\n        dateRange = dateRange.filter((d)=>{\n            return !isRestrictedDate(d, restrictedDatesOptions);\n        });\n        (_props_onSelectDate = (_props = props).onSelectDate) === null || _props_onSelectDate === void 0 ? void 0 : _props_onSelectDate.call(_props, selectedDate, dateRange);\n        (_props_onNavigateDate = (_props1 = props).onNavigateDate) === null || _props_onNavigateDate === void 0 ? void 0 : _props_onNavigateDate.call(_props1, selectedDate, true);\n    };\n    const [daysRef, getSetRefCallback] = useDayRefs();\n    const weeks = useWeeks(props, onSelectDate, getSetRefCallback);\n    const animateBackwards = useAnimateBackwards(weeks);\n    const [getWeekCornerStyles, calculateRoundedStyles] = useWeekCornerStyles(props);\n    React.useImperativeHandle(props.componentRef, ()=>({\n            focus () {\n                var _navigatedDayRef_current_focus, _navigatedDayRef_current;\n                (_navigatedDayRef_current = navigatedDayRef.current) === null || _navigatedDayRef_current === void 0 ? void 0 : (_navigatedDayRef_current_focus = _navigatedDayRef_current.focus) === null || _navigatedDayRef_current_focus === void 0 ? void 0 : _navigatedDayRef_current_focus.call(_navigatedDayRef_current);\n            }\n        }), []);\n    /**\n   *\n   * Section for setting hover/pressed styles. Because we want arbitrary blobs of days to be selectable, to support\n   * highlighting every day in the month for month view, css :hover style isn't enough, so we need mouse callbacks\n   * to set classnames on all relevant child refs to apply the styling\n   *\n   */ const getDayInfosInRangeOfDay = (dayToCompare)=>{\n        // The hover state looks weird with non-contiguous days in work week view. In work week, show week hover state\n        const dateRangeHoverType = getDateRangeTypeToUse(props.dateRangeType, props.workWeekDays);\n        // gets all the dates for the given date range type that are in the same date range as the given day\n        const dateRange = getDateRangeArray(dayToCompare.originalDate, dateRangeHoverType, props.firstDayOfWeek, props.workWeekDays, props.daysToSelectInDayView).map((date)=>date.getTime());\n        // gets all the day refs for the given dates\n        const dayInfosInRange = weeks.reduce((accumulatedValue, currentWeek)=>{\n            return accumulatedValue.concat(currentWeek.filter((weekDay)=>dateRange.indexOf(weekDay.originalDate.getTime()) !== -1));\n        }, []);\n        return dayInfosInRange;\n    };\n    const getRefsFromDayInfos = (dayInfosInRange)=>{\n        let dayRefs = [];\n        dayRefs = dayInfosInRange.map((dayInfo)=>daysRef.current[dayInfo.key]);\n        return dayRefs;\n    };\n    const { dateRangeType, showWeekNumbers, labelledBy, lightenDaysOutsideNavigatedMonth, animationDirection } = props;\n    const classNames = useCalendarDayGridStyles_unstable({\n        animateBackwards,\n        animationDirection,\n        dateRangeType,\n        lightenDaysOutsideNavigatedMonth: lightenDaysOutsideNavigatedMonth === undefined ? true : lightenDaysOutsideNavigatedMonth,\n        showWeekNumbers\n    });\n    // When the month is highlighted get the corner dates so that styles can be added to them\n    const weekCorners = getWeekCornerStyles(weeks);\n    const partialWeekProps = {\n        weeks,\n        navigatedDayRef,\n        calculateRoundedStyles,\n        activeDescendantId,\n        classNames,\n        weekCorners,\n        getDayInfosInRangeOfDay,\n        getRefsFromDayInfos\n    };\n    const arrowNavigationAttributes = useArrowNavigationGroup({\n        axis: 'grid'\n    });\n    return /*#__PURE__*/ React.createElement(\"table\", {\n        className: mergeClasses(classNames.table, props.className),\n        \"aria-multiselectable\": \"false\",\n        \"aria-labelledby\": labelledBy,\n        \"aria-activedescendant\": activeDescendantId,\n        role: \"grid\",\n        ...arrowNavigationAttributes\n    }, /*#__PURE__*/ React.createElement(\"tbody\", null, /*#__PURE__*/ React.createElement(CalendarMonthHeaderRow, {\n        ...props,\n        classNames: classNames,\n        weeks: weeks\n    }), /*#__PURE__*/ React.createElement(CalendarGridRow, {\n        ...props,\n        ...partialWeekProps,\n        week: weeks[0],\n        weekIndex: -1,\n        rowClassName: classNames.firstTransitionWeek,\n        \"aria-role\": \"presentation\",\n        ariaHidden: true\n    }), weeks.slice(1, weeks.length - 1).map((week, weekIndex)=>/*#__PURE__*/ React.createElement(CalendarGridRow, {\n            ...props,\n            ...partialWeekProps,\n            key: weekIndex,\n            week: week,\n            weekIndex: weekIndex,\n            rowClassName: classNames.weekRow\n        })), /*#__PURE__*/ React.createElement(CalendarGridRow, {\n        ...props,\n        ...partialWeekProps,\n        week: weeks[weeks.length - 1],\n        weekIndex: -2,\n        rowClassName: classNames.lastTransitionWeek,\n        \"aria-role\": \"presentation\",\n        ariaHidden: true\n    })));\n};\nCalendarDayGrid.displayName = 'CalendarDayGrid';\n/**\n * When given work week, if the days are non-contiguous, the hover states look really weird. So for non-contiguous\n * work weeks, we'll just show week view instead.\n */ function getDateRangeTypeToUse(dateRangeType, workWeekDays) {\n    if (workWeekDays && dateRangeType === DateRangeType.WorkWeek) {\n        const sortedWWDays = workWeekDays.slice().sort();\n        let isContiguous = true;\n        for(let i = 1; i < sortedWWDays.length; i++){\n            if (sortedWWDays[i] !== sortedWWDays[i - 1] + 1) {\n                isContiguous = false;\n                break;\n            }\n        }\n        if (!isContiguous || workWeekDays.length === 0) {\n            return DateRangeType.Week;\n        }\n    }\n    return dateRangeType;\n}\n"],"names":["CalendarDayGrid","useDayRefs","daysRef","React","useRef","getSetRefCallback","dayKey","element","current","useAnimateBackwards","weeks","previousNavigatedDateRef","useEffect","originalDate","previousNavigatedDate","getTime","undefined","props","navigatedDayRef","activeDescendantId","useId","onSelectDate","selectedDate","_props_onSelectDate","_props","_props_onNavigateDate","_props1","firstDayOfWeek","minDate","maxDate","workWeekDays","daysToSelectInDayView","restrictedDates","restrictedDatesOptions","dateRange","getDateRangeArray","dateRangeType","getBoundedDateRange","filter","d","isRestrictedDate","call","onNavigateDate","useWeeks","animateBackwards","getWeekCornerStyles","calculateRoundedStyles","useWeekCornerStyles","useImperativeHandle","componentRef","focus","_navigatedDayRef_current_focus","_navigatedDayRef_current","getDayInfosInRangeOfDay","dayToCompare","dateRangeHoverType","getDateRangeTypeToUse","map","date","dayInfosInRange","reduce","accumulatedValue","currentWeek","concat","weekDay","indexOf","getRefsFromDayInfos","dayRefs","dayInfo","key","showWeekNumbers","labelledBy","lightenDaysOutsideNavigatedMonth","animationDirection","classNames","useCalendarDayGridStyles_unstable","weekCorners","partialWeekProps","arrowNavigationAttributes","useArrowNavigationGroup","axis","createElement","className","mergeClasses","table","role","CalendarMonthHeaderRow","CalendarGridRow","week","weekIndex","rowClassName","firstTransitionWeek","ariaHidden","slice","length","weekRow","lastTransitionWeek","displayName","DateRangeType","WorkWeek","sortedWWDays","sort","isContiguous","i","Week"],"mappings":"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"}

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

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));

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

@@ -1 +1 @@
-{"version":3,"sources":["CalendarDayGrid.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;6DAAuB"}
+{"version":3,"sources":["CalendarDayGrid.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;iEAAuB"}

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

@@ -4,35 +4,38 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "CalendarGridDayCell", {
     enumerable: true,
-    get: ()=>CalendarGridDayCell
+    get: function() {
+        return CalendarGridDayCell;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _keyboardKeys = require("@fluentui/keyboard-keys");
-const _reactUtilities = require("@fluentui/react-utilities");
-const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _keyboardkeys = require("@fluentui/keyboard-keys");
+const _reactutilities = require("@fluentui/react-utilities");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
 const _react1 = require("@griffel/react");
 const _utils = require("../../utils");
-const _useWeekCornerStylesStyles = require("./useWeekCornerStyles.styles");
-const _useCalendarDayGridStylesStyles = require("./useCalendarDayGridStyles.styles");
+const _useWeekCornerStylesstyles = require("./useWeekCornerStyles.styles");
+const _useCalendarDayGridStylesstyles = require("./useCalendarDayGridStyles.styles");
 const CalendarGridDayCell = (props)=>{
-    const { navigatedDate , dateTimeFormatter , allFocusable , strings , activeDescendantId , navigatedDayRef , calculateRoundedStyles , weeks , classNames , day , dayIndex , weekIndex , weekCorners , ariaHidden , customDayCellRef , dateRangeType , daysToSelectInDayView , onSelectDate , restrictedDates , minDate , maxDate , onNavigateDate , getDayInfosInRangeOfDay , getRefsFromDayInfos  } = props;
+    var _weekCorners;
+    const { navigatedDate, dateTimeFormatter, allFocusable, strings, activeDescendantId, navigatedDayRef, calculateRoundedStyles, weeks, classNames, day, dayIndex, weekIndex, weekCorners, ariaHidden, customDayCellRef, dateRangeType, daysToSelectInDayView, onSelectDate, restrictedDates, minDate, maxDate, onNavigateDate, getDayInfosInRangeOfDay, getRefsFromDayInfos } = props;
     var _weekCorners_;
-    const cornerStyle = (_weekCorners_ = weekCorners === null || weekCorners === void 0 ? void 0 : weekCorners[weekIndex + '_' + dayIndex]) !== null && _weekCorners_ !== void 0 ? _weekCorners_ : '';
+    const cornerStyle = (_weekCorners_ = (_weekCorners = weekCorners) === null || _weekCorners === void 0 ? void 0 : _weekCorners[weekIndex + '_' + dayIndex]) !== null && _weekCorners_ !== void 0 ? _weekCorners_ : '';
     const isNavigatedDate = (0, _utils.compareDates)(navigatedDate, day.originalDate);
-    const { dir  } = (0, _reactSharedContexts.useFluent_unstable)();
+    const { dir } = (0, _reactsharedcontexts.useFluent_unstable)();
     const navigateMonthEdge = (ev, date)=>{
         let targetDate = undefined;
         let direction = 1; // by default search forward
-        if (ev.key === _keyboardKeys.ArrowUp) {
+        if (ev.key === _keyboardkeys.ArrowUp) {
             targetDate = (0, _utils.addWeeks)(date, -1);
             direction = -1;
-        } else if (ev.key === _keyboardKeys.ArrowDown) {
+        } else if (ev.key === _keyboardkeys.ArrowDown) {
             targetDate = (0, _utils.addWeeks)(date, 1);
-        } else if (ev.key === (0, _reactUtilities.getRTLSafeKey)(_keyboardKeys.ArrowLeft, dir)) {
+        } else if (ev.key === (0, _reactutilities.getRTLSafeKey)(_keyboardkeys.ArrowLeft, dir)) {
             targetDate = (0, _utils.addDays)(date, -1);
             direction = -1;
-        } else if (ev.key === (0, _reactUtilities.getRTLSafeKey)(_keyboardKeys.ArrowRight, dir)) {
+        } else if (ev.key === (0, _reactutilities.getRTLSafeKey)(_keyboardkeys.ArrowRight, dir)) {
             targetDate = (0, _utils.addDays)(date, 1);
         }
         if (!targetDate) {
@@ -76,10 +79,10 @@ const CalendarGridDayCell = (props)=>{
         const dayRefs = getRefsFromDayInfos(dayInfos);
         dayRefs.forEach((dayRef, index)=>{
             if (dayRef) {
-                dayRef.classList.add(_useCalendarDayGridStylesStyles.extraCalendarDayGridClassNames.hoverStyle);
+                dayRef.classList.add(_useCalendarDayGridStylesstyles.extraCalendarDayGridClassNames.hoverStyle);
                 if (!dayInfos[index].isSelected && dateRangeType === _utils.DateRangeType.Day && daysToSelectInDayView && daysToSelectInDayView > 1) {
                     // remove the static classes first to overwrite them
-                    dayRef.classList.remove(_useWeekCornerStylesStyles.weekCornersClassNames.bottomLeftCornerDate, _useWeekCornerStylesStyles.weekCornersClassNames.bottomRightCornerDate, _useWeekCornerStylesStyles.weekCornersClassNames.topLeftCornerDate, _useWeekCornerStylesStyles.weekCornersClassNames.topRightCornerDate);
+                    dayRef.classList.remove(_useWeekCornerStylesstyles.weekCornersClassNames.bottomLeftCornerDate, _useWeekCornerStylesstyles.weekCornersClassNames.bottomRightCornerDate, _useWeekCornerStylesstyles.weekCornersClassNames.topLeftCornerDate, _useWeekCornerStylesstyles.weekCornersClassNames.topRightCornerDate);
                     const classNamesToAdd = calculateRoundedStyles(false, false, index > 0, index < dayRefs.length - 1).trim();
                     if (classNamesToAdd) {
                         dayRef.classList.add(...classNamesToAdd);
@@ -93,7 +96,7 @@ const CalendarGridDayCell = (props)=>{
         const dayRefs = getRefsFromDayInfos(dayInfos);
         dayRefs.forEach((dayRef)=>{
             if (dayRef) {
-                dayRef.classList.add(_useCalendarDayGridStylesStyles.extraCalendarDayGridClassNames.pressedStyle);
+                dayRef.classList.add(_useCalendarDayGridStylesstyles.extraCalendarDayGridClassNames.pressedStyle);
             }
         });
     };
@@ -102,7 +105,7 @@ const CalendarGridDayCell = (props)=>{
         const dayRefs = getRefsFromDayInfos(dayInfos);
         dayRefs.forEach((dayRef)=>{
             if (dayRef) {
-                dayRef.classList.remove(_useCalendarDayGridStylesStyles.extraCalendarDayGridClassNames.pressedStyle);
+                dayRef.classList.remove(_useCalendarDayGridStylesstyles.extraCalendarDayGridClassNames.pressedStyle);
             }
         });
     };
@@ -111,8 +114,8 @@ const CalendarGridDayCell = (props)=>{
         const dayRefs = getRefsFromDayInfos(dayInfos);
         dayRefs.forEach((dayRef, index)=>{
             if (dayRef) {
-                dayRef.classList.remove(_useCalendarDayGridStylesStyles.extraCalendarDayGridClassNames.hoverStyle);
-                dayRef.classList.remove(_useCalendarDayGridStylesStyles.extraCalendarDayGridClassNames.pressedStyle);
+                dayRef.classList.remove(_useCalendarDayGridStylesstyles.extraCalendarDayGridClassNames.hoverStyle);
+                dayRef.classList.remove(_useCalendarDayGridStylesstyles.extraCalendarDayGridClassNames.pressedStyle);
                 if (!dayInfos[index].isSelected && dateRangeType === _utils.DateRangeType.Day && daysToSelectInDayView && daysToSelectInDayView > 1) {
                     const classNamesToAdd = calculateRoundedStyles(false, false, index > 0, index < dayRefs.length - 1).trim();
                     if (classNamesToAdd) {
@@ -123,8 +126,9 @@ const CalendarGridDayCell = (props)=>{
         });
     };
     const onDayKeyDown = (ev)=>{
-        if (ev.key === _keyboardKeys.Enter) {
-            onSelectDate === null || onSelectDate === void 0 ? void 0 : onSelectDate(day.originalDate);
+        if (ev.key === _keyboardkeys.Enter) {
+            var _onSelectDate;
+            (_onSelectDate = onSelectDate) === null || _onSelectDate === void 0 ? void 0 : _onSelectDate(day.originalDate);
         } else {
             navigateMonthEdge(ev, day.originalDate);
         }
@@ -137,7 +141,8 @@ const CalendarGridDayCell = (props)=>{
     return /*#__PURE__*/ _react.createElement("td", {
         className: (0, _react1.mergeClasses)(classNames.dayCell, weekCorners && cornerStyle, day.isSelected && classNames.daySelected, !day.isInBounds && classNames.dayOutsideBounds, !day.isInMonth && classNames.dayOutsideNavigatedMonth),
         ref: (element)=>{
-            customDayCellRef === null || customDayCellRef === void 0 ? void 0 : customDayCellRef(element, day.originalDate, classNames);
+            var _customDayCellRef;
+            (_customDayCellRef = customDayCellRef) === null || _customDayCellRef === void 0 ? void 0 : _customDayCellRef(element, day.originalDate, classNames);
             day.setRef(element);
             isNavigatedDate && (navigatedDayRef.current = element);
         },

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

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

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

@@ -4,14 +4,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "CalendarGridRow", {
     enumerable: true,
-    get: ()=>CalendarGridRow
+    get: function() {
+        return CalendarGridRow;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _utils = require("../../utils");
-const _calendarGridDayCell = require("./CalendarGridDayCell");
+const _CalendarGridDayCell = require("./CalendarGridDayCell");
 const CalendarGridRow = (props)=>{
-    const { classNames , week , weeks , weekIndex , rowClassName , ariaRole , showWeekNumbers , firstDayOfWeek , firstWeekOfYear , navigatedDate , strings  } = props;
+    const { classNames, week, weeks, weekIndex, rowClassName, ariaRole, showWeekNumbers, firstDayOfWeek, firstWeekOfYear, navigatedDate, strings } = props;
     const weekNumbers = showWeekNumbers ? (0, _utils.getWeekNumbersInMonth)(weeks.length, firstDayOfWeek, firstWeekOfYear, navigatedDate) : null;
     const titleString = weekNumbers ? strings.weekNumberFormatString && strings.weekNumberFormatString.replace('{0}', `${weekNumbers[weekIndex]}`) : '';
     return /*#__PURE__*/ _react.createElement("tr", {
@@ -24,7 +26,7 @@ const CalendarGridRow = (props)=>{
         title: titleString,
         "aria-label": titleString,
         scope: "row"
-    }, /*#__PURE__*/ _react.createElement("span", null, weekNumbers[weekIndex])), week.map((day, dayIndex)=>/*#__PURE__*/ _react.createElement(_calendarGridDayCell.CalendarGridDayCell, {
+    }, /*#__PURE__*/ _react.createElement("span", null, weekNumbers[weekIndex])), week.map((day, dayIndex)=>/*#__PURE__*/ _react.createElement(_CalendarGridDayCell.CalendarGridDayCell, {
             ...props,
             key: day.key,
             day: day,

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

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

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

@@ -4,14 +4,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "CalendarMonthHeaderRow", {
     enumerable: true,
-    get: ()=>CalendarMonthHeaderRow
+    get: function() {
+        return CalendarMonthHeaderRow;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _react1 = require("@griffel/react");
 const _utils = require("../../utils");
 const CalendarMonthHeaderRow = (props)=>{
-    const { showWeekNumbers , strings , firstDayOfWeek , allFocusable , weeksToShow , weeks , classNames  } = props;
+    const { showWeekNumbers, strings, firstDayOfWeek, allFocusable, weeksToShow, weeks, classNames } = props;
     const dayLabels = strings.shortDays.slice();
     let firstOfMonthIndex = -1;
     const firstWeekOfMonth = weeks[1];

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

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

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

@@ -9,10 +9,14 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    calendarDayGridClassNames: ()=>_useCalendarDayGridStylesStyles.calendarDayGridClassNames,
-    extraCalendarDayGridClassNames: ()=>_useCalendarDayGridStylesStyles.extraCalendarDayGridClassNames
+    calendarDayGridClassNames: function() {
+        return _useCalendarDayGridStylesstyles.calendarDayGridClassNames;
+    },
+    extraCalendarDayGridClassNames: function() {
+        return _useCalendarDayGridStylesstyles.extraCalendarDayGridClassNames;
+    }
 });
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./CalendarDayGrid"), exports);
-_exportStar(require("./CalendarDayGrid.types"), exports);
-const _useCalendarDayGridStylesStyles = _exportStar(require("./useCalendarDayGridStyles.styles"), exports);
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./CalendarDayGrid"), exports);
+_export_star._(require("./CalendarDayGrid.types"), exports);
+const _useCalendarDayGridStylesstyles = _export_star._(require("./useCalendarDayGridStyles.styles"), exports);

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

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

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

@@ -9,12 +9,18 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    calendarDayGridClassNames: ()=>calendarDayGridClassNames,
-    extraCalendarDayGridClassNames: ()=>extraCalendarDayGridClassNames,
-    useCalendarDayGridStyles_unstable: ()=>useCalendarDayGridStyles_unstable
+    calendarDayGridClassNames: function() {
+        return calendarDayGridClassNames;
+    },
+    extraCalendarDayGridClassNames: function() {
+        return extraCalendarDayGridClassNames;
+    },
+    useCalendarDayGridStyles_unstable: function() {
+        return useCalendarDayGridStyles_unstable;
+    }
 });
 const _react = require("@griffel/react");
-const _calendarTypes = require("../Calendar/Calendar.types");
+const _Calendartypes = require("../Calendar/Calendar.types");
 const calendarDayGridClassNames = {
     wrapper: 'fui-CalendarDayGrid__wrapper',
     table: 'fui-CalendarDayGrid__table',
@@ -35,7 +41,7 @@ const extraCalendarDayGridClassNames = {
     hoverStyle: 'fui-CalendarDayGrid__hoverStyle',
     pressedStyle: 'fui-CalendarDayGrid__pressedStyle'
 };
-const useWrapperStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useWrapperStyles = /*#__PURE__*/ (0, _react.__styles)({
     base: {
         Byoj8tv: "f1fow5ox"
     }
@@ -44,7 +50,7 @@ const useWrapperStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ".f1fow5ox{padding-bottom:10px;}"
     ]
 });
-const useTableStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useTableStyles = /*#__PURE__*/ (0, _react.__styles)({
     base: {
         po53p8: "fgkb47j",
         Bxjg3zr: "f16vktn6",
@@ -73,7 +79,7 @@ const useTableStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ".fl524qk{width:226px;}"
     ]
 });
-const useDayCellStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useDayCellStyles = /*#__PURE__*/ (0, _react.__styles)({
     base: {
         sj55zd: "f19n0e5",
         Bceei9c: "f1k6fduh",
@@ -232,7 +238,7 @@ const useDayCellStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ]
     ]
 });
-const useDaySelectedStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useDaySelectedStyles = /*#__PURE__*/ (0, _react.__styles)({
     base: {
         De3pzq: "f1vevd59",
         sj55zd: "ff5vbop",
@@ -321,7 +327,7 @@ const useDaySelectedStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ".fq0dbue:hover,.fq0dbue.fui-CalendarDayGrid__hoverStyle,.fq0dbue.fui-CalendarDayGrid__pressedStyle{background-color:var(--colorBrandBackgroundInvertedSelected);}"
     ]
 });
-const useWeekRowStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useWeekRowStyles = /*#__PURE__*/ (0, _react.__styles)({
     base: {
         vin17d: "f5f2jbu",
         Bf5fcs: "fywypte",
@@ -363,7 +369,7 @@ const useWeekRowStyles = /*#__PURE__*/ (0, _react["__styles"])({
         "@keyframes funtx0y{from{pointer-events:none;transform:translate3d(0, 20px, 0);}to{pointer-events:auto;transform:translate3d(0, 0, 0);}}"
     ]
 });
-const useWeekDayLabelCellStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useWeekDayLabelCellStyles = /*#__PURE__*/ (0, _react.__styles)({
     base: {
         vin17d: "fhsqnsn",
         Bf5fcs: "fywypte",
@@ -381,7 +387,7 @@ const useWeekDayLabelCellStyles = /*#__PURE__*/ (0, _react["__styles"])({
         "@keyframes f5j8bii{from{opacity:0;}to{opacity:1;}}"
     ]
 });
-const useWeekNumberCellStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useWeekNumberCellStyles = /*#__PURE__*/ (0, _react.__styles)({
     base: {
         De3pzq: "f1c21dwh",
         g2u3we: "f68mrw8",
@@ -456,7 +462,7 @@ const useWeekNumberCellStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ".f1w9dchk{width:28px;}"
     ]
 });
-const useDayOutsideBoundsStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useDayOutsideBoundsStyles = /*#__PURE__*/ (0, _react.__styles)({
     base: {
         x734em: "f1v4z6xg",
         B0ssf13: "f1u9q7oh",
@@ -478,7 +484,7 @@ const useDayOutsideBoundsStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ]
     ]
 });
-const useDayOutsideNavigatedMonthStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useDayOutsideNavigatedMonthStyles = /*#__PURE__*/ (0, _react.__styles)({
     lightenDaysOutsideNavigatedMonth: {
         sj55zd: "fxc4j92",
         Bhrd7zp: "figsok6",
@@ -498,7 +504,7 @@ const useDayOutsideNavigatedMonthStyles = /*#__PURE__*/ (0, _react["__styles"])(
         ]
     ]
 });
-const useDayButtonStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useDayButtonStyles = /*#__PURE__*/ (0, _react.__styles)({
     base: {
         De3pzq: "f1c21dwh",
         Bbmb7ep: [
@@ -577,7 +583,7 @@ const useDayButtonStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ".f1dwpgx3span{line-height:inherit;}"
     ]
 });
-const useDayIsTodayStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useDayIsTodayStyles = /*#__PURE__*/ (0, _react.__styles)({
     base: {
         De3pzq: "ffp7eso",
         Bbmb7ep: [
@@ -670,7 +676,7 @@ const useDayIsTodayStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ]
     ]
 });
-const useFirstTransitionWeekStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useFirstTransitionWeekStyles = /*#__PURE__*/ (0, _react.__styles)({
     base: {
         Bqenvij: "fniina8",
         abs64n: "fk73vx1",
@@ -704,7 +710,7 @@ const useFirstTransitionWeekStyles = /*#__PURE__*/ (0, _react["__styles"])({
         "@keyframes fhwv0sk{100%{height:0px;overflow-x:hidden;overflow-y:hidden;width:0px;}99.9%{height:28px;overflow-x:visible;overflow-y:visible;width:100%;}0%{height:28px;overflow-x:visible;overflow-y:visible;width:100%;}}"
     ]
 });
-const useLastTransitionWeekStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useLastTransitionWeekStyles = /*#__PURE__*/ (0, _react.__styles)({
     base: {
         Bqenvij: "fniina8",
         B6of3ja: "flykjtj",
@@ -740,7 +746,7 @@ const useLastTransitionWeekStyles = /*#__PURE__*/ (0, _react["__styles"])({
         "@keyframes fhwv0sk{100%{height:0px;overflow-x:hidden;overflow-y:hidden;width:0px;}99.9%{height:28px;overflow-x:visible;overflow-y:visible;width:100%;}0%{height:28px;overflow-x:visible;overflow-y:visible;width:100%;}}"
     ]
 });
-const useDayMarkerStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useDayMarkerStyles = /*#__PURE__*/ (0, _react.__styles)({
     base: {
         De3pzq: "fnggedw",
         Bbmb7ep: [
@@ -817,7 +823,7 @@ const useDayMarkerStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ]
     ]
 });
-const useCornerBorderAndRadiusStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useCornerBorderAndRadiusStyles = /*#__PURE__*/ (0, _react.__styles)({
     corners: {
         Cy64m2: [
             "fgk2v8v",
@@ -864,21 +870,21 @@ const useCalendarDayGridStyles_unstable = (props)=>{
     const lastTransitionWeekStyles = useLastTransitionWeekStyles();
     const dayMarkerStyles = useDayMarkerStyles();
     const cornerBorderAndRadiusStyles = useCornerBorderAndRadiusStyles();
-    const { animateBackwards , animationDirection , lightenDaysOutsideNavigatedMonth , showWeekNumbers  } = props;
+    const { animateBackwards, animationDirection, lightenDaysOutsideNavigatedMonth, showWeekNumbers } = props;
     return {
         wrapper: (0, _react.mergeClasses)(calendarDayGridClassNames.wrapper, wrapperStyles.base),
         table: (0, _react.mergeClasses)(calendarDayGridClassNames.table, tableStyles.base, showWeekNumbers && tableStyles.showWeekNumbers),
         dayCell: (0, _react.mergeClasses)(calendarDayGridClassNames.dayCell, dayCellStyles.base, cornerBorderAndRadiusStyles.corners),
         daySelected: (0, _react.mergeClasses)(calendarDayGridClassNames.daySelected, daySelectedStyles.base),
-        weekRow: (0, _react.mergeClasses)(calendarDayGridClassNames.weekRow, animateBackwards !== undefined && weekRowStyles.base, animateBackwards !== undefined && (animationDirection === _calendarTypes.AnimationDirection.Horizontal ? animateBackwards ? weekRowStyles.horizontalBackward : weekRowStyles.horizontalForward : animateBackwards ? weekRowStyles.verticalBackward : weekRowStyles.verticalForward)),
+        weekRow: (0, _react.mergeClasses)(calendarDayGridClassNames.weekRow, animateBackwards !== undefined && weekRowStyles.base, animateBackwards !== undefined && (animationDirection === _Calendartypes.AnimationDirection.Horizontal ? animateBackwards ? weekRowStyles.horizontalBackward : weekRowStyles.horizontalForward : animateBackwards ? weekRowStyles.verticalBackward : weekRowStyles.verticalForward)),
         weekDayLabelCell: (0, _react.mergeClasses)(calendarDayGridClassNames.weekDayLabelCell, weekDayLabelCellStyles.base),
         weekNumberCell: (0, _react.mergeClasses)(calendarDayGridClassNames.weekNumberCell, weekNumberCellStyles.base),
         dayOutsideBounds: (0, _react.mergeClasses)(calendarDayGridClassNames.dayOutsideBounds, dayOutsideBoundsStyles.base),
         dayOutsideNavigatedMonth: (0, _react.mergeClasses)(calendarDayGridClassNames.dayOutsideNavigatedMonth, lightenDaysOutsideNavigatedMonth && dayOutsideNavigatedMonthStyles.lightenDaysOutsideNavigatedMonth),
         dayButton: (0, _react.mergeClasses)(calendarDayGridClassNames.dayButton, dayButtonStyles.base),
         dayIsToday: (0, _react.mergeClasses)(calendarDayGridClassNames.dayIsToday, dayIsTodayStyles.base),
-        firstTransitionWeek: (0, _react.mergeClasses)(calendarDayGridClassNames.firstTransitionWeek, firstTransitionWeekStyles.base, animateBackwards !== undefined && animationDirection !== _calendarTypes.AnimationDirection.Horizontal && !animateBackwards && firstTransitionWeekStyles.verticalForward),
-        lastTransitionWeek: (0, _react.mergeClasses)(calendarDayGridClassNames.lastTransitionWeek, lastTransitionWeekStyles.base, animateBackwards !== undefined && animationDirection !== _calendarTypes.AnimationDirection.Horizontal && animateBackwards && lastTransitionWeekStyles.verticalBackward),
+        firstTransitionWeek: (0, _react.mergeClasses)(calendarDayGridClassNames.firstTransitionWeek, firstTransitionWeekStyles.base, animateBackwards !== undefined && animationDirection !== _Calendartypes.AnimationDirection.Horizontal && !animateBackwards && firstTransitionWeekStyles.verticalForward),
+        lastTransitionWeek: (0, _react.mergeClasses)(calendarDayGridClassNames.lastTransitionWeek, lastTransitionWeekStyles.base, animateBackwards !== undefined && animationDirection !== _Calendartypes.AnimationDirection.Horizontal && animateBackwards && lastTransitionWeekStyles.verticalBackward),
         dayMarker: (0, _react.mergeClasses)(calendarDayGridClassNames.dayMarker, dayMarkerStyles.base)
     };
 }; //# sourceMappingURL=useCalendarDayGridStyles.styles.js.map