@fullcalendar/mui 7.0.0-beta.5

package/cjs/pulse/EventCalendarViews.cjs

@@ -0,0 +1,268 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var FullCalendar = require('@fullcalendar/react');
+var core = require('@fullcalendar/core');
+var material = require('@mui/material');
+var pulse_icons = require('./icons.cjs');
+require('@mui/icons-material/ChevronLeft');
+require('@mui/icons-material/ChevronRight');
+require('@mui/icons-material/Close');
+require('@mui/icons-material/ExpandMore');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var FullCalendar__default = /*#__PURE__*/_interopDefaultLegacy(FullCalendar);
+
+// outline
+const outlineWidthClass = "fc-pulse-bAU";
+const outlineWidthFocusClass = "fc-pulse-Tid";
+const outlineWidthGroupFocusClass = "fc-pulse-14w";
+const outlineOffsetClass = "fc-pulse-fKI";
+const outlineInsetClass = "fc-pulse-bzG";
+const tertiaryOutlineColorClass = "fc-pulse-sVX";
+// strongest (25%)
+const strongestSolidBgActiveClass = "fc-pulse-lS3";
+// stronger (20%)
+const strongerBgActiveClass = "fc-pulse-iWk";
+const strongerSolidBgHoverClass = "fc-pulse-fEn";
+// strong (16%)
+const strongBgHoverClass = "fc-pulse-XCy";
+const strongBgFocusClass = "fc-pulse-WPX";
+const strongBgActiveClass = "fc-pulse-kup";
+const strongSolidBgClass = "fc-pulse-5V9";
+const strongSolidPressableClass = `${strongSolidBgClass} ${strongerSolidBgHoverClass} ${strongestSolidBgActiveClass}`;
+// muted (8%)
+const mutedBgClass = "fc-pulse-VxY";
+const mutedBgHoverClass = "fc-pulse-znR";
+const mutedBgActiveClass = "fc-pulse-cmB";
+const mutedPressableClass = `${mutedBgClass} ${strongBgHoverClass} ${strongerBgActiveClass}`;
+const mutedHoverPressableClass = `${mutedBgHoverClass} ${strongBgFocusClass} ${strongBgActiveClass}`;
+// faint (4%)
+const faintBgClass = "fc-pulse-IKt";
+const faintBgHoverClass = "fc-pulse-iAr";
+const faintBgFocusClass = "fc-pulse-r6h";
+const faintHoverPressableClass = `${faintBgHoverClass} ${faintBgFocusClass} ${mutedBgActiveClass}`;
+const faintSolidBgClass = "fc-pulse-MfJ";
+// tertiary (it's actually MUI's "secondary", like an accent color)
+const tertiaryClass = "fc-pulse-s3B fc-pulse-BIe";
+const tertiaryPressableClass = `${tertiaryClass} fc-pulse-Ry9 fc-pulse-ra6`;
+const tertiaryPressableGroupClass = `${tertiaryClass} fc-pulse-BVo fc-pulse-3U0`;
+// usually 11px font / 12px line-height
+const xxsTextClass = "fc-pulse-HRt";
+// transparent resizer for mouse
+const blockPointerResizerClass = "fc-pulse-YA2 fc-pulse-C9h fc-pulse-ZkV";
+const rowPointerResizerClass = `${blockPointerResizerClass} fc-pulse-8ZZ fc-pulse-1lj`;
+const columnPointerResizerClass = `${blockPointerResizerClass} fc-pulse-xX5 fc-pulse-433`;
+// circle resizer for touch
+const blockTouchResizerClass = `fc-pulse-YA2 fc-pulse-tEU fc-pulse-UZp fc-pulse-qvz fc-pulse-Y27 fc-pulse-IdG`;
+const rowTouchResizerClass = `${blockTouchResizerClass} fc-pulse-if4 fc-pulse-NN9`;
+const columnTouchResizerClass = `${blockTouchResizerClass} fc-pulse-Z2g fc-pulse-RWU`;
+const tallDayCellBottomClass = "fc-pulse-iJ1";
+const getShortDayCellBottomClass = (data) => core.joinClassNames(!data.isNarrow && "fc-pulse-s9U");
+const dayRowCommonClasses = {
+    /* Day Row > List-Item Event
+    ----------------------------------------------------------------------------------------------- */
+    listItemEventClass: (data) => core.joinClassNames("fc-pulse-mwm fc-pulse-df6 fc-pulse-dpa", data.isNarrow ? "fc-pulse-qK4" : "fc-pulse-MOr", data.isSelected
+        ? mutedBgClass
+        : data.isInteractive
+            ? mutedHoverPressableClass
+            : mutedBgHoverClass),
+    listItemEventInnerClass: (data) => core.joinClassNames("fc-pulse-Hhr fc-pulse-uEy fc-pulse-gfU fc-pulse-Klj", data.isNarrow
+        ? `fc-pulse-h2r ${xxsTextClass}`
+        : "fc-pulse-vvo fc-pulse-17F"),
+    listItemEventTimeClass: (data) => core.joinClassNames(data.isNarrow ? "fc-pulse-OKV" : "fc-pulse-55Y", "fc-pulse-V3u fc-pulse-JTJ fc-pulse-O5O fc-pulse-qbn"),
+    listItemEventTitleClass: (data) => core.joinClassNames(data.isNarrow ? "fc-pulse-OKV" : "fc-pulse-55Y", "fc-pulse-kIZ fc-pulse-JTJ fc-pulse-O5O fc-pulse-nGI", data.timeText && "fc-pulse-yGY"),
+    /* Day Row > Row Event
+    ----------------------------------------------------------------------------------------------- */
+    rowEventClass: (data) => core.joinClassNames(data.isStart && (data.isNarrow ? "fc-pulse-GSF" : "fc-pulse-fpO"), data.isEnd && (data.isNarrow ? "fc-pulse-Jha" : "fc-pulse-hCF")),
+    rowEventInnerClass: (data) => data.isNarrow ? "fc-pulse-h2r" : "fc-pulse-vvo",
+    /* Day Row > More-Link
+    ----------------------------------------------------------------------------------------------- */
+    rowMoreLinkClass: (data) => core.joinClassNames("fc-pulse-mwm fc-pulse-UZp fc-pulse-dpa", data.isNarrow
+        ? `fc-pulse-qK4 fc-pulse-R95 ${mutedHoverPressableClass}`
+        : `fc-pulse-rK9 fc-pulse-MOr fc-pulse-lqW ${mutedPressableClass}`),
+    rowMoreLinkInnerClass: (data) => core.joinClassNames(data.isNarrow
+        ? `fc-pulse-df6 ${xxsTextClass}`
+        : "fc-pulse-KbZ fc-pulse-17F", "fc-pulse-HBk"),
+};
+function EventCalendarViews({ className, liquidHeight, height, views: userViews, ...restOptions }) {
+    const borderlessX = restOptions.borderlessX ?? restOptions.borderless;
+    const borderlessBottom = restOptions.borderlessBottom ?? restOptions.borderless;
+    return (React__default["default"].createElement(material.Box, { className: className, sx: {
+            bgcolor: "background.paper",
+            borderStyle: "solid",
+            borderColor: "divider",
+            borderLeftWidth: borderlessX ? 0 : 1,
+            borderRightWidth: borderlessX ? 0 : 1,
+            borderTopWidth: 1,
+            borderBottomWidth: borderlessBottom ? 0 : 1,
+            ...((borderlessX || borderlessBottom) ? {} : {
+                borderRadius: 1,
+                overflow: "fc-pulse-C9h",
+            }),
+            ...(liquidHeight ? { flexGrow: 1, minHeight: 0 } : {}),
+        } },
+        React__default["default"].createElement(FullCalendar__default["default"], { className: "fc-pulse-ND7", height: liquidHeight ? "100%" : height, 
+            /* Abstract Event
+            ----------------------------------------------------------------------------------------- */
+            eventShortHeight: 50, eventColor: "var(--mui-palette-primary-main)", eventContrastColor: "var(--mui-palette-primary-contrastText)", eventClass: (data) => core.joinClassNames(data.isSelected
+                ? core.joinClassNames(outlineWidthClass, data.isDragging && "fc-pulse-ACR")
+                : outlineWidthFocusClass, tertiaryOutlineColorClass), 
+            /* Background Event
+            ----------------------------------------------------------------------------------------- */
+            backgroundEventColor: "var(--mui-palette-secondary-main)", backgroundEventClass: "fc-pulse-Z7B", backgroundEventTitleClass: (data) => core.joinClassNames("fc-pulse-F6C fc-pulse-dra fc-pulse-HBk", (data.isNarrow || data.isShort)
+                ? `fc-pulse-xbC ${xxsTextClass}`
+                : "fc-pulse-aS8 fc-pulse-17F"), 
+            /* List-Item Event
+            ----------------------------------------------------------------------------------------- */
+            listItemEventTitleClass: "fc-pulse-HBk", listItemEventTimeClass: "fc-pulse-Znt", 
+            /* Block Event
+            ----------------------------------------------------------------------------------------- */
+            blockEventClass: (data) => core.joinClassNames("fc-pulse-ytQ fc-pulse-vPs fc-pulse-lqW fc-pulse-iVS fc-pulse-n4P fc-pulse-82y fc-pulse-NNx", data.isInteractive && "fc-pulse-CdS", (data.isDragging && !data.isSelected) && "fc-pulse-0HG"), blockEventInnerClass: "fc-pulse-P9J fc-pulse-Nt8", blockEventTimeClass: "fc-pulse-JTJ fc-pulse-O5O fc-pulse-qbn", blockEventTitleClass: "fc-pulse-JTJ fc-pulse-O5O fc-pulse-nGI", 
+            /* Row Event
+            ----------------------------------------------------------------------------------------- */
+            rowEventClass: (data) => core.joinClassNames("fc-pulse-mwm fc-pulse-3WQ", data.isStart && "fc-pulse-fdR fc-pulse-riW", data.isEnd && "fc-pulse-Ea4 fc-pulse-EWl"), rowEventBeforeClass: (data) => core.joinClassNames(data.isStartResizable && core.joinClassNames(data.isSelected ? rowTouchResizerClass : rowPointerResizerClass, "fc-pulse-BD7")), rowEventAfterClass: (data) => core.joinClassNames(data.isEndResizable && core.joinClassNames(data.isSelected ? rowTouchResizerClass : rowPointerResizerClass, "fc-pulse-8rg")), rowEventInnerClass: (data) => core.joinClassNames("fc-pulse-Hhr fc-pulse-uEy fc-pulse-gfU", data.isNarrow ? xxsTextClass : "fc-pulse-17F"), rowEventTimeClass: (data) => (data.isNarrow ? "fc-pulse-qNU" : "fc-pulse-I6e"), rowEventTitleClass: (data) => core.joinClassNames(data.isNarrow ? "fc-pulse-55Y" : "fc-pulse-qB7", "fc-pulse-kIZ"), 
+            /* Column Event
+            ----------------------------------------------------------------------------------------- */
+            columnEventClass: (data) => core.joinClassNames("fc-pulse-zDQ fc-pulse-z3l fc-pulse-bLM", data.isStart && core.joinClassNames("fc-pulse-srs fc-pulse-dUI", data.isNarrow ? "fc-pulse-CSA" : "fc-pulse-IgY"), data.isEnd && core.joinClassNames("fc-pulse-QTT fc-pulse-etO", data.isNarrow ? "fc-pulse-mwm" : "fc-pulse-DE9")), columnEventBeforeClass: (data) => core.joinClassNames(data.isStartResizable && core.joinClassNames(data.isSelected ? columnTouchResizerClass : columnPointerResizerClass, "fc-pulse-f4s")), columnEventAfterClass: (data) => core.joinClassNames(data.isEndResizable && core.joinClassNames(data.isSelected ? columnTouchResizerClass : columnPointerResizerClass, "fc-pulse-I8n")), columnEventInnerClass: (data) => core.joinClassNames("fc-pulse-Hhr", data.isShort
+                ? "fc-pulse-uEy fc-pulse-gfU fc-pulse-RVT fc-pulse-xbC"
+                : core.joinClassNames("fc-pulse-bXY", data.isNarrow ? "fc-pulse-qB7 fc-pulse-vvo" : "fc-pulse-ybQ fc-pulse-ztx"), (data.isNarrow || data.isShort) ? xxsTextClass : "fc-pulse-17F"), columnEventTimeClass: (data) => core.joinClassNames(!data.isShort && (data.isNarrow ? "fc-pulse-zvv" : "fc-pulse-q8O")), columnEventTitleClass: (data) => core.joinClassNames(!data.isShort && (data.isNarrow ? "fc-pulse-vvo" : "fc-pulse-ztx"), "fc-pulse-kIZ"), 
+            /* More-Link
+            ----------------------------------------------------------------------------------------- */
+            moreLinkClass: `${outlineWidthFocusClass} ${tertiaryOutlineColorClass}`, moreLinkInnerClass: "fc-pulse-JTJ fc-pulse-O5O", columnMoreLinkClass: `fc-pulse-kOE fc-pulse-UZp fc-pulse-lqW fc-pulse-ePV fc-pulse-UPi ${strongSolidPressableClass} fc-pulse-82y fc-pulse-z3l fc-pulse-bLM`, columnMoreLinkInnerClass: (data) => core.joinClassNames(data.isNarrow
+                ? `fc-pulse-KbZ ${xxsTextClass}`
+                : "fc-pulse-xbC fc-pulse-17F", "fc-pulse-HBk"), 
+            /* Day Header
+            ----------------------------------------------------------------------------------------- */
+            dayHeaderClass: (data) => core.joinClassNames("fc-pulse-a65", data.inPopover ? "fc-pulse-QTT fc-pulse-G56" :
+                data.isMajor && "fc-pulse-UZp fc-pulse-I55"), dayHeaderInnerClass: (data) => core.joinClassNames("fc-pulse-Hhr fc-pulse-uEy fc-pulse-gfU", data.isNarrow ? "fc-pulse-17F" : "fc-pulse-gEy", data.inPopover ? core.joinClassNames("fc-pulse-RQK fc-pulse-qB7 fc-pulse-vvo fc-pulse-dpa fc-pulse-RKK fc-pulse-HBk", data.hasNavLink && mutedHoverPressableClass) : !data.dayNumberText ? core.joinClassNames("fc-pulse-qK4 fc-pulse-SrN fc-pulse-vvo fc-pulse-qMw fc-pulse-dpa fc-pulse-Znt", data.hasNavLink && mutedHoverPressableClass) : !data.isToday ? core.joinClassNames("fc-pulse-NoV fc-pulse-NqZ fc-pulse-6U1 fc-pulse-qMw fc-pulse-dpa fc-pulse-Znt", data.hasNavLink && mutedHoverPressableClass) : ("fc-pulse-ytQ fc-pulse-NoV fc-pulse-j5m fc-pulse-sgX fc-pulse-3jE")), dayHeaderContent: (data) => ((data.inPopover || !data.dayNumberText || !data.isToday) ? (React__default["default"].createElement(React__default["default"].Fragment, null, data.text)) : (React__default["default"].createElement(React__default["default"].Fragment, null, data.textParts.map((textPart, i) => (React__default["default"].createElement("span", { key: i, className: core.joinClassNames("fc-pulse-csg", (textPart.type === "day" && data.isToday)
+                    ? core.joinClassNames("fc-pulse-F8v fc-pulse-cl4 fc-pulse-GRI fc-pulse-IdG fc-pulse-RKK fc-pulse-Hhr fc-pulse-uEy fc-pulse-gfU fc-pulse-a65", data.hasNavLink
+                        ? core.joinClassNames(tertiaryPressableGroupClass, outlineWidthGroupFocusClass, outlineOffsetClass, tertiaryOutlineColorClass)
+                        : tertiaryClass)
+                    : "fc-pulse-Znt") }, textPart.value)))))), 
+            /* Day Cell
+            ----------------------------------------------------------------------------------------- */
+            dayCellClass: (data) => core.joinClassNames("fc-pulse-UZp", data.isMajor
+                ? "fc-pulse-I55"
+                : "fc-pulse-G56"), dayCellTopClass: (data) => core.joinClassNames(data.isNarrow ? "fc-pulse-s9U" : "fc-pulse-naH", "fc-pulse-Hhr fc-pulse-uEy fc-pulse-RhI"), dayCellTopInnerClass: (data) => core.joinClassNames("fc-pulse-Hhr fc-pulse-uEy fc-pulse-gfU", data.isNarrow
+                ? `fc-pulse-8in fc-pulse-cL9 ${xxsTextClass}`
+                : "fc-pulse-19X fc-pulse-6U1 fc-pulse-gEy", !data.isToday
+                ? core.joinClassNames("fc-pulse-fdR fc-pulse-JTJ", !data.isOther && "fc-pulse-RKK", data.isNarrow ? "fc-pulse-qB7" : "fc-pulse-ybQ", data.monthText ? "fc-pulse-HBk" : "fc-pulse-Znt", data.hasNavLink && mutedHoverPressableClass)
+                : core.joinClassNames("fc-pulse-ytQ fc-pulse-3jE", data.isNarrow
+                    ? "fc-pulse-6gf"
+                    : "fc-pulse-NoV")), dayCellTopContent: (data) => (!data.isToday ? (React__default["default"].createElement(React__default["default"].Fragment, null, data.text)) : (React__default["default"].createElement(React__default["default"].Fragment, null, data.textParts.map((textPart, i) => (React__default["default"].createElement("span", { key: i, className: core.joinClassNames("fc-pulse-csg", (textPart.type === "day" && data.isToday)
+                    ? core.joinClassNames("fc-pulse-IdG fc-pulse-RKK fc-pulse-Hhr fc-pulse-uEy fc-pulse-gfU fc-pulse-a65", data.isNarrow
+                        ? "fc-pulse-yFV"
+                        : "fc-pulse-Fzs fc-pulse-F8v fc-pulse-cl4", data.hasNavLink
+                        ? core.joinClassNames(tertiaryPressableGroupClass, outlineWidthGroupFocusClass, outlineOffsetClass, tertiaryOutlineColorClass)
+                        : tertiaryClass)
+                    : (data.monthText ? "fc-pulse-HBk" : "fc-pulse-Znt")) }, textPart.value)))))), dayCellInnerClass: (data) => core.joinClassNames(data.inPopover && "fc-pulse-aS8"), 
+            /* Popover
+            ----------------------------------------------------------------------------------------- */
+            popoverClass: "fc-pulse-HBk fc-pulse-Y27 fc-pulse-DC1 fc-pulse-8Kl fc-pulse-O5O fc-pulse-uPX fc-pulse-c0k fc-pulse-nhl fc-pulse-ND7", popoverCloseClass: `fc-pulse-ytQ fc-pulse-YA2 fc-pulse-rzf fc-pulse-lvE fc-pulse-KbZ fc-pulse-dpa ${mutedHoverPressableClass} ${outlineWidthFocusClass} ${tertiaryOutlineColorClass} fc-pulse-om0`, popoverCloseContent: () => React__default["default"].createElement(pulse_icons.EventCalendarCloseIcon, null), dayLaneClass: (data) => core.joinClassNames("fc-pulse-UZp", data.isMajor ? "fc-pulse-I55" : "fc-pulse-G56", data.isDisabled && faintBgClass), dayLaneInnerClass: (data) => (data.isStack
+                ? "fc-pulse-JQD"
+                : data.isNarrow ? "fc-pulse-6gf" : "fc-pulse-qK4"), slotLaneClass: (data) => core.joinClassNames("fc-pulse-UZp fc-pulse-G56", data.isMinor && "fc-pulse-M5N"), listDayClass: "fc-pulse-pLN fc-pulse-Hhr fc-pulse-bXY", listDayHeaderClass: `fc-pulse-QTT fc-pulse-G56 ${faintSolidBgClass} fc-pulse-HBk fc-pulse-Hhr fc-pulse-uEy fc-pulse-gfU fc-pulse-Klj`, listDayHeaderInnerClass: (data) => core.joinClassNames("fc-pulse-RQK fc-pulse-qMw fc-pulse-vvo fc-pulse-dpa fc-pulse-gEy", !data.level && "fc-pulse-RKK", (!data.level && data.isToday)
+                ? data.hasNavLink
+                    ? core.joinClassNames(tertiaryPressableClass, outlineOffsetClass)
+                    : tertiaryClass
+                : data.hasNavLink && mutedHoverPressableClass), listDayEventsClass: `fc-pulse-RmH fc-pulse-G56 fc-pulse-qMw fc-pulse-KyB fc-pulse-ODb`, 
+            /* Single Month (in Multi-Month)
+            ----------------------------------------------------------------------------------------- */
+            singleMonthClass: "fc-pulse-sr2", singleMonthHeaderClass: (data) => core.joinClassNames(data.isSticky && "fc-pulse-QTT fc-pulse-G56 fc-pulse-Y27", data.colCount > 1 ? "fc-pulse-hw7" : "fc-pulse-ztx", "fc-pulse-gfU"), singleMonthHeaderInnerClass: (data) => core.joinClassNames("fc-pulse-qMw fc-pulse-vvo fc-pulse-dpa fc-pulse-PuF fc-pulse-HBk fc-pulse-RKK", data.hasNavLink && mutedHoverPressableClass), 
+            /* Misc Table
+            ----------------------------------------------------------------------------------------- */
+            tableHeaderClass: (data) => core.joinClassNames(data.isSticky && "fc-pulse-Y27"), fillerClass: "fc-pulse-UZp fc-pulse-G56 fc-pulse-F6C", dayNarrowWidth: 100, dayHeaderRowClass: "fc-pulse-UZp fc-pulse-G56", dayRowClass: "fc-pulse-UZp fc-pulse-G56", slotHeaderRowClass: "fc-pulse-UZp fc-pulse-G56", slotHeaderInnerClass: "fc-pulse-Znt", 
+            /* Misc Content
+            ----------------------------------------------------------------------------------------- */
+            navLinkClass: `${outlineWidthFocusClass} ${tertiaryOutlineColorClass}`, inlineWeekNumberClass: (data) => core.joinClassNames("fc-pulse-YA2 fc-pulse-9o9 fc-pulse-JTJ fc-pulse-Ea4 fc-pulse-Znt", data.isNarrow
+                ? `fc-pulse-RWe fc-pulse-8in fc-pulse-KbZ ${xxsTextClass}`
+                : "fc-pulse-CdJ fc-pulse-xbC fc-pulse-17F", data.hasNavLink && mutedHoverPressableClass), highlightClass: "fc-pulse-gKu", nonBusinessClass: faintBgClass, nowIndicatorLineClass: "fc-pulse-7VH fc-pulse-v0S fc-pulse-R3n", nowIndicatorDotClass: "fc-pulse-xny fc-pulse-uDX fc-pulse-R3n fc-pulse-UmK fc-pulse-IdG fc-pulse-fo8 fc-pulse-bLM", 
+            /* View-Specific Options
+            ----------------------------------------------------------------------------------------- */
+            views: {
+                ...userViews,
+                dayGrid: {
+                    ...dayRowCommonClasses,
+                    dayHeaderAlign: (data) => data.inPopover ? "start" : data.isNarrow ? "center" : "end",
+                    dayHeaderDividerClass: `fc-pulse-QTT fc-pulse-G56`,
+                    dayCellBottomClass: getShortDayCellBottomClass,
+                    ...userViews?.dayGrid,
+                },
+                multiMonth: {
+                    ...dayRowCommonClasses,
+                    dayHeaderAlign: (data) => data.inPopover ? "start" : data.isNarrow ? "center" : "end",
+                    dayHeaderDividerClass: (data) => core.joinClassNames(data.isSticky && `fc-pulse-QTT fc-pulse-G56`),
+                    dayCellBottomClass: getShortDayCellBottomClass,
+                    viewClass: faintBgClass,
+                    tableBodyClass: `fc-pulse-UZp fc-pulse-G56 fc-pulse-Y27 fc-pulse-dpa fc-pulse-O5O`,
+                    ...userViews?.multiMonth,
+                },
+                timeGrid: {
+                    ...dayRowCommonClasses,
+                    dayHeaderAlign: (data) => data.inPopover ? "start" : "center",
+                    dayHeaderDividerClass: (data) => core.joinClassNames("fc-pulse-QTT", data.options.allDaySlot
+                        ? "fc-pulse-G56"
+                        : "fc-pulse-I55 fc-pulse-5jb"),
+                    dayCellBottomClass: tallDayCellBottomClass,
+                    /* TimeGrid > Week Number Header
+                    ------------------------------------------------------------------------------------- */
+                    weekNumberHeaderClass: "fc-pulse-gfU fc-pulse-RhI",
+                    weekNumberHeaderInnerClass: (data) => core.joinClassNames("fc-pulse-qK4 fc-pulse-6U1 fc-pulse-qMw fc-pulse-Znt fc-pulse-Hhr fc-pulse-uEy fc-pulse-gfU fc-pulse-dpa", data.isNarrow ? "fc-pulse-17F" : "fc-pulse-gEy", data.hasNavLink && mutedHoverPressableClass),
+                    /* TimeGrid > All-Day Header
+                    ------------------------------------------------------------------------------------- */
+                    allDayHeaderClass: "fc-pulse-gfU",
+                    allDayHeaderInnerClass: (data) => core.joinClassNames("fc-pulse-aS8 fc-pulse-Znt", data.isNarrow ? xxsTextClass : "fc-pulse-17F"),
+                    allDayDividerClass: `fc-pulse-QTT fc-pulse-I55 fc-pulse-5jb`,
+                    /* TimeGrid > Slot Header
+                    ------------------------------------------------------------------------------------- */
+                    slotHeaderClass: "fc-pulse-RhI",
+                    slotHeaderInnerClass: (data) => core.joinClassNames("fc-pulse-vPs fc-pulse-aS8", data.isNarrow
+                        ? `fc-pulse-byi ${xxsTextClass}`
+                        : "fc-pulse-IWs fc-pulse-17F", data.isFirst && "fc-pulse-C9h"),
+                    slotHeaderDividerClass: `fc-pulse-EWl fc-pulse-G56`,
+                    ...userViews?.timeGrid,
+                },
+                list: {
+                    /* List-View > List-Item Event
+                    ------------------------------------------------------------------------------------- */
+                    listItemEventClass: (data) => core.joinClassNames("fc-pulse-ytQ fc-pulse-ztx fc-pulse-dpa", data.isInteractive
+                        ? core.joinClassNames(faintHoverPressableClass, outlineInsetClass)
+                        : "fc-pulse-iAr"),
+                    listItemEventBeforeClass: "fc-pulse-4AD fc-pulse-n4P fc-pulse-IdG",
+                    listItemEventInnerClass: "fc-pulse-QDv",
+                    listItemEventTimeClass: "fc-pulse-f5K fc-pulse-yvz fc-pulse-8Ko fc-pulse-rcn fc-pulse-jQ9 fc-pulse-KyB fc-pulse-JTJ fc-pulse-O5O fc-pulse-yGY fc-pulse-gEy",
+                    listItemEventTitleClass: (data) => core.joinClassNames("fc-pulse-oee fc-pulse-qbd fc-pulse-jQ9 fc-pulse-KyB fc-pulse-JTJ fc-pulse-O5O fc-pulse-gEy", data.event.url && "fc-pulse-YdZ"),
+                    /* No-Events Screen
+                    ------------------------------------------------------------------------------------- */
+                    noEventsClass: "fc-pulse-oee fc-pulse-Hhr fc-pulse-bXY fc-pulse-gfU fc-pulse-a65",
+                    noEventsInnerClass: "fc-pulse-UyD",
+                    ...userViews?.list,
+                },
+            }, ...restOptions })));
+}
+
+exports.dayRowCommonClasses = dayRowCommonClasses;
+exports["default"] = EventCalendarViews;
+exports.faintBgClass = faintBgClass;
+exports.faintHoverPressableClass = faintHoverPressableClass;
+exports.faintSolidBgClass = faintSolidBgClass;
+exports.getShortDayCellBottomClass = getShortDayCellBottomClass;
+exports.mutedBgClass = mutedBgClass;
+exports.mutedHoverPressableClass = mutedHoverPressableClass;
+exports.outlineInsetClass = outlineInsetClass;
+exports.outlineOffsetClass = outlineOffsetClass;
+exports.outlineWidthClass = outlineWidthClass;
+exports.outlineWidthFocusClass = outlineWidthFocusClass;
+exports.outlineWidthGroupFocusClass = outlineWidthGroupFocusClass;
+exports.rowPointerResizerClass = rowPointerResizerClass;
+exports.rowTouchResizerClass = rowTouchResizerClass;
+exports.strongSolidPressableClass = strongSolidPressableClass;
+exports.tallDayCellBottomClass = tallDayCellBottomClass;
+exports.tertiaryClass = tertiaryClass;
+exports.tertiaryOutlineColorClass = tertiaryOutlineColorClass;
+exports.tertiaryPressableClass = tertiaryPressableClass;
+exports.tertiaryPressableGroupClass = tertiaryPressableGroupClass;

package/cjs/pulse/ResourceTimeGrid.cjs

@@ -0,0 +1,57 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var FullCalendar = require('@fullcalendar/react');
+var adaptivePlugin = require('@fullcalendar/adaptive');
+var interactionPlugin = require('@fullcalendar/interaction');
+var scrollGridPlugin = require('@fullcalendar/scrollgrid');
+var resourceTimeGridPlugin = require('@fullcalendar/resource-timegrid');
+var pulse_EventCalendarToolbar = require('./EventCalendarToolbar.cjs');
+var pulse_SchedulerViews = require('./SchedulerViews.cjs');
+var pulse_EventCalendarContainer = require('./EventCalendarContainer.cjs');
+require('@mui/material/Box');
+require('@mui/material/Button');
+require('@mui/material/IconButton');
+require('@mui/material/Typography');
+require('@mui/material/ToggleButtonGroup');
+require('@mui/material/ToggleButton');
+require('./icons.cjs');
+require('@fullcalendar/core');
+require('@mui/icons-material/ChevronLeft');
+require('@mui/icons-material/ChevronRight');
+require('@mui/icons-material/Close');
+require('@mui/icons-material/ExpandMore');
+require('./EventCalendarViews.cjs');
+require('@mui/material');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var adaptivePlugin__default = /*#__PURE__*/_interopDefaultLegacy(adaptivePlugin);
+var interactionPlugin__default = /*#__PURE__*/_interopDefaultLegacy(interactionPlugin);
+var scrollGridPlugin__default = /*#__PURE__*/_interopDefaultLegacy(scrollGridPlugin);
+var resourceTimeGridPlugin__default = /*#__PURE__*/_interopDefaultLegacy(resourceTimeGridPlugin);
+
+const plugins = [
+    adaptivePlugin__default["default"],
+    interactionPlugin__default["default"],
+    scrollGridPlugin__default["default"],
+    resourceTimeGridPlugin__default["default"],
+];
+const defaultAvailableViews = [
+    'resourceTimeGridDay',
+    'resourceTimeGridWeek',
+];
+const navLinkDayClick = 'resourceTimeGridDay';
+const navLinkWeekClick = 'resourceTimeGridWeek';
+function ResourceTimeGrid({ availableViews = defaultAvailableViews, addButton, className, height, contentHeight, direction, plugins: userPlugins = [], ...restOptions }) {
+    const controller = FullCalendar.useCalendarController();
+    const autoHeight = height === 'auto' || contentHeight === 'auto';
+    return (React__default["default"].createElement(pulse_EventCalendarContainer["default"], { direction: direction, className: className, height: height },
+        React__default["default"].createElement(pulse_EventCalendarToolbar["default"], { controller: controller, availableViews: availableViews, addButton: addButton, borderlessX: restOptions.borderlessX ?? restOptions.borderless }),
+        React__default["default"].createElement(pulse_SchedulerViews["default"], { liquidHeight: !autoHeight && height !== undefined, height: autoHeight ? 'auto' : contentHeight, initialView: availableViews[0], navLinkDayClick: navLinkDayClick, navLinkWeekClick: navLinkWeekClick, controller: controller, plugins: [...plugins, ...userPlugins], ...restOptions })));
+}
+
+exports["default"] = ResourceTimeGrid;

package/cjs/pulse/ResourceTimeline.cjs

@@ -0,0 +1,54 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var FullCalendar = require('@fullcalendar/react');
+var adaptivePlugin = require('@fullcalendar/adaptive');
+var resourceTimelinePlugin = require('@fullcalendar/resource-timeline');
+var interactionPlugin = require('@fullcalendar/interaction');
+var pulse_EventCalendarToolbar = require('./EventCalendarToolbar.cjs');
+var pulse_SchedulerViews = require('./SchedulerViews.cjs');
+var pulse_EventCalendarContainer = require('./EventCalendarContainer.cjs');
+require('@mui/material/Box');
+require('@mui/material/Button');
+require('@mui/material/IconButton');
+require('@mui/material/Typography');
+require('@mui/material/ToggleButtonGroup');
+require('@mui/material/ToggleButton');
+require('./icons.cjs');
+require('@fullcalendar/core');
+require('@mui/icons-material/ChevronLeft');
+require('@mui/icons-material/ChevronRight');
+require('@mui/icons-material/Close');
+require('@mui/icons-material/ExpandMore');
+require('./EventCalendarViews.cjs');
+require('@mui/material');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var adaptivePlugin__default = /*#__PURE__*/_interopDefaultLegacy(adaptivePlugin);
+var resourceTimelinePlugin__default = /*#__PURE__*/_interopDefaultLegacy(resourceTimelinePlugin);
+var interactionPlugin__default = /*#__PURE__*/_interopDefaultLegacy(interactionPlugin);
+
+const plugins = [
+    adaptivePlugin__default["default"],
+    interactionPlugin__default["default"],
+    resourceTimelinePlugin__default["default"],
+];
+const defaultAvailableViews = [
+    'resourceTimelineDay',
+    'resourceTimelineWeek',
+];
+const navLinkDayClick = 'resourceTimelineDay';
+const navLinkWeekClick = 'resourceTimelineWeek';
+function ResourceTimeline({ availableViews = defaultAvailableViews, addButton, className, height, contentHeight, direction, plugins: userPlugins = [], ...restOptions }) {
+    const controller = FullCalendar.useCalendarController();
+    const autoHeight = height === 'auto' || contentHeight === 'auto';
+    return (React__default["default"].createElement(pulse_EventCalendarContainer["default"], { direction: direction, className: className, height: height },
+        React__default["default"].createElement(pulse_EventCalendarToolbar["default"], { controller: controller, availableViews: availableViews, addButton: addButton, borderlessX: restOptions.borderlessX ?? restOptions.borderless }),
+        React__default["default"].createElement(pulse_SchedulerViews["default"], { liquidHeight: !autoHeight && height !== undefined, height: autoHeight ? 'auto' : contentHeight, initialView: availableViews[0], navLinkDayClick: navLinkDayClick, navLinkWeekClick: navLinkWeekClick, controller: controller, plugins: [...plugins, ...userPlugins], ...restOptions })));
+}
+
+exports["default"] = ResourceTimeline;

package/cjs/pulse/SchedulerViews.cjs

@@ -0,0 +1,58 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var core = require('@fullcalendar/core');
+var pulse_EventCalendarViews = require('./EventCalendarViews.cjs');
+var pulse_icons = require('./icons.cjs');
+require('@fullcalendar/react');
+require('@mui/material');
+require('@mui/icons-material/ChevronLeft');
+require('@mui/icons-material/ChevronRight');
+require('@mui/icons-material/Close');
+require('@mui/icons-material/ExpandMore');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function SchedulerViews({ views: userViews, ...restOptions }) {
+    return (React__default["default"].createElement(pulse_EventCalendarViews["default"]
+    /* Resource Day Header
+    ------------------------------------------------------------------------------------------- */
+    , { 
+        /* Resource Day Header
+        ------------------------------------------------------------------------------------------- */
+        resourceDayHeaderAlign: "center", resourceDayHeaderClass: (data) => core.joinClassNames(data.isMajor && "fc-pulse-UZp fc-pulse-I55"), resourceDayHeaderInnerClass: (data) => core.joinClassNames("fc-pulse-aS8 fc-pulse-Hhr fc-pulse-uEy fc-pulse-gfU fc-pulse-Znt", data.isNarrow ? "fc-pulse-17F" : "fc-pulse-gEy"), 
+        /* Resource Data Grid
+        ------------------------------------------------------------------------------------------- */
+        resourceColumnHeaderClass: "fc-pulse-UZp fc-pulse-G56 fc-pulse-a65", resourceColumnHeaderInnerClass: "fc-pulse-aS8 fc-pulse-HBk fc-pulse-gEy", resourceColumnResizerClass: "fc-pulse-YA2 fc-pulse-8ZZ fc-pulse-Ahl fc-pulse-W3O", resourceGroupHeaderClass: `fc-pulse-UZp fc-pulse-G56 ${pulse_EventCalendarViews.mutedBgClass}`, resourceGroupHeaderInnerClass: "fc-pulse-aS8 fc-pulse-HBk fc-pulse-gEy", resourceCellClass: "fc-pulse-UZp fc-pulse-G56", resourceCellInnerClass: "fc-pulse-aS8 fc-pulse-HBk fc-pulse-gEy", resourceIndentClass: "fc-pulse-fpO fc-pulse-aCj fc-pulse-a65", resourceExpanderClass: `fc-pulse-ytQ fc-pulse-KbZ fc-pulse-dpa ${pulse_EventCalendarViews.mutedHoverPressableClass} ${pulse_EventCalendarViews.outlineWidthFocusClass} ${pulse_EventCalendarViews.tertiaryOutlineColorClass}`, resourceExpanderContent: (data) => (React__default["default"].createElement(pulse_icons.EventCalendarExpanderIcon, { isExpanded: data.isExpanded })), resourceHeaderRowClass: "fc-pulse-UZp fc-pulse-G56", resourceRowClass: "fc-pulse-UZp fc-pulse-G56", resourceColumnDividerClass: "fc-pulse-EWl fc-pulse-I55", 
+        /* Timeline Lane
+        ------------------------------------------------------------------------------------------- */
+        resourceGroupLaneClass: `fc-pulse-UZp fc-pulse-G56 ${pulse_EventCalendarViews.mutedBgClass}`, resourceLaneClass: "fc-pulse-UZp fc-pulse-G56", resourceLaneBottomClass: (data) => core.joinClassNames(data.options.eventOverlap && "fc-pulse-433"), timelineBottomClass: "fc-pulse-433", 
+        /* View-Specific Options
+        ------------------------------------------------------------------------------------------- */
+        views: {
+            ...userViews,
+            timeline: {
+                /* Timeline > Row Event
+                --------------------------------------------------------------------------------------- */
+                rowEventClass: (data) => core.joinClassNames(data.isEnd && "fc-pulse-bpq"),
+                rowEventInnerClass: (data) => data.options.eventOverlap ? "fc-pulse-ztx" : "fc-pulse-KyB",
+                /* Timeline > More-Link
+                --------------------------------------------------------------------------------------- */
+                rowMoreLinkClass: `fc-pulse-bpq fc-pulse-mwm fc-pulse-UZp fc-pulse-lqW fc-pulse-ePV fc-pulse-dpa ${pulse_EventCalendarViews.strongSolidPressableClass} fc-pulse-82y`,
+                rowMoreLinkInnerClass: `fc-pulse-xbC fc-pulse-HBk fc-pulse-17F`,
+                /* Timeline > Slot Header
+                --------------------------------------------------------------------------------------- */
+                slotHeaderAlign: (data) => data.isTime ? "start" : "center",
+                slotHeaderClass: (data) => core.joinClassNames(data.level > 0 && "fc-pulse-UZp fc-pulse-G56", "fc-pulse-a65"),
+                slotHeaderInnerClass: (data) => core.joinClassNames("fc-pulse-aS8 fc-pulse-gEy", data.isTime && core.joinClassNames("fc-pulse-vPs fc-pulse-WvE", data.isFirst && "fc-pulse-C9h"), data.hasNavLink && "fc-pulse-jaW"),
+                slotHeaderDividerClass: `fc-pulse-QTT fc-pulse-I55 fc-pulse-5jb`,
+                ...userViews?.timeline,
+            },
+        }, ...restOptions }));
+}
+
+exports["default"] = SchedulerViews;

package/cjs/pulse/icons.cjs

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var core = require('@fullcalendar/core');
+var ChevronLeftIcon = require('@mui/icons-material/ChevronLeft');
+var ChevronRightIcon = require('@mui/icons-material/ChevronRight');
+var CloseIcon = require('@mui/icons-material/Close');
+var ExpandMoreIcon = require('@mui/icons-material/ExpandMore');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var ChevronLeftIcon__default = /*#__PURE__*/_interopDefaultLegacy(ChevronLeftIcon);
+var ChevronRightIcon__default = /*#__PURE__*/_interopDefaultLegacy(ChevronRightIcon);
+var CloseIcon__default = /*#__PURE__*/_interopDefaultLegacy(CloseIcon);
+var ExpandMoreIcon__default = /*#__PURE__*/_interopDefaultLegacy(ExpandMoreIcon);
+
+const pressableIconClass = "fc-pulse-5Kh fc-pulse-HHp fc-pulse-La2";
+function EventCalendarPrevIcon() {
+    return React__default["default"].createElement(ChevronLeftIcon__default["default"], { className: "fc-pulse-AAt" });
+}
+function EventCalendarNextIcon() {
+    return React__default["default"].createElement(ChevronRightIcon__default["default"], { className: "fc-pulse-AAt" });
+}
+function EventCalendarCloseIcon() {
+    return (React__default["default"].createElement(CloseIcon__default["default"], { sx: { fontSize: 18, margin: "1px" }, className: pressableIconClass }));
+}
+function EventCalendarExpanderIcon({ isExpanded }) {
+    return (React__default["default"].createElement(ExpandMoreIcon__default["default"], { sx: { fontSize: 18, margin: "1px" }, className: core.joinClassNames(pressableIconClass, !isExpanded && "fc-pulse-doO fc-pulse-Bzb") }));
+}
+
+exports.EventCalendarCloseIcon = EventCalendarCloseIcon;
+exports.EventCalendarExpanderIcon = EventCalendarExpanderIcon;
+exports.EventCalendarNextIcon = EventCalendarNextIcon;
+exports.EventCalendarPrevIcon = EventCalendarPrevIcon;