@pnp/spfx-controls-react 3.24.0-beta.2252463 → 3.24.0-beta.2280641

package/lib-commonjs/controls/calendar/Calendar.js

@@ -0,0 +1,163 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Calendar = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var react_components_1 = require("@fluentui/react-components");
+var useCalendarStyles_1 = require("./hooks/useCalendarStyles");
+var date_fns_1 = require("date-fns");
+var react_1 = require("react");
+var Day_1 = require("./Day");
+var DayView_1 = tslib_1.__importDefault(require("./DayView"));
+var ECalendarViews_1 = require("./models/ECalendarViews");
+var resize_observer_1 = require("@juggle/resize-observer");
+var react_controls_1 = require("@nuvemerudita/react-controls");
+var Toolbar_1 = tslib_1.__importDefault(require("./Toolbar"));
+var WeekView_1 = tslib_1.__importDefault(require("./WeekView"));
+var ControlStrings_1 = tslib_1.__importDefault(require("ControlStrings"));
+var useCalendar_1 = require("./hooks/useCalendar");
+var daysOfWeek = [
+    ControlStrings_1.default.CalendarControlDayOfWeekSunday,
+    ControlStrings_1.default.CalendarControlDayOfWeekMonday,
+    ControlStrings_1.default.CalendarControlDayOfWeekTuesday,
+    ControlStrings_1.default.CalendarControlDayOfWeekWednesday,
+    ControlStrings_1.default.CalendarControlDayOfWeekThursday,
+    ControlStrings_1.default.CalendarControlDayOfWeekFriday,
+    ControlStrings_1.default.CalendarControlDayOfWeekSaturday,
+];
+var RenderMonthView = React.memo(function (_a) {
+    var currentDate = _a.currentDate, rowHeight = _a.rowHeight, getCalendarDays = _a.getCalendarDays, getEventsForDay = _a.getEventsForDay, styles = _a.styles, onDaySlotClick = _a.onDaySlotClick, height = _a.height, calendarRef = _a.calendarRef;
+    return (React.createElement(react_controls_1.Stack, { height: height, width: "100%", verticalAlign: "start", horizontalAlign: "start" },
+        React.createElement("div", { className: styles.calendarWrapper, ref: calendarRef },
+            daysOfWeek.map(function (day) { return (React.createElement(react_components_1.Body1, { key: day, className: styles.dayHeader }, day)); }),
+            getCalendarDays(currentDate).map(function (dateObj, index) {
+                var day = dateObj.day, currentMonth = dateObj.currentMonth;
+                var dayEvents = currentMonth ? getEventsForDay(dateObj) : [];
+                return (React.createElement(Day_1.Day, { key: index, day: day, date: dateObj.date, currentMonth: dateObj.currentMonth, events: dayEvents, columnHeight: rowHeight || 0, onDayClick: onDaySlotClick }));
+            }))));
+});
+var RenderWeekView = React.memo(function (_a) {
+    var events = _a.events, currentDay = _a.currentDay, height = _a.height;
+    return React.createElement(WeekView_1.default, { events: events, currentDay: currentDay, height: height });
+});
+var RenderDayView = React.memo(function (_a) {
+    var events = _a.events, currentDay = _a.currentDay, height = _a.height;
+    return React.createElement(DayView_1.default, { currentDay: currentDay, events: events, height: height });
+});
+var Calendar = function (_a) {
+    var events = _a.events, _b = _a.height, height = _b === void 0 ? 800 : _b, theme = _a.theme, onDayChange = _a.onDayChange, onMonthChange = _a.onMonthChange, onWeekChange = _a.onWeekChange, onViewChange = _a.onViewChange, onDaySlotClick = _a.onDaySlotClick, defaultView = _a.defaultView;
+    var styles = (0, useCalendarStyles_1.useCalendarStyles)().styles;
+    var calendarRef = (0, react_1.useRef)(null);
+    var _c = (0, react_1.useState)(null), rowHeight = _c[0], setRowHeight = _c[1];
+    var totalDisplayedDays = 42;
+    var rowHeightRef = (0, react_1.useRef)(0);
+    // Default current date
+    var _d = (0, react_1.useState)(new Date()), currentDate = _d[0], setCurrentDate = _d[1];
+    // Default view
+    var _e = (0, react_1.useState)(defaultView !== null && defaultView !== void 0 ? defaultView : ECalendarViews_1.ECalendarViews.Month), selectedView = _e[0], setSelectedView = _e[1];
+    var getMonthCalendar = (0, useCalendar_1.useCalendar)(Intl.DateTimeFormat().resolvedOptions().timeZone).getMonthCalendar;
+    var getCalendarDays = React.useCallback(function (date) {
+        var month = date.getMonth();
+        var firstDayOfMonth = (0, date_fns_1.startOfMonth)(date);
+        var firstDayOfWeek = (0, date_fns_1.startOfWeek)(firstDayOfMonth);
+        var calendarDays = Array.from({ length: totalDisplayedDays }, function (_, index) {
+            var relativeDay = (0, date_fns_1.addDays)(firstDayOfWeek, index);
+            return {
+                day: relativeDay.getDate(),
+                currentMonth: relativeDay.getMonth() === month,
+                date: relativeDay,
+            };
+        });
+        return calendarDays;
+    }, []);
+    var handleMonthChange = React.useCallback(function (date) {
+        if (onMonthChange) {
+            onMonthChange(date);
+        }
+        setCurrentDate(date);
+    }, [onMonthChange]);
+    var handleDayChange = React.useCallback(function (date) {
+        if (onDayChange) {
+            onDayChange(date);
+        }
+        setCurrentDate(date);
+    }, [onDayChange]);
+    var handleWeekChange = React.useCallback(function (date) {
+        if (onWeekChange) {
+            onWeekChange(date);
+        }
+        setCurrentDate(date);
+    }, [onWeekChange]);
+    var handleViewChange = React.useCallback(function (view) {
+        if (onViewChange) {
+            onViewChange(view);
+        }
+        setSelectedView(view);
+    }, [onViewChange]);
+    var getEventsForDay = React.useCallback(function (dateObj) {
+        var _a;
+        var date = dateObj.date;
+        var monthEvents = getMonthCalendar(events, currentDate.getFullYear(), currentDate.getMonth());
+        var dayString = (0, date_fns_1.format)(date, 'yyyy-MM-dd');
+        var dayEvents = ((_a = monthEvents[dayString]) === null || _a === void 0 ? void 0 : _a.flatMap(function (slot) { return slot; })) || [];
+        return dayEvents;
+    }, [currentDate, events]);
+    (0, react_1.useEffect)(function () {
+        var handleResize = function () {
+            if (calendarRef.current) {
+                requestAnimationFrame(function () {
+                    if (calendarRef.current) {
+                        var firstDataColumnCell = calendarRef.current.querySelector(".".concat(styles.calendarWrapper, " > div:nth-child(8)"));
+                        if (firstDataColumnCell) {
+                            setRowHeight(firstDataColumnCell.offsetHeight);
+                            rowHeightRef.current = firstDataColumnCell.offsetHeight;
+                        }
+                    }
+                });
+            }
+        };
+        var observer = new resize_observer_1.ResizeObserver(handleResize);
+        if (calendarRef.current) {
+            observer.observe(calendarRef.current);
+        }
+        handleResize();
+        window.addEventListener('resize', handleResize);
+        return function () {
+            observer.disconnect();
+            window.removeEventListener('resize', handleResize);
+        };
+    }, [styles.calendarWrapper]);
+    (0, react_1.useEffect)(function () {
+        setSelectedView(defaultView !== null && defaultView !== void 0 ? defaultView : ECalendarViews_1.ECalendarViews.Month);
+    }, [defaultView]);
+    var RenderContent = React.useCallback(function () {
+        switch (selectedView) {
+            case ECalendarViews_1.ECalendarViews.Month:
+                return (React.createElement(RenderMonthView, { events: events, currentDate: currentDate, rowHeight: rowHeight, getCalendarDays: getCalendarDays, getEventsForDay: getEventsForDay, styles: styles, onDaySlotClick: onDaySlotClick, height: height, calendarRef: calendarRef }));
+            case ECalendarViews_1.ECalendarViews.Week:
+                return (React.createElement(RenderWeekView, { events: events, currentDay: currentDate, height: height }));
+            case ECalendarViews_1.ECalendarViews.Day:
+                return (React.createElement(RenderDayView, { events: events, currentDay: currentDate, height: height }));
+            default:
+                return (React.createElement(RenderMonthView, { events: events, currentDate: currentDate, rowHeight: rowHeight, getCalendarDays: getCalendarDays, getEventsForDay: getEventsForDay, styles: styles, onDaySlotClick: onDaySlotClick, height: height, calendarRef: calendarRef }));
+        }
+    }, [
+        selectedView,
+        events,
+        currentDate,
+        rowHeight,
+        getCalendarDays,
+        getEventsForDay,
+        styles,
+        onDaySlotClick,
+        height,
+    ]);
+    return (React.createElement(react_components_1.IdPrefixProvider, { value: "calendarControl-" },
+        React.createElement(react_components_1.FluentProvider, { theme: theme !== null && theme !== void 0 ? theme : react_components_1.webLightTheme },
+            React.createElement(react_controls_1.Stack, { height: "100%", verticalAlign: "start" },
+                React.createElement(Toolbar_1.default, { selectedView: selectedView, onSelectedView: handleViewChange, currentDate: currentDate, setCurrentDate: setCurrentDate, onWeekChange: handleWeekChange, onMonthChange: handleMonthChange, onDayChange: handleDayChange }),
+                React.createElement(RenderContent, null)))));
+};
+exports.Calendar = Calendar;
+exports.default = exports.Calendar;
+//# sourceMappingURL=Calendar.js.map

package/lib-commonjs/controls/calendar/Calendar.js.map

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

package/lib-commonjs/controls/calendar/Day.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Day = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var react_components_1 = require("@fluentui/react-components");
+var react_controls_1 = require("@nuvemerudita/react-controls");
+var RenderEventToDayOfMonth_1 = require("./RenderEventToDayOfMonth");
+var react_controls_2 = require("@nuvemerudita/react-controls");
+var date_fns_1 = require("date-fns");
+var useCalendarStyles_1 = require("./hooks/useCalendarStyles");
+var Day = function (props) {
+    var day = props.day, currentMonth = props.currentMonth, events = props.events, date = props.date, columnHeight = props.columnHeight, onDayClick = props.onDayClick;
+    var styles = (0, useCalendarStyles_1.useCalendarStyles)().styles;
+    var currentDate = new Date();
+    var _a = React.useState(false), isEventHovered = _a[0], setIsEventHovered = _a[1];
+    var isCurrentDayAndMonth = React.useMemo(function () {
+        return (0, date_fns_1.isSameDay)(date, currentDate);
+    }, [date, currentDate]);
+    var renderCurrentDayLabel = React.useMemo(function () {
+        return (React.createElement(react_controls_2.Stack, { horizontal: true, horizontalAlign: "start", verticalAlign: "center", paddingLeft: 'm', paddingRight: 'm' },
+            React.createElement(react_components_1.Body2, { className: styles.currentDayLabel },
+                day,
+                " ",
+                currentDate.toLocaleString('default', { month: 'short' }))));
+    }, [day]);
+    var handleCardHoverChange = React.useCallback(function (isHovered) {
+        setIsEventHovered(isHovered);
+    }, []);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(react_controls_1.Card, { onClick: onDayClick ? function () { return onDayClick(date); } : undefined, className: (0, react_components_1.mergeClasses)(styles.cardDay, currentMonth ? '' : styles.otherMonthDay, isCurrentDayAndMonth ? styles.currentDay : '', !isEventHovered ? styles.cardDayOnHover : ''), cardHeader: isCurrentDayAndMonth ? (renderCurrentDayLabel) : (React.createElement(react_controls_2.Stack, { horizontal: true, paddingLeft: 'm', paddingRight: 'm' },
+                React.createElement(react_components_1.Body2, null, day))), paddingTop: "m", paddingBottom: "m", paddingLeft: "0px", paddingRight: "0px", cardBody: React.createElement(RenderEventToDayOfMonth_1.RenderEventToDayOfMonth, { events: events, date: date, onCardHoverChange: handleCardHoverChange, columnHeight: columnHeight - 60 }) })));
+};
+exports.Day = Day;
+//# sourceMappingURL=Day.js.map

package/lib-commonjs/controls/calendar/Day.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Day.js","sourceRoot":"","sources":["../../../src/controls/calendar/Day.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAE/B,+DAAiE;AAEjE,+DAAqD;AAErD,qEAAoE;AACpE,+DAAsD;AACtD,qCAAqC;AACrC,+DAA8D;AAWvD,IAAM,GAAG,GAAuC,UACrD,KAAyC;IAEjC,IAAA,GAAG,GAA2D,KAAK,IAAhE,EAAE,YAAY,GAA6C,KAAK,aAAlD,EAAE,MAAM,GAAqC,KAAK,OAA1C,EAAE,IAAI,GAA+B,KAAK,KAApC,EAAE,YAAY,GAAiB,KAAK,aAAtB,EAAE,UAAU,GAAK,KAAK,WAAV,CAAW;IACpE,IAAA,MAAM,GAAK,IAAA,qCAAiB,GAAE,OAAxB,CAAyB;IACvC,IAAM,WAAW,GAAG,IAAI,IAAI,EAAE,CAAC;IACzB,IAAA,KAAsC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA1D,cAAc,QAAA,EAAE,iBAAiB,QAAyB,CAAC;IAElE,IAAM,oBAAoB,GAAG,KAAK,CAAC,OAAO,CAAC;QACzC,OAAO,IAAA,oBAAS,EAAC,IAAI,EAAE,WAAW,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC;IAExB,IAAM,qBAAqB,GAAG,KAAK,CAAC,OAAO,CAAC;QAC1C,OAAO,CACL,oBAAC,sBAAK,IACJ,UAAU,QACV,eAAe,EAAC,OAAO,EACvB,aAAa,EAAC,QAAQ,EACtB,WAAW,EAAE,GAAG,EAChB,YAAY,EAAE,GAAG;YAEjB,oBAAC,wBAAK,IAAC,SAAS,EAAE,MAAM,CAAC,eAAe;gBACrC,GAAG;;gBAAG,WAAW,CAAC,cAAc,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAC1D,CACF,CACT,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,IAAM,qBAAqB,GAAG,KAAK,CAAC,WAAW,CAC7C,UAAC,SAAkB;QACjB,iBAAiB,CAAC,SAAS,CAAC,CAAC;IAC/B,CAAC,EACD,EAAE,CACH,CAAC;IAEF,OAAO,CACL;QACE,oBAAC,qBAAI,IACH,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,cAAM,OAAA,UAAU,CAAC,IAAI,CAAC,EAAhB,CAAgB,CAAC,CAAC,CAAC,SAAS,EACxD,SAAS,EAAE,IAAA,+BAAY,EACrB,MAAM,CAAC,OAAO,EACd,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,EACxC,oBAAoB,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAC7C,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAC7C,EACD,UAAU,EACR,oBAAoB,CAAC,CAAC,CAAC,CACrB,qBAAqB,CACtB,CAAC,CAAC,CAAC,CACF,oBAAC,sBAAK,IAAC,UAAU,QAAC,WAAW,EAAE,GAAG,EAAE,YAAY,EAAE,GAAG;gBACnD,oBAAC,wBAAK,QAAE,GAAG,CAAS,CACd,CACT,EAEH,UAAU,EAAC,GAAG,EACd,aAAa,EAAC,GAAG,EACjB,WAAW,EAAC,KAAK,EACjB,YAAY,EAAC,KAAK,EAClB,QAAQ,EACN,oBAAC,iDAAuB,IACtB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,iBAAiB,EAAE,qBAAqB,EACxC,YAAY,EAAE,YAAY,GAAG,EAAE,GAC/B,GAEJ,CACD,CACJ,CAAC;AACJ,CAAC,CAAC;AArEW,QAAA,GAAG,OAqEd"}

package/lib-commonjs/controls/calendar/DayView.js

@@ -0,0 +1,108 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DayView = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var react_components_1 = require("@fluentui/react-components");
+var date_fns_1 = require("date-fns");
+var EventRender_1 = require("./EventRender");
+var useCalendar_1 = require("./hooks/useCalendar");
+var useDayViewStyles_1 = require("./hooks/useDayViewStyles");
+var react_1 = require("react");
+var useUtils_1 = require("./hooks/useUtils");
+var ROW_HEIGHT = 33;
+var DayView = function (props) {
+    var events = props.events, currentDay = props.currentDay, height = props.height;
+    var styles = (0, useDayViewStyles_1.useDayViewStyles)().styles;
+    var calendarRef = (0, react_1.useRef)(null);
+    var _a = (0, useUtils_1.useUtils)(), getSpanSlots = _a.getSpanSlots, getEventColors = _a.getEventColors, getCalendarColors = _a.getCalendarColors;
+    var timeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+    var getWeekEvents = (0, useCalendar_1.useCalendar)(timeZone).getWeekEvents;
+    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(react_components_1.Body1Strong, null,
+                    " ",
+                    hour,
+                    ":00 ")),
+            React.createElement("div", { className: styles.timeCell }))); });
+    }, [styles.timeCell]);
+    var renderDayHeaders = React.useCallback(function () {
+        return (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: styles.blankHeader }),
+            Array.from({ length: 1 }, function (_, dayIndex) {
+                var day = (0, date_fns_1.addDays)(currentDay, dayIndex);
+                var isTodayClass = (0, date_fns_1.isToday)(day) ? styles.todayHeaderCell : '';
+                return (React.createElement("div", { key: dayIndex, className: (0, react_components_1.mergeClasses)(styles.dayHeaderCell, isTodayClass) },
+                    React.createElement(react_components_1.Text, { weight: "semibold", size: 600, style: { paddingRight: 10 } }, (0, date_fns_1.format)(day, 'dd')),
+                    React.createElement(react_components_1.Subtitle1, null, (0, date_fns_1.format)(day, 'LLLL, yyyy'))));
+            })));
+    }, [
+        currentDay,
+        styles.blankHeader,
+        styles.dayHeaderCell,
+        styles.todayHeaderCell,
+    ]);
+    var renderFullDayEvents = React.useCallback(function () {
+        var weekEvents = getWeekEvents(events, currentDay.toISOString());
+        return (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: styles.fullDayLabel },
+                React.createElement(react_components_1.Body1, null, "All Day")),
+            Array.from({ length: 1 }, function (_, dayIndex) {
+                var weekDay = (0, date_fns_1.format)((0, date_fns_1.addDays)(currentDay, dayIndex), '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), // Position event in the correct day column
+                        backgroundColor: event.color
+                            ? getCalendarColors(event.color).backgroundColor
+                            : getEventColors(event.category).backgroundColor,
+                    } },
+                    React.createElement(react_components_1.Caption1Strong, { className: styles.eventTitle }, event.title))); })));
+            })));
+    }, [
+        currentDay,
+        getWeekEvents,
+        styles.fullDayCell,
+        styles.fullDayEvent,
+        styles.fullDayLabel,
+        styles.eventTitle,
+        getCalendarColors,
+        getEventColors,
+    ]);
+    // Render the events for the current day
+    var renderDayCells = React.useCallback(function () {
+        var weekEvents = getWeekEvents(events, currentDay.toISOString());
+        // Render the events for the current day
+        return Array.from({ length: 1 }, function (_, dayIndex) {
+            var weekDay = (0, date_fns_1.format)((0, date_fns_1.addDays)(currentDay, 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(EventRender_1.EventRenderer, { key: event.id, event: event, eventCount: eventCount, spanSlots: spanSlots, rowHeight: ROW_HEIGHT, eventIndex: eventIndex, view: "day" }));
+                    }
+                    return null; // Skip rendering for non-starting slots
+                })));
+            })));
+        });
+    }, [currentDay, getSpanSlots, getWeekEvents, styles.dayCell]);
+    return (React.createElement("div", { className: styles.container, style: { height: height } },
+        React.createElement("div", { ref: calendarRef, className: styles.dayGrid },
+            React.createElement("div", { className: styles.timeColumn }, renderTimeColumn()),
+            renderDayHeaders(),
+            renderFullDayEvents(),
+            renderDayCells())));
+};
+exports.DayView = DayView;
+exports.default = exports.DayView;
+//# sourceMappingURL=DayView.js.map

package/lib-commonjs/controls/calendar/DayView.js.map

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

package/lib-commonjs/controls/calendar/EventDetailsPopover.js

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EventDetailsPopover = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var react_components_1 = require("@fluentui/react-components");
+var react_controls_1 = require("@nuvemerudita/react-controls");
+var css_1 = require("@emotion/css");
+var ControlStrings_1 = tslib_1.__importDefault(require("ControlStrings"));
+var useUtils_1 = require("./hooks/useUtils");
+var PADDING_LEFT = '32px';
+var useStyles = function () {
+    var styles = {
+        banner: (0, css_1.css)({
+            display: 'flex',
+            justifyContent: 'center',
+            alignContent: 'center',
+            alignItems: 'center',
+            padding: "5px 10px 0px 10px",
+        }),
+        fieldContainer: (0, css_1.css)({
+            paddingLeft: PADDING_LEFT,
+        }),
+    };
+    return { styles: styles };
+};
+var RenderProperty = function (_a) {
+    var fieldLabel = _a.fieldLabel, fieldValue = _a.fieldValue, icon = _a.icon;
+    return (React.createElement(react_controls_1.Stack, null,
+        React.createElement(react_controls_1.RenderLabel, { label: fieldLabel, icon: icon }),
+        React.createElement(react_controls_1.Stack, { paddingLeft: PADDING_LEFT },
+            React.createElement(react_components_1.Body1, null, fieldValue))));
+};
+var EventDetailsPopover = function (props) {
+    var event = props.event;
+    var title = event.title, start = event.start, end = event.end, location = event.location, category = event.category, attendees = event.attendees, webLink = event.webLink;
+    var styles = useStyles().styles;
+    var formatDate = (0, useUtils_1.useUtils)().formatDate;
+    var formatedStartDate = formatDate(start, 'PPp');
+    var formatedEndDate = formatDate(end, 'PPp');
+    var partitionedItems = (0, react_components_1.partitionAvatarGroupItems)({
+        items: (attendees === null || attendees === void 0 ? void 0 : attendees.map(function (attendee) { return attendee.id; })) || [],
+    });
+    var getAttendee = React.useCallback(function (id) {
+        return (attendees === null || attendees === void 0 ? void 0 : attendees.find(function (attendee) { return attendee.id === id; })) || undefined;
+    }, [attendees]);
+    var RenderAttendees = React.useCallback(function () {
+        return (React.createElement(react_controls_1.Stack, null,
+            React.createElement(react_controls_1.RenderLabel, { label: ControlStrings_1.default.CalendarControlAttendeessLabel, icon: 'ph:users-three' }),
+            React.createElement(react_controls_1.Stack, { paddingLeft: PADDING_LEFT },
+                React.createElement(react_components_1.AvatarGroup, { layout: "stack" },
+                    partitionedItems.inlineItems.map(function (id) {
+                        var _a, _b;
+                        return (React.createElement(react_components_1.AvatarGroupItem, { name: (_a = getAttendee(id)) === null || _a === void 0 ? void 0 : _a.name, key: id, image: { src: (_b = getAttendee(id)) === null || _b === void 0 ? void 0 : _b.imageUrl } }));
+                    }),
+                    partitionedItems.overflowItems && (React.createElement(react_components_1.AvatarGroupPopover, null, partitionedItems.overflowItems.map(function (id) {
+                        var _a, _b;
+                        return (React.createElement(react_components_1.AvatarGroupItem, { name: (_a = getAttendee(id)) === null || _a === void 0 ? void 0 : _a.name, key: id, image: { src: (_b = getAttendee(id)) === null || _b === void 0 ? void 0 : _b.imageUrl } }));
+                    })))))));
+    }, [partitionedItems]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(react_controls_1.Card, { appearance: "subtle", padding: "m", paddingTop: 's', width: "250px", cardBody: React.createElement(react_controls_1.Stack, { RowGap: 10 },
+                React.createElement("div", { className: styles.banner },
+                    React.createElement(react_components_1.Subtitle1, null, title)),
+                React.createElement(react_components_1.Divider, null),
+                category && (React.createElement(react_controls_1.Stack, { horizontal: true, horizontalAlign: "end", width: '100%' },
+                    React.createElement(react_components_1.Badge, { appearance: "filled" }, category))),
+                React.createElement(RenderProperty, { fieldLabel: "Start", fieldValue: formatedStartDate, icon: 'mingcute:time-line' }),
+                React.createElement(RenderProperty, { fieldLabel: "End", fieldValue: formatedEndDate, icon: 'mingcute:time-line' }),
+                React.createElement(RenderProperty, { fieldLabel: "Location", fieldValue: location, icon: 'mingcute:location-line' }),
+                React.createElement(RenderAttendees, null)), cardFooterContent: React.createElement(react_controls_1.Stack, { horizontal: true, horizontalAlign: "end", width: "100%" },
+                React.createElement(react_components_1.Button, { appearance: "subtle", onClick: function () {
+                        window.open(webLink, '_blank');
+                    } }, ControlStrings_1.default.CalendarControlDetailsLabel)) })));
+};
+exports.EventDetailsPopover = EventDetailsPopover;
+//# sourceMappingURL=EventDetailsPopover.js.map

package/lib-commonjs/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-commonjs/controls/calendar/EventPopoverCard.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EventPopoverCard = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var react_components_1 = require("@fluentui/react-components");
+var EventDetailsPopover_1 = require("./EventDetailsPopover");
+var react_controls_1 = require("@nuvemerudita/react-controls");
+var useUtils_1 = require("./hooks/useUtils");
+var useWeekViewStyles_1 = require("./hooks/useWeekViewStyles");
+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 = (0, react_components_1.useId)();
+    var _b = (0, useWeekViewStyles_1.useWeekViewStyles)(), styles = _b.styles, applyEventHouverColorClass = _b.applyEventHouverColorClass, appyDynamicStyles = _b.appyDynamicStyles;
+    var cardRef = React.useRef(null);
+    var formatDate = (0, useUtils_1.useUtils)().formatDate;
+    var cardContent = React.useMemo(function () { return (React.createElement("div", null,
+        React.createElement(react_controls_1.Stack, { columnGap: 4, verticalAlign: "center" },
+            React.createElement(react_components_1.Caption1Strong, { className: styles.eventTitle }, event.title),
+            React.createElement(react_controls_1.Stack, { columnGap: 4, horizontal: true, verticalAlign: "center", horizontalAlign: "start" },
+                React.createElement(react_components_1.Caption1, null,
+                    formatDate(event.start, "HH:mm"),
+                    "H"),
+                " - ",
+                React.createElement(react_components_1.Caption1, null,
+                    formatDate(event.end, "HH:mm"),
+                    "H"))))); }, [event]);
+    return (React.createElement(react_components_1.Card, { ref: cardRef, key: event.id, className: (0, react_components_1.mergeClasses)(styles.eventCard, applyEventHouverColorClass(colors.backgroundColor, colors.backgroundColor), appyDynamicStyles(eventIndex, eventCount, rowHeight, spanSlots)) }, event.enableOnHover ? (React.createElement(react_components_1.Popover, { withArrow: true, mouseLeaveDelay: 50, closeOnScroll: true, closeOnIframeFocus: true, openOnHover: true },
+        React.createElement(react_components_1.PopoverTrigger, null, cardContent),
+        React.createElement(react_components_1.PopoverSurface, { "aria-labelledby": headerId, className: (0, react_components_1.mergeClasses)(styles.popoverContent) },
+            React.createElement(EventDetailsPopover_1.EventDetailsPopover, { event: event })))) : (cardContent)));
+};
+exports.EventPopoverCard = EventPopoverCard;
+//# sourceMappingURL=EventPopoverCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EventPopoverCard.js","sourceRoot":"","sources":["../../../src/controls/calendar/EventPopoverCard.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAE/B,+DASoC;AAEpC,6DAA4D;AAE5D,+DAAqD;AACrD,6CAA4C;AAC5C,+DAA8D;AAWvD,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,IAAA,wBAAK,GAAE,CAAC;IACnB,IAAA,KACJ,IAAA,qCAAiB,GAAE,EADb,MAAM,YAAA,EAAE,0BAA0B,gCAAA,EAAE,iBAAiB,uBACxC,CAAC;IACtB,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC3C,IAAA,UAAU,GAAK,IAAA,mBAAQ,GAAE,WAAf,CAAgB;IAElC,IAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAC/B,cAAM,OAAA,CACJ;QACE,oBAAC,sBAAK,IAAC,SAAS,EAAE,CAAC,EAAE,aAAa,EAAC,QAAQ;YACzC,oBAAC,iCAAc,IAAC,SAAS,EAAE,MAAM,CAAC,UAAU,IACzC,KAAK,CAAC,KAAK,CACG;YACjB,oBAAC,sBAAK,IACJ,SAAS,EAAE,CAAC,EACZ,UAAU,QACV,aAAa,EAAC,QAAQ,EACtB,eAAe,EAAC,OAAO;gBAEvB,oBAAC,2BAAQ;oBAAE,UAAU,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC;wBAAa;gBACvD,KAAK;gBACN,oBAAC,2BAAQ;oBAAE,UAAU,CAAC,KAAK,CAAC,GAAG,EAAE,OAAO,CAAC;wBAAa,CAChD,CACF,CACJ,CACP,EAlBK,CAkBL,EACD,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,OAAO,CACL,oBAAC,uBAAI,IACH,GAAG,EAAE,OAAO,EACZ,GAAG,EAAE,KAAK,CAAC,EAAE,EACb,SAAS,EAAE,IAAA,+BAAY,EACrB,MAAM,CAAC,SAAS,EAChB,0BAA0B,CACxB,MAAM,CAAC,eAAe,EACtB,MAAM,CAAC,eAAe,CACvB,EACD,iBAAiB,CAAC,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,CAAC,CAChE,IAEA,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CACrB,oBAAC,0BAAO,IACN,SAAS,QACT,eAAe,EAAE,EAAE,EACnB,aAAa,EAAE,IAAI,EACnB,kBAAkB,EAAE,IAAI,EACxB,WAAW;QAEX,oBAAC,iCAAc,QAAE,WAAW,CAAkB;QAC9C,oBAAC,iCAAc,uBACI,QAAQ,EACzB,SAAS,EAAE,IAAA,+BAAY,EAAC,MAAM,CAAC,cAAc,CAAC;YAE9C,oBAAC,yCAAmB,IAAC,KAAK,EAAE,KAAK,GAAI,CACtB,CACT,CACX,CAAC,CAAC,CAAC,CACF,WAAW,CACZ,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAvEW,QAAA,gBAAgB,oBAuE3B"}

package/lib-commonjs/controls/calendar/EventRender.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EventRenderer = void 0;
+var tslib_1 = require("tslib");
+/* eslint-disable @typescript-eslint/no-explicit-any */
+var React = tslib_1.__importStar(require("react"));
+var EventPopoverCard_1 = require("./EventPopoverCard");
+var react_components_1 = require("@fluentui/react-components");
+var useUtils_1 = require("./hooks/useUtils");
+var useWeekViewStyles_1 = require("./hooks/useWeekViewStyles");
+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 = (0, useWeekViewStyles_1.useWeekViewStyles)(), styles = _d.styles, appyDynamicStyles = _d.appyDynamicStyles;
+    var getEventColors = (0, useUtils_1.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: (0, react_components_1.mergeClasses)(customOnRenderEvent.props.className, styles.eventCard, appyDynamicStyles(eventIndex, eventCount, rowHeight, spanSlots)),
+            style: tslib_1.__assign({}, customOnRenderEvent.props.style),
+        });
+    }
+    // Return  default card
+    return (React.createElement(EventPopoverCard_1.EventPopoverCard, { key: event.id, event: event, colors: colors, spanSlots: spanSlots, rowHeight: rowHeight, eventIndex: eventIndex, eventCount: eventCount }));
+};
+exports.EventRenderer = EventRenderer;
+//# sourceMappingURL=EventRender.js.map

package/lib-commonjs/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,mDAA+B;AAE/B,uDAAsD;AAEtD,+DAA0D;AAC1D,6CAA4C;AAC5C,+DAA8D;AAWvD,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,IAAA,qCAAiB,GAAE,EAAjD,MAAM,YAAA,EAAE,iBAAiB,uBAAwB,CAAC;IAClD,IAAA,cAAc,GAAK,IAAA,mBAAQ,GAAE,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,CAAC;QAC9C,OAAO,KAAK,CAAC,YAAY,CAAC,mBAAyC,EAAE;YACnE,KAAK,OAAA;YACL,SAAS,EAAE,IAAA,+BAAY,EACpB,mBAAmB,CAAC,KAAa,CAAC,SAAS,EAC5C,MAAM,CAAC,SAAS,EAChB,iBAAiB,CAAC,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,CAAC,CAChE;YACD,KAAK,uBACC,mBAAmB,CAAC,KAAa,CAAC,KAAK,CAC5C;SACF,CAAC,CAAC;IACL,CAAC;IAED,uBAAuB;IACvB,OAAO,CACL,oBAAC,mCAAgB,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;AA5CW,QAAA,aAAa,iBA4CxB"}

package/lib-commonjs/controls/calendar/RenderEventToDayOfMonth.js

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RenderEventToDayOfMonth = void 0;
+var tslib_1 = require("tslib");
+/* eslint-disable @typescript-eslint/explicit-function-return-type */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+var React = tslib_1.__importStar(require("react"));
+var react_components_1 = require("@fluentui/react-components");
+var date_fns_1 = require("date-fns");
+var react_controls_1 = require("@nuvemerudita/react-controls");
+var EventDetailsPopover_1 = require("./EventDetailsPopover");
+var useCalendarStyles_1 = require("./hooks/useCalendarStyles");
+var useUtils_1 = require("./hooks/useUtils");
+var RenderEventToDayOfMonth = function (props) {
+    var headerId = (0, react_components_1.useId)();
+    var events = props.events, date = props.date, onCardHoverChange = props.onCardHoverChange, columnHeight = props.columnHeight;
+    var _a = (0, useCalendarStyles_1.useCalendarStyles)(), styles = _a.styles, applyEventHouverColorClass = _a.applyEventHouverColorClass;
+    var positioningRef = React.useRef(null);
+    var _b = (0, useUtils_1.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(react_controls_1.Card, { key: index, className: (0, react_components_1.mergeClasses)(styles.eventCard, applyEventHouverColorClass(colors.backgroundColor, colors.backgroundColor)), paddingTop: "4px", paddingBottom: "4px", paddingLeft: "8px", paddingRight: "8px", marginTop: index === 0 ? "0px" : "5px", cardHeader: React.createElement(react_components_1.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(react_components_1.Popover, { withArrow: true, key: index, mouseLeaveDelay: 30, closeOnScroll: true, closeOnIframeFocus: true, openOnHover: true },
+                React.createElement(react_components_1.PopoverTrigger, null, renderCard(index, calEvent, colors)),
+                React.createElement(react_components_1.PopoverSurface, { "aria-labelledby": headerId, className: (0, react_components_1.mergeClasses)(styles.popoverContent) },
+                    React.createElement(EventDetailsPopover_1.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 = (0, date_fns_1.startOfDay)(new Date(calEvent.start));
+            var eventEnd = (0, date_fns_1.endOfDay)(new Date(calEvent.end));
+            var isEventInDay = (0, date_fns_1.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: (0, react_components_1.mergeClasses)(customRender.props.className, styles.eventCard),
+                });
+            }
+            return calEvent.enableOnHover
+                ? renderCardWithPopOver(calEvent, index, colors)
+                : renderCard(index, calEvent, colors);
+        }))));
+};
+exports.RenderEventToDayOfMonth = RenderEventToDayOfMonth;
+//# sourceMappingURL=RenderEventToDayOfMonth.js.map

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

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