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

package/lib/controls/calendar/EventDetailsPopover.js

@@ -0,0 +1,74 @@
+import * as React from 'react';
+import { AvatarGroup, AvatarGroupItem, AvatarGroupPopover, Badge, Body1, Button, Divider, Subtitle1, partitionAvatarGroupItems, } from '@fluentui/react-components';
+import { css } from '@emotion/css';
+import strings from 'ControlStrings';
+import { useUtils } from './hooks/useUtils';
+import { Stack } from './stack';
+import { RenderLabel } from './RenderLabel';
+import { Card } from './Card';
+var PADDING_LEFT = '32px';
+var useStyles = function () {
+    var styles = {
+        banner: css({
+            display: 'flex',
+            justifyContent: 'center',
+            alignContent: 'center',
+            alignItems: 'center',
+            padding: "5px 10px 0px 10px",
+        }),
+        fieldContainer: css({
+            paddingLeft: PADDING_LEFT,
+        }),
+    };
+    return { styles: styles };
+};
+var RenderProperty = function (_a) {
+    var fieldLabel = _a.fieldLabel, fieldValue = _a.fieldValue, icon = _a.icon;
+    return (React.createElement(Stack, null,
+        React.createElement(RenderLabel, { label: fieldLabel, icon: icon }),
+        React.createElement(Stack, { paddingLeft: PADDING_LEFT },
+            React.createElement(Body1, null, fieldValue))));
+};
+export 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 = useUtils().formatDate;
+    var formatedStartDate = formatDate(start, 'PPp');
+    var formatedEndDate = formatDate(end, 'PPp');
+    var partitionedItems = 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(Stack, null,
+            React.createElement(RenderLabel, { label: strings.CalendarControlAttendeessLabel, icon: 'ph:users-three' }),
+            React.createElement(Stack, { paddingLeft: PADDING_LEFT },
+                React.createElement(AvatarGroup, { layout: "stack" },
+                    partitionedItems.inlineItems.map(function (id) {
+                        var _a, _b;
+                        return (React.createElement(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(AvatarGroupPopover, null, partitionedItems.overflowItems.map(function (id) {
+                        var _a, _b;
+                        return (React.createElement(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(Card, { appearance: "subtle", padding: "m", paddingTop: 's', width: "250px", cardBody: React.createElement(Stack, { rowGap: '10px' },
+                React.createElement("div", { className: styles.banner },
+                    React.createElement(Subtitle1, null, title)),
+                React.createElement(Divider, null),
+                category && (React.createElement(Stack, { direction: "horizontal", justifyContent: "end", width: '100%' },
+                    React.createElement(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(Stack, { direction: "horizontal", justifyContent: "end", width: "100%" },
+                React.createElement(Button, { appearance: "subtle", onClick: function () {
+                        window.open(webLink, '_blank');
+                    } }, strings.CalendarControlDetailsLabel)) })));
+};
+//# sourceMappingURL=EventDetailsPopover.js.map

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;AAM1C,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,CAuE5D,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 { useUtils } from "./hooks/useUtils";
+import { useWeekViewStyles } from "./hooks/useWeekViewStyles";
+import { Stack } from "./stack";
+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: '4px', alignItems: "center" },
+            React.createElement(Caption1Strong, { className: styles.eventTitle }, event.title),
+            React.createElement(Stack, { columnGap: '4px', direction: "horizontal", alignItems: "center", justifyContent: "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.enableOnHover ? (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;AAG5D,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAWhC,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,KACJ,iBAAiB,EAAE,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,QAAQ,EAAE,WAAf,CAAgB;IAElC,IAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAC/B,cAAM,OAAA,CACJ;QACE,oBAAC,KAAK,IAAC,SAAS,EAAE,KAAK,EAAE,UAAU,EAAC,QAAQ;YAC1C,oBAAC,cAAc,IAAC,SAAS,EAAE,MAAM,CAAC,UAAU,IACzC,KAAK,CAAC,KAAK,CACG;YACjB,oBAAC,KAAK,IACJ,SAAS,EAAE,KAAK,EAChB,SAAS,EAAC,YAAY,EACtB,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,OAAO;gBAEtB,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,EAlBK,CAkBL,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,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,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,CAAC,MAAM,CAAC,cAAc,CAAC;YAE9C,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,27 @@
+import { __assign } from "tslib";
+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":";AACA,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,CAAC;QAC9C,OAAO,KAAK,CAAC,YAAY,CAAC,mBAAyC,EAAE;YACnE,KAAK,OAAA;YACL,SAAS,EAAE,YAAY,CACpB,mBAAmB,CAAC,KAAgC,CAAC,SAAS,EAC/D,MAAM,CAAC,SAAS,EAChB,iBAAiB,CAAC,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,CAAC,CAChE;YACD,KAAK,eACC,mBAAmB,CAAC,KAAyC,CAAC,KAAK,CACxE;SACF,CAAC,CAAC;IACL,CAAC;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":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAM1C,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,CAkI9B,CAAC"}

package/lib/controls/calendar/RenderEventToDayOfMonth.js

@@ -0,0 +1,73 @@
+import * as React from "react";
+import { Caption1, Popover, PopoverSurface, PopoverTrigger, mergeClasses, useId, } from "@fluentui/react-components";
+import { endOfDay, isWithinInterval, startOfDay } from "date-fns";
+import { EventDetailsPopover } from "./EventDetailsPopover";
+import { useCalendarStyles } from "./hooks/useCalendarStyles";
+import { useUtils } from "./hooks/useUtils";
+import { Card } from "./Card";
+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.enableOnHover
+                ? 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":"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"}

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface IRenderLabelProps {
+    label: string;
+    icon?: string | JSX.Element;
+    isRequired?: boolean;
+}
+export declare const RenderLabel: React.FunctionComponent<IRenderLabelProps>;
+export default RenderLabel;
+//# sourceMappingURL=RenderLabel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RenderLabel.d.ts","sourceRoot":"","sources":["../../../../src/controls/calendar/RenderLabel/RenderLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAAC,UAAU,CAAC,EAAE,OAAO,CAAA;CACjE;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAuBlE,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/controls/calendar/RenderLabel/RenderLabel.js

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { Caption1, tokens, } from '@fluentui/react-components';
+import { Icon } from '@iconify/react';
+import { useRenderLabelStyles } from './useRenderLabelStylesStyles';
+export var RenderLabel = function (props) {
+    var label = props.label, icon = props.icon, isRequired = props.isRequired;
+    var styles = useRenderLabelStyles();
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: styles.labelContainer },
+            icon && React.isValidElement(icon) ? (icon) : (React.createElement(Icon, { icon: icon, className: styles.iconStyles, width: "20px", height: "20px", color: tokens.colorBrandForeground1, "aria-hidden": "true" })),
+            React.createElement(Caption1, { style: { color: tokens.colorBrandForeground1 } }, label),
+            React.createElement(Caption1, { style: { color: tokens.colorPaletteRedForeground1 } }, isRequired ? " *" : ""))));
+};
+export default RenderLabel;
+//# sourceMappingURL=RenderLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RenderLabel.js","sourceRoot":"","sources":["../../../../src/controls/calendar/RenderLabel/RenderLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,QAAQ,EACR,MAAM,GACP,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAEtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAMpE,MAAM,CAAC,IAAM,WAAW,GAA+C,UAAC,KAAiD;IAC/G,IAAA,KAAK,GAAuB,KAAK,MAA5B,EAAE,IAAI,GAAiB,KAAK,KAAtB,EAAE,UAAU,GAAK,KAAK,WAAV,CAAW;IAC1C,IAAM,MAAM,GAAG,oBAAoB,EAAE,CAAC;IACtC,OAAO,CACL;QACE,6BAAK,SAAS,EAAE,MAAM,CAAC,cAAc;YAClC,IAAI,IAAI,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CACpC,IAAI,CACL,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IACH,IAAI,EAAE,IAAc,EACpB,SAAS,EAAE,MAAM,CAAC,UAAU,EAC5B,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,CAAC,qBAAqB,iBACvB,MAAM,GAClB,CACH;YACD,oBAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,qBAAqB,EAAE,IAAG,KAAK,CAAY;YAC5E,oBAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,0BAA0B,EAAE,IAAG,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAY,CAC9F,CACL,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/controls/calendar/RenderLabel/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/controls/calendar/RenderLabel/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/lib/controls/calendar/RenderLabel/useRenderLabelStylesStyles.d.ts

@@ -0,0 +1,2 @@
+export declare const useRenderLabelStyles: () => Record<"labelContainer" | "iconStyles" | "item", string>;
+//# sourceMappingURL=useRenderLabelStylesStyles.d.ts.map

package/lib/controls/calendar/RenderLabel/useRenderLabelStylesStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRenderLabelStylesStyles.d.ts","sourceRoot":"","sources":["../../../../src/controls/calendar/RenderLabel/useRenderLabelStylesStyles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,oBAAoB,gEAiB/B,CAAC"}

package/lib/controls/calendar/RenderLabel/useRenderLabelStylesStyles.js

@@ -0,0 +1,12 @@
+import { __assign } from "tslib";
+import { makeStyles, shorthands, } from '@fluentui/react-components';
+export var useRenderLabelStyles = makeStyles({
+    labelContainer: __assign({ display: "flex", flexDirection: "row", justifyContent: "flex-start", alignItems: "center" }, shorthands.gap("6px")),
+    iconStyles: {
+        width: "26px",
+    },
+    item: {
+        paddingLeft: "15px",
+    },
+});
+//# sourceMappingURL=useRenderLabelStylesStyles.js.map

package/lib/controls/calendar/RenderLabel/useRenderLabelStylesStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRenderLabelStylesStyles.js","sourceRoot":"","sources":["../../../../src/controls/calendar/RenderLabel/useRenderLabelStylesStyles.ts"],"names":[],"mappings":";AACA,OAAO,EACL,UAAU,EACV,UAAU,GACX,MAAM,4BAA4B,CAAC;AAEpC,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAU,CAAC;IAE7C,cAAc,aACZ,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,KAAK,EACpB,cAAc,EAAE,YAAY,EAC5B,UAAU,EAAE,QAAQ,IACjB,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,CACzB;IACD,UAAU,EAAE;QACV,KAAK,EAAE,MAAM;KACd;IACD,IAAI,EAAE;QACJ,WAAW,EAAE,MAAM;KACpB;CAGF,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;AAUzD,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,80 @@
+import * as React from 'react';
+import { ArrowDownFilled, ArrowDownRegular, ArrowUpFilled, ArrowUpRegular, CalendarTodayRegular, bundleIcon, } from '@fluentui/react-icons';
+import { Button, Tooltip } from '@fluentui/react-components';
+import { ECalendarViews } from './models/ECalendarViews';
+import { SelectCalendarView } from './SelectCalendarView';
+import strings from 'ControlStrings';
+import { SelectDay } from './selectDay';
+import { SelectMonth } from './selectMonth';
+import { SelectWeek } from './selectWeek/SelectWeek';
+import { Stack } from './stack';
+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", direction: "horizontal", justifyContent: "space-between", alignItems: "center", paddingLeft: "20px", paddingRight: "20px", paddingBottom: "10px", paddingTop: "10px", columnGap: '10px', style: { overflow: 'hidden' } },
+        React.createElement(Stack, { direction: "horizontal", justifyContent: "start", alignItems: "center", columnGap: '10px' },
+            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, { direction: "horizontal", justifyContent: "start", alignItems: "center", columnGap: '10px' },
+            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"}