@fullcalendar/list 7.0.0-beta.4 → 7.0.0-beta.5

package/esm/internal.js

@@ -0,0 +1,220 @@
+import { joinClassNames } from '@fullcalendar/core';
+import { BaseComponent, findDayNumberText, buildNavLinkAttrs, ContentContainer, renderText, formatDayString, WEEKDAY_ONLY_FORMAT, FULL_DATE_FORMAT, createFormatter, StandardEvent, memoize, getDateMeta, sortEventSegs, buildDateStr, generateClassName, getEventKey, getEventRangeMeta, DateComponent, getIsHeightAuto, ViewContainer, Scroller, joinArrayishClassNames, NowTimer, sliceEventStore, intersectRanges, startOfDay, addDays } from '@fullcalendar/core/internal';
+import classNames from '@fullcalendar/core/internal-classnames';
+import { createElement, Fragment } from '@fullcalendar/core/preact';
+
+class ListDayHeaderInner extends BaseComponent {
+    render() {
+        const { props, context } = this;
+        const { options } = context;
+        const [text, textParts] = context.dateEnv.format(props.dayDate, props.dayFormat);
+        const hasNavLink = options.navLinks;
+        const renderProps = Object.assign(Object.assign({}, props.dateMeta), { view: context.viewApi, text,
+            textParts,
+            get dayNumberText() { return findDayNumberText(textParts); },
+            hasNavLink, level: props.level });
+        const navLinkAttrs = hasNavLink
+            ? buildNavLinkAttrs(this.context, props.dayDate, undefined, text, this.props.isTabbable)
+            : {};
+        return (createElement(ContentContainer, { tag: "div", attrs: navLinkAttrs, renderProps: renderProps, generatorName: "listDayHeaderContent", customGenerator: options.listDayHeaderContent, defaultGenerator: renderText, classNameGenerator: options.listDayHeaderInnerClass }));
+    }
+}
+
+class ListDayHeader extends BaseComponent {
+    render() {
+        var _a, _b;
+        let { options, viewApi, viewSpec } = this.context;
+        let { dayDate, dateMeta } = this.props;
+        let stickyHeaderDates = !this.props.forPrint;
+        const listDayFormat = (_a = options.listDayFormat) !== null && _a !== void 0 ? _a : createDefaultListDayFormat(viewSpec);
+        const listDaySideFormat = (_b = options.listDaySideFormat) !== null && _b !== void 0 ? _b : createDefaultListDaySideFormat(viewSpec);
+        let renderProps = Object.assign(Object.assign({}, dateMeta), { view: viewApi });
+        return (createElement(ContentContainer, { tag: "div", attrs: Object.assign({ 'data-date': formatDayString(dayDate) }, (dateMeta.isToday ? { 'aria-current': 'date' } : {})), className: stickyHeaderDates ? classNames.stickyT : '', renderProps: renderProps, generatorName: undefined, classNameGenerator: options.listDayHeaderClass, didMount: options.listDayHeaderDidMount, willUnmount: options.listDayHeaderWillUnmount }, () => (createElement(Fragment, null,
+            Boolean(listDayFormat) && (createElement(ListDayHeaderInner, { dayDate: dayDate, dayFormat: listDayFormat, isTabbable: true, dateMeta: dateMeta, level: 0 })),
+            Boolean(listDaySideFormat) && (createElement(ListDayHeaderInner, { dayDate: dayDate, dayFormat: listDaySideFormat, isTabbable: false, dateMeta: dateMeta, level: 1 }))))));
+    }
+}
+function createDefaultListDayFormat({ durationUnit, singleUnit }) {
+    if (singleUnit === 'day') {
+        return WEEKDAY_ONLY_FORMAT;
+    }
+    else if (durationUnit === 'day' || singleUnit === 'week') {
+        return WEEKDAY_ONLY_FORMAT;
+    }
+    else {
+        return FULL_DATE_FORMAT;
+    }
+}
+function createDefaultListDaySideFormat({ durationUnit, singleUnit }) {
+    if (singleUnit === 'day') ;
+    else if (durationUnit === 'day' || singleUnit === 'week') {
+        return FULL_DATE_FORMAT;
+    }
+    else {
+        return WEEKDAY_ONLY_FORMAT;
+    }
+}
+
+const DEFAULT_TIME_FORMAT = createFormatter({
+    hour: 'numeric',
+    minute: '2-digit',
+    meridiem: 'short',
+});
+class ListEvent extends BaseComponent {
+    render() {
+        let { props, context } = this;
+        let { eventRange } = props;
+        let forcedTimeText = (eventRange.def.allDay || (!props.isStart && !props.isEnd))
+            ? context.options.allDayText
+            : undefined;
+        return (createElement(StandardEvent, Object.assign({}, props, { attrs: {
+                role: 'listitem',
+            }, forcedTimeText: forcedTimeText, defaultTimeFormat: DEFAULT_TIME_FORMAT, disableDragging: true, disableResizing: true, disableZindexes // because conflicts with sticky list headers
+            : true, display: 'list-item' })));
+    }
+}
+
+class ListDay extends BaseComponent {
+    constructor() {
+        super(...arguments);
+        // memo
+        this.getDateMeta = memoize(getDateMeta);
+        this.sortEventSegs = memoize(sortEventSegs);
+    }
+    render() {
+        const { props, context } = this;
+        const { nowDate, todayRange } = props;
+        const { options } = context;
+        const dateMeta = this.getDateMeta(props.dayDate, context.dateEnv, undefined, todayRange);
+        const segs = this.sortEventSegs(props.segs, options.eventOrder);
+        const fullDateStr = buildDateStr(this.context, props.dayDate);
+        return (createElement("div", { role: 'listitem', "aria-label": fullDateStr, className: generateClassName(options.listDayClass, Object.assign(Object.assign({}, dateMeta), { view: context.viewApi })) },
+            createElement(ListDayHeader, { dayDate: props.dayDate, dateMeta: dateMeta, forPrint: props.forPrint }),
+            createElement("div", { role: 'list', "aria-label": options.eventsHint, className: joinClassNames(generateClassName(options.listDayEventsClass, dateMeta), classNames.flexCol) }, segs.map((seg) => {
+                const key = getEventKey(seg);
+                return (createElement(ListEvent, Object.assign({ key: key, eventRange: seg.eventRange, slicedStart: seg.slicedStart, slicedEnd: seg.slicedEnd, isStart: seg.isStart, isEnd: seg.isEnd, isDragging: false, isResizing: false, isMirror: false, isSelected: false }, getEventRangeMeta(seg.eventRange, todayRange, nowDate))));
+            }))));
+    }
+}
+
+/*
+Responsible for the scroller, and forwarding event-related actions into the "grid".
+*/
+class ListView extends DateComponent {
+    constructor() {
+        super(...arguments);
+        // memo
+        this.computeDateVars = memoize(computeDateVars);
+        this.eventStoreToSegs = memoize(this._eventStoreToSegs);
+        this.setRootEl = (rootEl) => {
+            if (rootEl) {
+                this.context.registerInteractiveComponent(this, {
+                    el: rootEl,
+                    disableHits: true, // HACK to not do date-clicking/selecting
+                });
+            }
+            else {
+                this.context.unregisterInteractiveComponent(this);
+            }
+        };
+    }
+    render() {
+        let { props, context } = this;
+        let { options } = context;
+        let { dayDates, dayRanges } = this.computeDateVars(props.dateProfile);
+        let eventSegs = this.eventStoreToSegs(props.eventStore, props.eventUiBases, dayRanges);
+        let verticalScrolling = !props.forPrint && !getIsHeightAuto(options);
+        return (createElement(ViewContainer, { viewSpec: context.viewSpec, className: joinClassNames(props.className, classNames.flexCol), elRef: this.setRootEl, borderlessX: props.borderlessX, borderlessTop: props.borderlessTop, borderlessBottom: props.borderlessBottom, noEdgeEffects: props.noEdgeEffects }, eventSegs.length ? (createElement(Scroller // TODO: don't need heavyweight component
+        , { vertical: verticalScrolling, className: joinClassNames(classNames.flexCol, verticalScrolling ? classNames.liquid : '') }, this.renderSegList(eventSegs, dayDates))) : this.renderEmptyMessage()));
+    }
+    renderEmptyMessage() {
+        let { options, viewApi } = this.context;
+        let renderProps = {
+            text: options.noEventsText,
+            view: viewApi,
+        };
+        return (createElement(ContentContainer, { tag: "div", attrs: {
+                role: 'status', // does a polite announcement
+            }, renderProps: renderProps, generatorName: "noEventsContent", customGenerator: options.noEventsContent, defaultGenerator: renderNoEventsInner, classNameGenerator: options.noEventsClass, className: classNames.grow, didMount: options.noEventsDidMount, willUnmount: options.noEventsWillUnmount }, (InnerContent) => (createElement(InnerContent, { tag: "div", className: generateClassName(options.noEventsInnerClass, renderProps) }))));
+    }
+    renderSegList(allSegs, dayDates) {
+        let { options } = this.context;
+        let segsByDay = groupSegsByDay(allSegs); // sparse array
+        return (createElement("div", { role: "list", "aria-labelledby": this.props.labelId, "aria-label": this.props.labelStr, className: joinClassNames(classNames.flexCol, joinArrayishClassNames(options.listDaysClass)) },
+            createElement(NowTimer, { unit: "day" }, (nowDate, todayRange) => {
+                const dayNodes = [];
+                for (let dayIndex = 0; dayIndex < segsByDay.length; dayIndex += 1) {
+                    let daySegs = segsByDay[dayIndex];
+                    if (daySegs) { // sparse array, so might be undefined
+                        const dayDate = dayDates[dayIndex];
+                        const key = formatDayString(dayDate);
+                        dayNodes.push(createElement(ListDay, { key: key, dayDate: dayDate, nowDate: nowDate, todayRange: todayRange, segs: daySegs, forPrint: this.props.forPrint }));
+                    }
+                }
+                return (createElement(Fragment, null, dayNodes));
+            })));
+    }
+    _eventStoreToSegs(eventStore, eventUiBases, dayRanges) {
+        return this.eventRangesToSegs(sliceEventStore(eventStore, eventUiBases, 
+        // HACKY to reference internal state...
+        this.props.dateProfile.activeRange, this.context.options.nextDayThreshold).fg, dayRanges);
+    }
+    eventRangesToSegs(fullDayEventRanges, dayRanges) {
+        let segs = [];
+        for (let fullDayEventRange of fullDayEventRanges) {
+            segs.push(...this.eventRangeToSegs(fullDayEventRange, dayRanges));
+        }
+        return segs;
+    }
+    eventRangeToSegs(fullDayEventRange, dayRanges) {
+        let fullDayRange = fullDayEventRange.range;
+        let dayIndex;
+        let segs = [];
+        for (dayIndex = 0; dayIndex < dayRanges.length; dayIndex += 1) {
+            const slicedFullDayRange = intersectRanges(fullDayRange, dayRanges[dayIndex]);
+            if (slicedFullDayRange) {
+                segs.push({
+                    eventRange: fullDayEventRange,
+                    slicedStart: slicedFullDayRange.start,
+                    slicedEnd: slicedFullDayRange.end,
+                    isStart: fullDayEventRange.isStart && fullDayRange.start.valueOf() === slicedFullDayRange.start.valueOf(),
+                    isEnd: fullDayEventRange.isEnd && fullDayRange.end.valueOf() === slicedFullDayRange.end.valueOf(),
+                    dayIndex,
+                });
+            }
+        }
+        return segs;
+    }
+}
+function renderNoEventsInner(renderProps) {
+    return renderProps.text;
+}
+function computeDateVars(dateProfile) {
+    let dayStart = startOfDay(dateProfile.renderRange.start);
+    let viewEnd = dateProfile.renderRange.end;
+    let dayDates = [];
+    let dayRanges = [];
+    while (dayStart < viewEnd) {
+        dayDates.push(dayStart);
+        dayRanges.push({
+            start: dayStart,
+            end: addDays(dayStart, 1),
+        });
+        dayStart = addDays(dayStart, 1);
+    }
+    return { dayDates, dayRanges };
+}
+// Returns a sparse array of arrays, segs grouped by their dayIndex
+function groupSegsByDay(segs) {
+    let segsByDay = []; // sparse array
+    let i;
+    let seg;
+    for (i = 0; i < segs.length; i += 1) {
+        seg = segs[i];
+        (segsByDay[seg.dayIndex] || (segsByDay[seg.dayIndex] = []))
+            .push(seg);
+    }
+    return segsByDay;
+}
+
+export { ListView };

package/global.js

@@ -0,0 +1,290 @@
+/*!
+FullCalendar List View Plugin v7.0.0-beta.5
+Docs & License: https://fullcalendar.io/docs/list-view
+(c) 2025 Adam Shaw
+*/
+FullCalendar.List = (function (exports, core, internal$1, classNames, preact) {
+    'use strict';
+
+    function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+    var classNames__default = /*#__PURE__*/_interopDefault(classNames);
+
+    class ListDayHeaderInner extends internal$1.BaseComponent {
+        render() {
+            const { props, context } = this;
+            const { options } = context;
+            const [text, textParts] = context.dateEnv.format(props.dayDate, props.dayFormat);
+            const hasNavLink = options.navLinks;
+            const renderProps = Object.assign(Object.assign({}, props.dateMeta), { view: context.viewApi, text,
+                textParts,
+                get dayNumberText() { return internal$1.findDayNumberText(textParts); },
+                hasNavLink, level: props.level });
+            const navLinkAttrs = hasNavLink
+                ? internal$1.buildNavLinkAttrs(this.context, props.dayDate, undefined, text, this.props.isTabbable)
+                : {};
+            return (preact.createElement(internal$1.ContentContainer, { tag: "div", attrs: navLinkAttrs, renderProps: renderProps, generatorName: "listDayHeaderContent", customGenerator: options.listDayHeaderContent, defaultGenerator: internal$1.renderText, classNameGenerator: options.listDayHeaderInnerClass }));
+        }
+    }
+
+    class ListDayHeader extends internal$1.BaseComponent {
+        render() {
+            var _a, _b;
+            let { options, viewApi, viewSpec } = this.context;
+            let { dayDate, dateMeta } = this.props;
+            let stickyHeaderDates = !this.props.forPrint;
+            const listDayFormat = (_a = options.listDayFormat) !== null && _a !== void 0 ? _a : createDefaultListDayFormat(viewSpec);
+            const listDaySideFormat = (_b = options.listDaySideFormat) !== null && _b !== void 0 ? _b : createDefaultListDaySideFormat(viewSpec);
+            let renderProps = Object.assign(Object.assign({}, dateMeta), { view: viewApi });
+            return (preact.createElement(internal$1.ContentContainer, { tag: "div", attrs: Object.assign({ 'data-date': internal$1.formatDayString(dayDate) }, (dateMeta.isToday ? { 'aria-current': 'date' } : {})), className: stickyHeaderDates ? classNames__default["default"].stickyT : '', renderProps: renderProps, generatorName: undefined, classNameGenerator: options.listDayHeaderClass, didMount: options.listDayHeaderDidMount, willUnmount: options.listDayHeaderWillUnmount }, () => (preact.createElement(preact.Fragment, null,
+                Boolean(listDayFormat) && (preact.createElement(ListDayHeaderInner, { dayDate: dayDate, dayFormat: listDayFormat, isTabbable: true, dateMeta: dateMeta, level: 0 })),
+                Boolean(listDaySideFormat) && (preact.createElement(ListDayHeaderInner, { dayDate: dayDate, dayFormat: listDaySideFormat, isTabbable: false, dateMeta: dateMeta, level: 1 }))))));
+        }
+    }
+    function createDefaultListDayFormat({ durationUnit, singleUnit }) {
+        if (singleUnit === 'day') {
+            return internal$1.WEEKDAY_ONLY_FORMAT;
+        }
+        else if (durationUnit === 'day' || singleUnit === 'week') {
+            return internal$1.WEEKDAY_ONLY_FORMAT;
+        }
+        else {
+            return internal$1.FULL_DATE_FORMAT;
+        }
+    }
+    function createDefaultListDaySideFormat({ durationUnit, singleUnit }) {
+        if (singleUnit === 'day') ;
+        else if (durationUnit === 'day' || singleUnit === 'week') {
+            return internal$1.FULL_DATE_FORMAT;
+        }
+        else {
+            return internal$1.WEEKDAY_ONLY_FORMAT;
+        }
+    }
+
+    const DEFAULT_TIME_FORMAT = internal$1.createFormatter({
+        hour: 'numeric',
+        minute: '2-digit',
+        meridiem: 'short',
+    });
+    class ListEvent extends internal$1.BaseComponent {
+        render() {
+            let { props, context } = this;
+            let { eventRange } = props;
+            let forcedTimeText = (eventRange.def.allDay || (!props.isStart && !props.isEnd))
+                ? context.options.allDayText
+                : undefined;
+            return (preact.createElement(internal$1.StandardEvent, Object.assign({}, props, { attrs: {
+                    role: 'listitem',
+                }, forcedTimeText: forcedTimeText, defaultTimeFormat: DEFAULT_TIME_FORMAT, disableDragging: true, disableResizing: true, disableZindexes // because conflicts with sticky list headers
+                : true, display: 'list-item' })));
+        }
+    }
+
+    class ListDay extends internal$1.BaseComponent {
+        constructor() {
+            super(...arguments);
+            // memo
+            this.getDateMeta = internal$1.memoize(internal$1.getDateMeta);
+            this.sortEventSegs = internal$1.memoize(internal$1.sortEventSegs);
+        }
+        render() {
+            const { props, context } = this;
+            const { nowDate, todayRange } = props;
+            const { options } = context;
+            const dateMeta = this.getDateMeta(props.dayDate, context.dateEnv, undefined, todayRange);
+            const segs = this.sortEventSegs(props.segs, options.eventOrder);
+            const fullDateStr = internal$1.buildDateStr(this.context, props.dayDate);
+            return (preact.createElement("div", { role: 'listitem', "aria-label": fullDateStr, className: internal$1.generateClassName(options.listDayClass, Object.assign(Object.assign({}, dateMeta), { view: context.viewApi })) },
+                preact.createElement(ListDayHeader, { dayDate: props.dayDate, dateMeta: dateMeta, forPrint: props.forPrint }),
+                preact.createElement("div", { role: 'list', "aria-label": options.eventsHint, className: core.joinClassNames(internal$1.generateClassName(options.listDayEventsClass, dateMeta), classNames__default["default"].flexCol) }, segs.map((seg) => {
+                    const key = internal$1.getEventKey(seg);
+                    return (preact.createElement(ListEvent, Object.assign({ key: key, eventRange: seg.eventRange, slicedStart: seg.slicedStart, slicedEnd: seg.slicedEnd, isStart: seg.isStart, isEnd: seg.isEnd, isDragging: false, isResizing: false, isMirror: false, isSelected: false }, internal$1.getEventRangeMeta(seg.eventRange, todayRange, nowDate))));
+                }))));
+        }
+    }
+
+    /*
+    Responsible for the scroller, and forwarding event-related actions into the "grid".
+    */
+    class ListView extends internal$1.DateComponent {
+        constructor() {
+            super(...arguments);
+            // memo
+            this.computeDateVars = internal$1.memoize(computeDateVars);
+            this.eventStoreToSegs = internal$1.memoize(this._eventStoreToSegs);
+            this.setRootEl = (rootEl) => {
+                if (rootEl) {
+                    this.context.registerInteractiveComponent(this, {
+                        el: rootEl,
+                        disableHits: true, // HACK to not do date-clicking/selecting
+                    });
+                }
+                else {
+                    this.context.unregisterInteractiveComponent(this);
+                }
+            };
+        }
+        render() {
+            let { props, context } = this;
+            let { options } = context;
+            let { dayDates, dayRanges } = this.computeDateVars(props.dateProfile);
+            let eventSegs = this.eventStoreToSegs(props.eventStore, props.eventUiBases, dayRanges);
+            let verticalScrolling = !props.forPrint && !internal$1.getIsHeightAuto(options);
+            return (preact.createElement(internal$1.ViewContainer, { viewSpec: context.viewSpec, className: core.joinClassNames(props.className, classNames__default["default"].flexCol), elRef: this.setRootEl, borderlessX: props.borderlessX, borderlessTop: props.borderlessTop, borderlessBottom: props.borderlessBottom, noEdgeEffects: props.noEdgeEffects }, eventSegs.length ? (preact.createElement(internal$1.Scroller // TODO: don't need heavyweight component
+            , { vertical: verticalScrolling, className: core.joinClassNames(classNames__default["default"].flexCol, verticalScrolling ? classNames__default["default"].liquid : '') }, this.renderSegList(eventSegs, dayDates))) : this.renderEmptyMessage()));
+        }
+        renderEmptyMessage() {
+            let { options, viewApi } = this.context;
+            let renderProps = {
+                text: options.noEventsText,
+                view: viewApi,
+            };
+            return (preact.createElement(internal$1.ContentContainer, { tag: "div", attrs: {
+                    role: 'status', // does a polite announcement
+                }, renderProps: renderProps, generatorName: "noEventsContent", customGenerator: options.noEventsContent, defaultGenerator: renderNoEventsInner, classNameGenerator: options.noEventsClass, className: classNames__default["default"].grow, didMount: options.noEventsDidMount, willUnmount: options.noEventsWillUnmount }, (InnerContent) => (preact.createElement(InnerContent, { tag: "div", className: internal$1.generateClassName(options.noEventsInnerClass, renderProps) }))));
+        }
+        renderSegList(allSegs, dayDates) {
+            let { options } = this.context;
+            let segsByDay = groupSegsByDay(allSegs); // sparse array
+            return (preact.createElement("div", { role: "list", "aria-labelledby": this.props.labelId, "aria-label": this.props.labelStr, className: core.joinClassNames(classNames__default["default"].flexCol, internal$1.joinArrayishClassNames(options.listDaysClass)) },
+                preact.createElement(internal$1.NowTimer, { unit: "day" }, (nowDate, todayRange) => {
+                    const dayNodes = [];
+                    for (let dayIndex = 0; dayIndex < segsByDay.length; dayIndex += 1) {
+                        let daySegs = segsByDay[dayIndex];
+                        if (daySegs) { // sparse array, so might be undefined
+                            const dayDate = dayDates[dayIndex];
+                            const key = internal$1.formatDayString(dayDate);
+                            dayNodes.push(preact.createElement(ListDay, { key: key, dayDate: dayDate, nowDate: nowDate, todayRange: todayRange, segs: daySegs, forPrint: this.props.forPrint }));
+                        }
+                    }
+                    return (preact.createElement(preact.Fragment, null, dayNodes));
+                })));
+        }
+        _eventStoreToSegs(eventStore, eventUiBases, dayRanges) {
+            return this.eventRangesToSegs(internal$1.sliceEventStore(eventStore, eventUiBases, 
+            // HACKY to reference internal state...
+            this.props.dateProfile.activeRange, this.context.options.nextDayThreshold).fg, dayRanges);
+        }
+        eventRangesToSegs(fullDayEventRanges, dayRanges) {
+            let segs = [];
+            for (let fullDayEventRange of fullDayEventRanges) {
+                segs.push(...this.eventRangeToSegs(fullDayEventRange, dayRanges));
+            }
+            return segs;
+        }
+        eventRangeToSegs(fullDayEventRange, dayRanges) {
+            let fullDayRange = fullDayEventRange.range;
+            let dayIndex;
+            let segs = [];
+            for (dayIndex = 0; dayIndex < dayRanges.length; dayIndex += 1) {
+                const slicedFullDayRange = internal$1.intersectRanges(fullDayRange, dayRanges[dayIndex]);
+                if (slicedFullDayRange) {
+                    segs.push({
+                        eventRange: fullDayEventRange,
+                        slicedStart: slicedFullDayRange.start,
+                        slicedEnd: slicedFullDayRange.end,
+                        isStart: fullDayEventRange.isStart && fullDayRange.start.valueOf() === slicedFullDayRange.start.valueOf(),
+                        isEnd: fullDayEventRange.isEnd && fullDayRange.end.valueOf() === slicedFullDayRange.end.valueOf(),
+                        dayIndex,
+                    });
+                }
+            }
+            return segs;
+        }
+    }
+    function renderNoEventsInner(renderProps) {
+        return renderProps.text;
+    }
+    function computeDateVars(dateProfile) {
+        let dayStart = internal$1.startOfDay(dateProfile.renderRange.start);
+        let viewEnd = dateProfile.renderRange.end;
+        let dayDates = [];
+        let dayRanges = [];
+        while (dayStart < viewEnd) {
+            dayDates.push(dayStart);
+            dayRanges.push({
+                start: dayStart,
+                end: internal$1.addDays(dayStart, 1),
+            });
+            dayStart = internal$1.addDays(dayStart, 1);
+        }
+        return { dayDates, dayRanges };
+    }
+    // Returns a sparse array of arrays, segs grouped by their dayIndex
+    function groupSegsByDay(segs) {
+        let segsByDay = []; // sparse array
+        let i;
+        let seg;
+        for (i = 0; i < segs.length; i += 1) {
+            seg = segs[i];
+            (segsByDay[seg.dayIndex] || (segsByDay[seg.dayIndex] = []))
+                .push(seg);
+        }
+        return segsByDay;
+    }
+
+    const OPTION_REFINERS = {
+        listDaysClass: internal$1.identity,
+        listDayClass: internal$1.identity,
+        listDayFormat: createFalsableFormatter,
+        listDaySideFormat: createFalsableFormatter,
+        listDayHeaderDidMount: internal$1.identity,
+        listDayHeaderWillUnmount: internal$1.identity,
+        listDayHeaderClass: internal$1.identity,
+        listDayHeaderInnerClass: internal$1.identity,
+        listDayHeaderContent: internal$1.identity,
+        listDayEventsClass: internal$1.identity,
+        noEventsClass: internal$1.identity,
+        noEventsInnerClass: internal$1.identity,
+        noEventsContent: internal$1.identity,
+        noEventsDidMount: internal$1.identity,
+        noEventsWillUnmount: internal$1.identity,
+        // noEventsText is defined in base options
+    };
+    function createFalsableFormatter(input) {
+        return input === false ? null : internal$1.createFormatter(input);
+    }
+
+    var plugin = core.createPlugin({
+        name: '@fullcalendar/list',
+        optionRefiners: OPTION_REFINERS,
+        views: {
+            list: {
+                component: ListView,
+                buttonTextKey: 'listText', // what to lookup in locale files
+            },
+            listDay: {
+                type: 'list',
+                duration: { days: 1 },
+            },
+            listWeek: {
+                type: 'list',
+                duration: { weeks: 1 },
+            },
+            listMonth: {
+                type: 'list',
+                duration: { month: 1 },
+            },
+            listYear: {
+                type: 'list',
+                duration: { year: 1 },
+            },
+        },
+    });
+
+    var internal = {
+        __proto__: null,
+        ListView: ListView
+    };
+
+    core.globalPlugins.push(plugin);
+
+    exports.Internal = internal;
+    exports["default"] = plugin;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+    return exports;
+
+})({}, FullCalendar, FullCalendar.Internal, FullCalendar.InternalClassNames, FullCalendar.Preact);

package/global.min.js

@@ -0,0 +1,6 @@
+/*!
+FullCalendar List View Plugin v7.0.0-beta.5
+Docs & License: https://fullcalendar.io/docs/list-view
+(c) 2025 Adam Shaw
+*/
+FullCalendar.List=function(e,t,a,n,s){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}var i=r(n);class l extends a.BaseComponent{render(){const{props:e,context:t}=this,{options:n}=t,[r,i]=t.dateEnv.format(e.dayDate,e.dayFormat),l=n.navLinks,o=Object.assign(Object.assign({},e.dateMeta),{view:t.viewApi,text:r,textParts:i,get dayNumberText(){return a.findDayNumberText(i)},hasNavLink:l,level:e.level}),d=l?a.buildNavLinkAttrs(this.context,e.dayDate,void 0,r,this.props.isTabbable):{};return s.createElement(a.ContentContainer,{tag:"div",attrs:d,renderProps:o,generatorName:"listDayHeaderContent",customGenerator:n.listDayHeaderContent,defaultGenerator:a.renderText,classNameGenerator:n.listDayHeaderInnerClass})}}class o extends a.BaseComponent{render(){var e,t;let{options:n,viewApi:r,viewSpec:o}=this.context,{dayDate:d,dateMeta:c}=this.props,u=!this.props.forPrint;const m=null!==(e=n.listDayFormat)&&void 0!==e?e:function({durationUnit:e,singleUnit:t}){return"day"===t||"day"===e||"week"===t?a.WEEKDAY_ONLY_FORMAT:a.FULL_DATE_FORMAT}(o),g=null!==(t=n.listDaySideFormat)&&void 0!==t?t:function({durationUnit:e,singleUnit:t}){if("day"!==t)return"day"===e||"week"===t?a.FULL_DATE_FORMAT:a.WEEKDAY_ONLY_FORMAT}(o);let y=Object.assign(Object.assign({},c),{view:r});return s.createElement(a.ContentContainer,{tag:"div",attrs:Object.assign({"data-date":a.formatDayString(d)},c.isToday?{"aria-current":"date"}:{}),className:u?i.default.stickyT:"",renderProps:y,generatorName:void 0,classNameGenerator:n.listDayHeaderClass,didMount:n.listDayHeaderDidMount,willUnmount:n.listDayHeaderWillUnmount},()=>s.createElement(s.Fragment,null,Boolean(m)&&s.createElement(l,{dayDate:d,dayFormat:m,isTabbable:!0,dateMeta:c,level:0}),Boolean(g)&&s.createElement(l,{dayDate:d,dayFormat:g,isTabbable:!1,dateMeta:c,level:1})))}}const d=a.createFormatter({hour:"numeric",minute:"2-digit",meridiem:"short"});class c extends a.BaseComponent{render(){let{props:e,context:t}=this,{eventRange:n}=e,r=n.def.allDay||!e.isStart&&!e.isEnd?t.options.allDayText:void 0;return s.createElement(a.StandardEvent,Object.assign({},e,{attrs:{role:"listitem"},forcedTimeText:r,defaultTimeFormat:d,disableDragging:!0,disableResizing:!0,disableZindexes:!0,display:"list-item"}))}}class u extends a.BaseComponent{constructor(){super(...arguments),this.getDateMeta=a.memoize(a.getDateMeta),this.sortEventSegs=a.memoize(a.sortEventSegs)}render(){const{props:e,context:n}=this,{nowDate:r,todayRange:l}=e,{options:d}=n,u=this.getDateMeta(e.dayDate,n.dateEnv,void 0,l),m=this.sortEventSegs(e.segs,d.eventOrder),g=a.buildDateStr(this.context,e.dayDate);return s.createElement("div",{role:"listitem","aria-label":g,className:a.generateClassName(d.listDayClass,Object.assign(Object.assign({},u),{view:n.viewApi}))},s.createElement(o,{dayDate:e.dayDate,dateMeta:u,forPrint:e.forPrint}),s.createElement("div",{role:"list","aria-label":d.eventsHint,className:t.joinClassNames(a.generateClassName(d.listDayEventsClass,u),i.default.flexCol)},m.map(e=>{const t=a.getEventKey(e);return s.createElement(c,Object.assign({key:t,eventRange:e.eventRange,slicedStart:e.slicedStart,slicedEnd:e.slicedEnd,isStart:e.isStart,isEnd:e.isEnd,isDragging:!1,isResizing:!1,isMirror:!1,isSelected:!1},a.getEventRangeMeta(e.eventRange,l,r)))})))}}class m extends a.DateComponent{constructor(){super(...arguments),this.computeDateVars=a.memoize(y),this.eventStoreToSegs=a.memoize(this._eventStoreToSegs),this.setRootEl=e=>{e?this.context.registerInteractiveComponent(this,{el:e,disableHits:!0}):this.context.unregisterInteractiveComponent(this)}}render(){let{props:e,context:n}=this,{options:r}=n,{dayDates:l,dayRanges:o}=this.computeDateVars(e.dateProfile),d=this.eventStoreToSegs(e.eventStore,e.eventUiBases,o),c=!e.forPrint&&!a.getIsHeightAuto(r);return s.createElement(a.ViewContainer,{viewSpec:n.viewSpec,className:t.joinClassNames(e.className,i.default.flexCol),elRef:this.setRootEl,borderlessX:e.borderlessX,borderlessTop:e.borderlessTop,borderlessBottom:e.borderlessBottom,noEdgeEffects:e.noEdgeEffects},d.length?s.createElement(a.Scroller,{vertical:c,className:t.joinClassNames(i.default.flexCol,c?i.default.liquid:"")},this.renderSegList(d,l)):this.renderEmptyMessage())}renderEmptyMessage(){let{options:e,viewApi:t}=this.context,n={text:e.noEventsText,view:t};return s.createElement(a.ContentContainer,{tag:"div",attrs:{role:"status"},renderProps:n,generatorName:"noEventsContent",customGenerator:e.noEventsContent,defaultGenerator:g,classNameGenerator:e.noEventsClass,className:i.default.grow,didMount:e.noEventsDidMount,willUnmount:e.noEventsWillUnmount},t=>s.createElement(t,{tag:"div",className:a.generateClassName(e.noEventsInnerClass,n)}))}renderSegList(e,n){let{options:r}=this.context,l=function(e){let t,a,n=[];for(t=0;t<e.length;t+=1)a=e[t],(n[a.dayIndex]||(n[a.dayIndex]=[])).push(a);return n}(e);return s.createElement("div",{role:"list","aria-labelledby":this.props.labelId,"aria-label":this.props.labelStr,className:t.joinClassNames(i.default.flexCol,a.joinArrayishClassNames(r.listDaysClass))},s.createElement(a.NowTimer,{unit:"day"},(e,t)=>{const r=[];for(let i=0;i<l.length;i+=1){let o=l[i];if(o){const l=n[i],d=a.formatDayString(l);r.push(s.createElement(u,{key:d,dayDate:l,nowDate:e,todayRange:t,segs:o,forPrint:this.props.forPrint}))}}return s.createElement(s.Fragment,null,r)}))}_eventStoreToSegs(e,t,n){return this.eventRangesToSegs(a.sliceEventStore(e,t,this.props.dateProfile.activeRange,this.context.options.nextDayThreshold).fg,n)}eventRangesToSegs(e,t){let a=[];for(let n of e)a.push(...this.eventRangeToSegs(n,t));return a}eventRangeToSegs(e,t){let n,s=e.range,r=[];for(n=0;n<t.length;n+=1){const i=a.intersectRanges(s,t[n]);i&&r.push({eventRange:e,slicedStart:i.start,slicedEnd:i.end,isStart:e.isStart&&s.start.valueOf()===i.start.valueOf(),isEnd:e.isEnd&&s.end.valueOf()===i.end.valueOf(),dayIndex:n})}return r}}function g(e){return e.text}function y(e){let t=a.startOfDay(e.renderRange.start),n=e.renderRange.end,s=[],r=[];for(;t<n;)s.push(t),r.push({start:t,end:a.addDays(t,1)}),t=a.addDays(t,1);return{dayDates:s,dayRanges:r}}const v={listDaysClass:a.identity,listDayClass:a.identity,listDayFormat:p,listDaySideFormat:p,listDayHeaderDidMount:a.identity,listDayHeaderWillUnmount:a.identity,listDayHeaderClass:a.identity,listDayHeaderInnerClass:a.identity,listDayHeaderContent:a.identity,listDayEventsClass:a.identity,noEventsClass:a.identity,noEventsInnerClass:a.identity,noEventsContent:a.identity,noEventsDidMount:a.identity,noEventsWillUnmount:a.identity};function p(e){return!1===e?null:a.createFormatter(e)}var E=t.createPlugin({name:"@fullcalendar/list",optionRefiners:v,views:{list:{component:m,buttonTextKey:"listText"},listDay:{type:"list",duration:{days:1}},listWeek:{type:"list",duration:{weeks:1}},listMonth:{type:"list",duration:{month:1}},listYear:{type:"list",duration:{year:1}}}}),D={__proto__:null,ListView:m};return t.globalPlugins.push(E),e.Internal=D,e.default=E,Object.defineProperty(e,"__esModule",{value:!0}),e}({},FullCalendar,FullCalendar.Internal,FullCalendar.InternalClassNames,FullCalendar.Preact);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fullcalendar/list",
-  "version": "7.0.0-beta.4",
+  "version": "7.0.0-beta.5",
   "title": "FullCalendar List View Plugin",
   "description": "Display events on a calendar view that looks like a bulleted list",
   "keywords": [
@@ -12,7 +12,7 @@
   ],
   "homepage": "https://fullcalendar.io/docs/list-view",
   "peerDependencies": {
-    "@fullcalendar/core": "7.0.0-beta.4"
+    "@fullcalendar/core": "7.0.0-beta.5"
   },
   "type": "module",
   "bugs": "https://fullcalendar.io/reporting-bugs",
@@ -27,28 +27,31 @@
     "email": "arshaw@arshaw.com",
     "url": "http://arshaw.com/"
   },
-  "copyright": "2024 Adam Shaw",
-  "types": "./index.d.ts",
-  "main": "./index.cjs",
-  "module": "./index.js",
-  "unpkg": "./index.global.min.js",
-  "jsdelivr": "./index.global.min.js",
+  "copyright": "2025 Adam Shaw",
+  "types": "./esm/index.d.ts",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.cjs",
+  "unpkg": "./global.min.js",
+  "jsdelivr": "./global.min.js",
   "exports": {
     "./package.json": "./package.json",
-    "./index.cjs": "./index.cjs",
-    "./index.js": "./index.js",
     ".": {
-      "types": "./index.d.ts",
-      "require": "./index.cjs",
-      "import": "./index.js"
+      "import": {
+        "types": "./esm/index.d.ts",
+        "default": "./esm/index.js"
+      },
+      "require": "./cjs/index.cjs"
     },
-    "./internal.cjs": "./internal.cjs",
-    "./internal.js": "./internal.js",
     "./internal": {
-      "types": "./internal.d.ts",
-      "require": "./internal.cjs",
-      "import": "./internal.js"
+      "import": {
+        "types": "./esm/internal.d.ts",
+        "default": "./esm/internal.js"
+      },
+      "require": "./cjs/internal.cjs"
     }
   },
-  "sideEffects": false
+  "sideEffects": [
+    "./global.js",
+    "./global.min.js"
+  ]
 }

package/index.cjs

@@ -1,56 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var index_cjs = require('@fullcalendar/core/index.cjs');
-var internalCommon = require('./internal.cjs');
-var internal_cjs = require('@fullcalendar/core/internal.cjs');
-require('@fullcalendar/core/preact.cjs');
-
-const OPTION_REFINERS = {
-    listDayFormat: createFalsableFormatter,
-    listDaySideFormat: createFalsableFormatter,
-    noEventsClassNames: internal_cjs.identity,
-    noEventsContent: internal_cjs.identity,
-    noEventsDidMount: internal_cjs.identity,
-    noEventsWillUnmount: internal_cjs.identity,
-    // noEventsText is defined in base options
-};
-function createFalsableFormatter(input) {
-    return input === false ? null : internal_cjs.createFormatter(input);
-}
-
-var index = index_cjs.createPlugin({
-    name: '@fullcalendar/list',
-    optionRefiners: OPTION_REFINERS,
-    views: {
-        list: {
-            component: internalCommon.ListView,
-            buttonTextKey: 'list',
-            listDayFormat: { month: 'long', day: 'numeric', year: 'numeric' }, // like "January 1, 2016"
-        },
-        listDay: {
-            type: 'list',
-            duration: { days: 1 },
-            listDayFormat: { weekday: 'long' }, // day-of-week is all we need. full date is probably in headerToolbar
-        },
-        listWeek: {
-            type: 'list',
-            duration: { weeks: 1 },
-            listDayFormat: { weekday: 'long' },
-            listDaySideFormat: { month: 'long', day: 'numeric', year: 'numeric' },
-        },
-        listMonth: {
-            type: 'list',
-            duration: { month: 1 },
-            listDaySideFormat: { weekday: 'long' }, // day-of-week is nice-to-have
-        },
-        listYear: {
-            type: 'list',
-            duration: { year: 1 },
-            listDaySideFormat: { weekday: 'long' }, // day-of-week is nice-to-have
-        },
-    },
-});
-
-exports["default"] = index;