@fluentui/react-datepicker-compat 0.0.0-nightly-20230421-0417.1 → 0.0.0

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

@@ -0,0 +1,356 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    calendarDayClassNames: ()=>calendarDayClassNames,
+    useCalendarDayStyles_unstable: ()=>useCalendarDayStyles_unstable
+});
+const _react = require("@griffel/react");
+const calendarDayClassNames = {
+    root: 'fui-CalendarDay',
+    header: 'fui-CalendarDay__header',
+    monthAndYear: 'fui-CalendarDay__monthAndYear',
+    monthComponents: 'fui-CalendarDay__monthComponents',
+    headerIconButton: 'fui-CalendarDay__headerIconButton',
+    disabledStyle: 'fui-CalendarDay__disabledStyle'
+};
+const useRootStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    base: {
+        B7ck84d: "f1e4lqlz",
+        z8tnut: "f1kcqot9",
+        z189sj: [
+            "f11qrl6u",
+            "fjlbh76"
+        ],
+        Byoj8tv: "fpe6lb7",
+        uwmqm3: [
+            "fjlbh76",
+            "f11qrl6u"
+        ],
+        a9b677: "f4m2ahc"
+    },
+    normalize: {
+        E5pizo: "f1couhl3",
+        B7ck84d: "f1ewtqcl",
+        B6of3ja: "f1hu3pq6",
+        t21cq0: [
+            "f11qmguv",
+            "f1tyq0we"
+        ],
+        jrapky: "f19f4twv",
+        Frg6f3: [
+            "f1tyq0we",
+            "f11qmguv"
+        ],
+        z8tnut: "f1g0x7ka",
+        z189sj: [
+            "fhxju0i",
+            "f1cnd47f"
+        ],
+        Byoj8tv: "f1qch9an",
+        uwmqm3: [
+            "f1cnd47f",
+            "fhxju0i"
+        ]
+    },
+    showWeekNumbers: {
+        a9b677: "fl524qk"
+    }
+}, {
+    d: [
+        ".f1e4lqlz{box-sizing:content-box;}",
+        ".f1kcqot9{padding-top:12px;}",
+        ".f11qrl6u{padding-right:12px;}",
+        ".fjlbh76{padding-left:12px;}",
+        ".fpe6lb7{padding-bottom:12px;}",
+        ".f4m2ahc{width:196px;}",
+        ".f1couhl3{box-shadow:none;}",
+        ".f1ewtqcl{box-sizing:border-box;}",
+        ".f1hu3pq6{margin-top:0;}",
+        ".f11qmguv{margin-right:0;}",
+        ".f1tyq0we{margin-left:0;}",
+        ".f19f4twv{margin-bottom:0;}",
+        ".f1g0x7ka{padding-top:0;}",
+        ".fhxju0i{padding-right:0;}",
+        ".f1cnd47f{padding-left:0;}",
+        ".f1qch9an{padding-bottom:0;}",
+        ".fl524qk{width:226px;}"
+    ]
+});
+const useHeaderStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    base: {
+        mc9l5x: "ftuwxu6",
+        Bqenvij: "fxldao9",
+        Bg96gwp: "f1vzymgo",
+        qhf8xq: "f10pi13n",
+        a9b677: "fly5x3f"
+    }
+}, {
+    d: [
+        ".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}",
+        ".fxldao9{height:28px;}",
+        ".f1vzymgo{line-height:44px;}",
+        ".f10pi13n{position:relative;}",
+        ".fly5x3f{width:100%;}"
+    ]
+});
+const useMonthAndYearStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    base: {
+        Bt984gj: "f122n59",
+        De3pzq: "f1c21dwh",
+        icvyot: "f1ern45e",
+        vrafjx: [
+            "f1n71otn",
+            "f1deefiw"
+        ],
+        oivjwe: "f1h8hb77",
+        wvpqe5: [
+            "f1deefiw",
+            "f1n71otn"
+        ],
+        Bbmb7ep: [
+            "f2i1086",
+            "f1rlsnju"
+        ],
+        Beyfa6y: [
+            "f1rlsnju",
+            "f2i1086"
+        ],
+        B7oj6ja: [
+            "f1stktl2",
+            "f1127022"
+        ],
+        Btl43ni: [
+            "f1127022",
+            "f1stktl2"
+        ],
+        sj55zd: "f19n0e5",
+        mc9l5x: "f14t3ns0",
+        Bh6795r: "fqerorx",
+        Bahqtrf: "f1mo0ibp",
+        Be2twd7: "fkhj508",
+        Bhrd7zp: "fl43uef",
+        Bg96gwp: "f336tjw",
+        B68tc82: "f1p9o1ba",
+        Bmxbyg5: "f1sil6mw",
+        z8tnut: "f1g0x7ka",
+        z189sj: [
+            "f8wuabp",
+            "fycuoez"
+        ],
+        Byoj8tv: "f1qch9an",
+        uwmqm3: [
+            "frdkuqy",
+            "f81rol6"
+        ],
+        fsow6f: [
+            "f1o700av",
+            "fes3tcz"
+        ],
+        ygn44y: "f1cmbuwj",
+        Huce71: "fz5stix"
+    },
+    animation: {
+        vin17d: "fhsqnsn",
+        Bf5fcs: "fywypte",
+        Bv12yb3: "f1h7u52p",
+        Ezkn3b: "fjq4c94"
+    },
+    headerIsClickable: {
+        Jwef8y: "f121v1wq",
+        Bi91k9c: "feu1g3u",
+        eoavqd: "f8491dx",
+        iro3zm: "f6r9z65"
+    }
+}, {
+    d: [
+        ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;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;}",
+        ".f2i1086{border-bottom-right-radius:2px;}",
+        ".f1rlsnju{border-bottom-left-radius:2px;}",
+        ".f1stktl2{border-top-right-radius:2px;}",
+        ".f1127022{border-top-left-radius:2px;}",
+        ".f19n0e5{color:var(--colorNeutralForeground1);}",
+        ".f14t3ns0{display:inline-block;}",
+        ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}",
+        ".f1mo0ibp{font-family:inherit;}",
+        ".fkhj508{font-size:var(--fontSizeBase300);}",
+        ".fl43uef{font-weight:var(--fontWeightSemibold);}",
+        ".f336tjw{line-height:28px;}",
+        ".f1p9o1ba{overflow-x:hidden;}",
+        ".f1sil6mw{overflow-y:hidden;}",
+        ".f1g0x7ka{padding-top:0;}",
+        ".f8wuabp{padding-right:4px;}",
+        ".fycuoez{padding-left:4px;}",
+        ".f1qch9an{padding-bottom:0;}",
+        ".frdkuqy{padding-left:10px;}",
+        ".f81rol6{padding-right:10px;}",
+        ".f1o700av{text-align:left;}",
+        ".fes3tcz{text-align:right;}",
+        ".f1cmbuwj{text-overflow:ellipsis;}",
+        ".fz5stix{white-space:nowrap;}",
+        ".fhsqnsn{-webkit-animation-duration:0.267s;animation-duration:0.267s;}",
+        ".fywypte{-webkit-animation-fill-mode:both;animation-fill-mode:both;}",
+        ".f1h7u52p{-webkit-animation-name:f5j8bii;animation-name:f5j8bii;}",
+        ".fjq4c94{-webkit-animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-timing-function:cubic-bezier(.1,.25,.75,.9);}"
+    ],
+    k: [
+        "@-webkit-keyframes f5j8bii{from{opacity:0;}to{opacity:1;}}",
+        "@keyframes f5j8bii{from{opacity:0;}to{opacity:1;}}"
+    ],
+    h: [
+        ".f121v1wq:hover{background-color:var(--colorBrandBackground2);}",
+        ".feu1g3u:hover{color:var(--colorNeutralForeground1Hover);}",
+        ".f8491dx:hover{cursor:pointer;}",
+        ".f6r9z65:hover:active{background-color:var(--colorBrandBackground2);}"
+    ]
+});
+const useMonthComponentsStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    base: {
+        qb2dma: "fpydfdc",
+        mc9l5x: "ftuwxu6"
+    }
+}, {
+    d: [
+        ".fpydfdc{-webkit-align-self:flex-end;-ms-flex-item-align:flex-end;align-self:flex-end;}",
+        ".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}"
+    ]
+});
+const useHeaderIconButtonStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    base: {
+        De3pzq: "f1c21dwh",
+        icvyot: "f1ern45e",
+        vrafjx: [
+            "f1n71otn",
+            "f1deefiw"
+        ],
+        oivjwe: "f1h8hb77",
+        wvpqe5: [
+            "f1deefiw",
+            "f1n71otn"
+        ],
+        Bbmb7ep: [
+            "f2i1086",
+            "f1rlsnju"
+        ],
+        Beyfa6y: [
+            "f1rlsnju",
+            "f2i1086"
+        ],
+        B7oj6ja: [
+            "f1stktl2",
+            "f1127022"
+        ],
+        Btl43ni: [
+            "f1127022",
+            "f1stktl2"
+        ],
+        sj55zd: "f11d4kpn",
+        mc9l5x: "ftgm304",
+        Bahqtrf: "f1mo0ibp",
+        Be2twd7: "fy9rknc",
+        Bqenvij: "fxldao9",
+        Bg96gwp: "f336tjw",
+        B68tc82: "f1mtd64y",
+        Bmxbyg5: "f1y7q3j9",
+        z8tnut: "f1g0x7ka",
+        z189sj: [
+            "fhxju0i",
+            "f1cnd47f"
+        ],
+        Byoj8tv: "f1qch9an",
+        uwmqm3: [
+            "f1cnd47f",
+            "fhxju0i"
+        ],
+        qhf8xq: "f10pi13n",
+        fsow6f: "f17mccla",
+        a9b677: "f1w9dchk",
+        Jwef8y: "f18a0fwf",
+        Bi91k9c: "f3sdaeg",
+        eoavqd: "f8491dx",
+        Dwtyhm: "f14gx60i",
+        ukgb2i: "f1o3croz",
+        pugfm4: "f11jyo21",
+        iro3zm: "f1wvkgvo",
+        B2d53fq: "f1wdoaqd"
+    }
+}, {
+    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;}",
+        ".f2i1086{border-bottom-right-radius:2px;}",
+        ".f1rlsnju{border-bottom-left-radius:2px;}",
+        ".f1stktl2{border-top-right-radius:2px;}",
+        ".f1127022{border-top-left-radius:2px;}",
+        ".f11d4kpn{color:var(--colorNeutralForeground3);}",
+        ".ftgm304{display:block;}",
+        ".f1mo0ibp{font-family:inherit;}",
+        ".fy9rknc{font-size:var(--fontSizeBase200);}",
+        ".fxldao9{height:28px;}",
+        ".f336tjw{line-height:28px;}",
+        ".f1mtd64y{overflow-x:visible;}",
+        ".f1y7q3j9{overflow-y:visible;}",
+        ".f1g0x7ka{padding-top:0;}",
+        ".fhxju0i{padding-right:0;}",
+        ".f1cnd47f{padding-left:0;}",
+        ".f1qch9an{padding-bottom:0;}",
+        ".f10pi13n{position:relative;}",
+        ".f17mccla{text-align:center;}",
+        ".f1w9dchk{width:28px;}"
+    ],
+    h: [
+        ".f18a0fwf:hover{background-color:var(--colorBrandBackgroundInvertedHover);}",
+        ".f3sdaeg:hover{color:var(--colorBrandForegroundOnLightHover);}",
+        ".f8491dx:hover{cursor:pointer;}",
+        ".f14gx60i:hover{outline-width:1px;}",
+        ".f1o3croz:hover{outline-style:solid;}",
+        ".f11jyo21:hover{outline-color:var(--colorTransparentStroke);}",
+        ".f1wvkgvo:hover:active{background-color:var(--colorBrandBackgroundInvertedPressed);}",
+        ".f1wdoaqd:hover:active{color:var(--colorBrandForegroundOnLightPressed);}"
+    ]
+});
+const useDisabledStyleStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    base: {
+        Bg33ivm: "f1oelgmz",
+        t69wg0: "fhh1ekj"
+    }
+}, {
+    d: [
+        ".f1oelgmz,.f1oelgmz:disabled,.f1oelgmz button{color:var(--colorNeutralForegroundDisabled);}",
+        ".fhh1ekj,.fhh1ekj:disabled,.fhh1ekj button{pointer-events:none;}"
+    ]
+});
+const useCalendarDayStyles_unstable = (props)=>{
+    const rootStyles = useRootStyles();
+    const headerStyles = useHeaderStyles();
+    const monthAndYearStyles = useMonthAndYearStyles();
+    const monthComponentsStyles = useMonthComponentsStyles();
+    const headerIconButtonStyles = useHeaderIconButtonStyles();
+    const disabledStyleStyles = useDisabledStyleStyles();
+    const { className , headerIsClickable , showWeekNumbers  } = props;
+    return {
+        root: (0, _react.mergeClasses)(calendarDayClassNames.root, rootStyles.normalize, rootStyles.base, showWeekNumbers && rootStyles.showWeekNumbers, className),
+        header: (0, _react.mergeClasses)(calendarDayClassNames.header, headerStyles.base),
+        monthAndYear: (0, _react.mergeClasses)(calendarDayClassNames.monthAndYear, monthAndYearStyles.base, monthAndYearStyles.animation, headerIsClickable && monthAndYearStyles.headerIsClickable),
+        monthComponents: (0, _react.mergeClasses)(calendarDayClassNames.monthComponents, monthComponentsStyles.base),
+        headerIconButton: (0, _react.mergeClasses)(calendarDayClassNames.headerIconButton, headerIconButtonStyles.base),
+        disabledStyle: (0, _react.mergeClasses)(calendarDayClassNames.disabledStyle, disabledStyleStyles.base)
+    };
+}; //# sourceMappingURL=useCalendarDayStyles.js.map
+
+//# sourceMappingURL=useCalendarDayStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/CalendarDay/useCalendarDayStyles.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    z8tnut: \"f1kcqot9\",\n    z189sj: [\"f11qrl6u\", \"fjlbh76\"],\n    Byoj8tv: \"fpe6lb7\",\n    uwmqm3: [\"fjlbh76\", \"f11qrl6u\"],\n    a9b677: \"f4m2ahc\"\n  },\n  normalize: {\n    E5pizo: \"f1couhl3\",\n    B7ck84d: \"f1ewtqcl\",\n    B6of3ja: \"f1hu3pq6\",\n    t21cq0: [\"f11qmguv\", \"f1tyq0we\"],\n    jrapky: \"f19f4twv\",\n    Frg6f3: [\"f1tyq0we\", \"f11qmguv\"],\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1cnd47f\", \"fhxju0i\"]\n  },\n  showWeekNumbers: {\n    a9b677: \"fl524qk\"\n  }\n}, {\n  d: [\".f1e4lqlz{box-sizing:content-box;}\", \".f1kcqot9{padding-top:12px;}\", \".f11qrl6u{padding-right:12px;}\", \".fjlbh76{padding-left:12px;}\", \".fpe6lb7{padding-bottom:12px;}\", \".f4m2ahc{width:196px;}\", \".f1couhl3{box-shadow:none;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f1hu3pq6{margin-top:0;}\", \".f11qmguv{margin-right:0;}\", \".f1tyq0we{margin-left:0;}\", \".f19f4twv{margin-bottom:0;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".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:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;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    Bbmb7ep: [\"f2i1086\", \"f1rlsnju\"],\n    Beyfa6y: [\"f1rlsnju\", \"f2i1086\"],\n    B7oj6ja: [\"f1stktl2\", \"f1127022\"],\n    Btl43ni: [\"f1127022\", \"f1stktl2\"],\n    sj55zd: \"f19n0e5\",\n    mc9l5x: \"f14t3ns0\",\n    Bh6795r: \"fqerorx\",\n    Bahqtrf: \"f1mo0ibp\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"fl43uef\",\n    Bg96gwp: \"f336tjw\",\n    B68tc82: \"f1p9o1ba\",\n    Bmxbyg5: \"f1sil6mw\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"f8wuabp\", \"fycuoez\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"frdkuqy\", \"f81rol6\"],\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: \"f121v1wq\",\n    Bi91k9c: \"feu1g3u\",\n    eoavqd: \"f8491dx\",\n    iro3zm: \"f6r9z65\"\n  }\n}, {\n  d: [\".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;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;}\", \".f2i1086{border-bottom-right-radius:2px;}\", \".f1rlsnju{border-bottom-left-radius:2px;}\", \".f1stktl2{border-top-right-radius:2px;}\", \".f1127022{border-top-left-radius:2px;}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".f14t3ns0{display:inline-block;}\", \".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\", \".f1mo0ibp{font-family:inherit;}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".f336tjw{line-height:28px;}\", \".f1p9o1ba{overflow-x:hidden;}\", \".f1sil6mw{overflow-y:hidden;}\", \".f1g0x7ka{padding-top:0;}\", \".f8wuabp{padding-right:4px;}\", \".fycuoez{padding-left:4px;}\", \".f1qch9an{padding-bottom:0;}\", \".frdkuqy{padding-left:10px;}\", \".f81rol6{padding-right:10px;}\", \".f1o700av{text-align:left;}\", \".fes3tcz{text-align:right;}\", \".f1cmbuwj{text-overflow:ellipsis;}\", \".fz5stix{white-space:nowrap;}\", \".fhsqnsn{-webkit-animation-duration:0.267s;animation-duration:0.267s;}\", \".fywypte{-webkit-animation-fill-mode:both;animation-fill-mode:both;}\", \".f1h7u52p{-webkit-animation-name:f5j8bii;animation-name:f5j8bii;}\", \".fjq4c94{-webkit-animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-timing-function:cubic-bezier(.1,.25,.75,.9);}\"],\n  k: [\"@-webkit-keyframes f5j8bii{from{opacity:0;}to{opacity:1;}}\", \"@keyframes f5j8bii{from{opacity:0;}to{opacity:1;}}\"],\n  h: [\".f121v1wq:hover{background-color:var(--colorBrandBackground2);}\", \".feu1g3u:hover{color:var(--colorNeutralForeground1Hover);}\", \".f8491dx:hover{cursor:pointer;}\", \".f6r9z65:hover:active{background-color:var(--colorBrandBackground2);}\"]\n});\nconst useMonthComponentsStyles = /*#__PURE__*/__styles({\n  base: {\n    qb2dma: \"fpydfdc\",\n    mc9l5x: \"ftuwxu6\"\n  }\n}, {\n  d: [\".fpydfdc{-webkit-align-self:flex-end;-ms-flex-item-align:flex-end;align-self:flex-end;}\", \".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;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    Bbmb7ep: [\"f2i1086\", \"f1rlsnju\"],\n    Beyfa6y: [\"f1rlsnju\", \"f2i1086\"],\n    B7oj6ja: [\"f1stktl2\", \"f1127022\"],\n    Btl43ni: [\"f1127022\", \"f1stktl2\"],\n    sj55zd: \"f11d4kpn\",\n    mc9l5x: \"ftgm304\",\n    Bahqtrf: \"f1mo0ibp\",\n    Be2twd7: \"fy9rknc\",\n    Bqenvij: \"fxldao9\",\n    Bg96gwp: \"f336tjw\",\n    B68tc82: \"f1mtd64y\",\n    Bmxbyg5: \"f1y7q3j9\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n    qhf8xq: \"f10pi13n\",\n    fsow6f: \"f17mccla\",\n    a9b677: \"f1w9dchk\",\n    Jwef8y: \"f18a0fwf\",\n    Bi91k9c: \"f3sdaeg\",\n    eoavqd: \"f8491dx\",\n    Dwtyhm: \"f14gx60i\",\n    ukgb2i: \"f1o3croz\",\n    pugfm4: \"f11jyo21\",\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;}\", \".f2i1086{border-bottom-right-radius:2px;}\", \".f1rlsnju{border-bottom-left-radius:2px;}\", \".f1stktl2{border-top-right-radius:2px;}\", \".f1127022{border-top-left-radius:2px;}\", \".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".ftgm304{display:block;}\", \".f1mo0ibp{font-family:inherit;}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fxldao9{height:28px;}\", \".f336tjw{line-height:28px;}\", \".f1mtd64y{overflow-x:visible;}\", \".f1y7q3j9{overflow-y:visible;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".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;}\", \".f14gx60i:hover{outline-width:1px;}\", \".f1o3croz:hover{outline-style:solid;}\", \".f11jyo21:hover{outline-color:var(--colorTransparentStroke);}\", \".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.js.map"],"names":["calendarDayClassNames","useCalendarDayStyles_unstable","root","header","monthAndYear","monthComponents","headerIconButton","disabledStyle","useRootStyles","__styles","base","B7ck84d","z8tnut","z189sj","Byoj8tv","uwmqm3","a9b677","normalize","E5pizo","B6of3ja","t21cq0","jrapky","Frg6f3","showWeekNumbers","d","useHeaderStyles","mc9l5x","Bqenvij","Bg96gwp","qhf8xq","useMonthAndYearStyles","Bt984gj","De3pzq","icvyot","vrafjx","oivjwe","wvpqe5","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","sj55zd","Bh6795r","Bahqtrf","Be2twd7","Bhrd7zp","B68tc82","Bmxbyg5","fsow6f","ygn44y","Huce71","animation","vin17d","Bf5fcs","Bv12yb3","Ezkn3b","headerIsClickable","Jwef8y","Bi91k9c","eoavqd","iro3zm","k","h","useMonthComponentsStyles","qb2dma","useHeaderIconButtonStyles","Dwtyhm","ukgb2i","pugfm4","B2d53fq","useDisabledStyleStyles","Bg33ivm","t69wg0","props","rootStyles","headerStyles","monthAndYearStyles","monthComponentsStyles","headerIconButtonStyles","disabledStyleStyles","className","mergeClasses"],"mappings":"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"}

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

@@ -0,0 +1,181 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "CalendarDayGrid", {
+    enumerable: true,
+    get: ()=>CalendarDayGrid
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactTabster = require("@fluentui/react-tabster");
+const _reactUtilities = require("@fluentui/react-utilities");
+const _utils = require("../../utils");
+const _useCalendarDayGridStyles = require("./useCalendarDayGridStyles");
+const _calendarMonthHeaderRow = require("./CalendarMonthHeaderRow");
+const _calendarGridRow = require("./CalendarGridRow");
+const _useWeeks = require("./useWeeks");
+const _useWeekCornerStyles = require("./useWeekCornerStyles");
+const _react1 = require("@griffel/react");
+function useDayRefs() {
+    const daysRef = _react.useRef({});
+    const getSetRefCallback = (dayKey)=>(element)=>{
+            if (element === null) {
+                delete daysRef.current[dayKey];
+            } else {
+                daysRef.current[dayKey] = element;
+            }
+        };
+    return [
+        daysRef,
+        getSetRefCallback
+    ];
+}
+function useAnimateBackwards(weeks) {
+    const previousNavigatedDateRef = _react.useRef();
+    _react.useEffect(()=>{
+        previousNavigatedDateRef.current = weeks[0][0].originalDate;
+    });
+    const previousNavigatedDate = previousNavigatedDateRef.current;
+    if (!previousNavigatedDate || previousNavigatedDate.getTime() === weeks[0][0].originalDate.getTime()) {
+        return undefined;
+    } else if (previousNavigatedDate <= weeks[0][0].originalDate) {
+        return false;
+    } else {
+        return true;
+    }
+}
+const CalendarDayGrid = (props)=>{
+    const navigatedDayRef = _react.useRef(null);
+    const activeDescendantId = (0, _reactUtilities.useId)();
+    const onSelectDate = (selectedDate)=>{
+        var _props_onSelectDate, _props_onNavigateDate;
+        const { firstDayOfWeek , minDate , maxDate , workWeekDays , daysToSelectInDayView , restrictedDates  } = props;
+        const restrictedDatesOptions = {
+            minDate,
+            maxDate,
+            restrictedDates
+        };
+        let dateRange = (0, _utils.getDateRangeArray)(selectedDate, dateRangeType, firstDayOfWeek, workWeekDays, daysToSelectInDayView);
+        dateRange = (0, _utils.getBoundedDateRange)(dateRange, minDate, maxDate);
+        dateRange = dateRange.filter((d)=>{
+            return !(0, _utils.isRestrictedDate)(d, restrictedDatesOptions);
+        });
+        (_props_onSelectDate = props.onSelectDate) === null || _props_onSelectDate === void 0 ? void 0 : _props_onSelectDate.call(props, selectedDate, dateRange);
+        (_props_onNavigateDate = props.onNavigateDate) === null || _props_onNavigateDate === void 0 ? void 0 : _props_onNavigateDate.call(props, selectedDate, true);
+    };
+    const [daysRef, getSetRefCallback] = useDayRefs();
+    const weeks = (0, _useWeeks.useWeeks)(props, onSelectDate, getSetRefCallback);
+    const animateBackwards = useAnimateBackwards(weeks);
+    const [getWeekCornerStyles, calculateRoundedStyles] = (0, _useWeekCornerStyles.useWeekCornerStyles)(props);
+    _react.useImperativeHandle(props.componentRef, ()=>{
+        return {
+            focus () {
+                var _navigatedDayRef_current, _navigatedDayRef_current_focus;
+                (_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);
+            }
+        };
+    }, []);
+    /**
+  *
+  * Section for setting hover/pressed styles. Because we want arbitrary blobs of days to be selectable, to support
+  * highlighting every day in the month for month view, css :hover style isn't enough, so we need mouse callbacks
+  * to set classnames on all relevant child refs to apply the styling
+  *
+  */ const getDayInfosInRangeOfDay = (dayToCompare)=>{
+        // The hover state looks weird with non-contiguous days in work week view. In work week, show week hover state
+        const dateRangeHoverType = getDateRangeTypeToUse(props.dateRangeType, props.workWeekDays);
+        // gets all the dates for the given date range type that are in the same date range as the given day
+        const dateRange = (0, _utils.getDateRangeArray)(dayToCompare.originalDate, dateRangeHoverType, props.firstDayOfWeek, props.workWeekDays, props.daysToSelectInDayView).map((date)=>date.getTime());
+        // gets all the day refs for the given dates
+        const dayInfosInRange = weeks.reduce((accumulatedValue, currentWeek)=>{
+            return accumulatedValue.concat(currentWeek.filter((weekDay)=>dateRange.indexOf(weekDay.originalDate.getTime()) !== -1));
+        }, []);
+        return dayInfosInRange;
+    };
+    const getRefsFromDayInfos = (dayInfosInRange)=>{
+        let dayRefs = [];
+        dayRefs = dayInfosInRange.map((dayInfo)=>daysRef.current[dayInfo.key]);
+        return dayRefs;
+    };
+    const { dateRangeType , showWeekNumbers , labelledBy , lightenDaysOutsideNavigatedMonth , animationDirection  } = props;
+    const classNames = (0, _useCalendarDayGridStyles.useCalendarDayGridStyles_unstable)({
+        animateBackwards,
+        animationDirection,
+        dateRangeType,
+        lightenDaysOutsideNavigatedMonth: lightenDaysOutsideNavigatedMonth === undefined ? true : lightenDaysOutsideNavigatedMonth,
+        showWeekNumbers
+    });
+    // When the month is highlighted get the corner dates so that styles can be added to them
+    const weekCorners = getWeekCornerStyles(weeks);
+    const partialWeekProps = {
+        weeks,
+        navigatedDayRef,
+        calculateRoundedStyles,
+        activeDescendantId,
+        classNames,
+        weekCorners,
+        getDayInfosInRangeOfDay,
+        getRefsFromDayInfos
+    };
+    const arrowNavigationAttributes = (0, _reactTabster.useArrowNavigationGroup)({
+        axis: 'grid'
+    });
+    return /*#__PURE__*/ _react.createElement("table", {
+        className: (0, _react1.mergeClasses)(classNames.table, props.className),
+        "aria-multiselectable": "false",
+        "aria-labelledby": labelledBy,
+        "aria-activedescendant": activeDescendantId,
+        role: "grid",
+        ...arrowNavigationAttributes
+    }, /*#__PURE__*/ _react.createElement("tbody", null, /*#__PURE__*/ _react.createElement(_calendarMonthHeaderRow.CalendarMonthHeaderRow, {
+        ...props,
+        classNames: classNames,
+        weeks: weeks
+    }), /*#__PURE__*/ _react.createElement(_calendarGridRow.CalendarGridRow, {
+        ...props,
+        ...partialWeekProps,
+        week: weeks[0],
+        weekIndex: -1,
+        rowClassName: classNames.firstTransitionWeek,
+        "aria-role": "presentation",
+        ariaHidden: true
+    }), weeks.slice(1, weeks.length - 1).map((week, weekIndex)=>/*#__PURE__*/ _react.createElement(_calendarGridRow.CalendarGridRow, {
+            ...props,
+            ...partialWeekProps,
+            key: weekIndex,
+            week: week,
+            weekIndex: weekIndex,
+            rowClassName: classNames.weekRow
+        })), /*#__PURE__*/ _react.createElement(_calendarGridRow.CalendarGridRow, {
+        ...props,
+        ...partialWeekProps,
+        week: weeks[weeks.length - 1],
+        weekIndex: -2,
+        rowClassName: classNames.lastTransitionWeek,
+        "aria-role": "presentation",
+        ariaHidden: true
+    })));
+};
+CalendarDayGrid.displayName = 'CalendarDayGrid';
+/**
+ * When given work week, if the days are non-contiguous, the hover states look really weird. So for non-contiguous
+ * work weeks, we'll just show week view instead.
+ */ function getDateRangeTypeToUse(dateRangeType, workWeekDays) {
+    if (workWeekDays && dateRangeType === _utils.DateRangeType.WorkWeek) {
+        const sortedWWDays = workWeekDays.slice().sort();
+        let isContiguous = true;
+        for(let i = 1; i < sortedWWDays.length; i++){
+            if (sortedWWDays[i] !== sortedWWDays[i - 1] + 1) {
+                isContiguous = false;
+                break;
+            }
+        }
+        if (!isContiguous || workWeekDays.length === 0) {
+            return _utils.DateRangeType.Week;
+        }
+    }
+    return dateRangeType;
+} //# sourceMappingURL=CalendarDayGrid.js.map
+
+//# sourceMappingURL=CalendarDayGrid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/CalendarDayGrid/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';\nimport { CalendarMonthHeaderRow } from './CalendarMonthHeaderRow';\nimport { CalendarGridRow } from './CalendarGridRow';\nimport { useWeeks } from './useWeeks';\nimport { useWeekCornerStyles } from './useWeekCornerStyles';\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 [daysRef, getSetRefCallback];\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 {\n      firstDayOfWeek,\n      minDate,\n      maxDate,\n      workWeekDays,\n      daysToSelectInDayView,\n      restrictedDates\n    } = props;\n    const restrictedDatesOptions = {\n      minDate,\n      maxDate,\n      restrictedDates\n    };\n    let dateRange = getDateRangeArray(selectedDate, dateRangeType, firstDayOfWeek, workWeekDays, daysToSelectInDayView);\n    dateRange = getBoundedDateRange(dateRange, minDate, maxDate);\n    dateRange = dateRange.filter(d => {\n      return !isRestrictedDate(d, restrictedDatesOptions);\n    });\n    (_props_onSelectDate = props.onSelectDate) === null || _props_onSelectDate === void 0 ? void 0 : _props_onSelectDate.call(props, selectedDate, dateRange);\n    (_props_onNavigateDate = props.onNavigateDate) === null || _props_onNavigateDate === void 0 ? void 0 : _props_onNavigateDate.call(props, selectedDate, true);\n  };\n  const [daysRef, getSetRefCallback] = useDayRefs();\n  const weeks = useWeeks(props, onSelectDate, getSetRefCallback);\n  const animateBackwards = useAnimateBackwards(weeks);\n  const [getWeekCornerStyles, calculateRoundedStyles] = useWeekCornerStyles(props);\n  React.useImperativeHandle(props.componentRef, () => {\n    return {\n      focus() {\n        var _navigatedDayRef_current, _navigatedDayRef_current_focus;\n        (_navigatedDayRef_current = navigatedDayRef.current) === null || _navigatedDayRef_current === void 0 ? void 0 : (_navigatedDayRef_current_focus = _navigatedDayRef_current.focus) === null || _navigatedDayRef_current_focus === void 0 ? void 0 : _navigatedDayRef_current_focus.call(_navigatedDayRef_current);\n      }\n    };\n  }, []);\n  /**\n  *\n  * Section for setting hover/pressed styles. Because we want arbitrary blobs of days to be selectable, to support\n  * highlighting every day in the month for month view, css :hover style isn't enough, so we need mouse callbacks\n  * to set classnames on all relevant child refs to apply the styling\n  *\n  */\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 {\n    dateRangeType,\n    showWeekNumbers,\n    labelledBy,\n    lightenDaysOutsideNavigatedMonth,\n    animationDirection\n  } = 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 */\nfunction 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//# sourceMappingURL=CalendarDayGrid.js.map"],"names":["CalendarDayGrid","useDayRefs","daysRef","React","useRef","getSetRefCallback","dayKey","element","current","useAnimateBackwards","weeks","previousNavigatedDateRef","useEffect","originalDate","previousNavigatedDate","getTime","undefined","props","navigatedDayRef","activeDescendantId","useId","onSelectDate","selectedDate","_props_onSelectDate","_props_onNavigateDate","firstDayOfWeek","minDate","maxDate","workWeekDays","daysToSelectInDayView","restrictedDates","restrictedDatesOptions","dateRange","getDateRangeArray","dateRangeType","getBoundedDateRange","filter","d","isRestrictedDate","call","onNavigateDate","useWeeks","animateBackwards","getWeekCornerStyles","calculateRoundedStyles","useWeekCornerStyles","useImperativeHandle","componentRef","focus","_navigatedDayRef_current","_navigatedDayRef_current_focus","getDayInfosInRangeOfDay","dayToCompare","dateRangeHoverType","getDateRangeTypeToUse","map","date","dayInfosInRange","reduce","accumulatedValue","currentWeek","concat","weekDay","indexOf","getRefsFromDayInfos","dayRefs","dayInfo","key","showWeekNumbers","labelledBy","lightenDaysOutsideNavigatedMonth","animationDirection","classNames","useCalendarDayGridStyles_unstable","weekCorners","partialWeekProps","arrowNavigationAttributes","useArrowNavigationGroup","axis","createElement","className","mergeClasses","table","role","CalendarMonthHeaderRow","CalendarGridRow","week","weekIndex","rowClassName","firstTransitionWeek","ariaHidden","slice","length","weekRow","lastTransitionWeek","displayName","DateRangeType","WorkWeek","sortedWWDays","sort","isContiguous","i","Week"],"mappings":"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"}

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+ //# sourceMappingURL=CalendarDayGrid.types.js.map
+
+//# sourceMappingURL=CalendarDayGrid.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/CalendarDayGrid/CalendarDayGrid.types.js"],"sourcesContent":["import * as React from 'react';\n//# sourceMappingURL=CalendarDayGrid.types.js.map"],"names":[],"mappings":";;;;;6DAAuB;CACvB,iDAAiD"}