@fullcalendar/mui 7.0.0-beta.5

package/cjs/monarch/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 monarch_EventCalendarToolbar = require('./EventCalendarToolbar.cjs');
+var monarch_SchedulerViews = require('./SchedulerViews.cjs');
+var monarch_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(monarch_EventCalendarContainer["default"], { direction: direction, className: className, height: height, borderless: restOptions.borderless, borderlessX: restOptions.borderlessX, borderlessTop: restOptions.borderlessTop, borderlessBottom: restOptions.borderlessBottom },
+        React__default["default"].createElement(monarch_EventCalendarToolbar["default"], { controller: controller, availableViews: availableViews, addButton: addButton }),
+        React__default["default"].createElement(monarch_SchedulerViews["default"], { liquidHeight: !autoHeight && height !== undefined, height: autoHeight ? 'auto' : contentHeight, initialView: availableViews[0], navLinkDayClick: navLinkDayClick, navLinkWeekClick: navLinkWeekClick, borderless: true, controller: controller, plugins: [...plugins, ...userPlugins], ...restOptions })));
+}
+
+exports["default"] = ResourceTimeGrid;

package/cjs/monarch/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 monarch_EventCalendarToolbar = require('./EventCalendarToolbar.cjs');
+var monarch_SchedulerViews = require('./SchedulerViews.cjs');
+var monarch_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(monarch_EventCalendarContainer["default"], { direction: direction, className: className, height: height, borderless: restOptions.borderless, borderlessX: restOptions.borderlessX, borderlessTop: restOptions.borderlessTop, borderlessBottom: restOptions.borderlessBottom },
+        React__default["default"].createElement(monarch_EventCalendarToolbar["default"], { controller: controller, availableViews: availableViews, addButton: addButton }),
+        React__default["default"].createElement(monarch_SchedulerViews["default"], { liquidHeight: !autoHeight && height !== undefined, height: autoHeight ? 'auto' : contentHeight, initialView: availableViews[0], navLinkDayClick: navLinkDayClick, navLinkWeekClick: navLinkWeekClick, borderless: true, controller: controller, plugins: [...plugins, ...userPlugins], ...restOptions })));
+}
+
+exports["default"] = ResourceTimeline;

package/cjs/monarch/SchedulerViews.cjs

@@ -0,0 +1,83 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var core = require('@fullcalendar/core');
+var monarch_EventCalendarViews = require('./EventCalendarViews.cjs');
+var monarch_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);
+
+const resourceDayHeaderClasses = {
+    dayHeaderInnerClass: "fc-monarch-Sb2",
+    dayHeaderDividerClass: `fc-monarch-QTT fc-monarch-G56`,
+};
+function SchedulerViews({ views: userViews, ...restOptions }) {
+    return (React__default["default"].createElement(monarch_EventCalendarViews["default"]
+    /* Resource Day Header
+    ------------------------------------------------------------------------------------------- */
+    , { 
+        /* Resource Day Header
+        ------------------------------------------------------------------------------------------- */
+        resourceDayHeaderAlign: "center", resourceDayHeaderClass: (data) => core.joinClassNames("fc-monarch-UZp", data.isMajor
+            ? "fc-monarch-I55"
+            : "fc-monarch-G56"), resourceDayHeaderInnerClass: (data) => core.joinClassNames("fc-monarch-aS8 fc-monarch-Hhr fc-monarch-bXY", data.isNarrow ? "fc-monarch-17F" : "fc-monarch-gEy"), 
+        /* Resource Data Grid
+        ------------------------------------------------------------------------------------------- */
+        resourceColumnHeaderClass: "fc-monarch-UZp fc-monarch-G56 fc-monarch-a65", resourceColumnHeaderInnerClass: "fc-monarch-aS8 fc-monarch-gEy", resourceColumnResizerClass: "fc-monarch-YA2 fc-monarch-8ZZ fc-monarch-Ahl fc-monarch-W3O", resourceGroupHeaderClass: `fc-monarch-UZp fc-monarch-G56 ${monarch_EventCalendarViews.faintBgClass}`, resourceGroupHeaderInnerClass: "fc-monarch-aS8 fc-monarch-gEy", resourceCellClass: "fc-monarch-UZp fc-monarch-G56", resourceCellInnerClass: "fc-monarch-aS8 fc-monarch-gEy", resourceIndentClass: "fc-monarch-fpO fc-monarch-aCj fc-monarch-a65", resourceExpanderClass: `fc-monarch-ytQ fc-monarch-xbC fc-monarch-IdG ${monarch_EventCalendarViews.mutedHoverPressableClass} ${monarch_EventCalendarViews.outlineWidthFocusClass} ${monarch_EventCalendarViews.tertiaryOutlineColorClass}`, resourceExpanderContent: (data) => (React__default["default"].createElement(monarch_icons.EventCalendarExpanderIcon, { isExpanded: data.isExpanded })), resourceHeaderRowClass: "fc-monarch-UZp fc-monarch-G56", resourceRowClass: "fc-monarch-UZp fc-monarch-G56", resourceColumnDividerClass: "fc-monarch-EWl fc-monarch-I55", 
+        /* Timeline Lane
+        ------------------------------------------------------------------------------------------- */
+        resourceGroupLaneClass: `fc-monarch-UZp fc-monarch-G56 ${monarch_EventCalendarViews.faintBgClass}`, resourceLaneClass: "fc-monarch-UZp fc-monarch-G56", resourceLaneBottomClass: (data) => core.joinClassNames(data.options.eventOverlap && "fc-monarch-433"), timelineBottomClass: "fc-monarch-433", 
+        /* View-Specific Options
+        ------------------------------------------------------------------------------------------- */
+        views: {
+            ...userViews,
+            resourceTimeGrid: {
+                ...resourceDayHeaderClasses,
+                ...userViews?.resourceTimeGrid,
+            },
+            resourceDayGrid: {
+                ...resourceDayHeaderClasses,
+                ...userViews?.resourceDayGrid,
+            },
+            timeline: {
+                /* Timeline > Row Event
+                --------------------------------------------------------------------------------------- */
+                rowEventClass: (data) => core.joinClassNames(data.isEnd && "fc-monarch-bpq"),
+                rowEventInnerClass: (data) => data.options.eventOverlap ? "fc-monarch-ztx" : "fc-monarch-KyB",
+                /* Timeline > More-Link
+                --------------------------------------------------------------------------------------- */
+                rowMoreLinkClass: `fc-monarch-bpq fc-monarch-mwm fc-monarch-dpa fc-monarch-UZp fc-monarch-lqW fc-monarch-ePV ${monarch_EventCalendarViews.strongSolidPressableClass} fc-monarch-82y`,
+                rowMoreLinkInnerClass: "fc-monarch-xbC fc-monarch-17F",
+                /* Timeline > Slot Header
+                --------------------------------------------------------------------------------------- */
+                slotHeaderSticky: "0.5rem",
+                slotHeaderAlign: (data) => (data.level || data.isTime) ? "start" : "center",
+                slotHeaderClass: (data) => core.joinClassNames("fc-monarch-UZp", data.level
+                    ? "fc-monarch-lqW fc-monarch-mMs"
+                    : core.joinClassNames("fc-monarch-G56", data.isTime
+                        ? "fc-monarch-433 fc-monarch-Knn fc-monarch-RhI"
+                        : "fc-monarch-a65")),
+                slotHeaderInnerClass: (data) => core.joinClassNames("fc-monarch-gEy", data.level
+                    ? core.joinClassNames("fc-monarch-kOE fc-monarch-ybQ fc-monarch-ztx fc-monarch-IdG", data.hasNavLink
+                        ? monarch_EventCalendarViews.secondaryPressableClass
+                        : monarch_EventCalendarViews.secondaryClass)
+                    : core.joinClassNames("fc-monarch-ybQ", data.isTime
+                        ? core.joinClassNames("fc-monarch-tg1 fc-monarch-vPs fc-monarch-WvE", data.isFirst && "fc-monarch-C9h")
+                        : "fc-monarch-KyB", data.hasNavLink && "fc-monarch-jaW")),
+                slotHeaderDividerClass: `fc-monarch-QTT fc-monarch-G56`,
+                ...userViews?.timeline,
+            },
+        }, ...restOptions }));
+}
+
+exports["default"] = SchedulerViews;

package/cjs/monarch/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-monarch-5Kh fc-monarch-HHp fc-monarch-La2";
+function EventCalendarPrevIcon() {
+    return React__default["default"].createElement(ChevronLeftIcon__default["default"], { className: "fc-monarch-AAt" });
+}
+function EventCalendarNextIcon() {
+    return React__default["default"].createElement(ChevronRightIcon__default["default"], { className: "fc-monarch-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-monarch-doO fc-monarch-Bzb") }));
+}
+
+exports.EventCalendarCloseIcon = EventCalendarCloseIcon;
+exports.EventCalendarExpanderIcon = EventCalendarExpanderIcon;
+exports.EventCalendarNextIcon = EventCalendarNextIcon;
+exports.EventCalendarPrevIcon = EventCalendarPrevIcon;

package/cjs/pulse/EventCalendar.cjs

@@ -0,0 +1,62 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var FullCalendar = require('@fullcalendar/react');
+var dayGridPlugin = require('@fullcalendar/daygrid');
+var timeGridPlugin = require('@fullcalendar/timegrid');
+var listPlugin = require('@fullcalendar/list');
+var interactionPlugin = require('@fullcalendar/interaction');
+var multiMonthPlugin = require('@fullcalendar/multimonth');
+var pulse_EventCalendarToolbar = require('./EventCalendarToolbar.cjs');
+var pulse_EventCalendarViews = require('./EventCalendarViews.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('@mui/material');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var dayGridPlugin__default = /*#__PURE__*/_interopDefaultLegacy(dayGridPlugin);
+var timeGridPlugin__default = /*#__PURE__*/_interopDefaultLegacy(timeGridPlugin);
+var listPlugin__default = /*#__PURE__*/_interopDefaultLegacy(listPlugin);
+var interactionPlugin__default = /*#__PURE__*/_interopDefaultLegacy(interactionPlugin);
+var multiMonthPlugin__default = /*#__PURE__*/_interopDefaultLegacy(multiMonthPlugin);
+
+const plugins = [
+    dayGridPlugin__default["default"],
+    timeGridPlugin__default["default"],
+    listPlugin__default["default"],
+    interactionPlugin__default["default"],
+    multiMonthPlugin__default["default"],
+];
+const defaultAvailableViews = [
+    'dayGridMonth',
+    'timeGridWeek',
+    'timeGridDay',
+    'listWeek',
+    'multiMonthYear',
+];
+const navLinkDayClick = 'timeGridDay';
+const navLinkWeekClick = 'timeGridWeek';
+function EventCalendar({ 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_EventCalendarViews["default"], { liquidHeight: !autoHeight && height !== undefined, height: autoHeight ? 'auto' : contentHeight, initialView: availableViews[0], navLinkDayClick: navLinkDayClick, navLinkWeekClick: navLinkWeekClick, controller: controller, plugins: [...plugins, ...userPlugins], ...restOptions })));
+}
+
+exports["default"] = EventCalendar;

package/cjs/pulse/EventCalendarContainer.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var Box = require('@mui/material/Box');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Box__default = /*#__PURE__*/_interopDefaultLegacy(Box);
+
+function EventCalendarContainer(props) {
+    return (React__default["default"].createElement(Box__default["default"], { dir: props.direction === 'rtl' ? 'rtl' : undefined, className: props.className, sx: {
+            display: 'flex',
+            flexDirection: 'column',
+            gap: 3,
+            height: props.height,
+        } }, props.children));
+}
+
+exports["default"] = EventCalendarContainer;

package/cjs/pulse/EventCalendarToolbar.cjs

@@ -0,0 +1,62 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var Box = require('@mui/material/Box');
+var Button = require('@mui/material/Button');
+var IconButton = require('@mui/material/IconButton');
+var Typography = require('@mui/material/Typography');
+var ToggleButtonGroup = require('@mui/material/ToggleButtonGroup');
+var ToggleButton = require('@mui/material/ToggleButton');
+var pulse_icons = 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');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Box__default = /*#__PURE__*/_interopDefaultLegacy(Box);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+var IconButton__default = /*#__PURE__*/_interopDefaultLegacy(IconButton);
+var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
+var ToggleButtonGroup__default = /*#__PURE__*/_interopDefaultLegacy(ToggleButtonGroup);
+var ToggleButton__default = /*#__PURE__*/_interopDefaultLegacy(ToggleButton);
+
+function EventCalendarToolbar({ controller, availableViews, addButton, borderlessX, }) {
+    const buttons = controller.getButtonState();
+    return (React__default["default"].createElement(Box__default["default"], { sx: {
+            display: 'flex',
+            flexWrap: 'wrap',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            gap: 1,
+            px: borderlessX ? 1.5 : undefined,
+        } },
+        React__default["default"].createElement(Box__default["default"], { sx: {
+                display: 'flex',
+                flexShrink: 0,
+                alignItems: 'center',
+                gap: 1,
+            } },
+            addButton && (React__default["default"].createElement(Button__default["default"], { onClick: addButton.click, "aria-label": addButton.hint, variant: addButton.isPrimary === false ? 'outlined' : 'contained' }, addButton.text)),
+            React__default["default"].createElement(Button__default["default"], { onClick: () => controller.today(), "aria-label": buttons.today.hint, variant: "outlined" }, buttons.today.text),
+            React__default["default"].createElement(Box__default["default"], { sx: {
+                    display: 'flex',
+                    alignItems: 'center',
+                } },
+                React__default["default"].createElement(IconButton__default["default"], { onClick: () => controller.prev(), disabled: buttons.prev.isDisabled, "aria-label": buttons.prev.hint },
+                    React__default["default"].createElement(pulse_icons.EventCalendarPrevIcon, null)),
+                React__default["default"].createElement(IconButton__default["default"], { onClick: () => controller.next(), disabled: buttons.next.isDisabled, "aria-label": buttons.next.hint },
+                    React__default["default"].createElement(pulse_icons.EventCalendarNextIcon, null))),
+            React__default["default"].createElement(Typography__default["default"], { variant: "h5" }, controller.view?.title)),
+        React__default["default"].createElement(ToggleButtonGroup__default["default"], { size: "small", exclusive: true, value: controller.view?.type, onChange: (_ev, val) => {
+                controller.changeView(val);
+            } }, availableViews.map((availableView) => (React__default["default"].createElement(ToggleButton__default["default"], { key: availableView, value: availableView, "aria-label": buttons[availableView]?.hint, color: "primary" },
+            React__default["default"].createElement(Box__default["default"], { sx: { px: 1 } }, buttons[availableView]?.text)))))));
+}
+
+exports["default"] = EventCalendarToolbar;