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

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

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

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

@@ -0,0 +1,16 @@
+import * as React from "react";
+import { IEvent } from "./models/IEvents";
+interface EventPopoverCardProps {
+    event: IEvent;
+    colors: {
+        backgroundColor: string;
+        hoverColor: string;
+    };
+    spanSlots: number;
+    rowHeight: number;
+    eventIndex: number;
+    eventCount: number;
+}
+export declare const EventPopoverCard: React.FC<EventPopoverCardProps>;
+export {};
+//# sourceMappingURL=EventPopoverCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EventPopoverCard.d.ts","sourceRoot":"","sources":["../../../src/controls/calendar/EventPopoverCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAK1C,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE;QAAE,eAAe,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC;IACxD,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAoE5D,CAAC"}

package/lib/controls/calendar/EventPopoverCard.js

@@ -0,0 +1,29 @@
+import * as React from "react";
+import { Caption1, Caption1Strong, Card, Popover, PopoverSurface, PopoverTrigger, mergeClasses, useId, } from "@fluentui/react-components";
+import { EventDetailsPopover } from "./EventDetailsPopover";
+import { Stack } from "@nuvemerudita/react-controls";
+import { useUtils } from "./hooks/useUtils";
+import { useWeekViewStyles } from "./hooks/useWeekViewStyles";
+export var EventPopoverCard = function (_a) {
+    var event = _a.event, colors = _a.colors, spanSlots = _a.spanSlots, rowHeight = _a.rowHeight, eventIndex = _a.eventIndex, eventCount = _a.eventCount;
+    var headerId = useId();
+    var _b = useWeekViewStyles(), styles = _b.styles, applyEventHouverColorClass = _b.applyEventHouverColorClass, appyDynamicStyles = _b.appyDynamicStyles;
+    var cardRef = React.useRef(null);
+    var formatDate = useUtils().formatDate;
+    var cardContent = React.useMemo(function () { return (React.createElement("div", null,
+        React.createElement(Stack, { columnGap: 4, verticalAlign: "center" },
+            React.createElement(Caption1Strong, { className: styles.eventTitle }, event.title),
+            React.createElement(Stack, { columnGap: 4, horizontal: true, verticalAlign: "center", horizontalAlign: "start" },
+                React.createElement(Caption1, null,
+                    formatDate(event.start, "HH:mm"),
+                    "H"),
+                " - ",
+                React.createElement(Caption1, null,
+                    formatDate(event.end, "HH:mm"),
+                    "H"))))); }, [event]);
+    return (React.createElement(Card, { ref: cardRef, key: event.id, className: mergeClasses(styles.eventCard, applyEventHouverColorClass(colors.backgroundColor, colors.backgroundColor), appyDynamicStyles(eventIndex, eventCount, rowHeight, spanSlots)) }, event.enableOnHouver ? (React.createElement(Popover, { withArrow: true, mouseLeaveDelay: 50, closeOnScroll: true, closeOnIframeFocus: true, openOnHover: true },
+        React.createElement(PopoverTrigger, null, cardContent),
+        React.createElement(PopoverSurface, { "aria-labelledby": headerId, className: mergeClasses(styles.popoverContent) },
+            React.createElement(EventDetailsPopover, { event: event })))) : (cardContent)));
+};
+//# sourceMappingURL=EventPopoverCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EventPopoverCard.js","sourceRoot":"","sources":["../../../src/controls/calendar/EventPopoverCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,QAAQ,EACR,cAAc,EACd,IAAI,EACJ,OAAO,EACP,cAAc,EACd,cAAc,EACd,YAAY,EACZ,KAAK,GACN,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,KAAK,EAAE,MAAO,8BAA8B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAO,kBAAkB,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAW9D,MAAM,CAAC,IAAM,gBAAgB,GAAoC,UAAC,EAOjE;QANC,KAAK,WAAA,EACL,MAAM,YAAA,EACN,SAAS,eAAA,EACT,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,UAAU,gBAAA;IAEV,IAAM,QAAQ,GAAG,KAAK,EAAE,CAAC;IACnB,IAAA,KAA4D,iBAAiB,EAAE,EAA7E,MAAM,YAAA,EAAE,0BAA0B,gCAAA,EAAG,iBAAiB,uBAAuB,CAAC;IACtF,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC3C,IAAA,UAAU,GAAK,QAAQ,EAAE,WAAf,CAAgB;IAElC,IAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAC/B,cAAM,OAAA,CACJ;QACE,oBAAC,KAAK,IAAC,SAAS,EAAE,CAAC,EAAE,aAAa,EAAC,QAAQ;YACzC,oBAAC,cAAc,IAAC,SAAS,EAAE,MAAM,CAAC,UAAU,IAAG,KAAK,CAAC,KAAK,CAAkB;YAC5E,oBAAC,KAAK,IACJ,SAAS,EAAE,CAAC,EACZ,UAAU,QACV,aAAa,EAAC,QAAQ,EACtB,eAAe,EAAC,OAAO;gBAEvB,oBAAC,QAAQ;oBAAE,UAAU,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC;wBAAa;gBACvD,KAAK;gBACN,oBAAC,QAAQ;oBAAE,UAAU,CAAC,KAAK,CAAC,GAAG,EAAE,OAAO,CAAC;wBAAa,CAChD,CACF,CACJ,CACP,EAhBK,CAgBL,EACD,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IACH,GAAG,EAAE,OAAO,EACZ,GAAG,EAAE,KAAK,CAAC,EAAE,EACb,SAAS,EAAE,YAAY,CACrB,MAAM,CAAC,SAAS,EAChB,0BAA0B,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,eAAe,CAAC,EAC1E,iBAAiB,CAAC,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,CAAC,CAChE,IAGA,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CACtB,oBAAC,OAAO,IACN,SAAS,QACT,eAAe,EAAE,EAAE,EACnB,aAAa,EAAE,IAAI,EACnB,kBAAkB,EAAE,IAAI,EACxB,WAAW;QAEX,oBAAC,cAAc,QAAE,WAAW,CAAkB;QAC9C,oBAAC,cAAc,uBACI,QAAQ,EACzB,SAAS,EAAE,YAAY,CACrB,MAAM,CAAC,cAAc,CACtB;YAED,oBAAC,mBAAmB,IAAC,KAAK,EAAE,KAAK,GAAI,CACtB,CACT,CACX,CAAC,CAAC,CAAC,CACF,WAAW,CACZ,CACI,CACR,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { IEvent } from './models/IEvents';
+interface IEventRendererProps {
+    event: IEvent;
+    eventCount: number;
+    spanSlots: number;
+    rowHeight: number;
+    eventIndex: number;
+    view: 'day' | 'week';
+}
+export declare const EventRenderer: React.FC<IEventRendererProps>;
+export {};
+//# sourceMappingURL=EventRender.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EventRender.d.ts","sourceRoot":"","sources":["../../../src/controls/calendar/EventRender.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAK1C,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,KAAK,GAAG,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA4CvD,CAAC"}

package/lib/controls/calendar/EventRender.js

@@ -0,0 +1,38 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import * as React from 'react';
+import { EventPopoverCard } from './EventPopoverCard';
+import { mergeClasses } from '@fluentui/react-components';
+import { useUtils } from './hooks/useUtils';
+import { useWeekViewStyles } from './hooks/useWeekViewStyles';
+export var EventRenderer = function (_a) {
+    var _b, _c;
+    var event = _a.event, eventCount = _a.eventCount, spanSlots = _a.spanSlots, rowHeight = _a.rowHeight, eventIndex = _a.eventIndex, view = _a.view;
+    var _d = useWeekViewStyles(), styles = _d.styles, appyDynamicStyles = _d.appyDynamicStyles;
+    var getEventColors = useUtils().getEventColors;
+    var colors = getEventColors(event.category);
+    // Memoize the function that determines the custom render function
+    var customOnRenderEvent = view === 'day'
+        ? (_b = event.onRenderInDayView) === null || _b === void 0 ? void 0 : _b.call(event, event)
+        : (_c = event.onRenderInWeekView) === null || _c === void 0 ? void 0 : _c.call(event, event);
+    if (React.isValidElement(customOnRenderEvent)) {
+        return React.cloneElement(customOnRenderEvent, {
+            event: event,
+            className: mergeClasses(customOnRenderEvent.props.className, styles.eventCard, appyDynamicStyles(eventIndex, eventCount, rowHeight, spanSlots)),
+            style: __assign({}, customOnRenderEvent.props.style),
+        });
+    }
+    // Return  default card
+    return (React.createElement(EventPopoverCard, { key: event.id, event: event, colors: colors, spanSlots: spanSlots, rowHeight: rowHeight, eventIndex: eventIndex, eventCount: eventCount }));
+};
+//# sourceMappingURL=EventRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EventRender.js","sourceRoot":"","sources":["../../../src/controls/calendar/EventRender.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,uDAAuD;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAW9D,MAAM,CAAC,IAAM,aAAa,GAAkC,UAAC,EAO5D;;QANC,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,IAAI,UAAA;IAEE,IAAA,KAAgC,iBAAiB,EAAE,EAAjD,MAAM,YAAA,EAAE,iBAAiB,uBAAwB,CAAC;IAClD,IAAA,cAAc,GAAK,QAAQ,EAAE,eAAf,CAAgB;IACtC,IAAM,MAAM,GAAG,cAAc,CAAC,KAAK,CAAC,QAAkB,CAAC,CAAC;IAExD,kEAAkE;IAClE,IAAM,mBAAmB,GACvB,IAAI,KAAK,KAAK;QACZ,CAAC,CAAC,MAAA,KAAK,CAAC,iBAAiB,sDAAG,KAAK,CAAC;QAClC,CAAC,CAAC,MAAA,KAAK,CAAC,kBAAkB,sDAAG,KAAK,CAAC,CAAC;IAExC,IAAI,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAAE;QAC7C,OAAO,KAAK,CAAC,YAAY,CAAC,mBAAyC,EAAE;YACnE,KAAK,OAAA;YACL,SAAS,EAAE,YAAY,CACpB,mBAAmB,CAAC,KAAa,CAAC,SAAS,EAC5C,MAAM,CAAC,SAAS,EAChB,iBAAiB,CAAC,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,CAAC,CAChE;YACD,KAAK,eACC,mBAAmB,CAAC,KAAa,CAAC,KAAK,CAC5C;SACF,CAAC,CAAC;KACJ;IAED,uBAAuB;IACvB,OAAO,CACL,oBAAC,gBAAgB,IACf,GAAG,EAAE,KAAK,CAAC,EAAE,EACb,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,GACtB,CACH,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { IEvent } from './models/IEvents';
+export interface IRenderEventToDayOfMonthProps {
+    events: IEvent[];
+    date: Date;
+    onCardHoverChange?: (isHovered: boolean, eventTitle: string) => void;
+    columnHeight: number;
+}
+export declare const RenderEventToDayOfMonth: React.FunctionComponent<IRenderEventToDayOfMonthProps>;
+//# sourceMappingURL=RenderEventToDayOfMonth.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RenderEventToDayOfMonth.d.ts","sourceRoot":"","sources":["../../../src/controls/calendar/RenderEventToDayOfMonth.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAK1C,MAAM,WAAW,6BAA6B;IAC5C,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,IAAI,EAAE,IAAI,CAAC;IACX,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACrE,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,iBAAiB,CAC3D,6BAA6B,CAqI9B,CAAC"}

package/lib/controls/calendar/RenderEventToDayOfMonth.js

@@ -0,0 +1,75 @@
+/* eslint-disable @typescript-eslint/explicit-function-return-type */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import * as React from 'react';
+import { Caption1, Popover, PopoverSurface, PopoverTrigger, mergeClasses, useId, } from '@fluentui/react-components';
+import { endOfDay, isWithinInterval, startOfDay } from 'date-fns';
+import { Card } from '@nuvemerudita/react-controls';
+import { EventDetailsPopover } from './EventDetailsPopover';
+import { useCalendarStyles } from './hooks/useCalendarStyles';
+import { useUtils } from './hooks/useUtils';
+export var RenderEventToDayOfMonth = function (props) {
+    var headerId = useId();
+    var events = props.events, date = props.date, onCardHoverChange = props.onCardHoverChange, columnHeight = props.columnHeight;
+    var _a = useCalendarStyles(), styles = _a.styles, applyEventHouverColorClass = _a.applyEventHouverColorClass;
+    var positioningRef = React.useRef(null);
+    var _b = useUtils(), getEventColors = _b.getEventColors, getCalendarColors = _b.getCalendarColors;
+    var handleMouseEnter = React.useCallback(function (eventTitle) {
+        if (onCardHoverChange) {
+            onCardHoverChange(true, eventTitle);
+        }
+    }, [onCardHoverChange]);
+    var handleMouseLeave = React.useCallback(function (eventTitle) {
+        if (onCardHoverChange) {
+            onCardHoverChange(false, eventTitle);
+        }
+    }, [onCardHoverChange]);
+    // Set the target for the popover
+    var buttonRef = React.useCallback(function (el) {
+        var _a;
+        (_a = positioningRef.current) === null || _a === void 0 ? void 0 : _a.setTarget(el);
+    }, [positioningRef]);
+    // Render the card
+    var renderCard = React.useCallback(function (index, calEvent, colors) {
+        return (React.createElement("div", { ref: buttonRef },
+            React.createElement(Card, { key: index, className: mergeClasses(styles.eventCard, applyEventHouverColorClass(colors.backgroundColor, colors.backgroundColor)), paddingTop: "4px", paddingBottom: "4px", paddingLeft: "8px", paddingRight: "8px", marginTop: index === 0 ? '0px' : '5px', cardHeader: React.createElement(Caption1, null, calEvent.title), onMouseEnter: function () { return handleMouseEnter(calEvent.title); }, onMouseLeave: function () { return handleMouseLeave(calEvent.title); } })));
+    }, [handleMouseEnter, handleMouseLeave, applyEventHouverColorClass]);
+    var renderCardWithPopOver = React.useCallback(function (calEvent, index, colors) {
+        return (React.createElement(React.Fragment, null,
+            React.createElement(Popover, { withArrow: true, key: index, mouseLeaveDelay: 30, closeOnScroll: true, closeOnIframeFocus: true, openOnHover: true },
+                React.createElement(PopoverTrigger, null, renderCard(index, calEvent, colors)),
+                React.createElement(PopoverSurface, { "aria-labelledby": headerId, className: mergeClasses(styles.popoverContent) },
+                    React.createElement(EventDetailsPopover, { event: calEvent })))));
+    }, [renderCard]);
+    if (!events || !(events === null || events === void 0 ? void 0 : events.length))
+        return React.createElement(React.Fragment, null, " ");
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { style: { height: columnHeight }, className: styles.eventContainer }, events.map(function (calEvent, index) {
+            var _a;
+            var eventStart = startOfDay(new Date(calEvent.start));
+            var eventEnd = endOfDay(new Date(calEvent.end));
+            var isEventInDay = isWithinInterval(date, {
+                start: eventStart,
+                end: eventEnd,
+            });
+            if (!isEventInDay)
+                return null;
+            var colors = undefined;
+            if (calEvent.color) {
+                colors = getCalendarColors(calEvent.color);
+            }
+            else {
+                colors = getEventColors(calEvent.category);
+            }
+            var customRender = (_a = calEvent.onRenderInMonthView) === null || _a === void 0 ? void 0 : _a.call(calEvent, calEvent);
+            // If the event has a custom renderer, use it
+            if (React.isValidElement(customRender)) {
+                return React.cloneElement(customRender, {
+                    className: mergeClasses(customRender.props.className, styles.eventCard),
+                });
+            }
+            return calEvent.enableOnHouver
+                ? renderCardWithPopOver(calEvent, index, colors)
+                : renderCard(index, calEvent, colors);
+        }))));
+};
+//# sourceMappingURL=RenderEventToDayOfMonth.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RenderEventToDayOfMonth.js","sourceRoot":"","sources":["../../../src/controls/calendar/RenderEventToDayOfMonth.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,uDAAuD;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,QAAQ,EACR,OAAO,EACP,cAAc,EACd,cAAc,EAEd,YAAY,EACZ,KAAK,GACN,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAElE,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAS5C,MAAM,CAAC,IAAM,uBAAuB,GAEhC,UAAC,KAA6D;IAChE,IAAM,QAAQ,GAAG,KAAK,EAAE,CAAC;IACjB,IAAA,MAAM,GAA4C,KAAK,OAAjD,EAAE,IAAI,GAAsC,KAAK,KAA3C,EAAE,iBAAiB,GAAmB,KAAK,kBAAxB,EAAE,YAAY,GAAK,KAAK,aAAV,CAAW;IAC1D,IAAA,KAAyC,iBAAiB,EAAE,EAA1D,MAAM,YAAA,EAAE,0BAA0B,gCAAwB,CAAC;IAEnE,IAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAA2B,IAAI,CAAC,CAAC;IAC9D,IAAA,KAAwC,QAAQ,EAAE,EAAhD,cAAc,oBAAA,EAAE,iBAAiB,uBAAe,CAAC;IAEzD,IAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CACxC,UAAC,UAAkB;QACjB,IAAI,iBAAiB,EAAE;YACrB,iBAAiB,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;SACrC;IACH,CAAC,EACD,CAAC,iBAAiB,CAAC,CACpB,CAAC;IAEF,IAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CACxC,UAAC,UAAkB;QACjB,IAAI,iBAAiB,EAAE;YACrB,iBAAiB,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;SACtC;IACH,CAAC,EACD,CAAC,iBAAiB,CAAC,CACpB,CAAC;IAEF,iCAAiC;IACjC,IAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CACjC,UAAC,EAAyB;;QACxB,MAAA,cAAc,CAAC,OAAO,0CAAE,SAAS,CAAC,EAAE,CAAC,CAAC;IACxC,CAAC,EACD,CAAC,cAAc,CAAC,CACjB,CAAC;IAEF,kBAAkB;IAClB,IAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAClC,UAAC,KAAa,EAAE,QAAgB,EAAE,MAAoB;QACpD,OAAO,CACL,6BAAK,GAAG,EAAE,SAAS;YACjB,oBAAC,IAAI,IACH,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,YAAY,CACrB,MAAM,CAAC,SAAS,EAChB,0BAA0B,CACxB,MAAM,CAAC,eAAe,EACtB,MAAM,CAAC,eAAe,CACvB,CACF,EACD,UAAU,EAAC,KAAK,EAChB,aAAa,EAAC,KAAK,EACnB,WAAW,EAAC,KAAK,EACjB,YAAY,EAAC,KAAK,EAClB,SAAS,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EACtC,UAAU,EAAE,oBAAC,QAAQ,QAAE,QAAQ,CAAC,KAAK,CAAY,EACjD,YAAY,EAAE,cAAM,OAAA,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAhC,CAAgC,EACpD,YAAY,EAAE,cAAM,OAAA,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAhC,CAAgC,GACpD,CACE,CACP,CAAC;IACJ,CAAC,EACD,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,0BAA0B,CAAC,CACjE,CAAC;IAEF,IAAM,qBAAqB,GAAG,KAAK,CAAC,WAAW,CAC7C,UAAC,QAAgB,EAAE,KAAa,EAAE,MAAoB;QACpD,OAAO,CACL;YACE,oBAAC,OAAO,IACN,SAAS,QACT,GAAG,EAAE,KAAK,EACV,eAAe,EAAE,EAAE,EACnB,aAAa,EAAE,IAAI,EACnB,kBAAkB,EAAE,IAAI,EACxB,WAAW;gBAEX,oBAAC,cAAc,QACZ,UAAU,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CACrB;gBACjB,oBAAC,cAAc,uBACI,QAAQ,EACzB,SAAS,EAAE,YAAY,CACrB,MAAM,CAAC,cAAc,CAEtB;oBAED,oBAAC,mBAAmB,IAAC,KAAK,EAAE,QAAQ,GAAI,CACzB,CACT,CACT,CACJ,CAAC;IACJ,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAC;IAEF,IAAI,CAAC,MAAM,IAAI,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAA;QAAE,OAAO,8CAAM,CAAC;IAE9C,OAAO,CACL;QACE,6BAAK,KAAK,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,cAAc,IACnE,MAAM,CAAC,GAAG,CAAC,UAAC,QAAQ,EAAE,KAAK;;YAC1B,IAAM,UAAU,GAAG,UAAU,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;YACxD,IAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;YAElD,IAAM,YAAY,GAAG,gBAAgB,CAAC,IAAI,EAAE;gBAC1C,KAAK,EAAE,UAAU;gBACjB,GAAG,EAAE,QAAQ;aACd,CAAC,CAAC;YAEH,IAAI,CAAC,YAAY;gBAAE,OAAO,IAAI,CAAC;YAC/B,IAAI,MAAM,GAA6B,SAAS,CAAC;YACjD,IAAI,QAAQ,CAAC,KAAK,EAAE;gBAClB,MAAM,GAAG,iBAAiB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;aAC5C;iBAAM;gBACL,MAAM,GAAG,cAAc,CAAC,QAAQ,CAAC,QAAS,CAAC,CAAC;aAC7C;YACD,IAAM,YAAY,GAAG,MAAA,QAAQ,CAAC,mBAAmB,yDAAG,QAAQ,CAAC,CAAC;YAC9D,6CAA6C;YAC7C,IAAI,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE;gBACtC,OAAO,KAAK,CAAC,YAAY,CAAC,YAAkC,EAAE;oBAC5D,SAAS,EAAE,YAAY,CACpB,YAAY,CAAC,KAAa,CAAC,SAAS,EACrC,MAAM,CAAC,SAAS,CACjB;iBACF,CAAC,CAAC;aACJ;YACD,OAAO,QAAQ,CAAC,cAAc;gBAC5B,CAAC,CAAC,qBAAqB,CAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC;gBAChD,CAAC,CAAC,UAAU,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;QAC1C,CAAC,CAAC,CACE,CACL,CACJ,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { ECalendarViews } from './models/ECalendarViews';
+export interface ISelectCalendarViewProps {
+    onSelected: (view: ECalendarViews) => void;
+    value?: ECalendarViews;
+}
+export declare const SelectCalendarView: React.FunctionComponent<ISelectCalendarViewProps>;
+//# sourceMappingURL=SelectCalendarView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectCalendarView.d.ts","sourceRoot":"","sources":["../../../src/controls/calendar/SelectCalendarView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqB/B,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAGzD,MAAM,WAAW,wBAAwB;IACvC,UAAU,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IAC3C,KAAK,CAAC,EAAE,cAAc,CAAC;CACxB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAAiB,CACtD,wBAAwB,CAgIzB,CAAC"}

package/lib/controls/calendar/SelectCalendarView.js

@@ -0,0 +1,69 @@
+import * as React from 'react';
+import { CalendarDayFilled, CalendarDayRegular, CalendarMonthFilled, CalendarMonthRegular, CalendarWorkWeekFilled, CalendarWorkWeekRegular, bundleIcon, } from '@fluentui/react-icons';
+import { Menu, MenuButton, MenuItemRadio, MenuList, MenuPopover, MenuTrigger, } from '@fluentui/react-components';
+import { ECalendarViews } from './models/ECalendarViews';
+import strings from 'ControlStrings';
+export var SelectCalendarView = function (props) {
+    var onSelected = props.onSelected, value = props.value;
+    // State for selected view
+    var _a = React.useState(value !== null && value !== void 0 ? value : ECalendarViews.Month), selectedView = _a[0], setSelectedView = _a[1];
+    var _b = React.useState({
+        view: [value !== null && value !== void 0 ? value : ECalendarViews.Month],
+    }), checkedValues = _b[0], setCheckedValues = _b[1];
+    var DayView = React.useMemo(function () { return bundleIcon(CalendarDayFilled, CalendarDayRegular); }, []);
+    var MonthView = React.useMemo(function () { return bundleIcon(CalendarMonthFilled, CalendarMonthRegular); }, []);
+    var WeekView = React.useMemo(function () { return bundleIcon(CalendarWorkWeekFilled, CalendarWorkWeekRegular); }, []);
+    React.useEffect(function () {
+        if (value !== undefined) {
+            setSelectedView(value);
+            setCheckedValues({ view: [value] });
+        }
+    }, [value]);
+    var _c = React.useState(false), open = _c[0], setOpen = _c[1];
+    var onOpenChange = React.useCallback(function (_e, data) {
+        setOpen(data.open);
+    }, []);
+    var viewIcon = React.useCallback(function () {
+        switch (selectedView) {
+            case ECalendarViews.Month:
+                return React.createElement(MonthView, null);
+            case ECalendarViews.Week:
+                return React.createElement(WeekView, null);
+            case ECalendarViews.Day:
+                return React.createElement(DayView, null);
+            default:
+                return React.createElement(MonthView, null);
+        }
+    }, [selectedView]);
+    var getViewLabel = React.useCallback(function (view) {
+        switch (view) {
+            case ECalendarViews.Month:
+                return strings.CalendarControlViewMonthLabel;
+            case ECalendarViews.Week:
+                return strings.CalendarControlViewWeekLabel;
+            case ECalendarViews.Day:
+                return strings.CalendarControlViewDayLabel;
+            default:
+                return strings.CalendarControlViewMonthLabel;
+        }
+    }, []);
+    var onCheckedValueChange = React.useCallback(function (_e, _a) {
+        var name = _a.name, checkedItems = _a.checkedItems;
+        if (name === 'view') {
+            var newView = checkedItems[0];
+            setSelectedView(newView);
+            setCheckedValues({ view: checkedItems });
+            onSelected(newView);
+        }
+    }, [onSelected]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Menu, { open: open, onOpenChange: onOpenChange },
+            React.createElement(MenuTrigger, { disableButtonEnhancement: true },
+                React.createElement(MenuButton, { shape: "circular", icon: viewIcon(), style: { minWidth: '150px' } }, getViewLabel(selectedView))),
+            React.createElement(MenuPopover, null,
+                React.createElement(MenuList, { onCheckedValueChange: onCheckedValueChange, checkedValues: checkedValues },
+                    React.createElement(MenuItemRadio, { icon: React.createElement(DayView, null), name: "view", value: ECalendarViews.Day }, strings.CalendarControlViewDayLabel),
+                    React.createElement(MenuItemRadio, { icon: React.createElement(WeekView, null), name: "view", value: ECalendarViews.Week }, strings.CalendarControlViewWeekLabel),
+                    React.createElement(MenuItemRadio, { icon: React.createElement(MonthView, null), name: "view", value: ECalendarViews.Month }, strings.CalendarControlViewMonthLabel))))));
+};
+//# sourceMappingURL=SelectCalendarView.js.map

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

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

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { ECalendarViews } from './models/ECalendarViews';
+interface ToolbarProps {
+    selectedView: ECalendarViews;
+    onSelectedView: (view: ECalendarViews) => void;
+    currentDate: Date;
+    setCurrentDate: (date: Date) => void;
+    onWeekChange: (date: Date) => void;
+    onMonthChange: (date: Date) => void;
+    onDayChange: (date: Date) => void;
+}
+export declare const Toolbar: React.FC<ToolbarProps>;
+export default Toolbar;
+//# sourceMappingURL=Toolbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/controls/calendar/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AASzD,UAAU,YAAY;IACpB,YAAY,EAAE,cAAc,CAAC;IAC7B,cAAc,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IAC/C,WAAW,EAAE,IAAI,CAAC;IAClB,cAAc,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACrC,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACpC,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA0J1C,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/controls/calendar/Toolbar.js

@@ -0,0 +1,81 @@
+import * as React from 'react';
+import { ArrowDownFilled, ArrowDownRegular, ArrowUpFilled, ArrowUpRegular, CalendarTodayRegular, bundleIcon, } from '@fluentui/react-icons';
+import { Button } from '@fluentui/react-button';
+import { ECalendarViews } from './models/ECalendarViews';
+import { SelectCalendarView } from './SelectCalendarView';
+import { SelectDay } from '@nuvemerudita/react-controls';
+import { SelectMonth } from '@nuvemerudita/react-controls';
+import { SelectWeek } from '@nuvemerudita/react-controls';
+import { Stack } from '@nuvemerudita/react-controls';
+import { Tooltip } from '@fluentui/react-tooltip';
+import strings from 'ControlStrings';
+export var Toolbar = React.memo(function (_a) {
+    var selectedView = _a.selectedView, onSelectedView = _a.onSelectedView, currentDate = _a.currentDate, setCurrentDate = _a.setCurrentDate, onWeekChange = _a.onWeekChange, onMonthChange = _a.onMonthChange, onDayChange = _a.onDayChange;
+    var ArrowDown = React.useMemo(function () { return bundleIcon(ArrowDownFilled, ArrowDownRegular); }, []);
+    var ArrowUp = React.useMemo(function () { return bundleIcon(ArrowUpFilled, ArrowUpRegular); }, []);
+    var onSelectWeek = React.useCallback(function (week) {
+        onWeekChange(week.startDate);
+        setCurrentDate(week.startDate);
+    }, [onWeekChange, setCurrentDate]);
+    var onSelectMonth = React.useCallback(function (month) {
+        onMonthChange(month);
+        setCurrentDate(month);
+    }, [onMonthChange, setCurrentDate]);
+    var onSelectDay = React.useCallback(function (day) {
+        onDayChange(day);
+        setCurrentDate(day);
+    }, [onDayChange, setCurrentDate]);
+    var RenderSelectView = React.useCallback(function () {
+        switch (selectedView) {
+            case ECalendarViews.Month:
+                return React.createElement(SelectMonth, { onSelected: onSelectMonth, value: currentDate });
+            case ECalendarViews.Week:
+                return React.createElement(SelectWeek, { onSelected: onSelectWeek, value: currentDate });
+            case ECalendarViews.Day:
+                return React.createElement(SelectDay, { onSelected: onSelectDay, value: currentDate });
+            default:
+                return React.createElement(SelectMonth, { onSelected: onSelectMonth, value: currentDate });
+        }
+    }, [selectedView, onSelectMonth, onSelectWeek, onSelectDay, currentDate]);
+    var RenderToday = React.useCallback(function () { return (React.createElement(Tooltip, { content: "Today", relationship: "label" },
+        React.createElement(Button, { shape: "circular", icon: React.createElement(CalendarTodayRegular, null), size: "medium", onClick: function () { return onDayChange(new Date()); } }, strings.CalendarControlTodayLabel))); }, [onDayChange]);
+    var handleNavigation = React.useCallback(function (offset) {
+        var newDate = new Date(currentDate);
+        switch (selectedView) {
+            case ECalendarViews.Month:
+                newDate.setMonth(newDate.getMonth() + offset);
+                onMonthChange(newDate);
+                break;
+            case ECalendarViews.Week:
+                newDate.setDate(newDate.getDate() + offset * 7);
+                onWeekChange(newDate);
+                break;
+            case ECalendarViews.Day:
+                newDate.setDate(newDate.getDate() + offset);
+                onDayChange(newDate);
+                break;
+            default:
+                break;
+        }
+        setCurrentDate(newDate);
+    }, [
+        currentDate,
+        selectedView,
+        onMonthChange,
+        onWeekChange,
+        onDayChange,
+        setCurrentDate,
+    ]);
+    return (React.createElement(Stack, { width: "calc(100% - 40px)", height: "fit-content", horizontal: true, horizontalAlign: "space-between", verticalAlign: "center", paddingLeft: "20px", paddingRight: "20px", paddingBottom: "10px", paddingTop: "10px", columnGap: 10, styles: { overflow: 'hidden' } },
+        React.createElement(Stack, { horizontal: true, horizontalAlign: "start", verticalAlign: "center", columnGap: 10 },
+            React.createElement(RenderToday, null),
+            React.createElement(RenderSelectView, null),
+            React.createElement(Tooltip, { content: strings.CalendarControlPreviousLabel, relationship: "label" },
+                React.createElement(Button, { size: "medium", icon: React.createElement(ArrowUp, { fontSize: 14 }), onClick: function () { return handleNavigation(-1); } })),
+            React.createElement(Tooltip, { content: strings.CalendarControlNextLabel, relationship: "label" },
+                React.createElement(Button, { size: "medium", icon: React.createElement(ArrowDown, { fontSize: 14 }), onClick: function () { return handleNavigation(1); } }))),
+        React.createElement(Stack, { horizontal: true, horizontalAlign: "start", verticalAlign: "center", columnGap: 10 },
+            React.createElement(SelectCalendarView, { onSelected: onSelectedView, value: selectedView }))));
+});
+export default Toolbar;
+//# sourceMappingURL=Toolbar.js.map

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

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

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { IEvent } from './models/IEvents';
+export interface IWeekViewProps {
+    events: IEvent[];
+    currentDay: Date;
+    height?: string | number;
+}
+export declare const WeekView: React.FC<IWeekViewProps>;
+export default WeekView;
+//# sourceMappingURL=WeekView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WeekView.d.ts","sourceRoot":"","sources":["../../../src/controls/calendar/WeekView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAO1C,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,UAAU,EAAE,IAAI,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAmL7C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/controls/calendar/WeekView.js

@@ -0,0 +1,115 @@
+import * as React from 'react';
+import { Body1, Body1Strong, Caption1Strong, Text, mergeClasses, } from '@fluentui/react-components';
+import { addDays, format, isToday, startOfWeek } from 'date-fns';
+import { useEffect, useRef, useState } from 'react';
+import { EventRenderer } from './EventRender';
+import { ResizeObserver } from '@juggle/resize-observer';
+import strings from 'ControlStrings';
+import { useCalendar } from './hooks/useCalendar';
+import { useUtils } from './hooks/useUtils';
+import { useWeekViewStyles } from './hooks/useWeekViewStyles';
+export var WeekView = function (props) {
+    var events = props.events, currentDay = props.currentDay, height = props.height;
+    var styles = useWeekViewStyles().styles;
+    var currentDate = useState(currentDay)[0];
+    var _a = useState(32), rowHeight = _a[0], setRowHeight = _a[1]; // Default row height
+    var calendarRef = useRef(null);
+    var _b = useUtils(), getSpanSlots = _b.getSpanSlots, getEventColors = _b.getEventColors, getCalendarColors = _b.getCalendarColors, formatDate = _b.formatDate;
+    var weekStart = startOfWeek(currentDate, { weekStartsOn: 0 });
+    var timeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+    var getWeekEvents = useCalendar(timeZone).getWeekEvents;
+    // Dynamic row height calculation using ResizeObserver
+    useEffect(function () {
+        var observer = new ResizeObserver(function () {
+            if (calendarRef.current) {
+                var firstRowCell = calendarRef.current.querySelector('.dayCell');
+                if (firstRowCell) {
+                    setRowHeight(firstRowCell.offsetHeight);
+                }
+            }
+        });
+        if (calendarRef.current) {
+            observer.observe(calendarRef.current);
+        }
+        return function () {
+            observer.disconnect();
+        };
+    }, []);
+    var renderTimeColumn = React.useCallback(function () {
+        return Array.from({ length: 24 }, function (_, hour) { return (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: styles.timeCell },
+                React.createElement(Body1Strong, null,
+                    " ",
+                    hour,
+                    ":00 ")),
+            React.createElement("div", { className: styles.timeCell }))); });
+    }, []);
+    var renderDayHeaders = React.useCallback(function () {
+        return (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: styles.blankHeader }),
+            Array.from({ length: 7 }, function (_, dayIndex) {
+                var day = addDays(weekStart, dayIndex);
+                var isTodayClass = isToday(day) ? styles.todayHeaderCell : '';
+                return (React.createElement("div", { key: dayIndex, className: mergeClasses(styles.dayHeaderCell, isTodayClass) },
+                    React.createElement(Text, { weight: "regular", size: 600, style: { paddingRight: 10 } }, formatDate(day.toISOString(), 'dd')),
+                    React.createElement(Body1, null, formatDate(day.toISOString(), 'EEE'))));
+            })));
+    }, [weekStart, styles]);
+    var renderFullDayEvents = React.useCallback(function () {
+        var weekEvents = getWeekEvents(events, weekStart.toISOString());
+        return (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: styles.fullDayLabel },
+                React.createElement(Body1, null, strings.CalendarControlFullDaylabel)),
+            Array.from({ length: 7 }, function (_, dayIndex) {
+                var weekDay = formatDate(addDays(weekStart, dayIndex).toISOString(), 'yyyy-MM-dd');
+                var dayEvents = weekEvents.find(function (day) { return day.date === weekDay; });
+                var fullDayEvents = (dayEvents === null || dayEvents === void 0 ? void 0 : dayEvents.fullDayEvents) || [];
+                return (React.createElement("div", { key: dayIndex, className: styles.fullDayCell }, fullDayEvents.map(function (event) { return (React.createElement("div", { key: event.id, className: styles.fullDayEvent, style: {
+                        gridColumn: "".concat(dayIndex + 2),
+                        backgroundColor: event.color
+                            ? getCalendarColors(event.color).backgroundColor
+                            : getEventColors(event.category).backgroundColor,
+                    } },
+                    React.createElement(Caption1Strong, { className: styles.eventTitle }, event.title))); })));
+            })));
+    }, [
+        weekStart,
+        styles,
+        getWeekEvents,
+        getCalendarColors,
+        getEventColors,
+        events,
+    ]);
+    var renderDayCells = React.useCallback(function () {
+        var weekEvents = getWeekEvents(events, weekStart.toISOString());
+        return Array.from({ length: 7 }, function (_, dayIndex) {
+            var weekDay = format(addDays(weekStart, dayIndex), 'yyyy-MM-dd');
+            var dayEvents = weekEvents.find(function (day) { return day.date === weekDay; });
+            return (React.createElement(React.Fragment, null, dayEvents === null || dayEvents === void 0 ? void 0 : dayEvents.timeSlots.map(function (timeSlot, slotIndex) {
+                var eventCount = timeSlot.events.length; // Total events in the slot
+                return (React.createElement("div", { key: slotIndex, className: styles.dayCell, style: {
+                        gridRow: slotIndex + 3, // Offset to account for header and full-day row
+                    } }, timeSlot.events.map(function (event, eventIndex) {
+                    var startDate = new Date(event.start);
+                    var endDate = new Date(event.end);
+                    // Calculate the start and end slots based on event times
+                    var _a = getSpanSlots(startDate, endDate), spanSlots = _a.spanSlots, startSlot = _a.startSlot;
+                    // Only render the event in its starting timeslot
+                    if (slotIndex === startSlot) {
+                        // Event Render
+                        return (React.createElement(EventRenderer, { key: event.id, event: event, eventCount: eventCount, spanSlots: spanSlots, rowHeight: rowHeight, eventIndex: eventIndex, view: "week" }));
+                    }
+                    return null; // Skip rendering for non-starting slots
+                })));
+            })));
+        });
+    }, [weekStart, styles, getWeekEvents, getSpanSlots, rowHeight, events]);
+    return (React.createElement("div", { className: styles.container, style: { height: height } },
+        React.createElement("div", { ref: calendarRef, className: styles.weekGrid },
+            React.createElement("div", { className: styles.timeColumn }, renderTimeColumn()),
+            renderDayHeaders(),
+            renderFullDayEvents(),
+            renderDayCells())));
+};
+export default WeekView;
+//# sourceMappingURL=WeekView.js.map

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

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

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

@@ -0,0 +1,17 @@
+import { IEvent } from '../models/IEvents';
+export interface TimeSlot {
+    time: string;
+    events: IEvent[];
+}
+export interface DayEvents {
+    date: string;
+    fullDayEvents: IEvent[];
+    timeSlots: TimeSlot[];
+}
+export interface IUseCalendar {
+    getMonthCalendar: (events: IEvent[], year: number, month: number) => Record<string, IEvent[]>;
+    getWeekEvents: (events: IEvent[], startDate: string) => DayEvents[];
+}
+export declare const useCalendar: (timezone: string) => IUseCalendar;
+export default useCalendar;
+//# sourceMappingURL=useCalendar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCalendar.d.ts","sourceRoot":"","sources":["../../../../src/controls/calendar/hooks/useCalendar.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAI3C,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB;AAED,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,SAAS,EAAE,QAAQ,EAAE,CAAC;CACvB;AAED,MAAM,WAAW,YAAY;IAC3B,gBAAgB,EAAE,CAChB,MAAM,EAAE,MAAM,EAAE,EAChB,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,KACV,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IAE9B,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,KAAK,SAAS,EAAE,CAAC;CACrE;AAED,eAAO,MAAM,WAAW,aAAc,MAAM,KAAG,YAoI9C,CAAC;AAEF,eAAe,WAAW,CAAC"}