npm - @fluentui/react-calendar-compat - Versions diffs - 0.1.10 → 0.1.12 - Mend

@fluentui/react-calendar-compat 0.1.10 → 0.1.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (52) hide show

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

@@ -11,7 +11,6 @@ Object.defineProperty(exports, "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 _reactutilities = require("@fluentui/react-utilities");
 const _react1 = require("@griffel/react");
 const _utils = require("../../utils");
 const _CalendarDayGrid = require("../CalendarDayGrid/CalendarDayGrid");
@@ -24,8 +23,7 @@ const CalendarDay = (props)=>{
                 (_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, navigatedDate, dateTimeFormatter, className, onHeaderSelect, showSixWeeksByDefault, minDate, maxDate, restrictedDates, onNavigateDate, showWeekNumbers, dateRangeType, animationDirection } = props;
-    const monthAndYearId = (0, _reactutilities.useId)();
+    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,
@@ -48,7 +46,6 @@ const CalendarDay = (props)=>{
         onKeyDown: onButtonKeyDown(onHeaderSelect),
         type: "button"
     }, /*#__PURE__*/ _react.createElement("span", {
-        id: monthAndYearId,
         "aria-live": "polite",
         "aria-atomic": "true"
     }, monthAndYear)), /*#__PURE__*/ _react.createElement(CalendarDayNavigationButtons, {
@@ -56,6 +53,7 @@ const CalendarDay = (props)=>{
         classNames: classNames
     })), /*#__PURE__*/ _react.createElement(_CalendarDayGrid.CalendarDayGrid, {
         ...propsWithoutStyles,
+        gridLabel: `${monthAndYear}, ${gridLabel}`,
         componentRef: dayGrid,
         strings: strings,
         navigatedDate: navigatedDate,
@@ -65,7 +63,6 @@ const CalendarDay = (props)=>{
         maxDate: maxDate,
         restrictedDates: restrictedDates,
         onNavigateDate: onNavigateDate,
-        labelledBy: monthAndYearId,
         dateRangeType: dateRangeType
     }));
 };

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["CalendarDay.js"],"sourcesContent":["import * as React from 'react';\nimport { Enter } from '@fluentui/keyboard-keys';\nimport { useId } from '@fluentui/react-utilities';\nimport { mergeClasses } from '@griffel/react';\nimport { addMonths, compareDatePart, getMonthEnd, getMonthStart } from '../../utils';\nimport { CalendarDayGrid } from '../CalendarDayGrid/CalendarDayGrid';\nimport { useCalendarDayStyles_unstable } from './useCalendarDayStyles.styles';\n/*\n @internal\n / export const CalendarDay = (props)=>{\n const dayGrid = React.useRef(null);\n React.useImperativeHandle(props.componentRef, ()=>({\n focus () {\n var _dayGrid_current_focus, _dayGrid_current;\n (_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);\n }\n }), []);\n const { strings, navigatedDate, dateTimeFormatter, className, onHeaderSelect, showSixWeeksByDefault, minDate, maxDate, restrictedDates, onNavigateDate, showWeekNumbers, dateRangeType, animationDirection } = props;\n const monthAndYearId = useId();\n const classNames = useCalendarDayStyles_unstable({\n className,\n headerIsClickable: !!onHeaderSelect,\n showWeekNumbers,\n animationDirection\n });\n const monthAndYear = dateTimeFormatter.formatMonthYear(navigatedDate, strings);\n const HeaderButtonComponentType = onHeaderSelect ? 'button' : 'div';\n const headerAriaLabel = strings.yearPickerHeaderAriaLabel ? strings.yearPickerHeaderAriaLabel.replace('{0}', monthAndYear) : monthAndYear;\n const { ...propsWithoutStyles } = props;\n return /#__PURE__/ React.createElement(\"div\", {\n className: classNames.root\n }, /#__PURE__/ React.createElement(\"div\", {\n className: classNames.header\n }, /#__PURE__/ React.createElement(HeaderButtonComponentType, {\n \"aria-label\": onHeaderSelect ? headerAriaLabel : undefined,\n className: classNames.monthAndYear,\n onClick: onHeaderSelect,\n tabIndex: onHeaderSelect ? 0 : -1,\n onKeyDown: onButtonKeyDown(onHeaderSelect),\n type: \"button\"\n }, /#__PURE__/ React.createElement(\"span\", {\n id: monthAndYearId,\n \"aria-live\": \"polite\",\n \"aria-atomic\": \"true\"\n }, monthAndYear)), /#__PURE__/ React.createElement(CalendarDayNavigationButtons, {\n ...props,\n classNames: classNames\n })), /#__PURE__/ React.createElement(CalendarDayGrid, {\n ...propsWithoutStyles,\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 labelledBy: monthAndYearId,\n dateRangeType: dateRangeType\n }));\n};\nCalendarDay.displayName = 'CalendarDay';\nconst CalendarDayNavigationButtons = (props)=>{\n const { minDate, maxDate, navigatedDate, navigationIcons, allFocusable, strings, showCloseButton, classNames, onNavigateDate, onDismiss } = props;\n const onSelectNextMonth = ()=>{\n onNavigateDate(addMonths(navigatedDate, 1), false);\n };\n const onSelectPrevMonth = ()=>{\n onNavigateDate(addMonths(navigatedDate, -1), false);\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 // use aria-disabled instead of disabled so focus is not lost\n // when a prev/next button becomes disabled after being clicked\n return /#__PURE__/ React.createElement(\"div\", {\n className: classNames.monthComponents\n }, /#__PURE__/ React.createElement(\"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: strings.prevMonthAriaLabel ? strings.prevMonthAriaLabel + ' ' + strings.months[addMonths(navigatedDate, -1).getMonth()] : undefined,\n type: \"button\"\n }, navigationIcons.upNavigation), /#__PURE__/ React.createElement(\"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: strings.nextMonthAriaLabel ? strings.nextMonthAriaLabel + ' ' + strings.months[addMonths(navigatedDate, 1).getMonth()] : undefined,\n type: \"button\"\n }, navigationIcons.downNavigation), showCloseButton && /#__PURE__*/ React.createElement(\"button\", {\n className: classNames.headerIconButton,\n onClick: onDismiss,\n onKeyDown: onButtonKeyDown(onDismiss),\n title: strings.closeButtonAriaLabel,\n type: \"button\"\n }, navigationIcons.dismiss));\n};\nCalendarDayNavigationButtons.displayName = 'CalendarDayNavigationButtons';\nconst onButtonKeyDown = (callback)=>(ev)=>{\n switch(ev.key){\n case Enter:\n callback === null \|\| callback === void 0 ? void 0 : callback();\n break;\n }\n };\n"],"names":["CalendarDay","props","dayGrid","React","useRef","useImperativeHandle","componentRef","focus","_dayGrid_current_focus","_dayGrid_current","current","call","strings","navigatedDate","dateTimeFormatter","className","onHeaderSelect","showSixWeeksByDefault","minDate","maxDate","restrictedDates","onNavigateDate","showWeekNumbers","dateRangeType","animationDirection","monthAndYearId","useId","classNames","useCalendarDayStyles_unstable","headerIsClickable","monthAndYear","formatMonthYear","HeaderButtonComponentType","headerAriaLabel","yearPickerHeaderAriaLabel","replace","propsWithoutStyles","createElement","root","header","undefined","onClick","tabIndex","onKeyDown","onButtonKeyDown","type","id","CalendarDayNavigationButtons","CalendarDayGrid","weeksToShow","labelledBy","displayName","navigationIcons","allFocusable","showCloseButton","onDismiss","onSelectNextMonth","addMonths","onSelectPrevMonth","prevMonthInBounds","compareDatePart","getMonthStart","nextMonthInBounds","getMonthEnd","monthComponents","mergeClasses","headerIconButton","disabledStyle","title","prevMonthAriaLabel","months","getMonth","upNavigation","nextMonthAriaLabel","downNavigation","closeButtonAriaLabel","dismiss","callback","ev","key","Enter"],"mappings":"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"}
1	+ {"version":3,"sources":["CalendarDay.js"],"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';\n/*\n @internal\n / export const CalendarDay = (props)=>{\n const dayGrid = React.useRef(null);\n React.useImperativeHandle(props.componentRef, ()=>({\n focus () {\n var _dayGrid_current_focus, _dayGrid_current;\n (_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);\n }\n }), []);\n const { strings, gridLabel, navigatedDate, dateTimeFormatter, className, onHeaderSelect, showSixWeeksByDefault, minDate, maxDate, restrictedDates, onNavigateDate, showWeekNumbers, dateRangeType, animationDirection } = props;\n const classNames = useCalendarDayStyles_unstable({\n className,\n headerIsClickable: !!onHeaderSelect,\n showWeekNumbers,\n animationDirection\n });\n const monthAndYear = dateTimeFormatter.formatMonthYear(navigatedDate, strings);\n const HeaderButtonComponentType = onHeaderSelect ? 'button' : 'div';\n const headerAriaLabel = strings.yearPickerHeaderAriaLabel ? strings.yearPickerHeaderAriaLabel.replace('{0}', monthAndYear) : monthAndYear;\n const { ...propsWithoutStyles } = props;\n return /#__PURE__/ React.createElement(\"div\", {\n className: classNames.root\n }, /#__PURE__/ React.createElement(\"div\", {\n className: classNames.header\n }, /#__PURE__/ React.createElement(HeaderButtonComponentType, {\n \"aria-label\": onHeaderSelect ? headerAriaLabel : undefined,\n className: classNames.monthAndYear,\n onClick: onHeaderSelect,\n tabIndex: onHeaderSelect ? 0 : -1,\n onKeyDown: onButtonKeyDown(onHeaderSelect),\n type: \"button\"\n }, /#__PURE__/ React.createElement(\"span\", {\n \"aria-live\": \"polite\",\n \"aria-atomic\": \"true\"\n }, monthAndYear)), /#__PURE__/ React.createElement(CalendarDayNavigationButtons, {\n ...props,\n classNames: classNames\n })), /#__PURE__/ React.createElement(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};\nCalendarDay.displayName = 'CalendarDay';\nconst CalendarDayNavigationButtons = (props)=>{\n const { minDate, maxDate, navigatedDate, navigationIcons, allFocusable, strings, showCloseButton, classNames, onNavigateDate, onDismiss } = props;\n const onSelectNextMonth = ()=>{\n onNavigateDate(addMonths(navigatedDate, 1), false);\n };\n const onSelectPrevMonth = ()=>{\n onNavigateDate(addMonths(navigatedDate, -1), false);\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 // use aria-disabled instead of disabled so focus is not lost\n // when a prev/next button becomes disabled after being clicked\n return /#__PURE__/ React.createElement(\"div\", {\n className: classNames.monthComponents\n }, /#__PURE__/ React.createElement(\"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: strings.prevMonthAriaLabel ? strings.prevMonthAriaLabel + ' ' + strings.months[addMonths(navigatedDate, -1).getMonth()] : undefined,\n type: \"button\"\n }, navigationIcons.upNavigation), /#__PURE__/ React.createElement(\"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: strings.nextMonthAriaLabel ? strings.nextMonthAriaLabel + ' ' + strings.months[addMonths(navigatedDate, 1).getMonth()] : undefined,\n type: \"button\"\n }, navigationIcons.downNavigation), showCloseButton && /#__PURE__*/ React.createElement(\"button\", {\n className: classNames.headerIconButton,\n onClick: onDismiss,\n onKeyDown: onButtonKeyDown(onDismiss),\n title: strings.closeButtonAriaLabel,\n type: \"button\"\n }, navigationIcons.dismiss));\n};\nCalendarDayNavigationButtons.displayName = 'CalendarDayNavigationButtons';\nconst onButtonKeyDown = (callback)=>(ev)=>{\n switch(ev.key){\n case Enter:\n callback === null \|\| callback === void 0 ? void 0 : callback();\n break;\n }\n };\n"],"names":["CalendarDay","props","dayGrid","React","useRef","useImperativeHandle","componentRef","focus","_dayGrid_current_focus","_dayGrid_current","current","call","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","root","header","undefined","onClick","tabIndex","onKeyDown","onButtonKeyDown","type","CalendarDayNavigationButtons","CalendarDayGrid","weeksToShow","displayName","navigationIcons","allFocusable","showCloseButton","onDismiss","onSelectNextMonth","addMonths","onSelectPrevMonth","prevMonthInBounds","compareDatePart","getMonthStart","nextMonthInBounds","getMonthEnd","monthComponents","mergeClasses","headerIconButton","disabledStyle","title","prevMonthAriaLabel","months","getMonth","upNavigation","nextMonthAriaLabel","downNavigation","closeButtonAriaLabel","dismiss","callback","ev","key","Enter"],"mappings":"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"}

package/lib-commonjs/components/CalendarDay/useCalendarDayStyles.styles.js CHANGED Viewed

@@ -351,6 +351,7 @@ const useDisabledStyleStyles = /*#__PURE__*/ (0, _react.__styles)({
     ]
 });
 const useCalendarDayStyles_unstable = (props)=>{
+    'use no memo';
     const rootStyles = useRootStyles();
     const headerStyles = useHeaderStyles();
     const monthAndYearStyles = useMonthAndYearStyles();

package/lib-commonjs/components/CalendarDay/useCalendarDayStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useCalendarDayStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { DURATION_2, EASING_FUNCTION_2, FADE_IN } from '../../utils/animations';\n/*\n @internal\n /\nexport const calendarDayClassNames = {\n root: 'fui-CalendarDay',\n header: 'fui-CalendarDay__header',\n monthAndYear: 'fui-CalendarDay__monthAndYear',\n monthComponents: 'fui-CalendarDay__monthComponents',\n headerIconButton: 'fui-CalendarDay__headerIconButton',\n disabledStyle: 'fui-CalendarDay__disabledStyle'\n};\nconst useRootStyles = /#__PURE__/__styles({\n base: {\n B7ck84d: \"f1e4lqlz\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f1sy4kr4\",\n a9b677: \"f4m2ahc\"\n },\n normalize: {\n E5pizo: \"f1couhl3\",\n B7ck84d: \"f1ewtqcl\",\n jrapky: 0,\n Frg6f3: 0,\n t21cq0: 0,\n B6of3ja: 0,\n B74szlk: \"f1s184ao\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f1mk8lai\"\n },\n showWeekNumbers: {\n a9b677: \"fl524qk\"\n }\n}, {\n d: [\".f1e4lqlz{box-sizing:content-box;}\", [\".f1sy4kr4{padding:12px;}\", {\n p: -1\n }], \".f4m2ahc{width:196px;}\", \".f1couhl3{box-shadow:none;}\", \".f1ewtqcl{box-sizing:border-box;}\", [\".f1s184ao{margin:0;}\", {\n p: -1\n }], [\".f1mk8lai{padding:0;}\", {\n p: -1\n }], \".fl524qk{width:226px;}\"]\n});\nconst useHeaderStyles = /#__PURE__/__styles({\n base: {\n mc9l5x: \"ftuwxu6\",\n Bqenvij: \"fxldao9\",\n Bg96gwp: \"f1vzymgo\",\n qhf8xq: \"f10pi13n\",\n a9b677: \"fly5x3f\"\n }\n}, {\n d: [\".ftuwxu6{display:inline-flex;}\", \".fxldao9{height:28px;}\", \".f1vzymgo{line-height:44px;}\", \".f10pi13n{position:relative;}\", \".fly5x3f{width:100%;}\"]\n});\nconst useMonthAndYearStyles = /#__PURE__/__styles({\n base: {\n Bt984gj: \"f122n59\",\n De3pzq: \"f1c21dwh\",\n icvyot: \"f1ern45e\",\n vrafjx: [\"f1n71otn\", \"f1deefiw\"],\n oivjwe: \"f1h8hb77\",\n wvpqe5: [\"f1deefiw\", \"f1n71otn\"],\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"ft85np5\",\n sj55zd: \"f19n0e5\",\n mc9l5x: \"f14t3ns0\",\n Bh6795r: \"fqerorx\",\n Bahqtrf: \"f1mo0ibp\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"f336tjw\",\n B68tc82: 0,\n Bmxbyg5: 0,\n Bpg54ce: \"f1a3p1vp\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: [\"f1td8mcv\", \"f1udkdxo\"],\n fsow6f: [\"f1o700av\", \"fes3tcz\"],\n ygn44y: \"f1cmbuwj\",\n Huce71: \"fz5stix\"\n },\n animation: {\n vin17d: \"fhsqnsn\",\n Bf5fcs: \"fywypte\",\n Bv12yb3: \"f1h7u52p\",\n Ezkn3b: \"fjq4c94\"\n },\n headerIsClickable: {\n Jwef8y: \"f18a0fwf\",\n Bi91k9c: \"f3sdaeg\",\n eoavqd: \"f8491dx\",\n pugfm4: 0,\n ukgb2i: 0,\n Dwtyhm: 0,\n Biisq0s: \"f15rpok4\",\n iro3zm: \"f1wvkgvo\",\n B2d53fq: \"f1wdoaqd\",\n c3iz72: \"f13c0t7h\",\n mghro0: 0,\n Bx68yb: 0,\n syojd9: 0,\n E5hylx: \"fy2scak\"\n }\n}, {\n d: [\".f122n59{align-items:center;}\", \".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;}\", [\".ft85np5{border-radius:var(--borderRadiusMedium);}\", {\n p: -1\n }], \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".f14t3ns0{display:inline-block;}\", \".fqerorx{flex-grow:1;}\", \".f1mo0ibp{font-family:inherit;}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".f336tjw{line-height:28px;}\", [\".f1a3p1vp{overflow:hidden;}\", {\n p: -1\n }], [\".f1td8mcv{padding:0 4px 0 10px;}\", {\n p: -1\n }], [\".f1udkdxo{padding:0 10px 0 4px;}\", {\n p: -1\n }], \".f1o700av{text-align:left;}\", \".fes3tcz{text-align:right;}\", \".f1cmbuwj{text-overflow:ellipsis;}\", \".fz5stix{white-space:nowrap;}\", \".fhsqnsn{animation-duration:0.267s;}\", \".fywypte{animation-fill-mode:both;}\", \".f1h7u52p{animation-name:f5j8bii;}\", \".fjq4c94{animation-timing-function:cubic-bezier(.1,.25,.75,.9);}\"],\n k: [\"@keyframes f5j8bii{from{opacity:0;}to{opacity:1;}}\"],\n h: [\".f18a0fwf:hover{background-color:var(--colorBrandBackgroundInvertedHover);}\", \".f3sdaeg:hover{color:var(--colorBrandForegroundOnLightHover);}\", \".f8491dx:hover{cursor:pointer;}\", [\".f15rpok4:hover{outline:1px solid var(--colorTransparentStroke);}\", {\n p: -1\n }], \".f1wvkgvo:hover:active{background-color:var(--colorBrandBackgroundInvertedPressed);}\", \".f1wdoaqd:hover:active{color:var(--colorBrandForegroundOnLightPressed);}\", \".f13c0t7h:hover:active{cursor:pointer;}\", [\".fy2scak:hover:active{outline:1px solid var(--colorTransparentStroke);}\", {\n p: -1\n }]]\n});\nconst useMonthComponentsStyles = /#__PURE__/__styles({\n base: {\n qb2dma: \"fpydfdc\",\n mc9l5x: \"ftuwxu6\"\n }\n}, {\n d: [\".fpydfdc{align-self:flex-end;}\", \".ftuwxu6{display:inline-flex;}\"]\n});\nconst useHeaderIconButtonStyles = /#__PURE__/__styles({\n base: {\n De3pzq: \"f1c21dwh\",\n icvyot: \"f1ern45e\",\n vrafjx: [\"f1n71otn\", \"f1deefiw\"],\n oivjwe: \"f1h8hb77\",\n wvpqe5: [\"f1deefiw\", \"f1n71otn\"],\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"ft85np5\",\n sj55zd: \"f11d4kpn\",\n mc9l5x: \"ftgm304\",\n Bahqtrf: \"f1mo0ibp\",\n Be2twd7: \"fy9rknc\",\n Bqenvij: \"fxldao9\",\n Bg96gwp: \"f336tjw\",\n B68tc82: 0,\n Bmxbyg5: 0,\n Bpg54ce: \"f1gl81tg\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f1mk8lai\",\n qhf8xq: \"f10pi13n\",\n fsow6f: \"f17mccla\",\n a9b677: \"f1w9dchk\",\n Jwef8y: \"f18a0fwf\",\n Bi91k9c: \"f3sdaeg\",\n eoavqd: \"f8491dx\",\n pugfm4: 0,\n ukgb2i: 0,\n Dwtyhm: 0,\n Biisq0s: \"f15rpok4\",\n iro3zm: \"f1wvkgvo\",\n B2d53fq: \"f1wdoaqd\"\n }\n}, {\n d: [\".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;}\", [\".ft85np5{border-radius:var(--borderRadiusMedium);}\", {\n p: -1\n }], \".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".ftgm304{display:block;}\", \".f1mo0ibp{font-family:inherit;}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fxldao9{height:28px;}\", \".f336tjw{line-height:28px;}\", [\".f1gl81tg{overflow:visible;}\", {\n p: -1\n }], [\".f1mk8lai{padding:0;}\", {\n p: -1\n }], \".f10pi13n{position:relative;}\", \".f17mccla{text-align:center;}\", \".f1w9dchk{width:28px;}\"],\n h: [\".f18a0fwf:hover{background-color:var(--colorBrandBackgroundInvertedHover);}\", \".f3sdaeg:hover{color:var(--colorBrandForegroundOnLightHover);}\", \".f8491dx:hover{cursor:pointer;}\", [\".f15rpok4:hover{outline:1px solid var(--colorTransparentStroke);}\", {\n p: -1\n }], \".f1wvkgvo:hover:active{background-color:var(--colorBrandBackgroundInvertedPressed);}\", \".f1wdoaqd:hover:active{color:var(--colorBrandForegroundOnLightPressed);}\"]\n});\nconst useDisabledStyleStyles = /#__PURE__/__styles({\n base: {\n Bg33ivm: \"f1oelgmz\",\n t69wg0: \"fhh1ekj\"\n }\n}, {\n d: [\".f1oelgmz,.f1oelgmz:disabled,.f1oelgmz button{color:var(--colorNeutralForegroundDisabled);}\", \".fhh1ekj,.fhh1ekj:disabled,.fhh1ekj button{pointer-events:none;}\"]\n});\n/\n @internal\n \n Apply styling to the CalendarDay slots based on the state\n */\nexport const useCalendarDayStyles_unstable = props => {\n const rootStyles = useRootStyles();\n const headerStyles = useHeaderStyles();\n const monthAndYearStyles = useMonthAndYearStyles();\n const monthComponentsStyles = useMonthComponentsStyles();\n const headerIconButtonStyles = useHeaderIconButtonStyles();\n const disabledStyleStyles = useDisabledStyleStyles();\n const {\n className,\n headerIsClickable,\n showWeekNumbers\n } = props;\n return {\n root: mergeClasses(calendarDayClassNames.root, rootStyles.normalize, rootStyles.base, showWeekNumbers && rootStyles.showWeekNumbers, className),\n header: mergeClasses(calendarDayClassNames.header, headerStyles.base),\n monthAndYear: mergeClasses(calendarDayClassNames.monthAndYear, monthAndYearStyles.base, monthAndYearStyles.animation, headerIsClickable && monthAndYearStyles.headerIsClickable),\n monthComponents: mergeClasses(calendarDayClassNames.monthComponents, monthComponentsStyles.base),\n headerIconButton: mergeClasses(calendarDayClassNames.headerIconButton, headerIconButtonStyles.base),\n disabledStyle: mergeClasses(calendarDayClassNames.disabledStyle, disabledStyleStyles.base)\n };\n};\n//# sourceMappingURL=useCalendarDayStyles.styles.js.map"],"names":["calendarDayClassNames","useCalendarDayStyles_unstable","root","header","monthAndYear","monthComponents","headerIconButton","disabledStyle","useRootStyles","__styles","base","B7ck84d","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","a9b677","normalize","E5pizo","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","showWeekNumbers","d","p","useHeaderStyles","mc9l5x","Bqenvij","Bg96gwp","qhf8xq","useMonthAndYearStyles","Bt984gj","De3pzq","icvyot","vrafjx","oivjwe","wvpqe5","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","sj55zd","Bh6795r","Bahqtrf","Be2twd7","Bhrd7zp","B68tc82","Bmxbyg5","Bpg54ce","fsow6f","ygn44y","Huce71","animation","vin17d","Bf5fcs","Bv12yb3","Ezkn3b","headerIsClickable","Jwef8y","Bi91k9c","eoavqd","pugfm4","ukgb2i","Dwtyhm","Biisq0s","iro3zm","B2d53fq","c3iz72","mghro0","Bx68yb","syojd9","E5hylx","k","h","useMonthComponentsStyles","qb2dma","useHeaderIconButtonStyles","useDisabledStyleStyles","Bg33ivm","t69wg0","props","rootStyles","headerStyles","monthAndYearStyles","monthComponentsStyles","headerIconButtonStyles","disabledStyleStyles","className","mergeClasses"],"mappings":"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"}
1	+ {"version":3,"sources":["useCalendarDayStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { DURATION_2, EASING_FUNCTION_2, FADE_IN } from '../../utils/animations';\n/*\n @internal\n /\nexport const calendarDayClassNames = {\n root: 'fui-CalendarDay',\n header: 'fui-CalendarDay__header',\n monthAndYear: 'fui-CalendarDay__monthAndYear',\n monthComponents: 'fui-CalendarDay__monthComponents',\n headerIconButton: 'fui-CalendarDay__headerIconButton',\n disabledStyle: 'fui-CalendarDay__disabledStyle'\n};\nconst useRootStyles = /#__PURE__/__styles({\n base: {\n B7ck84d: \"f1e4lqlz\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f1sy4kr4\",\n a9b677: \"f4m2ahc\"\n },\n normalize: {\n E5pizo: \"f1couhl3\",\n B7ck84d: \"f1ewtqcl\",\n jrapky: 0,\n Frg6f3: 0,\n t21cq0: 0,\n B6of3ja: 0,\n B74szlk: \"f1s184ao\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f1mk8lai\"\n },\n showWeekNumbers: {\n a9b677: \"fl524qk\"\n }\n}, {\n d: [\".f1e4lqlz{box-sizing:content-box;}\", [\".f1sy4kr4{padding:12px;}\", {\n p: -1\n }], \".f4m2ahc{width:196px;}\", \".f1couhl3{box-shadow:none;}\", \".f1ewtqcl{box-sizing:border-box;}\", [\".f1s184ao{margin:0;}\", {\n p: -1\n }], [\".f1mk8lai{padding:0;}\", {\n p: -1\n }], \".fl524qk{width:226px;}\"]\n});\nconst useHeaderStyles = /#__PURE__/__styles({\n base: {\n mc9l5x: \"ftuwxu6\",\n Bqenvij: \"fxldao9\",\n Bg96gwp: \"f1vzymgo\",\n qhf8xq: \"f10pi13n\",\n a9b677: \"fly5x3f\"\n }\n}, {\n d: [\".ftuwxu6{display:inline-flex;}\", \".fxldao9{height:28px;}\", \".f1vzymgo{line-height:44px;}\", \".f10pi13n{position:relative;}\", \".fly5x3f{width:100%;}\"]\n});\nconst useMonthAndYearStyles = /#__PURE__/__styles({\n base: {\n Bt984gj: \"f122n59\",\n De3pzq: \"f1c21dwh\",\n icvyot: \"f1ern45e\",\n vrafjx: [\"f1n71otn\", \"f1deefiw\"],\n oivjwe: \"f1h8hb77\",\n wvpqe5: [\"f1deefiw\", \"f1n71otn\"],\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"ft85np5\",\n sj55zd: \"f19n0e5\",\n mc9l5x: \"f14t3ns0\",\n Bh6795r: \"fqerorx\",\n Bahqtrf: \"f1mo0ibp\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"f336tjw\",\n B68tc82: 0,\n Bmxbyg5: 0,\n Bpg54ce: \"f1a3p1vp\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: [\"f1td8mcv\", \"f1udkdxo\"],\n fsow6f: [\"f1o700av\", \"fes3tcz\"],\n ygn44y: \"f1cmbuwj\",\n Huce71: \"fz5stix\"\n },\n animation: {\n vin17d: \"fhsqnsn\",\n Bf5fcs: \"fywypte\",\n Bv12yb3: \"f1h7u52p\",\n Ezkn3b: \"fjq4c94\"\n },\n headerIsClickable: {\n Jwef8y: \"f18a0fwf\",\n Bi91k9c: \"f3sdaeg\",\n eoavqd: \"f8491dx\",\n pugfm4: 0,\n ukgb2i: 0,\n Dwtyhm: 0,\n Biisq0s: \"f15rpok4\",\n iro3zm: \"f1wvkgvo\",\n B2d53fq: \"f1wdoaqd\",\n c3iz72: \"f13c0t7h\",\n mghro0: 0,\n Bx68yb: 0,\n syojd9: 0,\n E5hylx: \"fy2scak\"\n }\n}, {\n d: [\".f122n59{align-items:center;}\", \".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;}\", [\".ft85np5{border-radius:var(--borderRadiusMedium);}\", {\n p: -1\n }], \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".f14t3ns0{display:inline-block;}\", \".fqerorx{flex-grow:1;}\", \".f1mo0ibp{font-family:inherit;}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".f336tjw{line-height:28px;}\", [\".f1a3p1vp{overflow:hidden;}\", {\n p: -1\n }], [\".f1td8mcv{padding:0 4px 0 10px;}\", {\n p: -1\n }], [\".f1udkdxo{padding:0 10px 0 4px;}\", {\n p: -1\n }], \".f1o700av{text-align:left;}\", \".fes3tcz{text-align:right;}\", \".f1cmbuwj{text-overflow:ellipsis;}\", \".fz5stix{white-space:nowrap;}\", \".fhsqnsn{animation-duration:0.267s;}\", \".fywypte{animation-fill-mode:both;}\", \".f1h7u52p{animation-name:f5j8bii;}\", \".fjq4c94{animation-timing-function:cubic-bezier(.1,.25,.75,.9);}\"],\n k: [\"@keyframes f5j8bii{from{opacity:0;}to{opacity:1;}}\"],\n h: [\".f18a0fwf:hover{background-color:var(--colorBrandBackgroundInvertedHover);}\", \".f3sdaeg:hover{color:var(--colorBrandForegroundOnLightHover);}\", \".f8491dx:hover{cursor:pointer;}\", [\".f15rpok4:hover{outline:1px solid var(--colorTransparentStroke);}\", {\n p: -1\n }], \".f1wvkgvo:hover:active{background-color:var(--colorBrandBackgroundInvertedPressed);}\", \".f1wdoaqd:hover:active{color:var(--colorBrandForegroundOnLightPressed);}\", \".f13c0t7h:hover:active{cursor:pointer;}\", [\".fy2scak:hover:active{outline:1px solid var(--colorTransparentStroke);}\", {\n p: -1\n }]]\n});\nconst useMonthComponentsStyles = /#__PURE__/__styles({\n base: {\n qb2dma: \"fpydfdc\",\n mc9l5x: \"ftuwxu6\"\n }\n}, {\n d: [\".fpydfdc{align-self:flex-end;}\", \".ftuwxu6{display:inline-flex;}\"]\n});\nconst useHeaderIconButtonStyles = /#__PURE__/__styles({\n base: {\n De3pzq: \"f1c21dwh\",\n icvyot: \"f1ern45e\",\n vrafjx: [\"f1n71otn\", \"f1deefiw\"],\n oivjwe: \"f1h8hb77\",\n wvpqe5: [\"f1deefiw\", \"f1n71otn\"],\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"ft85np5\",\n sj55zd: \"f11d4kpn\",\n mc9l5x: \"ftgm304\",\n Bahqtrf: \"f1mo0ibp\",\n Be2twd7: \"fy9rknc\",\n Bqenvij: \"fxldao9\",\n Bg96gwp: \"f336tjw\",\n B68tc82: 0,\n Bmxbyg5: 0,\n Bpg54ce: \"f1gl81tg\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f1mk8lai\",\n qhf8xq: \"f10pi13n\",\n fsow6f: \"f17mccla\",\n a9b677: \"f1w9dchk\",\n Jwef8y: \"f18a0fwf\",\n Bi91k9c: \"f3sdaeg\",\n eoavqd: \"f8491dx\",\n pugfm4: 0,\n ukgb2i: 0,\n Dwtyhm: 0,\n Biisq0s: \"f15rpok4\",\n iro3zm: \"f1wvkgvo\",\n B2d53fq: \"f1wdoaqd\"\n }\n}, {\n d: [\".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;}\", [\".ft85np5{border-radius:var(--borderRadiusMedium);}\", {\n p: -1\n }], \".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".ftgm304{display:block;}\", \".f1mo0ibp{font-family:inherit;}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fxldao9{height:28px;}\", \".f336tjw{line-height:28px;}\", [\".f1gl81tg{overflow:visible;}\", {\n p: -1\n }], [\".f1mk8lai{padding:0;}\", {\n p: -1\n }], \".f10pi13n{position:relative;}\", \".f17mccla{text-align:center;}\", \".f1w9dchk{width:28px;}\"],\n h: [\".f18a0fwf:hover{background-color:var(--colorBrandBackgroundInvertedHover);}\", \".f3sdaeg:hover{color:var(--colorBrandForegroundOnLightHover);}\", \".f8491dx:hover{cursor:pointer;}\", [\".f15rpok4:hover{outline:1px solid var(--colorTransparentStroke);}\", {\n p: -1\n }], \".f1wvkgvo:hover:active{background-color:var(--colorBrandBackgroundInvertedPressed);}\", \".f1wdoaqd:hover:active{color:var(--colorBrandForegroundOnLightPressed);}\"]\n});\nconst useDisabledStyleStyles = /#__PURE__/__styles({\n base: {\n Bg33ivm: \"f1oelgmz\",\n t69wg0: \"fhh1ekj\"\n }\n}, {\n d: [\".f1oelgmz,.f1oelgmz:disabled,.f1oelgmz button{color:var(--colorNeutralForegroundDisabled);}\", \".fhh1ekj,.fhh1ekj:disabled,.fhh1ekj button{pointer-events:none;}\"]\n});\n/\n @internal\n \n Apply styling to the CalendarDay slots based on the state\n */\nexport const useCalendarDayStyles_unstable = props => {\n 'use no memo';\n\n const rootStyles = useRootStyles();\n const headerStyles = useHeaderStyles();\n const monthAndYearStyles = useMonthAndYearStyles();\n const monthComponentsStyles = useMonthComponentsStyles();\n const headerIconButtonStyles = useHeaderIconButtonStyles();\n const disabledStyleStyles = useDisabledStyleStyles();\n const {\n className,\n headerIsClickable,\n showWeekNumbers\n } = props;\n return {\n root: mergeClasses(calendarDayClassNames.root, rootStyles.normalize, rootStyles.base, showWeekNumbers && rootStyles.showWeekNumbers, className),\n header: mergeClasses(calendarDayClassNames.header, headerStyles.base),\n monthAndYear: mergeClasses(calendarDayClassNames.monthAndYear, monthAndYearStyles.base, monthAndYearStyles.animation, headerIsClickable && monthAndYearStyles.headerIsClickable),\n monthComponents: mergeClasses(calendarDayClassNames.monthComponents, monthComponentsStyles.base),\n headerIconButton: mergeClasses(calendarDayClassNames.headerIconButton, headerIconButtonStyles.base),\n disabledStyle: mergeClasses(calendarDayClassNames.disabledStyle, disabledStyleStyles.base)\n };\n};\n//# sourceMappingURL=useCalendarDayStyles.styles.js.map"],"names":["calendarDayClassNames","useCalendarDayStyles_unstable","root","header","monthAndYear","monthComponents","headerIconButton","disabledStyle","useRootStyles","__styles","base","B7ck84d","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","a9b677","normalize","E5pizo","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","showWeekNumbers","d","p","useHeaderStyles","mc9l5x","Bqenvij","Bg96gwp","qhf8xq","useMonthAndYearStyles","Bt984gj","De3pzq","icvyot","vrafjx","oivjwe","wvpqe5","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","sj55zd","Bh6795r","Bahqtrf","Be2twd7","Bhrd7zp","B68tc82","Bmxbyg5","Bpg54ce","fsow6f","ygn44y","Huce71","animation","vin17d","Bf5fcs","Bv12yb3","Ezkn3b","headerIsClickable","Jwef8y","Bi91k9c","eoavqd","pugfm4","ukgb2i","Dwtyhm","Biisq0s","iro3zm","B2d53fq","c3iz72","mghro0","Bx68yb","syojd9","E5hylx","k","h","useMonthComponentsStyles","qb2dma","useHeaderIconButtonStyles","useDisabledStyleStyles","Bg33ivm","t69wg0","props","rootStyles","headerStyles","monthAndYearStyles","monthComponentsStyles","headerIconButtonStyles","disabledStyleStyles","className","mergeClasses"],"mappings":"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"}

package/lib-commonjs/components/CalendarDayGrid/CalendarDayGrid.js CHANGED Viewed

@@ -98,7 +98,7 @@ const CalendarDayGrid = (props)=>{
         dayRefs = dayInfosInRange.map((dayInfo)=>daysRef.current[dayInfo.key]);
         return dayRefs;
     };
-    const { dateRangeType, showWeekNumbers, labelledBy, lightenDaysOutsideNavigatedMonth, animationDirection } = props;
+    const { gridLabel, dateRangeType, showWeekNumbers, labelledBy, lightenDaysOutsideNavigatedMonth, animationDirection } = props;
     const classNames = (0, _useCalendarDayGridStylesstyles.useCalendarDayGridStyles_unstable)({
         animateBackwards,
         animationDirection,
@@ -124,6 +124,7 @@ const CalendarDayGrid = (props)=>{
     return /*#__PURE__*/ _react.createElement("table", {
         className: (0, _react1.mergeClasses)(classNames.table, props.className),
         "aria-multiselectable": "false",
+        "aria-label": gridLabel,
         "aria-labelledby": labelledBy,
         "aria-activedescendant": activeDescendantId,
         role: "grid",

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

	@@ -1 +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 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_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_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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"}
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 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 { gridLabel, 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-label\": gridLabel,\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_focus","_navigatedDayRef_current","getDayInfosInRangeOfDay","dayToCompare","dateRangeHoverType","getDateRangeTypeToUse","map","date","dayInfosInRange","reduce","accumulatedValue","currentWeek","concat","weekDay","indexOf","getRefsFromDayInfos","dayRefs","dayInfo","key","gridLabel","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/CalendarGridDayCell.js CHANGED Viewed

@@ -18,6 +18,7 @@ const _utils = require("../../utils");
 const _useWeekCornerStylesstyles = require("./useWeekCornerStyles.styles");
 const _useCalendarDayGridStylesstyles = require("./useCalendarDayGridStyles.styles");
 const CalendarGridDayCell = (props)=>{
+    'use no memo';
     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_ : '';
@@ -143,7 +144,6 @@ const CalendarGridDayCell = (props)=>{
             day.setRef(element);
             isNavigatedDate && (navigatedDayRef.current = element);
         },
-        "aria-hidden": ariaHidden,
         "aria-disabled": !ariaHidden && !day.isInBounds,
         onClick: day.isInBounds && !ariaHidden ? day.onSelected : undefined,
         onMouseOver: !ariaHidden ? onMouseOverDay : undefined,
@@ -157,7 +157,6 @@ const CalendarGridDayCell = (props)=>{
         "aria-selected": day.isInBounds ? day.isSelected : undefined
     }, /*#__PURE__*/ _react.createElement("button", {
         key: day.key + 'button',
-        "aria-hidden": ariaHidden,
         className: (0, _react1.mergeClasses)(classNames.dayButton, day.isToday && classNames.dayIsToday),
         "aria-label": ariaLabel,
         id: isNavigatedDate ? activeDescendantId : undefined,
@@ -165,8 +164,7 @@ const CalendarGridDayCell = (props)=>{
         type: "button",
         tabIndex: -1
     }, /*#__PURE__*/ _react.createElement("span", {
-        className: day.isToday ? (0, _react1.mergeClasses)(classNames.dayTodayMarker) : undefined,
-        "aria-hidden": "true"
+        className: day.isToday ? (0, _react1.mergeClasses)(classNames.dayTodayMarker) : undefined
     }, dateTimeFormatter.formatDay(day.originalDate)), day.isMarked && /*#__PURE__*/ _react.createElement("div", {
         "aria-hidden": "true",
         className: classNames.dayMarker

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

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

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

@@ -13,11 +13,12 @@ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _utils = require("../../utils");
 const _CalendarGridDayCell = require("./CalendarGridDayCell");
 const CalendarGridRow = (props)=>{
-    const { classNames, week, weeks, weekIndex, rowClassName, ariaRole, showWeekNumbers, firstDayOfWeek, firstWeekOfYear, navigatedDate, strings } = props;
+    const { ariaHidden, classNames, week, weeks, weekIndex, rowClassName, ariaRole, showWeekNumbers, firstDayOfWeek, firstWeekOfYear, navigatedDate, strings } = props;
     const weekNumbers = showWeekNumbers ? (0, _utils.getWeekNumbersInMonth)(weeks.length, firstDayOfWeek, firstWeekOfYear, navigatedDate) : null;
     const titleString = weekNumbers ? strings.weekNumberFormatString && strings.weekNumberFormatString.replace('{0}', `${weekNumbers[weekIndex]}`) : '';
     return /*#__PURE__*/ _react.createElement("tr", {
         role: ariaRole,
+        "aria-hidden": ariaHidden,
         className: rowClassName,
         key: weekIndex + '_' + week[0].key
     }, showWeekNumbers && weekNumbers && /*#__PURE__*/ _react.createElement("th", {

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

	@@ -1 +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;;;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"}
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 { ariaHidden, 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 \"aria-hidden\": ariaHidden,\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","ariaHidden","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,UAAU,EAAEC,IAAI,EAAEC,KAAK,EAAEC,SAAS,EAAEC,YAAY,EAAEC,QAAQ,EAAEC,eAAe,EAAEC,cAAc,EAAEC,eAAe,EAAEC,aAAa,EAAEC,OAAO,EAAE,GAAGZ;IAC7J,MAAMa,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;QACN,eAAeN;QACfqB,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,GAAG9B,KAAK;YACRuB,KAAKK,IAAIL,GAAG;YACZK,KAAKA;YACLC,UAAUA;QACd;AACR"}

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

@@ -532,6 +532,10 @@ const useDaySingleSelectedStyles = /*#__PURE__*/ (0, _react.__styles)({
 });
 const useWeekRowStyles = /*#__PURE__*/ (0, _react.__styles)({
     base: {
+        qhf8xq: "f10pi13n",
+        mlyf9c: "f1gazwyt"
+    },
+    animation: {
         vin17d: "f5f2jbu",
         Bf5fcs: "fywypte",
         Ezkn3b: "f1ee2ue"
@@ -556,6 +560,7 @@ const useWeekRowStyles = /*#__PURE__*/ (0, _react.__styles)({
     }
 }, {
     d: [
+        ".f10pi13n{position:relative;}",
         ".f5f2jbu{animation-duration:0.367s;}",
         ".fywypte{animation-fill-mode:both;}",
         ".f1ee2ue{animation-timing-function:cubic-bezier(.1,.9,.2,1);}",
@@ -564,6 +569,9 @@ const useWeekRowStyles = /*#__PURE__*/ (0, _react.__styles)({
         ".fgl3yn7{animation-name:f5j8bii,f3bv9km;}",
         ".faiu5ye{animation-name:f5j8bii,funtx0y;}"
     ],
+    w: [
+        ".f1gazwyt:focus-within{z-index:1;}"
+    ],
     k: [
         "@keyframes f5j8bii{from{opacity:0;}to{opacity:1;}}",
         "@keyframes f2lgmc3{from{pointer-events:none;transform:translate3d(-20px, 0, 0);}to{pointer-events:auto;transform:translate3d(0, 0, 0);}}",
@@ -1073,6 +1081,7 @@ const useCornerBorderAndRadiusStyles = /*#__PURE__*/ (0, _react.__styles)({
     ]
 });
 const useCalendarDayGridStyles_unstable = (props)=>{
+    'use no memo';
     const wrapperStyles = useWrapperStyles();
     const tableStyles = useTableStyles();
     const dayCellStyles = useDayCellStyles();
@@ -1097,7 +1106,7 @@ const useCalendarDayGridStyles_unstable = (props)=>{
         dayCell: (0, _react.mergeClasses)(calendarDayGridClassNames.dayCell, dayCellStyles.base, dayCellStyles.focusIndicator, cornerBorderAndRadiusStyles.corners),
         daySelected: (0, _react.mergeClasses)(calendarDayGridClassNames.daySelected, daySelectedStyles.base),
         daySingleSelected: (0, _react.mergeClasses)(calendarDayGridClassNames.daySingleSelected, daySingleSelectedStyles.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, weekRowStyles.base, animateBackwards !== undefined && weekRowStyles.animation, 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),