@pnp/spfx-controls-react 3.21.0-beta.1365660 → 3.21.0-beta.1370835

package/lib/controls/calendar/hooks/useUtils.d.ts

@@ -0,0 +1,19 @@
+import { AvatarNamedColor } from '@fluentui/react-components';
+import { IEventColors } from './../models/IEventColors';
+export interface IUtils {
+    getSpanSlots: (start: Date, end: Date) => {
+        spanSlots: number;
+        startSlot: number;
+        endSlot: number;
+    };
+    generateLightAndHoverColors: (baseColor: string, lightnessIncrease?: number, hoverIncrease?: number) => {
+        lightColor: string;
+        hoverColor: string;
+    };
+    getEventColors: (category: string) => IEventColors;
+    generateColor: (str: string) => string;
+    getCalendarColors: (colorName: AvatarNamedColor) => IEventColors;
+    formatDate: (dateISO: string, dateFormat: string) => string;
+}
+export declare const useUtils: () => IUtils;
+//# sourceMappingURL=useUtils.d.ts.map

package/lib/controls/calendar/hooks/useUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUtils.d.ts","sourceRoot":"","sources":["../../../../src/controls/calendar/hooks/useUtils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAU,MAAM,4BAA4B,CAAC;AAGtE,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,MAAM,WAAW,MAAM;IACrB,YAAY,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,KAAK;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;IACpG,2BAA2B,EAAE,CAC3B,SAAS,EAAE,MAAM,EACjB,iBAAiB,CAAC,EAAE,MAAM,EAC1B,aAAa,CAAC,EAAE,MAAM,KACnB;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC;IAChD,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,YAAY,CAAC;IACnD,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACvC,iBAAiB,EAAE,CAAC,SAAS,EAAE,gBAAgB,KAAK,YAAY,CAAC;IACjE,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;CAC7D;AAED,eAAO,MAAM,QAAQ,QAAO,MAsR3B,CAAA"}

package/lib/controls/calendar/hooks/useUtils.js

@@ -0,0 +1,270 @@
+import * as React from 'react';
+import { tokens } from '@fluentui/react-components';
+import { format, parseISO } from 'date-fns';
+export var useUtils = function () {
+    var getSpanSlots = React.useCallback(function (start, end) {
+        var startDate = new Date(start);
+        var endDate = new Date(end);
+        // Calculate the start and end slots based on event times
+        var startHour = startDate.getHours();
+        var startMinute = startDate.getMinutes();
+        var startSlot = startHour * 2 + (startMinute >= 1 ? 1 : 0); // Adjust for 30-minute slots
+        var endHour = endDate.getHours();
+        var endMinute = endDate.getMinutes();
+        var endSlot = endHour * 2 + (endMinute >= 1 ? 2 : 0); // Adjust for 30-minute slots
+        var spanSlots = endSlot - startSlot;
+        return { spanSlots: spanSlots, startSlot: startSlot, endSlot: endSlot };
+    }, []);
+    var generateLightAndHoverColors = React.useCallback(function (baseColor, lightnessIncrease, // Increase in lightness for light variant
+    hoverIncrease // Increase in lightness for hover variant
+    ) {
+        if (lightnessIncrease === void 0) { lightnessIncrease = 20; }
+        if (hoverIncrease === void 0) { hoverIncrease = 10; }
+        // Function to convert hex to HSL
+        var hexToHsl = function (hex) {
+            var r = parseInt(hex.slice(1, 3), 16) / 255;
+            var g = parseInt(hex.slice(3, 5), 16) / 255;
+            var b = parseInt(hex.slice(5, 7), 16) / 255;
+            var max = Math.max(r, g, b);
+            var min = Math.min(r, g, b);
+            var delta = max - min;
+            var h = 0;
+            var s = 0;
+            var l = (max + min) / 2;
+            if (delta !== 0) {
+                s = l > 0.5 ? delta / (2 - max - min) : delta / (max + min);
+                switch (max) {
+                    case r:
+                        h = (g - b) / delta + (g < b ? 6 : 0);
+                        break;
+                    case g:
+                        h = (b - r) / delta + 2;
+                        break;
+                    case b:
+                        h = (r - g) / delta + 4;
+                        break;
+                }
+                h /= 6;
+            }
+            return { h: h * 360, s: s * 100, l: l * 100 };
+        };
+        // Function to convert HSL to hex
+        var hslToHex = function (h, s, l) {
+            var a = (s * Math.min(l, 100 - l)) / 100;
+            var f = function (n) {
+                var k = (n + h / 30) % 12;
+                var color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);
+                return Math.round(255 * color)
+                    .toString(16)
+                    .padStart(2, '0');
+            };
+            return "#".concat(f(0)).concat(f(8)).concat(f(4));
+        };
+        // Convert base color to HSL
+        var _a = hexToHsl(baseColor), h = _a.h, s = _a.s, l = _a.l;
+        // Generate light and hover colors by adjusting lightness
+        var lightColor = hslToHex(h, s, Math.min(l + lightnessIncrease, 100));
+        var hoverColor = hslToHex(h, s, Math.min(l + hoverIncrease, 100));
+        return { lightColor: lightColor, hoverColor: hoverColor };
+    }, []);
+    var getEventColors = React.useCallback(function (category) {
+        // Define a color map using Fluent UI 9 tokens
+        var colorMap = {
+            meeting: {
+                backgroundColor: tokens.colorPaletteBlueBackground2,
+                hoverColor: tokens.colorPaletteBlueBorderActive,
+            },
+            appointment: {
+                backgroundColor: tokens.colorPaletteGreenBackground2,
+                hoverColor: tokens.colorPaletteGreenBorderActive,
+            },
+            task: {
+                backgroundColor: tokens.colorPaletteRedBackground2,
+                hoverColor: tokens.colorPaletteRedBorderActive,
+            },
+            deadline: {
+                backgroundColor: tokens.colorPaletteYellowBackground2,
+                hoverColor: tokens.colorPaletteYellowBorderActive,
+            },
+            holiday: {
+                backgroundColor: tokens.colorPalettePurpleBackground2,
+                hoverColor: tokens.colorPalettePurpleBorderActive,
+            },
+            celebration: {
+                backgroundColor: tokens.colorPaletteDarkOrangeBackground2,
+                hoverColor: tokens.colorPaletteDarkOrangeBorderActive,
+            },
+            reminder: {
+                backgroundColor: tokens.colorPaletteTealBackground2,
+                hoverColor: tokens.colorPaletteTealBorderActive,
+            },
+            workshop: {
+                backgroundColor: tokens.colorPaletteTealBackground2,
+                hoverColor: tokens.colorPaletteTealBorderActive,
+            },
+            webinar: {
+                backgroundColor: tokens.colorPaletteMagentaBackground2,
+                hoverColor: tokens.colorPaletteMagentaBorderActive,
+            },
+            conference: {
+                backgroundColor: tokens.colorPaletteBrownBackground2,
+                hoverColor: tokens.colorPaletteBrownBorderActive,
+            },
+        };
+        // Default colors if the category is not recognized
+        var defaultColors = {
+            backgroundColor: tokens.colorNeutralBackground3,
+            hoverColor: tokens.colorNeutralBackground3Hover,
+        };
+        // Return the corresponding colors or fallback to the default
+        return colorMap[category.toLowerCase()] || defaultColors;
+    }, []);
+    var generateColor = React.useCallback(function (str) {
+        var hash = 0;
+        for (var i = 0; i < str.length; i++) {
+            hash = str.charCodeAt(i) + ((hash << 5) - hash);
+        }
+        var c = (hash & 0x00ffffff).toString(16).toUpperCase();
+        return "#".concat('00000'.substring(0, 6 - c.length) + c);
+    }, []);
+    var getCalendarColors = React.useCallback(function (colorName) {
+        var calendarColorMap = {
+            beige: {
+                backgroundColor: tokens.colorPaletteBeigeBackground2,
+                hoverColor: tokens.colorPaletteBeigeBorderActive,
+            },
+            blue: {
+                backgroundColor: tokens.colorPaletteBlueBackground2,
+                hoverColor: tokens.colorPaletteBlueBorderActive,
+            },
+            brown: {
+                backgroundColor: tokens.colorPaletteBrownBackground2,
+                hoverColor: tokens.colorPaletteBrownBorderActive,
+            },
+            gold: {
+                backgroundColor: tokens.colorPaletteGoldBackground2,
+                hoverColor: tokens.colorPaletteGoldBorderActive,
+            },
+            lavender: {
+                backgroundColor: tokens.colorPaletteLavenderBackground2,
+                hoverColor: tokens.colorPaletteLavenderBorderActive,
+            },
+            magenta: {
+                backgroundColor: tokens.colorPaletteMagentaBackground2,
+                hoverColor: tokens.colorPaletteMagentaBorderActive,
+            },
+            navy: {
+                backgroundColor: tokens.colorPaletteNavyBackground2,
+                hoverColor: tokens.colorPaletteNavyBorderActive,
+            },
+            pink: {
+                backgroundColor: tokens.colorPalettePinkBackground2,
+                hoverColor: tokens.colorPalettePinkBorderActive,
+            },
+            plum: {
+                backgroundColor: tokens.colorPalettePlumBackground2,
+                hoverColor: tokens.colorPalettePlumBorderActive,
+            },
+            purple: {
+                backgroundColor: tokens.colorPalettePurpleBackground2,
+                hoverColor: tokens.colorPalettePurpleBorderActive,
+            },
+            red: {
+                backgroundColor: tokens.colorPaletteRedBackground2,
+                hoverColor: tokens.colorPaletteRedBorderActive,
+            },
+            teal: {
+                backgroundColor: tokens.colorPaletteTealBackground2,
+                hoverColor: tokens.colorPaletteTealBorderActive,
+            },
+            anchor: {
+                backgroundColor: tokens.colorPaletteAnchorBackground2,
+                hoverColor: tokens.colorPaletteAnchorBorderActive,
+            },
+            'dark-red': {
+                backgroundColor: tokens.colorPaletteDarkRedBackground2,
+                hoverColor: tokens.colorPaletteDarkRedBorderActive,
+            },
+            cranberry: {
+                backgroundColor: tokens.colorPaletteCranberryBackground2,
+                hoverColor: tokens.colorPaletteCranberryBorderActive,
+            },
+            pumpkin: {
+                backgroundColor: tokens.colorPalettePumpkinBackground2,
+                hoverColor: tokens.colorPalettePumpkinBorderActive,
+            },
+            peach: {
+                backgroundColor: tokens.colorPalettePeachBackground2,
+                hoverColor: tokens.colorPalettePeachBorderActive,
+            },
+            marigold: {
+                backgroundColor: tokens.colorPaletteMarigoldBackground2,
+                hoverColor: tokens.colorPaletteMarigoldBorderActive,
+            },
+            brass: {
+                backgroundColor: tokens.colorPaletteBrassBackground2,
+                hoverColor: tokens.colorPaletteBrassBorderActive,
+            },
+            forest: {
+                backgroundColor: tokens.colorPaletteForestBackground2,
+                hoverColor: tokens.colorPaletteForestBorderActive,
+            },
+            seafoam: {
+                backgroundColor: tokens.colorPaletteSeafoamBackground2,
+                hoverColor: tokens.colorPaletteSeafoamBorderActive,
+            },
+            'dark-green': {
+                backgroundColor: tokens.colorPaletteDarkGreenBackground2,
+                hoverColor: tokens.colorPaletteDarkGreenBorderActive,
+            },
+            'light-teal': {
+                backgroundColor: tokens.colorPaletteLightTealBackground2,
+                hoverColor: tokens.colorPaletteLightTealBorderActive,
+            },
+            steel: {
+                backgroundColor: tokens.colorPaletteSteelBackground2,
+                hoverColor: tokens.colorPaletteSteelBorderActive,
+            },
+            'royal-blue': {
+                backgroundColor: tokens.colorPaletteRoyalBlueBackground2,
+                hoverColor: tokens.colorPaletteRoyalBlueBorderActive,
+            },
+            cornflower: {
+                backgroundColor: tokens.colorPaletteCornflowerBackground2,
+                hoverColor: tokens.colorPaletteCornflowerBorderActive,
+            },
+            grape: {
+                backgroundColor: tokens.colorPaletteGrapeBackground2,
+                hoverColor: tokens.colorPaletteGrapeBorderActive,
+            },
+            lilac: {
+                backgroundColor: tokens.colorPaletteLilacBackground2,
+                hoverColor: tokens.colorPaletteLilacBorderActive,
+            },
+            mink: {
+                backgroundColor: tokens.colorPaletteMinkBackground2,
+                hoverColor: tokens.colorPaletteMinkBorderActive,
+            },
+            platinum: {
+                backgroundColor: tokens.colorPalettePlatinumBackground2,
+                hoverColor: tokens.colorPalettePlatinumBorderActive,
+            },
+        };
+        // Fallback to royal-blue if the provided color isn't mapped
+        var defaultColor = calendarColorMap['royal-blue'];
+        return calendarColorMap[colorName] || defaultColor;
+    }, []);
+    var formatDate = React.useCallback(function (dateISO, dateFormat) {
+        var date = parseISO(dateISO);
+        return format(date, dateFormat);
+    }, []);
+    return {
+        getSpanSlots: getSpanSlots,
+        generateLightAndHoverColors: generateLightAndHoverColors,
+        getEventColors: getEventColors,
+        generateColor: generateColor,
+        getCalendarColors: getCalendarColors,
+        formatDate: formatDate,
+    };
+};
+//# sourceMappingURL=useUtils.js.map

package/lib/controls/calendar/hooks/useUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUtils.js","sourceRoot":"","sources":["../../../../src/controls/calendar/hooks/useUtils.ts"],"names":[],"mappings":"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"}

package/lib/controls/calendar/hooks/useWeekViewStyles.d.ts

@@ -0,0 +1,29 @@
+interface WeekViewStyles {
+    container: string;
+    header: string;
+    weekGrid: string;
+    blankHeader: string;
+    timeColumn: string;
+    timeCell: string;
+    fullDayRow: string;
+    fullDayLabel: string;
+    fullDayCell: string;
+    fullDayEvent: string;
+    dayHeaderCell: string;
+    todayHeaderCell: string;
+    eventCard: string;
+    event: string;
+    dayCell: string;
+    currentTimeIndicator: string;
+    currentHalfHourCell: string;
+    eventTitle: string;
+    popoverContent: string;
+}
+interface UseWeekViewStyles {
+    styles: WeekViewStyles;
+    applyEventHouverColorClass: (backgroundColor: string, hoverColor: string) => string;
+    appyDynamicStyles: (eventIndex: number, eventCount: number, rowHeight: number, spanSlots: number) => string;
+}
+export declare const useWeekViewStyles: () => UseWeekViewStyles;
+export {};
+//# sourceMappingURL=useWeekViewStyles.d.ts.map

package/lib/controls/calendar/hooks/useWeekViewStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWeekViewStyles.d.ts","sourceRoot":"","sources":["../../../../src/controls/calendar/hooks/useWeekViewStyles.ts"],"names":[],"mappings":"AAIA,UAAU,cAAc;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,iBAAiB;IACzB,MAAM,EAAE,cAAc,CAAC;IACvB,0BAA0B,EAAE,CAC1B,eAAe,EAAE,MAAM,EACvB,UAAU,EAAE,MAAM,KACf,MAAM,CAAC;IACZ,iBAAiB,EAAE,CACjB,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,KACd,MAAM,CAAC;CACb;AAED,eAAO,MAAM,iBAAiB,QAAO,iBAiOpC,CAAC"}

package/lib/controls/calendar/hooks/useWeekViewStyles.js

@@ -0,0 +1,213 @@
+import React from 'react';
+import { css } from '@emotion/css';
+import { tokens } from '@fluentui/react-components';
+export var useWeekViewStyles = function () {
+    var styles = {
+        container: css({
+            display: 'flex',
+            flexDirection: 'column',
+            width: 'calc(100% - 40px)',
+            height: '100vh',
+            overflow: 'hidden',
+            padding: '20px',
+        }),
+        header: css({
+            display: 'flex',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+            marginBottom: '16px',
+            borderBottom: "1px solid ".concat(tokens.colorNeutralStroke1),
+        }),
+        weekGrid: css({
+            display: 'grid',
+            gridTemplateColumns: '80px repeat(7, 1fr)',
+            gridTemplateRows: '50px 40px repeat(48, 33px)',
+            height: 'fit-content',
+            overflowY: 'auto',
+            border: "1px solid ".concat(tokens.colorNeutralStroke1),
+            maxHeight: 'calc(100vh - 100px)',
+            scrollbarWidth: 'thin',
+            scrollbarColor: "".concat(tokens.colorBrandBackground, " ").concat(tokens.colorNeutralBackground1),
+            '&::-webkit-scrollbar': {
+                width: '8px', // Width of the scrollbar
+            },
+            '&::-webkit-scrollbar-track': {
+                background: tokens.colorNeutralBackground1, // Scrollbar track background
+            },
+            '&::-webkit-scrollbar-thumb': {
+                background: tokens.colorBrandBackground,
+                borderRadius: '4px', // Rounded corners for the thumb
+            },
+            '&::-webkit-scrollbar-thumb:hover': {
+                background: tokens.colorBrandBackgroundHover, // Lighter color on hover
+            },
+        }),
+        blankHeader: css({
+            gridColumn: '1',
+            backgroundColor: tokens.colorNeutralBackground3,
+            borderBottom: "3px solid ".concat(tokens.colorNeutralStroke3),
+            position: 'sticky',
+            top: 0,
+            zIndex: 10, // Ensures it stays above the scrolling grid
+        }),
+        timeColumn: css({
+            gridColumn: '1',
+            gridRow: '3 / span 49',
+            display: 'flex',
+            flexDirection: 'column',
+            backgroundColor: tokens.colorNeutralBackground1,
+            borderRight: "1px solid ".concat(tokens.colorNeutralStroke1),
+        }),
+        timeCell: css({
+            height: '100%',
+            display: 'flex',
+            alignItems: 'center',
+            fontSize: '12px',
+            color: tokens.colorNeutralForeground3,
+            borderBottom: "1px solid ".concat(tokens.colorNeutralStroke1),
+            justifyContent: 'center',
+        }),
+        fullDayRow: css({
+            gridRow: '2',
+            display: 'grid',
+            gridTemplateColumns: '80px repeat(7, 1fr)',
+            gap: '0',
+            padding: '0',
+            backgroundColor: tokens.colorNeutralBackground2,
+            borderBottom: "3px solid ".concat(tokens.colorNeutralStroke2), // Bottom border for the row
+        }),
+        fullDayLabel: css({
+            gridColumn: '1',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            alignContent: 'center',
+            color: tokens.colorBrandBackground,
+            padding: '5px',
+            borderRight: "1px solid ".concat(tokens.colorNeutralStroke1),
+            borderBottom: "3px solid ".concat(tokens.colorNeutralStroke2), // Bottom border for the cell
+        }),
+        fullDayCell: css({
+            borderRight: "1px solid ".concat(tokens.colorNeutralStroke1),
+            display: 'flex',
+            flexDirection: 'row',
+            gap: '0px',
+            padding: '4px',
+            borderBottom: "3px solid ".concat(tokens.colorNeutralStroke2),
+            overflow: 'hidden', // Ensure events don’t overflow the cell
+        }),
+        fullDayEvent: css({
+            flex: '1 1 auto',
+            minWidth: '24px',
+            height: '24px',
+            padding: '4px 8px',
+            backgroundColor: tokens.colorBrandBackground,
+            borderRadius: '4px',
+            overflow: 'hidden',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+        }),
+        dayHeaderCell: css({
+            textAlign: 'center',
+            backgroundColor: tokens.colorNeutralBackground2,
+            padding: '8px',
+            fontWeight: 'bold',
+            borderBottom: "1px solid ".concat(tokens.colorNeutralStroke1),
+            position: 'sticky',
+            top: 0,
+            zIndex: 10, // Ensures it stays above the scrolling grid
+        }),
+        todayHeaderCell: css({
+            borderTop: "5px solid ".concat(tokens.colorBrandBackground),
+        }),
+        eventCard: css({
+            padding: 2,
+            alignItems: 'center',
+            justifyContent: 'center',
+            marginRight: '2px',
+            zIndex: 1,
+            position: 'absolute',
+            alignContent: 'center',
+            overflow: 'hidden',
+            ':hover': {
+                pointerEvents: 'auto',
+                cursor: 'pointer',
+            },
+        }),
+        event: css({
+            height: '100%',
+            backgroundColor: tokens.colorBrandBackground,
+            borderRadius: '4px',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
+            overflow: 'hidden',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            marginRight: '2px',
+            zIndex: 1,
+            position: 'absolute',
+            alignContent: 'center',
+            ':hover': {
+                pointerEvents: 'auto',
+                cursor: 'pointer',
+            },
+        }),
+        dayCell: css({
+            borderBottom: "1px solid ".concat(tokens.colorNeutralStroke1),
+            borderRight: "1px solid ".concat(tokens.colorNeutralStroke1),
+            position: 'relative',
+            overflow: 'visible',
+            FlexDirection: 'column',
+            gap: '4px',
+        }),
+        currentTimeIndicator: css({
+            position: 'absolute',
+            left: 0,
+            height: '2px',
+            backgroundColor: tokens.colorPaletteRedBorderActive,
+            width: '100%',
+            zIndex: 1,
+        }),
+        currentHalfHourCell: css({
+            border: "2px solid ".concat(tokens.colorPaletteRedBorderActive), // Highlight with a red border
+        }),
+        eventTitle: css({
+            display: '-webkit-box',
+            '-webkit-line-clamp': '1',
+            '-webkit-box-orient': 'vertical',
+            textAlign: 'start',
+            textOverflow: 'ellipsis',
+            paddingLeft: '8px',
+            wordBreak: 'break-word',
+            overflow: 'hidden',
+        }),
+        popoverContent: css({
+            padding: 0,
+            borderTopWidth: 20,
+            borderTopStyle: 'solid',
+        }),
+    };
+    var applyEventHouverColorClass = React.useCallback(function (backgroundColor, hoverColor) {
+        return css({
+            backgroundColor: backgroundColor !== null && backgroundColor !== void 0 ? backgroundColor : tokens.colorBrandBackground,
+            ':hover': {
+                backgroundColor: hoverColor !== null && hoverColor !== void 0 ? hoverColor : tokens.colorBrandBackgroundHover,
+            },
+        });
+    }, [tokens.colorBrandBackground, tokens.colorBrandBackgroundHover]);
+    var appyDynamicStyles = React.useCallback(function (eventIndex, eventCount, rowHeight, spanSlots) {
+        return css({
+            flex: "0 0 calc(100% / ".concat(eventCount, ")"),
+            height: "".concat(rowHeight * spanSlots, "px"),
+            left: "".concat(eventIndex * 10, "%"),
+            width: "calc(".concat(100 - eventIndex * 10, "% - 8px)"),
+            margin: 4,
+            marginTop: 0,
+            marginBottom: 0,
+        });
+    }, []);
+    return { styles: styles, applyEventHouverColorClass: applyEventHouverColorClass, appyDynamicStyles: appyDynamicStyles };
+};
+//# sourceMappingURL=useWeekViewStyles.js.map

package/lib/controls/calendar/hooks/useWeekViewStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWeekViewStyles.js","sourceRoot":"","sources":["../../../../src/controls/calendar/hooks/useWeekViewStyles.ts"],"names":[],"mappings":"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"}

package/lib/controls/calendar/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Calendar';
+export * from './models/IAttendee';
+export * from './models/IEvents';
+//# sourceMappingURL=index.d.ts.map

package/lib/controls/calendar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/controls/calendar/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC"}

package/lib/controls/calendar/index.js

@@ -0,0 +1,4 @@
+export * from './Calendar';
+export * from './models/IAttendee';
+export * from './models/IEvents';
+//# sourceMappingURL=index.js.map

package/lib/controls/calendar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/calendar/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC"}

package/lib/controls/calendar/models/ECalendarViews.d.ts

@@ -0,0 +1,6 @@
+export declare enum ECalendarViews {
+    Day = "day",
+    Week = "week",
+    Month = "month"
+}
+//# sourceMappingURL=ECalendarViews.d.ts.map

package/lib/controls/calendar/models/ECalendarViews.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ECalendarViews.d.ts","sourceRoot":"","sources":["../../../../src/controls/calendar/models/ECalendarViews.ts"],"names":[],"mappings":"AAAA,oBAAY,cAAc;IACtB,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,KAAK,UAAU;CAClB"}

package/lib/controls/calendar/models/ECalendarViews.js

@@ -0,0 +1,7 @@
+export var ECalendarViews;
+(function (ECalendarViews) {
+    ECalendarViews["Day"] = "day";
+    ECalendarViews["Week"] = "week";
+    ECalendarViews["Month"] = "month";
+})(ECalendarViews || (ECalendarViews = {}));
+//# sourceMappingURL=ECalendarViews.js.map

package/lib/controls/calendar/models/ECalendarViews.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ECalendarViews.js","sourceRoot":"","sources":["../../../../src/controls/calendar/models/ECalendarViews.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,cAIX;AAJD,WAAY,cAAc;IACtB,6BAAW,CAAA;IACX,+BAAa,CAAA;IACb,iCAAe,CAAA;AACnB,CAAC,EAJW,cAAc,KAAd,cAAc,QAIzB"}

package/lib/controls/calendar/models/IAttendee.d.ts

@@ -0,0 +1,8 @@
+export interface IAttendee {
+    id: string;
+    name: string;
+    email: string;
+    role?: string;
+    imageUrl?: string;
+}
+//# sourceMappingURL=IAttendee.d.ts.map

package/lib/controls/calendar/models/IAttendee.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IAttendee.d.ts","sourceRoot":"","sources":["../../../../src/controls/calendar/models/IAttendee.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/lib/controls/calendar/models/IAttendee.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=IAttendee.js.map

package/lib/controls/calendar/models/IAttendee.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IAttendee.js","sourceRoot":"","sources":["../../../../src/controls/calendar/models/IAttendee.ts"],"names":[],"mappings":""}

package/lib/controls/calendar/models/ICalendarControlProps.d.ts

@@ -0,0 +1,17 @@
+import { ECalendarViews } from "./ECalendarViews";
+import { IEvent } from "./IEvents";
+import { Theme } from "@fluentui/react-components";
+export interface ICalendarControlProps {
+    events: IEvent[];
+    height?: string | number;
+    theme?: Theme;
+    onMonthChange?: (date: Date) => void;
+    onDayChange?: (date: Date) => void;
+    onWeekChange?: (date: Date) => void;
+    onNext?: (date: Date) => void;
+    onPrev?: (date: Date) => void;
+    onViewChange?: (view: string) => void;
+    onDaySlotClick?: (date: Date) => void;
+    defaultView?: ECalendarViews | undefined;
+}
+//# sourceMappingURL=ICalendarControlProps.d.ts.map