@pnp/spfx-controls-react 4.0.0-beta.1344828 → 4.0.0-beta.3809332

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

@@ -0,0 +1,118 @@
+import { css } from "@emotion/css";
+import { tokens } from "@fluentui/react-components";
+export var useCalendarStyles = function () {
+    var styles = {
+        calendarWrapper: css({
+            padding: "20px",
+            paddingTop: "10px",
+            overflow: "auto",
+            flex: 1,
+            display: "grid",
+            gridTemplateColumns: "repeat(7, 1fr)", // 7 columns for the days of the week
+            gridTemplateRows: "auto", // Automatically sizes the header row
+            gridAutoRows: "minmax(100px, 1fr)", // Ensures all rows have a minimum height of 100px and grow equally
+            gap: "1px", // Gap between cells
+            width: "calc(100% - 40px)", // Full width minus padding
+        }),
+        header: css({
+            display: "flex",
+            justifyContent: "start",
+            gap: "10px",
+            alignItems: "center",
+            padding: "16px",
+        }),
+        dayHeader: css({
+            textAlign: "start",
+            padding: "8px",
+            borderBottom: "1px solid ".concat(tokens.colorNeutralStroke1),
+        }),
+        day: css({
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            justifyContent: "center",
+            border: "1px solid ".concat(tokens.colorNeutralStroke1),
+            backgroundColor: tokens.colorNeutralBackground1,
+            position: "relative", // Ensure proper stacking context
+        }),
+        otherMonthDay: css({
+            color: tokens.colorNeutralStroke2,
+            backgroundColor: tokens.colorNeutralBackground2,
+        }),
+        cardDay: css({
+            height: "100%",
+            minHeight: 100,
+            borderRadius: 0,
+            overflow: "hidden !important",
+        }),
+        cardDayOnHover: css({
+            ":hover": {
+                backgroundColor: tokens.colorNeutralBackground2,
+            },
+        }),
+        currentDay: css({
+            borderTop: "5px solid ".concat(tokens.colorBrandBackground),
+        }),
+        currentDayLabel: css({
+            color: tokens.colorBrandBackground,
+            fontWeight: 600,
+        }),
+        eventCard: css({
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "flex-start",
+            zIndex: 1, // Ensure it appears above parent hover styles
+        }),
+        eventContainer: css({
+            display: "flex",
+            flexDirection: "column",
+            overflowY: "auto", // Ensures proper overflow handling
+            paddingTop: "5px",
+            paddingBottom: "5px",
+            paddingLeft: "5px",
+            paddingRight: "5px",
+            // Scrollbar styles
+            "::-webkit-scrollbar": {
+                width: "5px", // Width for vertical scrollbars
+                height: "5px", // Height for horizontal scrollbars
+            },
+            "::-webkit-scrollbar-track": {
+                background: tokens.colorNeutralBackground4, // Light gray for the track
+                borderRadius: "10px",
+            },
+            "::-webkit-scrollbar-thumb": {
+                background: tokens.colorBrandStroke2Hover, // Dark gray for the thumb
+                borderRadius: "10px",
+            },
+            "::-webkit-scrollbar-thumb:hover": {
+                background: tokens.colorNeutralStroke2, // Dark gray for the thumb
+            },
+        }),
+        eventCardWeekView: css({
+            backgroundColor: tokens.colorBrandBackground,
+            color: tokens.colorNeutralForegroundOnBrand,
+            borderRadius: "4px",
+            padding: "4px",
+            margin: "2px",
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            whiteSpace: "nowrap",
+            height: "100%",
+        }),
+        popoverContent: css({
+            padding: 0,
+            borderTopWidth: 20,
+            borderTopStyle: "solid",
+        }),
+    };
+    var applyEventHouverColorClass = function (backgroundColor, houverColor) {
+        return css({
+            backgroundColor: backgroundColor !== null && backgroundColor !== void 0 ? backgroundColor : tokens.colorBrandBackground,
+            ":hover": {
+                backgroundColor: houverColor !== null && houverColor !== void 0 ? houverColor : tokens.colorBrandBackgroundHover,
+            },
+        });
+    };
+    return { styles: styles, applyEventHouverColorClass: applyEventHouverColorClass };
+};
+//# sourceMappingURL=useCalendarStyles.js.map

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

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

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

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { IBaseProps } from '@uifabric/utilities';
+interface IUseUtils {
+    getCacheKey: (key: string, uniqueId: string) => string;
+    validateUrl: (url: string) => boolean;
+    trimBeginDoubleSlash: (value: string) => string;
+    isValidGUID: (str: string) => boolean;
+    getPageNameFromUrl: (url: string) => string;
+    getSPSiteAbsoluteUrl: (absolutefileUrl: string) => string;
+    getFileServerRelativeUrlFromAbsoluteUrl: (absoluteFileUrl: string) => string;
+    encodeRestUrl: (query: string) => string;
+    getSpacing: <T>(value: string | T, containerWidth: number, type: 'vertical' | 'horizontal' | 'padding') => string;
+    getCurrentDevice: (containerWidth: number) => string;
+    getBaseStyles: (baseProps: IBaseProps, containerWidth: number, containerHeight: number) => React.CSSProperties;
+    getLayoutBreakPoint: <T>(value: string | T, containerWidth: number) => string;
+}
+export declare const useComponentUtils: () => IUseUtils;
+export {};
+//# sourceMappingURL=useComponentsUtils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useComponentsUtils.d.ts","sourceRoot":"","sources":["../../../../src/controls/calendar/hooks/useComponentsUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAKjD,UAAU,SAAS;IACjB,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IACvD,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IACtC,oBAAoB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAEhD,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IACtC,kBAAkB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,oBAAoB,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1D,uCAAuC,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7E,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACzC,UAAU,EAAE,CAAC,CAAC,EACZ,KAAK,EAAE,MAAM,GAAG,CAAC,EACjB,cAAc,EAAE,MAAM,EACtB,IAAI,EAAE,UAAU,GAAG,YAAY,GAAG,SAAS,KACxC,MAAM,CAAC;IACZ,gBAAgB,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,MAAM,CAAC;IACrD,aAAa,EAAE,CACb,SAAS,EAAE,UAAU,EACrB,cAAc,EAAE,MAAM,EACtB,eAAe,EAAE,MAAM,KACpB,KAAK,CAAC,aAAa,CAAC;IACzB,mBAAmB,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC,EAAE,cAAc,EAAE,MAAM,KAAK,MAAM,CAAC;CAC/E;AAED,eAAO,MAAM,iBAAiB,QAAO,SAqZpC,CAAC"}

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

@@ -0,0 +1,230 @@
+import { __assign, __rest } from "tslib";
+import * as React from 'react';
+import { EBreakPoints } from '../constants';
+import { tokens } from '@fluentui/react-components';
+export var useComponentUtils = function () {
+    var getCacheKey = React.useCallback(function (key, uniqueId) {
+        return "".concat(key).concat(uniqueId);
+    }, []);
+    var validateUrl = React.useCallback(function (url) {
+        if (!url) {
+            return false;
+        }
+        try {
+            var urlValid = new URL(url);
+            return !!urlValid;
+        }
+        catch (_a) {
+            return false;
+        }
+    }, []);
+    var trimBeginDoubleSlash = function (value) {
+        if (value.charAt(0) === '/' && value.charAt(1) === '/') {
+            return value.substring(1, value.length);
+        }
+        return value;
+    };
+    var isValidGUID = React.useCallback(function (str) {
+        var regex = new RegExp(/^[{]?[0-9a-fA-F]{8}-([0-9a-fA-F]{4}-){3}[0-9a-fA-F]{12}[}]?$/);
+        if (!str) {
+            return false;
+        }
+        if (regex.test(str) === true) {
+            return true;
+        }
+        else {
+            return false;
+        }
+    }, []);
+    var getPageNameFromUrl = React.useCallback(function (url) {
+        if (!url) {
+            return '';
+        }
+        var urlParts = url.split('/');
+        return urlParts[urlParts.length - 1];
+    }, []);
+    var getSPSiteAbsoluteUrl = React.useCallback(function (absolutefileUrl) {
+        var hostname = window.location.hostname;
+        var rootSiteUrl = "https://".concat(hostname);
+        if (absolutefileUrl.indexOf("".concat(rootSiteUrl, "/sites/")) > -1 ||
+            absolutefileUrl.indexOf("".concat(rootSiteUrl, "/teams/")) > -1) {
+            var fileServerRelativeUrl = absolutefileUrl.split(hostname)[1];
+            // Split server relative URL by '/' to obtain web name
+            var webName = fileServerRelativeUrl.split('/')[2];
+            var webAbsoluteUrl = "https://".concat(hostname, "/sites/").concat(webName);
+            if (absolutefileUrl.indexOf("".concat(rootSiteUrl, "/teams/")) > -1) {
+                webAbsoluteUrl = "https://".concat(hostname, "/teams/").concat(webName);
+            }
+            return webAbsoluteUrl;
+        }
+        return rootSiteUrl;
+    }, []);
+    var getFileServerRelativeUrlFromAbsoluteUrl = React.useCallback(function (absoluteFileUrl) {
+        var fileServerRelativeUrl = absoluteFileUrl.split(window.location.hostname)[1];
+        fileServerRelativeUrl = trimBeginDoubleSlash(fileServerRelativeUrl);
+        return fileServerRelativeUrl;
+    }, []);
+    var encodeRestUrl = React.useCallback(function (query) {
+        return encodeURIComponent(query.replace(/[%]/g, '%25'))
+            .replace(/[']/g, '%27%27')
+            .replace(/[&]/g, '%26')
+            .replace(/[#]/g, '%23')
+            .replace(/[?]/g, '%3F')
+            .replace(/[/]/g, '%2F')
+            .replace(/[+]/g, '%2B');
+    }, []);
+    var checkValueBreakPoint = React.useCallback(function (value) {
+        if (value === null || value === undefined) {
+            return false;
+        }
+        return (Object.prototype.hasOwnProperty.call(value, 'extraSmall') ||
+            Object.prototype.hasOwnProperty.call(value, 'small') ||
+            Object.prototype.hasOwnProperty.call(value, 'medium') ||
+            Object.prototype.hasOwnProperty.call(value, 'large') ||
+            Object.prototype.hasOwnProperty.call(value, 'extraLarge'));
+    }, []);
+    var getProperty = React.useCallback(function (obj, key) {
+        return obj[key.toString().toLowerCase()];
+    }, []);
+    var getCurrentDevice = React.useCallback(function (containerWidth) {
+        if (containerWidth >= EBreakPoints.XXXLarge)
+            return 'XXXLarge';
+        if (containerWidth >= EBreakPoints.ExtraExtraLarge)
+            return 'ExtraExtraLarge';
+        if (containerWidth >= EBreakPoints.ExtraLarge)
+            return 'ExtraLarge';
+        if (containerWidth >= Number(EBreakPoints.Large))
+            return 'Large';
+        if (containerWidth >= Number(EBreakPoints.Medium))
+            return 'Medium';
+        if (containerWidth >= Number(EBreakPoints.Small))
+            return 'Small';
+        return 'ExtraSmall';
+    }, []);
+    var getSpacingBreakPoint = React.useCallback(function (value, containerWidth) {
+        var device = getCurrentDevice(containerWidth);
+        var breakPoints = {
+            ExtraSmall: 'xs',
+            Small: 's',
+            Medium: 'm',
+            Large: 'l',
+            ExtraLarge: 'xl',
+            ExtraExtraLarge: 'xxl',
+        };
+        var newValue = value;
+        if (checkValueBreakPoint(value)) {
+            newValue =
+                getProperty(value, (device !== null && device !== void 0 ? device : 'Medium')) || breakPoints[device];
+        }
+        return newValue;
+    }, [getCurrentDevice, checkValueBreakPoint, getProperty]);
+    // "none" | "xxs" | "xs" | "sNudge" | "s" | "mNudge" | "m" | "l" | "xl" | "xxl" | "xxxl"
+    var getSpacing = React.useCallback(function (value, containerWidth, type) {
+        if (!value)
+            return 'none';
+        // Check if value is in pixel format like '20px' or percentage format like '20%'
+        if (typeof value === 'string' &&
+            (/^\d+px$/.test(value) || /^\d+%$/.test(value))) {
+            return value; // Return the same value for all sides
+        }
+        var newType = type;
+        var spacingTokens = {
+            padding: 'spacingHorizontal',
+            vertical: 'spacingVertical',
+            horizontal: 'spacingHorizontal',
+        };
+        var newValue = getSpacingBreakPoint(value, containerWidth);
+        switch (newValue) {
+            case 'none':
+                return tokens["".concat(spacingTokens[newType], "None")];
+            case 'xxs':
+                return tokens["".concat(spacingTokens[newType], "XXS")];
+            case 'xs':
+                return tokens["".concat(spacingTokens[newType], "XS")];
+            case 'sNudge':
+                return tokens["".concat(spacingTokens[newType], "SNudge")];
+            case 's':
+                return tokens["".concat(spacingTokens[newType], "S")];
+            case 'mNudge':
+                return tokens["".concat(spacingTokens[newType], "MNudge")];
+            case 'm':
+                return tokens["".concat(spacingTokens[newType], "M")];
+            case 'l':
+                return tokens["".concat(spacingTokens[newType], "L")];
+            case 'xl':
+                return tokens["".concat(spacingTokens[newType], "XL")];
+            case 'xxl':
+                return tokens["".concat(spacingTokens[newType], "XXL")];
+            case 'xxxl':
+                return tokens["".concat(spacingTokens[newType], "XXXL")];
+            default:
+                return tokens["".concat(spacingTokens[newType], "M")];
+        }
+    }, [getSpacingBreakPoint]);
+    var getBaseStyles = React.useCallback(function (baseProps, containerWidth, _containerHeight) {
+        var verticalSpacing = baseProps.verticalSpacing, horizontalSpacing = baseProps.horizontalSpacing, paddingLeft = baseProps.paddingLeft, paddingRight = baseProps.paddingRight, paddingBottom = baseProps.paddingBottom, background = baseProps.background, width = baseProps.width, maxWidth = baseProps.maxWidth, height = baseProps.height, maxHeight = baseProps.maxHeight, marginLeft = baseProps.marginLeft, marginRight = baseProps.marginRight, marginTop = baseProps.marginTop, marginBottom = baseProps.marginBottom, paddingTop = baseProps.paddingTop, padding = baseProps.padding, margin = baseProps.margin, styles = baseProps.styles;
+        var wpaddingTop = getSpacing(paddingTop, containerWidth, 'padding');
+        var wpaddingLeft = getSpacing(paddingLeft, containerWidth, 'padding');
+        var wpaddingRight = getSpacing(paddingRight, containerWidth, 'padding');
+        var wpaddingBottom = getSpacing(paddingBottom, containerWidth, 'padding');
+        var wpadding = getSpacing(padding, containerWidth, 'padding');
+        var wmarginLeft = getSpacing(marginLeft, containerWidth, 'padding');
+        var wmarginRight = getSpacing(marginRight, containerWidth, 'padding');
+        var wmarginTop = getSpacing(marginTop, containerWidth, 'padding');
+        var wmarginBottom = getSpacing(marginBottom, containerWidth, 'padding');
+        var wmargin = getSpacing(margin, containerWidth, 'padding');
+        if (wpadding) {
+            wpaddingTop = wpaddingTop === 'none' ? wpadding : wpaddingTop;
+            wpaddingLeft = wpaddingLeft === 'none' ? wpadding : wpaddingLeft;
+            wpaddingRight = wpaddingRight === 'none' ? wpadding : wpaddingRight;
+            wpaddingBottom = wpaddingBottom === 'none' ? wpadding : wpaddingBottom;
+        }
+        if (wmargin) {
+            wmarginLeft = wmarginLeft === 'none' ? wmargin : wmarginLeft;
+            wmarginRight = wmarginRight === 'none' ? wmargin : wmarginRight;
+            wmarginTop = wmarginTop === 'none' ? wmargin : wmarginTop;
+            wmarginBottom = wmarginBottom === 'none' ? wmargin : wmarginBottom;
+        }
+        var wgapRow = getSpacing(verticalSpacing, containerWidth, 'vertical');
+        var wgapCol = getSpacing(horizontalSpacing, containerWidth, 'horizontal');
+        var wgap = "".concat(wgapRow, " ").concat(wgapCol);
+        // Strip shorthand padding/margin from styles to avoid React warnings
+        // about mixing shorthand and individual properties
+        var _a = (styles !== null && styles !== void 0 ? styles : {}), _sPadding = _a.padding, // eslint-disable-line @typescript-eslint/no-unused-vars
+        _sMargin = _a.margin, // eslint-disable-line @typescript-eslint/no-unused-vars
+        _sPt = _a.paddingTop, // eslint-disable-line @typescript-eslint/no-unused-vars
+        _sPl = _a.paddingLeft, // eslint-disable-line @typescript-eslint/no-unused-vars
+        _sPr = _a.paddingRight, // eslint-disable-line @typescript-eslint/no-unused-vars
+        _sPb = _a.paddingBottom, // eslint-disable-line @typescript-eslint/no-unused-vars
+        _sMt = _a.marginTop, // eslint-disable-line @typescript-eslint/no-unused-vars
+        _sMl = _a.marginLeft, // eslint-disable-line @typescript-eslint/no-unused-vars
+        _sMr = _a.marginRight, // eslint-disable-line @typescript-eslint/no-unused-vars
+        _sMb = _a.marginBottom, // eslint-disable-line @typescript-eslint/no-unused-vars
+        safeStyles = __rest(_a, ["padding", "margin", "paddingTop", "paddingLeft", "paddingRight", "paddingBottom", "marginTop", "marginLeft", "marginRight", "marginBottom"]);
+        return __assign(__assign({}, safeStyles), { gap: wgap, paddingTop: wpaddingTop, paddingLeft: wpaddingLeft, paddingRight: wpaddingRight, paddingBottom: wpaddingBottom, marginLeft: wmarginLeft, marginRight: wmarginRight, marginTop: wmarginTop, marginBottom: wmarginBottom, background: background, width: width !== null && width !== void 0 ? width : undefined, height: height !== null && height !== void 0 ? height : undefined, maxWidth: maxWidth !== null && maxWidth !== void 0 ? maxWidth : undefined, maxHeight: maxHeight !== null && maxHeight !== void 0 ? maxHeight : undefined, overflow: 'auto' });
+    }, [getSpacing]);
+    var getLayoutBreakPoint = React.useCallback(function (value, containerWidth) {
+        var device = getCurrentDevice(containerWidth);
+        var newValue = value;
+        if (checkValueBreakPoint(value)) {
+            newValue =
+                getProperty(value, (device !== null && device !== void 0 ? device : 'Medium')) || '';
+        }
+        return newValue;
+    }, [getCurrentDevice, checkValueBreakPoint, getProperty]);
+    return {
+        getCacheKey: getCacheKey,
+        validateUrl: validateUrl,
+        trimBeginDoubleSlash: trimBeginDoubleSlash,
+        isValidGUID: isValidGUID,
+        getPageNameFromUrl: getPageNameFromUrl,
+        getSPSiteAbsoluteUrl: getSPSiteAbsoluteUrl,
+        getFileServerRelativeUrlFromAbsoluteUrl: getFileServerRelativeUrlFromAbsoluteUrl,
+        encodeRestUrl: encodeRestUrl,
+        getSpacing: getSpacing,
+        getCurrentDevice: getCurrentDevice,
+        getBaseStyles: getBaseStyles,
+        getLayoutBreakPoint: getLayoutBreakPoint,
+    };
+}; // ... }
+//# sourceMappingURL=useComponentsUtils.js.map

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

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

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

@@ -0,0 +1,7 @@
+export declare const useDayViewStyles: () => {
+    styles: {
+        [key: string]: string;
+    };
+    applyEventHouverColorClass: (backgroundColor: string, hoverColor: string) => string;
+};
+//# sourceMappingURL=useDayViewStyles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDayViewStyles.d.ts","sourceRoot":"","sources":["../../../../src/controls/calendar/hooks/useDayViewStyles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB,QAAO;IAClC,MAAM,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAClC,0BAA0B,EAAE,CAC1B,eAAe,EAAE,MAAM,EACvB,UAAU,EAAE,MAAM,KACf,MAAM,CAAC;CAmLb,CAAC"}

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

@@ -0,0 +1,174 @@
+import { css } from '@emotion/css';
+import { tokens } from '@fluentui/react-components';
+export var useDayViewStyles = function () {
+    var styles = {
+        container: css({
+            display: 'flex',
+            flexDirection: 'column',
+            width: 'calc(100% - 40px)',
+            height: '100vh', // Make the container take the full viewport height
+            overflow: 'hidden', // Prevent window scrolling
+            padding: '20px',
+        }),
+        header: css({
+            display: 'flex',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+            marginBottom: '16px',
+            borderBottom: "1px solid ".concat(tokens.colorNeutralStroke1),
+        }),
+        dayGrid: css({
+            display: 'grid',
+            gridTemplateColumns: '80px 1fr',
+            gridTemplateRows: '50px 40px repeat(48, 33px)',
+            height: 'calc(100vh - 100px)',
+            overflowY: 'auto',
+            border: "1px solid ".concat(tokens.colorNeutralStroke1),
+            maxHeight: 'fit-content',
+            scrollbarWidth: 'thin',
+            scrollbarColor: "".concat(tokens.colorBrandBackground, " ").concat(tokens.colorNeutralBackground1),
+            '&::-webkit-scrollbar': {
+                width: '8px',
+            },
+            '&::-webkit-scrollbar-track': {
+                background: tokens.colorNeutralBackground1,
+            },
+            '&::-webkit-scrollbar-thumb': {
+                background: tokens.colorBrandBackground,
+                borderRadius: '4px',
+            },
+            '&::-webkit-scrollbar-thumb:hover': {
+                background: tokens.colorBrandBackgroundHover,
+            },
+        }),
+        blankHeader: css({
+            gridColumn: '1',
+            backgroundColor: tokens.colorNeutralBackground3,
+            borderBottom: "3px solid ".concat(tokens.colorNeutralStroke3),
+            position: 'sticky',
+            top: 0,
+            zIndex: 10,
+        }),
+        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%',
+            maxHeight: '32px',
+            minHeight: '32px',
+            display: 'flex',
+            alignItems: 'center',
+            fontSize: '12px',
+            color: tokens.colorNeutralForeground3,
+            borderBottom: "1px solid ".concat(tokens.colorNeutralStroke1),
+            justifyContent: 'center',
+        }),
+        fullDayRow: css({
+            gridRow: '2', // Full-day events occupy the second row
+            display: 'grid',
+            gridTemplateColumns: '80px 33px', // Time column + 7 day columns
+            gap: '0', // Ensure cells align properly
+            padding: '0', // Remove padding for proper alignment
+            backgroundColor: tokens.colorNeutralBackground2,
+            borderBottom: "3px solid ".concat(tokens.colorNeutralStroke2), // Bottom border for the row
+        }),
+        fullDayLabel: css({
+            gridColumn: '1', // Place in the first column
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            alignContent: 'center',
+            color: tokens.colorBrandBackground,
+            padding: '5px',
+            borderRight: "1px solid ".concat(tokens.colorNeutralStroke1), // Right border for the label cell
+            borderBottom: "3px solid ".concat(tokens.colorNeutralStroke2), // Bottom border for the cell
+        }),
+        fullDayCell: css({
+            borderRight: "1px solid ".concat(tokens.colorNeutralStroke1), // Right border between day cells
+            display: 'flex',
+            flexDirection: 'row', // Arrange events horizontally
+            gap: '2px',
+            padding: '4px', // Ensure events have spacing within the cell
+            borderBottom: "3px solid ".concat(tokens.colorNeutralStroke2), // Bottom border for the cell
+            overflow: 'hidden', // Ensure events don’t overflow the cell
+        }),
+        fullDayEvent: css({
+            flex: '1 1 auto', // Allow events to share space equally
+            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, // Sticks to the top of the scrollable container
+            zIndex: 10, // Ensures it stays above the scrolling grid
+        }),
+        todayHeaderCell: css({
+            borderTop: "5px solid ".concat(tokens.colorBrandBackground),
+        }),
+        eventCard: css({
+            alignItems: 'center',
+            justifyContent: 'center',
+            marginRight: '2px',
+            zIndex: 1,
+            position: 'absolute',
+            alignContent: 'center',
+            overflow: 'hidden',
+        }),
+        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),
+        }),
+        eventTitle: css({
+            display: '-webkit-box',
+            '-webkit-line-clamp': '1',
+            '-webkit-box-orient': 'vertical',
+            textAlign: 'start',
+            textOverflow: 'ellipsis',
+            paddingLeft: '8px',
+            wordBreak: 'break-word',
+            overflow: 'hidden',
+        }),
+    };
+    var applyEventHouverColorClass = function (backgroundColor, houveColor) {
+        return css({
+            backgroundColor: backgroundColor !== null && backgroundColor !== void 0 ? backgroundColor : tokens.colorBrandBackground,
+            ':hover': {
+                backgroundColor: houveColor !== null && houveColor !== void 0 ? houveColor : tokens.colorBrandBackgroundHover,
+            },
+        });
+    };
+    return { styles: styles, applyEventHouverColorClass: applyEventHouverColorClass };
+};
+//# sourceMappingURL=useDayViewStyles.js.map

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

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

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"}