@fluentui/react-calendar-compat 0.1.9 → 0.1.11
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.
- package/CHANGELOG.md +61 -38
- package/dist/index.d.ts +11 -1
- package/lib/components/Calendar/Calendar.js +6 -19
- package/lib/components/Calendar/Calendar.js.map +1 -1
- package/lib/components/CalendarDay/useCalendarDayStyles.styles.js +4 -4
- package/lib/components/CalendarDay/useCalendarDayStyles.styles.js.map +1 -1
- package/lib/components/CalendarDayGrid/CalendarDayGrid.types.js.map +1 -1
- package/lib/components/CalendarDayGrid/CalendarGridDayCell.js +2 -1
- package/lib/components/CalendarDayGrid/CalendarGridDayCell.js.map +1 -1
- package/lib/components/CalendarDayGrid/useCalendarDayGridStyles.styles.js +115 -45
- package/lib/components/CalendarDayGrid/useCalendarDayGridStyles.styles.js.map +1 -1
- package/lib/components/CalendarMonth/CalendarMonth.js +1 -1
- package/lib/components/CalendarMonth/CalendarMonth.js.map +1 -1
- package/lib/components/CalendarMonth/index.js +1 -1
- package/lib/components/CalendarMonth/index.js.map +1 -1
- package/lib/components/CalendarMonth/{useCalendarMonthStyles.js → useCalendarMonthStyles.styles.js} +4 -2
- package/lib/components/CalendarMonth/useCalendarMonthStyles.styles.js.map +1 -0
- package/lib/components/CalendarPicker/useCalendarPickerStyles.styles.js +12 -5
- package/lib/components/CalendarPicker/useCalendarPickerStyles.styles.js.map +1 -1
- package/lib/utils/dateGrid/dateGrid.types.js.map +1 -1
- package/lib/utils/dateGrid/getDayGrid.js +1 -0
- package/lib/utils/dateGrid/getDayGrid.js.map +1 -1
- package/lib-commonjs/components/Calendar/Calendar.js +6 -19
- package/lib-commonjs/components/Calendar/Calendar.js.map +1 -1
- package/lib-commonjs/components/CalendarDay/useCalendarDayStyles.styles.js +4 -4
- package/lib-commonjs/components/CalendarDay/useCalendarDayStyles.styles.js.map +1 -1
- package/lib-commonjs/components/CalendarDayGrid/CalendarGridDayCell.js +2 -1
- package/lib-commonjs/components/CalendarDayGrid/CalendarGridDayCell.js.map +1 -1
- package/lib-commonjs/components/CalendarDayGrid/useCalendarDayGridStyles.styles.js +226 -76
- package/lib-commonjs/components/CalendarDayGrid/useCalendarDayGridStyles.styles.js.map +1 -1
- package/lib-commonjs/components/CalendarMonth/CalendarMonth.js +2 -2
- package/lib-commonjs/components/CalendarMonth/CalendarMonth.js.map +1 -1
- package/lib-commonjs/components/CalendarMonth/index.js +1 -1
- package/lib-commonjs/components/CalendarMonth/index.js.map +1 -1
- package/lib-commonjs/components/CalendarMonth/{useCalendarMonthStyles.js → useCalendarMonthStyles.styles.js} +1 -1
- package/lib-commonjs/components/CalendarMonth/useCalendarMonthStyles.styles.js.map +1 -0
- package/lib-commonjs/components/CalendarPicker/useCalendarPickerStyles.styles.js +15 -4
- package/lib-commonjs/components/CalendarPicker/useCalendarPickerStyles.styles.js.map +1 -1
- package/lib-commonjs/utils/dateGrid/getDayGrid.js +1 -0
- package/lib-commonjs/utils/dateGrid/getDayGrid.js.map +1 -1
- package/package.json +6 -7
- package/lib/components/CalendarMonth/useCalendarMonthStyles.js.map +0 -1
- package/lib-commonjs/components/CalendarMonth/useCalendarMonthStyles.js.map +0 -1
@@ -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: \"fl4tsp0\",\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;}\", [\".fl4tsp0{border-radius:2px;}\", {\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: \"fl4tsp0\",\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;}\", [\".fl4tsp0{border-radius:2px;}\", {\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 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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"}
|
@@ -137,7 +137,7 @@ const CalendarGridDayCell = (props)=>{
|
|
137
137
|
}
|
138
138
|
const isFocusable = !ariaHidden && (allFocusable || (day.isInBounds ? true : undefined));
|
139
139
|
return /*#__PURE__*/ _react.createElement("td", {
|
140
|
-
className: (0, _react1.mergeClasses)(classNames.dayCell, weekCorners && cornerStyle, day.isSelected && classNames.daySelected, !day.isInBounds && classNames.dayOutsideBounds, !day.isInMonth && classNames.dayOutsideNavigatedMonth),
|
140
|
+
className: (0, _react1.mergeClasses)(classNames.dayCell, weekCorners && cornerStyle, day.isSelected && !day.isSingleSelected && classNames.daySelected, day.isSingleSelected && classNames.daySingleSelected, !day.isInBounds && classNames.dayOutsideBounds, !day.isInMonth && classNames.dayOutsideNavigatedMonth),
|
141
141
|
ref: (element)=>{
|
142
142
|
customDayCellRef === null || customDayCellRef === void 0 ? void 0 : customDayCellRef(element, day.originalDate, classNames);
|
143
143
|
day.setRef(element);
|
@@ -165,6 +165,7 @@ const CalendarGridDayCell = (props)=>{
|
|
165
165
|
type: "button",
|
166
166
|
tabIndex: -1
|
167
167
|
}, /*#__PURE__*/ _react.createElement("span", {
|
168
|
+
className: day.isToday ? (0, _react1.mergeClasses)(classNames.dayTodayMarker) : undefined,
|
168
169
|
"aria-hidden": "true"
|
169
170
|
}, dateTimeFormatter.formatDay(day.originalDate)), day.isMarked && /*#__PURE__*/ _react.createElement("div", {
|
170
171
|
"aria-hidden": "true",
|
@@ -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 && classNames.daySelected, !day.isInBounds && classNames.dayOutsideBounds, !day.isInMonth && classNames.dayOutsideNavigatedMonth),\n ref: (element)=>{\n customDayCellRef === null || customDayCellRef === void 0 ? void 0 : customDayCellRef(element, day.originalDate, classNames);\n day.setRef(element);\n isNavigatedDate && (navigatedDayRef.current = element);\n },\n \"aria-hidden\": ariaHidden,\n \"aria-disabled\": !ariaHidden && !day.isInBounds,\n onClick: day.isInBounds && !ariaHidden ? day.onSelected : undefined,\n onMouseOver: !ariaHidden ? onMouseOverDay : undefined,\n onMouseDown: !ariaHidden ? onMouseDownDay : undefined,\n onMouseUp: !ariaHidden ? onMouseUpDay : undefined,\n onMouseOut: !ariaHidden ? onMouseOutDay : undefined,\n onKeyDown: !ariaHidden ? onDayKeyDown : undefined,\n role: \"gridcell\",\n tabIndex: isNavigatedDate || isFocusable ? 0 : undefined,\n \"aria-current\": day.isToday ? 'date' : undefined,\n \"aria-selected\": day.isInBounds ? day.isSelected : undefined\n }, /*#__PURE__*/ React.createElement(\"button\", {\n key: day.key + 'button',\n \"aria-hidden\": ariaHidden,\n className: mergeClasses(classNames.dayButton, day.isToday && classNames.dayIsToday),\n \"aria-label\": ariaLabel,\n id: isNavigatedDate ? activeDescendantId : undefined,\n disabled: !ariaHidden && !day.isInBounds,\n type: \"button\",\n tabIndex: -1\n }, /*#__PURE__*/ React.createElement(\"span\", {\n \"aria-hidden\": \"true\"\n }, dateTimeFormatter.formatDay(day.originalDate)), day.isMarked && /*#__PURE__*/ React.createElement(\"div\", {\n \"aria-hidden\": \"true\",\n className: classNames.dayMarker\n })));\n};\n"],"names":["CalendarGridDayCell","props","navigatedDate","dateTimeFormatter","allFocusable","strings","activeDescendantId","navigatedDayRef","calculateRoundedStyles","weeks","classNames","day","dayIndex","weekIndex","weekCorners","ariaHidden","customDayCellRef","dateRangeType","daysToSelectInDayView","onSelectDate","restrictedDates","minDate","maxDate","onNavigateDate","getDayInfosInRangeOfDay","getRefsFromDayInfos","_weekCorners_","cornerStyle","isNavigatedDate","compareDates","originalDate","dir","useFluent_unstable","navigateMonthEdge","ev","date","targetDate","undefined","direction","key","ArrowUp","addWeeks","ArrowDown","getRTLSafeKey","ArrowLeft","addDays","ArrowRight","findAvailableDateOptions","initialDate","nextDate","findAvailableDate","isInCurrentView","slice","length","some","week","dayToCompare","preventDefault","onMouseOverDay","dayInfos","dayRefs","forEach","dayRef","index","classList","add","extraCalendarDayGridClassNames","hoverStyle","isSelected","DateRangeType","Day","remove","weekCornersClassNames","bottomLeftCornerDate","bottomRightCornerDate","topLeftCornerDate","topRightCornerDate","classNamesToAdd","trim","split","onMouseDownDay","pressedStyle","onMouseUpDay","onMouseOutDay","onDayKeyDown","Enter","ariaLabel","getDate","months","getMonth","getFullYear","isMarked","dayMarkedAriaLabel","isFocusable","isInBounds","React","createElement","className","mergeClasses","dayCell","daySelected","dayOutsideBounds","isInMonth","dayOutsideNavigatedMonth","ref","element","setRef","current","onClick","onSelected","onMouseOver","onMouseDown","onMouseUp","onMouseOut","onKeyDown","role","tabIndex","isToday","dayButton","dayIsToday","id","disabled","type","formatDay","dayMarker"],"mappings":"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"}
|
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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"}
|