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

package/lib/controls/animatedDialog/AnimatedDialog.module.scss.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../../common/temp/node_modules/.pnpm/@fluentui+react@8.106.4_@types+react-dom@17.0.17_@types+react@17.0.45_react-dom@17.0.1_react@17.0.1/node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../src/controls/animatedDialog/AnimatedDialog.module.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;ACDA;EACE;;AACA;EACE;EACA,OANW;;AASb;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE","sourcesContent":["// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n//== Font definitions.\r\n//\r\n\r\n/*\r\n  Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license\r\n*/\r\n\r\n// Produce @font-face definitions for the web fonts.\r\n@mixin ms-font-face($font-family-name, $cdn-folder, $cdn-font-name: \"segoeui\") {\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-light;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-semilight;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-regular;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-semibold;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-bold;\r\n    font-style: normal;\r\n  }\r\n}\r\n\r\n// Generate overrides to set font-family based on the lang attribute.\r\n@mixin ms-font-family-language-override($language-code, $font-family) {\r\n  *[lang^=\"#{$language-code}\"] .ms-Fabric,\r\n  .ms-Fabric *[lang^=\"#{$language-code}\"],\r\n  .ms-Fabric[lang^=\"#{$language-code}\"] {\r\n    font-family: $font-family;\r\n  }\r\n}\r\n\r\n//== Font weight.\r\n//\r\n\r\n@mixin ms-fontWeight-regular {\r\n  font-weight: $ms-font-weight-regular;\r\n}\r\n@mixin ms-fontWeight-semibold {\r\n  font-weight: $ms-font-weight-semibold;\r\n}\r\n@mixin ms-fontWeight-bold {\r\n  font-weight: $ms-font-weight-bold;\r\n}\r\n\r\n//== Font size.\r\n//\r\n\r\n@mixin ms-fontSize-68 {\r\n  font-size: $ms-font-size-68;\r\n}\r\n@mixin ms-fontSize-42 {\r\n  font-size: $ms-font-size-42;\r\n}\r\n@mixin ms-fontSize-32 {\r\n  font-size: $ms-font-size-32;\r\n}\r\n@mixin ms-fontSize-28 {\r\n  font-size: $ms-font-size-28;\r\n}\r\n@mixin ms-fontSize-24 {\r\n  font-size: $ms-font-size-24;\r\n}\r\n@mixin ms-fontSize-20 {\r\n  font-size: $ms-font-size-20;\r\n}\r\n@mixin ms-fontSize-18 {\r\n  font-size: $ms-font-size-18;\r\n}\r\n@mixin ms-fontSize-16 {\r\n  font-size: $ms-font-size-16;\r\n}\r\n@mixin ms-fontSize-14 {\r\n  font-size: $ms-font-size-14;\r\n}\r\n@mixin ms-fontSize-12 {\r\n  font-size: $ms-font-size-12;\r\n}\r\n@mixin ms-fontSize-10 {\r\n  font-size: $ms-font-size-10;\r\n}\r\n\r\n// Deprecated MDL2 font mixins.\r\n@import \"./Font.Mixins.MDL2\";\r\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n$themePrimary: \"[theme:themePrimary, default:#0078d7]\";\n\n.animatedDialogTitleContainer {\n  text-align: center;\n  i {\n    font-size: 52px;\n    color: $themePrimary;\n  }\n\n  span {\n    font-size: 32px;\n    font-weight: 600;\n    margin: 0 0 0.4em;\n  }\n}\n\n.animatedDialogFooter {\n  display: flex;\n  justify-content: center;\n  margin-top: 1.25em;\n\n  button {\n    min-width: 100px;\n    margin: 0px 10px;\n  }\n\n  .loader {\n    margin-top: 15px;\n  }\n}\n"],"file":"AnimatedDialog.module.scss.css"}

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { ICalendarControlProps } from './models/ICalendarControlProps';
+export declare const Calendar: React.FC<ICalendarControlProps>;
+export default Calendar;
+//# sourceMappingURL=Calendar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/controls/calendar/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AA0GvE,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAmNpD,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/controls/calendar/Calendar.js

@@ -0,0 +1,158 @@
+import * as React from 'react';
+import { Body1, FluentProvider, IdPrefixProvider, webLightTheme, } from '@fluentui/react-components';
+import { useCalendarStyles } from './hooks/useCalendarStyles';
+import { addDays, startOfMonth, startOfWeek, format } from 'date-fns';
+import { useEffect, useRef, useState } from 'react';
+import { Day } from './Day';
+import DayView from './DayView';
+import { ECalendarViews } from './models/ECalendarViews';
+import { ResizeObserver } from '@juggle/resize-observer';
+import { Stack } from './stack/Stack';
+import Toolbar from './Toolbar';
+import WeekView from './WeekView';
+import strings from 'ControlStrings';
+import { useCalendar } from './hooks/useCalendar';
+var daysOfWeek = [
+    strings.CalendarControlDayOfWeekSunday,
+    strings.CalendarControlDayOfWeekMonday,
+    strings.CalendarControlDayOfWeekTuesday,
+    strings.CalendarControlDayOfWeekWednesday,
+    strings.CalendarControlDayOfWeekThursday,
+    strings.CalendarControlDayOfWeekFriday,
+    strings.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(Stack, { height: height, width: "100%", direction: "vertical", justifyContent: "start", alignItems: "start" },
+        React.createElement("div", { className: styles.calendarWrapper, ref: calendarRef },
+            daysOfWeek.map(function (day) { return (React.createElement(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, { 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, { 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, { currentDay: currentDay, events: events, height: height });
+});
+export 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 = useCalendarStyles().styles;
+    var calendarRef = useRef(null);
+    var _c = useState(null), rowHeight = _c[0], setRowHeight = _c[1];
+    var totalDisplayedDays = 42;
+    var rowHeightRef = useRef(0);
+    // Default current date
+    var _d = useState(new Date()), currentDate = _d[0], setCurrentDate = _d[1];
+    // Default view
+    var _e = useState(defaultView !== null && defaultView !== void 0 ? defaultView : ECalendarViews.Month), selectedView = _e[0], setSelectedView = _e[1];
+    var getMonthCalendar = useCalendar(Intl.DateTimeFormat().resolvedOptions().timeZone).getMonthCalendar;
+    var getCalendarDays = React.useCallback(function (date) {
+        var month = date.getMonth();
+        var firstDayOfMonth = startOfMonth(date);
+        var firstDayOfWeek = startOfWeek(firstDayOfMonth);
+        var calendarDays = Array.from({ length: totalDisplayedDays }, function (_, index) {
+            var relativeDay = 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 = 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]);
+    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 ResizeObserver(handleResize);
+        if (calendarRef.current) {
+            observer.observe(calendarRef.current);
+        }
+        handleResize();
+        window.addEventListener('resize', handleResize);
+        return function () {
+            observer.disconnect();
+            window.removeEventListener('resize', handleResize);
+        };
+    }, [styles.calendarWrapper]);
+    useEffect(function () {
+        setSelectedView(defaultView !== null && defaultView !== void 0 ? defaultView : ECalendarViews.Month);
+    }, [defaultView]);
+    var RenderContent = React.useCallback(function () {
+        switch (selectedView) {
+            case 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.Week:
+                return (React.createElement(RenderWeekView, { events: events, currentDay: currentDate, height: height }));
+            case 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(IdPrefixProvider, { value: "calendarControl-" },
+        React.createElement(FluentProvider, { theme: theme !== null && theme !== void 0 ? theme : webLightTheme },
+            React.createElement(Stack, { height: "100%", direction: "vertical", justifyContent: "start" },
+                React.createElement(Toolbar, { selectedView: selectedView, onSelectedView: handleViewChange, currentDate: currentDate, setCurrentDate: setCurrentDate, onWeekChange: handleWeekChange, onMonthChange: handleMonthChange, onDayChange: handleDayChange }),
+                React.createElement(RenderContent, null)))));
+};
+export default Calendar;
+//# sourceMappingURL=Calendar.js.map

package/lib/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/controls/calendar/Card/Card.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { ICardProps } from './ICardProps';
+export declare const Card: (props: React.PropsWithChildren<ICardProps>) => JSX.Element;
+//# sourceMappingURL=Card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/controls/calendar/Card/Card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,eAAO,MAAM,IAAI,GAAI,OAAO,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAAC,KAAG,GAAG,CAAC,OA8ErE,CAAC"}

package/lib/controls/calendar/Card/Card.js

@@ -0,0 +1,48 @@
+import { __assign } from "tslib";
+import * as React from 'react';
+import { Card as CarFUI, CardFooter, CardHeader, CardPreview, mergeClasses, } from '@fluentui/react-components';
+import { ResizeObserver } from '@juggle/resize-observer';
+import { useCardStyles } from './useCardStyles';
+export var Card = function (props) {
+    var className = props.className, cardBody = props.cardBody, cardBodyClassName = props.cardBodyClassName, cardHeader = props.cardHeader, cardHeaderClassName = props.cardHeaderClassName, cardHeaderImage = props.cardHeaderImage, cardHeaderAction = props.cardHeaderAction, cardHeaderDescription = props.cardHeaderDescription, cardFooterAction = props.cardFooterAction, cardFooterClassName = props.cardFooterClassName, cardFooterContent = props.cardFooterContent, cardPreviewImage = props.cardPreviewImage, cardPreviewLogo = props.cardPreviewLogo, _a = props.cardPreviewPosition, cardPreviewPosition = _a === void 0 ? "top" : _a;
+    var _b = useCardStyles(props), cardStyles = _b.cardStyles, bodyCardDefaultStyles = _b.bodyCardDefaultStyles;
+    var ref = React.useRef(null);
+    var _c = React.useState(0), width = _c[0], setWidth = _c[1];
+    var _d = React.useState(0), height = _d[0], setHeight = _d[1];
+    React.useEffect(function () {
+        var resizeObserver;
+        if (ref.current) {
+            // observer to detect changes in the size of the container
+            resizeObserver = new ResizeObserver(function (entries) {
+                for (var _i = 0, entries_1 = entries; _i < entries_1.length; _i++) {
+                    var entry = entries_1[_i];
+                    var _a = entry.contentRect, width_1 = _a.width, height_1 = _a.height;
+                    setWidth(width_1);
+                    setHeight(height_1);
+                }
+            });
+            resizeObserver.observe(ref.current);
+        }
+        return function () {
+            if (resizeObserver) {
+                resizeObserver.disconnect();
+            }
+        };
+    }, []);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { ref: ref },
+            React.createElement(CarFUI, __assign({ className: className, style: cardStyles(width, height) }, props),
+                cardPreviewImage && cardPreviewPosition === "top" && (React.createElement(CardPreview, { logo: cardPreviewLogo },
+                    cardPreviewImage,
+                    " ")),
+                cardHeader && (React.createElement(CardHeader, { className: cardHeaderClassName, image: cardHeaderImage, header: cardHeader, description: cardHeaderDescription, action: cardHeaderAction })),
+                cardPreviewImage && cardPreviewPosition === "afterHeader" && (React.createElement(CardPreview, { logo: cardPreviewLogo },
+                    cardPreviewImage,
+                    " ")),
+                cardBody && (React.createElement("div", { className: mergeClasses(cardBodyClassName), style: bodyCardDefaultStyles }, cardBody)),
+                cardPreviewImage && cardPreviewPosition === "bottom" && (React.createElement(CardPreview, { logo: cardPreviewLogo },
+                    cardPreviewImage,
+                    " ")),
+                cardFooterContent && (React.createElement(CardFooter, { action: cardFooterAction, className: cardFooterClassName }, cardFooterContent))))));
+};
+//# sourceMappingURL=Card.js.map

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

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

package/lib/controls/calendar/Card/ICardProps.d.ts

@@ -0,0 +1,18 @@
+import { CardProps } from '@fluentui/react-components';
+import { IBaseProps } from '../baseComponentProps/IBaseProps';
+export interface ICardProps extends IBaseProps, CardProps {
+    cardHeaderClassName?: string;
+    cardHeader?: string | JSX.Element;
+    cardHeaderImage?: string | JSX.Element;
+    cardHeaderDescription?: string | JSX.Element;
+    cardHeaderAction?: JSX.Element;
+    cardPreviewLogo?: JSX.Element;
+    cardPreviewImage?: JSX.Element;
+    cardPreviewPosition?: "top" | "afterHeader" | "bottom";
+    cardBody?: string | JSX.Element;
+    cardBodyClassName?: string;
+    cardFooterClassName?: string;
+    cardFooterAction?: JSX.Element;
+    cardFooterContent?: JSX.Element;
+}
+//# sourceMappingURL=ICardProps.d.ts.map

package/lib/controls/calendar/Card/ICardProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ICardProps.d.ts","sourceRoot":"","sources":["../../../../src/controls/calendar/Card/ICardProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAE9D,MAAM,WAAW,UAAW,SAAQ,UAAU,EAAE,SAAS;IACrD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAClC,eAAe,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAEvC,qBAAqB,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC7C,gBAAgB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC/B,eAAe,CAAC,EAAI,GAAG,CAAC,OAAO,CAAC;IAChC,gBAAgB,CAAC,EAAI,GAAG,CAAC,OAAO,CAAC;IACjC,mBAAmB,CAAC,EAAE,KAAK,GAAG,aAAa,GAAG,QAAQ,CAAC;IACvD,QAAQ,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAChC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC/B,iBAAiB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CAEnC"}

package/lib/controls/calendar/Card/ICardProps.js

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

package/lib/controls/calendar/Card/ICardProps.js.map

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

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

@@ -0,0 +1,3 @@
+export { Card } from './Card';
+export * from './ICardProps';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/controls/calendar/Card/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAC5B,cAAc,cAAc,CAAC"}

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

@@ -0,0 +1,3 @@
+export { Card } from './Card';
+export * from './ICardProps';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/controls/calendar/Card/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAC5B,cAAc,cAAc,CAAC"}

package/lib/controls/calendar/Card/useCardStyles.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { ICardProps } from './ICardProps';
+export declare const useCardStyles: (props: ICardProps) => {
+    cardStyles: (containerWidth: number, containerHeight: number) => React.CSSProperties;
+    bodyCardDefaultStyles: React.CSSProperties;
+};
+//# sourceMappingURL=useCardStyles.d.ts.map

package/lib/controls/calendar/Card/useCardStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCardStyles.d.ts","sourceRoot":"","sources":["../../../../src/controls/calendar/Card/useCardStyles.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,eAAO,MAAM,aAAa,GAAI,OAAO,UAAU,KAAG;IAAE,UAAU,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,KAAK,KAAK,CAAC,aAAa,CAAC;IAAC,qBAAqB,EAAE,KAAK,CAAC,aAAa,CAAA;CA0BnL,CAAC"}

package/lib/controls/calendar/Card/useCardStyles.js

@@ -0,0 +1,22 @@
+import { __assign } from "tslib";
+import * as React from 'react';
+import { useComponentUtils } from '../hooks/useComponentsUtils';
+export var useCardStyles = function (props) {
+    var styles = props.styles;
+    var getBaseStyles = useComponentUtils().getBaseStyles;
+    var cardStyles = React.useCallback(function (containerWidth, containerHeight) {
+        var baseStyles = getBaseStyles(props, containerWidth, containerHeight);
+        return __assign(__assign({}, baseStyles), styles);
+    }, [getBaseStyles, props, styles]);
+    var bodyCardDefaultStyles = React.useMemo(function () {
+        return {
+            display: 'flex',
+            flexDirection: 'column',
+            justifyContent: 'start',
+            alignItems: 'stretch',
+            overflow: 'unset',
+        };
+    }, []);
+    return { cardStyles: cardStyles, bodyCardDefaultStyles: bodyCardDefaultStyles };
+};
+//# sourceMappingURL=useCardStyles.js.map

package/lib/controls/calendar/Card/useCardStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCardStyles.js","sourceRoot":"","sources":["../../../../src/controls/calendar/Card/useCardStyles.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAEhE,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,KAAiB;IACrC,IAAA,MAAM,GAAK,KAAK,OAAV,CAAW;IACjB,IAAA,aAAa,GAAK,iBAAiB,EAAE,cAAxB,CAAyB;IAE9C,IAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAClC,UAAC,cAAsB,EAAE,eAAuB;QAC9C,IAAM,UAAU,GAAG,aAAa,CAAC,KAAgB,EAAE,cAAc,EAAE,eAAe,CAAC,CAAC;QACpF,6BACK,UAAU,GACV,MAAM,EACT;IACJ,CAAC,EACD,CAAC,aAAa,EAAE,KAAK,EAAE,MAAM,CAAC,CAC/B,CAAC;IAEF,IAAM,qBAAqB,GAAwB,KAAK,CAAC,OAAO,CAAC;QAC/D,OAAO;YACL,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,cAAc,EAAE,OAAO;YACvB,UAAU,EAAE,SAAS;YACrB,QAAQ,EAAE,OAAO;SAClB,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAE,UAAU,YAAA,EAAE,qBAAqB,uBAAA,EAAE,CAAC;AAC/C,CAAC,CAAC"}

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { IEvent } from './models/IEvents';
+export interface IDayProps {
+    day: number;
+    date: Date;
+    currentMonth: boolean;
+    events: IEvent[];
+    columnHeight: number;
+    onDayClick?: (date: Date) => void;
+}
+export declare const Day: React.FunctionComponent<IDayProps>;
+//# sourceMappingURL=Day.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Day.d.ts","sourceRoot":"","sources":["../../../src/controls/calendar/Day.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAQ1C,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAqElD,CAAC"}

package/lib/controls/calendar/Day.js

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { Body2, mergeClasses } from '@fluentui/react-components';
+import { RenderEventToDayOfMonth } from './RenderEventToDayOfMonth';
+import { isSameDay } from 'date-fns';
+import { useCalendarStyles } from './hooks/useCalendarStyles';
+import { Stack } from './stack';
+import { Card } from './Card';
+export 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 = useCalendarStyles().styles;
+    var currentDate = new Date();
+    var _a = React.useState(false), isEventHovered = _a[0], setIsEventHovered = _a[1];
+    var isCurrentDayAndMonth = React.useMemo(function () {
+        return isSameDay(date, currentDate);
+    }, [date, currentDate]);
+    var renderCurrentDayLabel = React.useMemo(function () {
+        return (React.createElement(Stack, { direction: "horizontal", justifyContent: "start", alignItems: "center", paddingLeft: 'm', paddingRight: 'm' },
+            React.createElement(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(Card, { onClick: onDayClick ? function () { return onDayClick(date); } : undefined, className: mergeClasses(styles.cardDay, currentMonth ? '' : styles.otherMonthDay, isCurrentDayAndMonth ? styles.currentDay : '', !isEventHovered ? styles.cardDayOnHover : ''), cardHeader: isCurrentDayAndMonth ? (renderCurrentDayLabel) : (React.createElement(Stack, { direction: "horizontal", paddingLeft: 'm', paddingRight: 'm' },
+                React.createElement(Body2, null, day))), paddingTop: "m", paddingBottom: "m", paddingLeft: "0px", paddingRight: "0px", cardBody: React.createElement(RenderEventToDayOfMonth, { events: events, date: date, onCardHoverChange: handleCardHoverChange, columnHeight: columnHeight - 60 }) })));
+};
+//# sourceMappingURL=Day.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DayView.d.ts","sourceRoot":"","sources":["../../../src/controls/calendar/DayView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAM1C,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,UAAU,EAAE,IAAI,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAID,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAgK3C,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/controls/calendar/DayView.js

@@ -0,0 +1,103 @@
+import * as React from 'react';
+import { Body1, Body1Strong, Caption1Strong, Subtitle1, Text, mergeClasses, } from '@fluentui/react-components';
+import { addDays, format, isToday } from 'date-fns';
+import { EventRenderer } from './EventRender';
+import { useCalendar } from './hooks/useCalendar';
+import { useDayViewStyles } from './hooks/useDayViewStyles';
+import { useRef, } from 'react';
+import { useUtils } from './hooks/useUtils';
+var ROW_HEIGHT = 33;
+export var DayView = function (props) {
+    var events = props.events, currentDay = props.currentDay, height = props.height;
+    var styles = useDayViewStyles().styles;
+    var calendarRef = useRef(null);
+    var _a = useUtils(), getSpanSlots = _a.getSpanSlots, getEventColors = _a.getEventColors, getCalendarColors = _a.getCalendarColors;
+    var timeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+    var getWeekEvents = 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(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 = addDays(currentDay, dayIndex);
+                var isTodayClass = isToday(day) ? styles.todayHeaderCell : '';
+                return (React.createElement("div", { key: dayIndex, className: mergeClasses(styles.dayHeaderCell, isTodayClass) },
+                    React.createElement(Text, { weight: "semibold", size: 600, style: { paddingRight: 10 } }, format(day, 'dd')),
+                    React.createElement(Subtitle1, null, 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(Body1, null, "All Day")),
+            Array.from({ length: 1 }, function (_, dayIndex) {
+                var weekDay = format(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(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 = format(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(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())));
+};
+export default DayView;
+//# sourceMappingURL=DayView.js.map

package/lib/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/controls/calendar/EventDetailsPopover.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { IEvent } from './models/IEvents';
+export interface IEventDetailsPopoverProps {
+    event: IEvent;
+}
+export declare const EventDetailsPopover: React.FunctionComponent<IEventDetailsPopoverProps>;
+//# sourceMappingURL=EventDetailsPopover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EventDetailsPopover.d.ts","sourceRoot":"","sources":["../../../src/controls/calendar/EventDetailsPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAQ1C,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,MAAM,CAAC;CACf;AA0CD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CACvD,yBAAyB,CAwG1B,CAAC"}