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

package/index.d.ts

@@ -1,27 +0,0 @@
-import { ClassNamesGenerator, FormatterInput, PluginDef } from '@fullcalendar/core';
-import { Identity, CustomContentGenerator, DidMountHandler, WillUnmountHandler, DateFormatter } from '@fullcalendar/core/internal';
-import { N as NoEventsContentArg, a as NoEventsMountArg } from './internal-common.js';
-export { N as NoEventsContentArg, a as NoEventsMountArg } from './internal-common.js';
-import '@fullcalendar/core/preact';
-
-declare const OPTION_REFINERS: {
-    listDayFormat: typeof createFalsableFormatter;
-    listDaySideFormat: typeof createFalsableFormatter;
-    noEventsClassNames: Identity<ClassNamesGenerator<NoEventsContentArg>>;
-    noEventsContent: Identity<CustomContentGenerator<NoEventsContentArg>>;
-    noEventsDidMount: Identity<DidMountHandler<NoEventsMountArg>>;
-    noEventsWillUnmount: Identity<WillUnmountHandler<NoEventsMountArg>>;
-};
-declare function createFalsableFormatter(input: FormatterInput | false): DateFormatter;
-
-type ExtraOptionRefiners = typeof OPTION_REFINERS;
-declare module '@fullcalendar/core/internal' {
-    interface BaseOptionRefiners extends ExtraOptionRefiners {
-    }
-}
-//# sourceMappingURL=ambient.d.ts.map
-
-declare const _default: PluginDef;
-//# sourceMappingURL=index.d.ts.map
-
-export { _default as default };

package/index.global.js

@@ -1,326 +0,0 @@
-/*!
-FullCalendar List View Plugin v7.0.0-beta.3
-Docs & License: https://fullcalendar.io/docs/list-view
-(c) 2024 Adam Shaw
-*/
-FullCalendar.List = (function (exports, core, internal$1, preact) {
-    'use strict';
-
-    class ListDayHeader extends internal$1.BaseComponent {
-        render() {
-            let { dateEnv, options, viewApi } = this.context;
-            let { dayDate, todayRange } = this.props;
-            let stickyHeaderDates = !this.props.forPrint && internal$1.getStickyHeaderDates(options);
-            let dayMeta = internal$1.getDateMeta(dayDate, todayRange);
-            // will ever be falsy?
-            let text = options.listDayFormat ? dateEnv.format(dayDate, options.listDayFormat) : '';
-            // will ever be falsy? also, BAD NAME "alt"
-            let sideText = options.listDaySideFormat ? dateEnv.format(dayDate, options.listDaySideFormat) : '';
-            let renderProps = Object.assign({ date: dateEnv.toDate(dayDate), view: viewApi, text,
-                sideText, navLinkAttrs: internal$1.buildNavLinkAttrs(this.context, dayDate), sideNavLinkAttrs: internal$1.buildNavLinkAttrs(this.context, dayDate, 'day', false) }, dayMeta);
-            // TODO: make a reusable HOC for dayHeader (used in daygrid/timegrid too)
-            return (preact.createElement("div", { className: internal$1.joinClassNames('fc-list-day-outer', stickyHeaderDates && 'fc-list-day-outer-sticky') },
-                preact.createElement(internal$1.ContentContainer, { tag: "div", className: internal$1.joinClassNames('fc-list-day', internal$1.getDayClassName(dayMeta)), attrs: {
-                        'data-date': internal$1.formatDayString(dayDate),
-                    }, renderProps: renderProps, generatorName: "dayHeaderContent", customGenerator: options.dayHeaderContent, defaultGenerator: renderInnerContent, classNameGenerator: options.dayHeaderClassNames, didMount: options.dayHeaderDidMount, willUnmount: options.dayHeaderWillUnmount })));
-        }
-    }
-    function renderInnerContent(props) {
-        return (preact.createElement(preact.Fragment, null,
-            props.text && (preact.createElement("a", Object.assign({ id: props.textId, className: "fc-list-day-text" }, props.navLinkAttrs), props.text)),
-            props.sideText && ( /* not keyboard tabbable */preact.createElement("a", Object.assign({ className: "fc-list-day-side-text" }, props.sideNavLinkAttrs), props.sideText))));
-    }
-
-    const DEFAULT_TIME_FORMAT = internal$1.createFormatter({
-        hour: 'numeric',
-        minute: '2-digit',
-        meridiem: 'short',
-    });
-    class ListEvent extends internal$1.BaseComponent {
-        constructor() {
-            super(...arguments);
-            this.handleTitleEl = (titleEl) => {
-                if (this.disconnectTitleWidth) {
-                    this.disconnectTitleWidth();
-                }
-                if (titleEl) {
-                    this.disconnectTitleWidth = internal$1.watchWidth(titleEl, (titleWidth) => {
-                        internal$1.setRef(this.props.timeWidthRef, titleWidth);
-                    });
-                }
-            };
-        }
-        render() {
-            let { props, context } = this;
-            let { eventRange } = props;
-            let { options } = context;
-            let timeFormat = options.eventTimeFormat || DEFAULT_TIME_FORMAT;
-            let anchorAttrs = internal$1.getEventRangeAnchorAttrs(eventRange, context);
-            return (preact.createElement(internal$1.EventContainer, Object.assign({}, props, { tag: anchorAttrs ? 'a' : 'div', attrs: anchorAttrs, className: 'fc-list-event', defaultGenerator: renderEventTitleOnly, eventRange: eventRange, timeText: "", disableDragging: true, disableResizing: true }), (InnerContent, eventContentArg) => (preact.createElement(preact.Fragment, null,
-                preact.createElement("div", { className: 'fc-list-event-time-outer', style: { width: props.timeOuterWidth } }, this.buildTimeContent(eventRange, props.slicedStart, props.slicedEnd, props.isStart, props.isEnd, timeFormat, context)),
-                preact.createElement("div", { className: "fc-list-event-dot-outer" },
-                    preact.createElement("span", { className: "fc-list-event-dot", style: {
-                            borderColor: eventContentArg.borderColor || eventContentArg.backgroundColor,
-                        } })),
-                preact.createElement(InnerContent, { tag: "div", className: 'fc-list-event-title' })))));
-        }
-        buildTimeContent(eventRange, // whole-day span
-        slicedStart, // view-sliced whole-day span
-        slicedEnd, // view-sliced whole-day span
-        isStart, isEnd, timeFormat, context) {
-            let { options } = context;
-            if (options.displayEventTime !== false) {
-                if (eventRange.def.allDay || (!isStart && !isEnd)) {
-                    let renderProps = {
-                        text: context.options.allDayText,
-                        view: context.viewApi,
-                    };
-                    return (preact.createElement(internal$1.ContentContainer, { tag: "div", className: 'fc-list-event-time', renderProps: renderProps, elRef: this.handleTitleEl, generatorName: "allDayContent", customGenerator: options.allDayContent, defaultGenerator: renderAllDayInner, classNameGenerator: options.allDayClassNames, didMount: options.allDayDidMount, willUnmount: options.allDayWillUnmount }));
-                }
-                else {
-                    return (preact.createElement("div", { className: "fc-list-event-time", ref: this.handleTitleEl }, internal$1.buildEventRangeTimeText(timeFormat, eventRange, slicedStart, slicedEnd, isStart, isEnd, context)));
-                }
-            }
-            return null;
-        }
-        componentWillUnmount() {
-            internal$1.setRef(this.props.timeWidthRef, null);
-        }
-    }
-    function renderEventTitleOnly(renderProps) {
-        return renderProps.event.title;
-    }
-    function renderAllDayInner(renderProps) {
-        return renderProps.text;
-    }
-
-    class ListDay extends internal$1.BaseComponent {
-        constructor() {
-            super(...arguments);
-            // memo
-            this.sortEventSegs = internal$1.memoize(internal$1.sortEventSegs);
-            // ref
-            this.timeWidthRefMap = new internal$1.RefMap(() => {
-                internal$1.afterSize(this.handleTimeWidths);
-            });
-            this.handleTimeWidths = () => {
-                const timeWidthMap = this.timeWidthRefMap.current;
-                let max = 0;
-                for (const timeWidth of timeWidthMap.values()) {
-                    max = Math.max(max, timeWidth);
-                }
-                internal$1.setRef(this.props.timeWidthRef, max);
-            };
-        }
-        render() {
-            const { props, context, timeWidthRefMap } = this;
-            const { nowDate, todayRange } = props;
-            const { options } = context;
-            const segs = this.sortEventSegs(props.segs, options.eventOrder);
-            return (preact.createElement("div", { className: 'fc-list-day-and-events' },
-                preact.createElement(ListDayHeader, { dayDate: props.dayDate, todayRange: todayRange, forPrint: props.forPrint }),
-                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, timeWidthRef: timeWidthRefMap.createRef(key), timeOuterWidth: props.timeOuterWidth, isDragging: false, isResizing: false, isDateSelecting: false, isSelected: false }, internal$1.getEventRangeMeta(seg.eventRange, todayRange, nowDate))));
-                })));
-        }
-        componentWillUnmount() {
-            internal$1.setRef(this.props.timeWidthRef, null);
-        }
-    }
-
-    /*
-    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);
-            // ref
-            this.timeWidthRefMap = new internal$1.RefMap(() => {
-                internal$1.afterSize(this.handleTimeWidths);
-            });
-            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);
-                }
-            };
-            this.handleTimeWidths = () => {
-                const timeWidthMap = this.timeWidthRefMap.current;
-                let max = 0;
-                for (const timeWidth of timeWidthMap.values()) {
-                    max = Math.max(max, timeWidth);
-                }
-                this.setState({ timeOuterWidth: max });
-            };
-        }
-        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, { elRef: this.setRootEl, className: 'fc-list fc-flex-col fc-border', viewSpec: context.viewSpec },
-                preact.createElement(internal$1.Scroller // TODO: don't need heavyweight component
-                , { vertical: verticalScrolling, className: verticalScrolling ? 'fc-liquid' : '' }, eventSegs.length > 0 ?
-                    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", className: 'fc-list-empty', renderProps: renderProps, generatorName: "noEventsContent", customGenerator: options.noEventsContent, defaultGenerator: renderNoEventsInner, classNameGenerator: options.noEventsClassNames, didMount: options.noEventsDidMount, willUnmount: options.noEventsWillUnmount }, (InnerContent) => (preact.createElement(InnerContent, { tag: "div", className: 'fc-list-empty-inner' }))));
-        }
-        renderSegList(allSegs, dayDates) {
-            let segsByDay = groupSegsByDay(allSegs); // sparse array
-            return (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, timeWidthRef: this.timeWidthRefMap.createRef(key), timeOuterWidth: this.state.timeOuterWidth }));
-                    }
-                }
-                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 = {
-        listDayFormat: createFalsableFormatter,
-        listDaySideFormat: createFalsableFormatter,
-        noEventsClassNames: 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 css_248z = ":root{--fc-list-event-dot-width:10px;--fc-list-event-hover-bg-color:#f5f5f5}.fc-list-day,.fc-list-event-dot-outer,.fc-list-event-time,.fc-list-event-title{padding:8px 14px}.fc-direction-ltr .fc-list-event-dot-outer{padding-right:0}.fc-direction-rtl .fc-list-event-dot-outer{padding-left:0}.fc-list-empty{align-items:center;background-color:var(--fc-neutral-bg-color);display:flex;height:100%;justify-content:center}.fc-list-empty-inner{margin:5em 0}.fc-list-day,.fc-list-event:not(.fc-list-day-and-events:last-child .fc-list-event:last-child){border-bottom:1px solid var(--fc-border-color)}.fc-list-day-outer-sticky{background:var(--fc-page-bg-color);position:sticky;top:0}.fc-list-day{background:var(--fc-neutral-bg-color);display:flex;font-weight:700;justify-content:space-between}.fc-list-event{display:flex;flex-direction:row}a.fc-list-event{color:inherit;text-decoration:none}.fc-list-event:hover{background-color:var(--fc-list-event-hover-bg-color)}.fc-list-event-time-outer{display:flex;flex-direction:row}.fc-list-event-dot-outer,.fc-list-event-time{white-space:nowrap}.fc-list-event-dot{border:calc(var(--fc-list-event-dot-width)/2) solid var(--fc-event-border-color);border-radius:calc(var(--fc-list-event-dot-width)/2);box-sizing:content-box;display:inline-block;height:0;width:0}a.fc-list-event:hover .fc-list-event-title{text-decoration:underline}";
-    internal$1.injectStyles(css_248z);
-
-    var plugin = core.createPlugin({
-        name: '@fullcalendar/list',
-        optionRefiners: OPTION_REFINERS,
-        views: {
-            list: {
-                component: 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
-            },
-        },
-    });
-
-    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.Preact);

package/index.global.min.js

@@ -1,6 +0,0 @@
-/*!
-FullCalendar List View Plugin v7.0.0-beta.3
-Docs & License: https://fullcalendar.io/docs/list-view
-(c) 2024 Adam Shaw
-*/
-FullCalendar.List=function(e,t,n,i){"use strict";class a extends n.BaseComponent{render(){let{dateEnv:e,options:t,viewApi:a}=this.context,{dayDate:r,todayRange:o}=this.props,l=!this.props.forPrint&&n.getStickyHeaderDates(t),d=n.getDateMeta(r,o),c=t.listDayFormat?e.format(r,t.listDayFormat):"",m=t.listDaySideFormat?e.format(r,t.listDaySideFormat):"",u=Object.assign({date:e.toDate(r),view:a,text:c,sideText:m,navLinkAttrs:n.buildNavLinkAttrs(this.context,r),sideNavLinkAttrs:n.buildNavLinkAttrs(this.context,r,"day",!1)},d);return i.createElement("div",{className:n.joinClassNames("fc-list-day-outer",l&&"fc-list-day-outer-sticky")},i.createElement(n.ContentContainer,{tag:"div",className:n.joinClassNames("fc-list-day",n.getDayClassName(d)),attrs:{"data-date":n.formatDayString(r)},renderProps:u,generatorName:"dayHeaderContent",customGenerator:t.dayHeaderContent,defaultGenerator:s,classNameGenerator:t.dayHeaderClassNames,didMount:t.dayHeaderDidMount,willUnmount:t.dayHeaderWillUnmount}))}}function s(e){return i.createElement(i.Fragment,null,e.text&&i.createElement("a",Object.assign({id:e.textId,className:"fc-list-day-text"},e.navLinkAttrs),e.text),e.sideText&&i.createElement("a",Object.assign({className:"fc-list-day-side-text"},e.sideNavLinkAttrs),e.sideText))}const r=n.createFormatter({hour:"numeric",minute:"2-digit",meridiem:"short"});class o extends n.BaseComponent{constructor(){super(...arguments),this.handleTitleEl=e=>{this.disconnectTitleWidth&&this.disconnectTitleWidth(),e&&(this.disconnectTitleWidth=n.watchWidth(e,e=>{n.setRef(this.props.timeWidthRef,e)}))}}render(){let{props:e,context:t}=this,{eventRange:a}=e,{options:s}=t,o=s.eventTimeFormat||r,d=n.getEventRangeAnchorAttrs(a,t);return i.createElement(n.EventContainer,Object.assign({},e,{tag:d?"a":"div",attrs:d,className:"fc-list-event",defaultGenerator:l,eventRange:a,timeText:"",disableDragging:!0,disableResizing:!0}),(n,s)=>i.createElement(i.Fragment,null,i.createElement("div",{className:"fc-list-event-time-outer",style:{width:e.timeOuterWidth}},this.buildTimeContent(a,e.slicedStart,e.slicedEnd,e.isStart,e.isEnd,o,t)),i.createElement("div",{className:"fc-list-event-dot-outer"},i.createElement("span",{className:"fc-list-event-dot",style:{borderColor:s.borderColor||s.backgroundColor}})),i.createElement(n,{tag:"div",className:"fc-list-event-title"})))}buildTimeContent(e,t,a,s,r,o,l){let{options:c}=l;if(!1!==c.displayEventTime){if(e.def.allDay||!s&&!r){let e={text:l.options.allDayText,view:l.viewApi};return i.createElement(n.ContentContainer,{tag:"div",className:"fc-list-event-time",renderProps:e,elRef:this.handleTitleEl,generatorName:"allDayContent",customGenerator:c.allDayContent,defaultGenerator:d,classNameGenerator:c.allDayClassNames,didMount:c.allDayDidMount,willUnmount:c.allDayWillUnmount})}return i.createElement("div",{className:"fc-list-event-time",ref:this.handleTitleEl},n.buildEventRangeTimeText(o,e,t,a,s,r,l))}return null}componentWillUnmount(){n.setRef(this.props.timeWidthRef,null)}}function l(e){return e.event.title}function d(e){return e.text}class c extends n.BaseComponent{constructor(){super(...arguments),this.sortEventSegs=n.memoize(n.sortEventSegs),this.timeWidthRefMap=new n.RefMap(()=>{n.afterSize(this.handleTimeWidths)}),this.handleTimeWidths=()=>{const e=this.timeWidthRefMap.current;let t=0;for(const n of e.values())t=Math.max(t,n);n.setRef(this.props.timeWidthRef,t)}}render(){const{props:e,context:t,timeWidthRefMap:s}=this,{nowDate:r,todayRange:l}=e,{options:d}=t,c=this.sortEventSegs(e.segs,d.eventOrder);return i.createElement("div",{className:"fc-list-day-and-events"},i.createElement(a,{dayDate:e.dayDate,todayRange:l,forPrint:e.forPrint}),c.map(t=>{const a=n.getEventKey(t);return i.createElement(o,Object.assign({key:a,eventRange:t.eventRange,slicedStart:t.slicedStart,slicedEnd:t.slicedEnd,isStart:t.isStart,isEnd:t.isEnd,timeWidthRef:s.createRef(a),timeOuterWidth:e.timeOuterWidth,isDragging:!1,isResizing:!1,isDateSelecting:!1,isSelected:!1},n.getEventRangeMeta(t.eventRange,l,r)))}))}componentWillUnmount(){n.setRef(this.props.timeWidthRef,null)}}class m extends n.DateComponent{constructor(){super(...arguments),this.computeDateVars=n.memoize(f),this.eventStoreToSegs=n.memoize(this._eventStoreToSegs),this.timeWidthRefMap=new n.RefMap(()=>{n.afterSize(this.handleTimeWidths)}),this.setRootEl=e=>{e?this.context.registerInteractiveComponent(this,{el:e,disableHits:!0}):this.context.unregisterInteractiveComponent(this)},this.handleTimeWidths=()=>{const e=this.timeWidthRefMap.current;let t=0;for(const n of e.values())t=Math.max(t,n);this.setState({timeOuterWidth:t})}}render(){let{props:e,context:t}=this,{options:a}=t,{dayDates:s,dayRanges:r}=this.computeDateVars(e.dateProfile),o=this.eventStoreToSegs(e.eventStore,e.eventUiBases,r),l=!e.forPrint&&!n.getIsHeightAuto(a);return i.createElement(n.ViewContainer,{elRef:this.setRootEl,className:"fc-list fc-flex-col fc-border",viewSpec:t.viewSpec},i.createElement(n.Scroller,{vertical:l,className:l?"fc-liquid":""},o.length>0?this.renderSegList(o,s):this.renderEmptyMessage()))}renderEmptyMessage(){let{options:e,viewApi:t}=this.context,a={text:e.noEventsText,view:t};return i.createElement(n.ContentContainer,{tag:"div",className:"fc-list-empty",renderProps:a,generatorName:"noEventsContent",customGenerator:e.noEventsContent,defaultGenerator:u,classNameGenerator:e.noEventsClassNames,didMount:e.noEventsDidMount,willUnmount:e.noEventsWillUnmount},e=>i.createElement(e,{tag:"div",className:"fc-list-empty-inner"}))}renderSegList(e,t){let a=function(e){let t,n,i=[];for(t=0;t<e.length;t+=1)n=e[t],(i[n.dayIndex]||(i[n.dayIndex]=[])).push(n);return i}(e);return i.createElement(n.NowTimer,{unit:"day"},(e,s)=>{const r=[];for(let o=0;o<a.length;o+=1){let l=a[o];if(l){const a=t[o],d=n.formatDayString(a);r.push(i.createElement(c,{key:d,dayDate:a,nowDate:e,todayRange:s,segs:l,forPrint:this.props.forPrint,timeWidthRef:this.timeWidthRefMap.createRef(d),timeOuterWidth:this.state.timeOuterWidth}))}}return i.createElement(i.Fragment,null,r)})}_eventStoreToSegs(e,t,i){return this.eventRangesToSegs(n.sliceEventStore(e,t,this.props.dateProfile.activeRange,this.context.options.nextDayThreshold).fg,i)}eventRangesToSegs(e,t){let n=[];for(let i of e)n.push(...this.eventRangeToSegs(i,t));return n}eventRangeToSegs(e,t){let i,a=e.range,s=[];for(i=0;i<t.length;i+=1){const r=n.intersectRanges(a,t[i]);r&&s.push({eventRange:e,slicedStart:r.start,slicedEnd:r.end,isStart:e.isStart&&a.start.valueOf()===r.start.valueOf(),isEnd:e.isEnd&&a.end.valueOf()===r.end.valueOf(),dayIndex:i})}return s}}function u(e){return e.text}function f(e){let t=n.startOfDay(e.renderRange.start),i=e.renderRange.end,a=[],s=[];for(;t<i;)a.push(t),s.push({start:t,end:n.addDays(t,1)}),t=n.addDays(t,1);return{dayDates:a,dayRanges:s}}const h={listDayFormat:v,listDaySideFormat:v,noEventsClassNames:n.identity,noEventsContent:n.identity,noEventsDidMount:n.identity,noEventsWillUnmount:n.identity};function v(e){return!1===e?null:n.createFormatter(e)}n.injectStyles(":root{--fc-list-event-dot-width:10px;--fc-list-event-hover-bg-color:#f5f5f5}.fc-list-day,.fc-list-event-dot-outer,.fc-list-event-time,.fc-list-event-title{padding:8px 14px}.fc-direction-ltr .fc-list-event-dot-outer{padding-right:0}.fc-direction-rtl .fc-list-event-dot-outer{padding-left:0}.fc-list-empty{align-items:center;background-color:var(--fc-neutral-bg-color);display:flex;height:100%;justify-content:center}.fc-list-empty-inner{margin:5em 0}.fc-list-day,.fc-list-event:not(.fc-list-day-and-events:last-child .fc-list-event:last-child){border-bottom:1px solid var(--fc-border-color)}.fc-list-day-outer-sticky{background:var(--fc-page-bg-color);position:sticky;top:0}.fc-list-day{background:var(--fc-neutral-bg-color);display:flex;font-weight:700;justify-content:space-between}.fc-list-event{display:flex;flex-direction:row}a.fc-list-event{color:inherit;text-decoration:none}.fc-list-event:hover{background-color:var(--fc-list-event-hover-bg-color)}.fc-list-event-time-outer{display:flex;flex-direction:row}.fc-list-event-dot-outer,.fc-list-event-time{white-space:nowrap}.fc-list-event-dot{border:calc(var(--fc-list-event-dot-width)/2) solid var(--fc-event-border-color);border-radius:calc(var(--fc-list-event-dot-width)/2);box-sizing:content-box;display:inline-block;height:0;width:0}a.fc-list-event:hover .fc-list-event-title{text-decoration:underline}");var g=t.createPlugin({name:"@fullcalendar/list",optionRefiners:h,views:{list:{component:m,buttonTextKey:"list",listDayFormat:{month:"long",day:"numeric",year:"numeric"}},listDay:{type:"list",duration:{days:1},listDayFormat:{weekday:"long"}},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"}},listYear:{type:"list",duration:{year:1},listDaySideFormat:{weekday:"long"}}}}),y={__proto__:null,ListView:m};return t.globalPlugins.push(g),e.Internal=y,e.default=g,Object.defineProperty(e,"__esModule",{value:!0}),e}({},FullCalendar,FullCalendar.Internal,FullCalendar.Preact);

package/internal.cjs

@@ -1,265 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var internal_cjs = require('@fullcalendar/core/internal.cjs');
-var preact_cjs = require('@fullcalendar/core/preact.cjs');
-
-class ListDayHeader extends internal_cjs.BaseComponent {
-    render() {
-        let { dateEnv, options, viewApi } = this.context;
-        let { dayDate, todayRange } = this.props;
-        let stickyHeaderDates = !this.props.forPrint && internal_cjs.getStickyHeaderDates(options);
-        let dayMeta = internal_cjs.getDateMeta(dayDate, todayRange);
-        // will ever be falsy?
-        let text = options.listDayFormat ? dateEnv.format(dayDate, options.listDayFormat) : '';
-        // will ever be falsy? also, BAD NAME "alt"
-        let sideText = options.listDaySideFormat ? dateEnv.format(dayDate, options.listDaySideFormat) : '';
-        let renderProps = Object.assign({ date: dateEnv.toDate(dayDate), view: viewApi, text,
-            sideText, navLinkAttrs: internal_cjs.buildNavLinkAttrs(this.context, dayDate), sideNavLinkAttrs: internal_cjs.buildNavLinkAttrs(this.context, dayDate, 'day', false) }, dayMeta);
-        // TODO: make a reusable HOC for dayHeader (used in daygrid/timegrid too)
-        return (preact_cjs.createElement("div", { className: internal_cjs.joinClassNames('fc-list-day-outer', stickyHeaderDates && 'fc-list-day-outer-sticky') },
-            preact_cjs.createElement(internal_cjs.ContentContainer, { tag: "div", className: internal_cjs.joinClassNames('fc-list-day', internal_cjs.getDayClassName(dayMeta)), attrs: {
-                    'data-date': internal_cjs.formatDayString(dayDate),
-                }, renderProps: renderProps, generatorName: "dayHeaderContent", customGenerator: options.dayHeaderContent, defaultGenerator: renderInnerContent, classNameGenerator: options.dayHeaderClassNames, didMount: options.dayHeaderDidMount, willUnmount: options.dayHeaderWillUnmount })));
-    }
-}
-function renderInnerContent(props) {
-    return (preact_cjs.createElement(preact_cjs.Fragment, null,
-        props.text && (preact_cjs.createElement("a", Object.assign({ id: props.textId, className: "fc-list-day-text" }, props.navLinkAttrs), props.text)),
-        props.sideText && ( /* not keyboard tabbable */preact_cjs.createElement("a", Object.assign({ className: "fc-list-day-side-text" }, props.sideNavLinkAttrs), props.sideText))));
-}
-
-const DEFAULT_TIME_FORMAT = internal_cjs.createFormatter({
-    hour: 'numeric',
-    minute: '2-digit',
-    meridiem: 'short',
-});
-class ListEvent extends internal_cjs.BaseComponent {
-    constructor() {
-        super(...arguments);
-        this.handleTitleEl = (titleEl) => {
-            if (this.disconnectTitleWidth) {
-                this.disconnectTitleWidth();
-            }
-            if (titleEl) {
-                this.disconnectTitleWidth = internal_cjs.watchWidth(titleEl, (titleWidth) => {
-                    internal_cjs.setRef(this.props.timeWidthRef, titleWidth);
-                });
-            }
-        };
-    }
-    render() {
-        let { props, context } = this;
-        let { eventRange } = props;
-        let { options } = context;
-        let timeFormat = options.eventTimeFormat || DEFAULT_TIME_FORMAT;
-        let anchorAttrs = internal_cjs.getEventRangeAnchorAttrs(eventRange, context);
-        return (preact_cjs.createElement(internal_cjs.EventContainer, Object.assign({}, props, { tag: anchorAttrs ? 'a' : 'div', attrs: anchorAttrs, className: 'fc-list-event', defaultGenerator: renderEventTitleOnly, eventRange: eventRange, timeText: "", disableDragging: true, disableResizing: true }), (InnerContent, eventContentArg) => (preact_cjs.createElement(preact_cjs.Fragment, null,
-            preact_cjs.createElement("div", { className: 'fc-list-event-time-outer', style: { width: props.timeOuterWidth } }, this.buildTimeContent(eventRange, props.slicedStart, props.slicedEnd, props.isStart, props.isEnd, timeFormat, context)),
-            preact_cjs.createElement("div", { className: "fc-list-event-dot-outer" },
-                preact_cjs.createElement("span", { className: "fc-list-event-dot", style: {
-                        borderColor: eventContentArg.borderColor || eventContentArg.backgroundColor,
-                    } })),
-            preact_cjs.createElement(InnerContent, { tag: "div", className: 'fc-list-event-title' })))));
-    }
-    buildTimeContent(eventRange, // whole-day span
-    slicedStart, // view-sliced whole-day span
-    slicedEnd, // view-sliced whole-day span
-    isStart, isEnd, timeFormat, context) {
-        let { options } = context;
-        if (options.displayEventTime !== false) {
-            if (eventRange.def.allDay || (!isStart && !isEnd)) {
-                let renderProps = {
-                    text: context.options.allDayText,
-                    view: context.viewApi,
-                };
-                return (preact_cjs.createElement(internal_cjs.ContentContainer, { tag: "div", className: 'fc-list-event-time', renderProps: renderProps, elRef: this.handleTitleEl, generatorName: "allDayContent", customGenerator: options.allDayContent, defaultGenerator: renderAllDayInner, classNameGenerator: options.allDayClassNames, didMount: options.allDayDidMount, willUnmount: options.allDayWillUnmount }));
-            }
-            else {
-                return (preact_cjs.createElement("div", { className: "fc-list-event-time", ref: this.handleTitleEl }, internal_cjs.buildEventRangeTimeText(timeFormat, eventRange, slicedStart, slicedEnd, isStart, isEnd, context)));
-            }
-        }
-        return null;
-    }
-    componentWillUnmount() {
-        internal_cjs.setRef(this.props.timeWidthRef, null);
-    }
-}
-function renderEventTitleOnly(renderProps) {
-    return renderProps.event.title;
-}
-function renderAllDayInner(renderProps) {
-    return renderProps.text;
-}
-
-class ListDay extends internal_cjs.BaseComponent {
-    constructor() {
-        super(...arguments);
-        // memo
-        this.sortEventSegs = internal_cjs.memoize(internal_cjs.sortEventSegs);
-        // ref
-        this.timeWidthRefMap = new internal_cjs.RefMap(() => {
-            internal_cjs.afterSize(this.handleTimeWidths);
-        });
-        this.handleTimeWidths = () => {
-            const timeWidthMap = this.timeWidthRefMap.current;
-            let max = 0;
-            for (const timeWidth of timeWidthMap.values()) {
-                max = Math.max(max, timeWidth);
-            }
-            internal_cjs.setRef(this.props.timeWidthRef, max);
-        };
-    }
-    render() {
-        const { props, context, timeWidthRefMap } = this;
-        const { nowDate, todayRange } = props;
-        const { options } = context;
-        const segs = this.sortEventSegs(props.segs, options.eventOrder);
-        return (preact_cjs.createElement("div", { className: 'fc-list-day-and-events' },
-            preact_cjs.createElement(ListDayHeader, { dayDate: props.dayDate, todayRange: todayRange, forPrint: props.forPrint }),
-            segs.map((seg) => {
-                const key = internal_cjs.getEventKey(seg);
-                return (preact_cjs.createElement(ListEvent, Object.assign({ key: key, eventRange: seg.eventRange, slicedStart: seg.slicedStart, slicedEnd: seg.slicedEnd, isStart: seg.isStart, isEnd: seg.isEnd, timeWidthRef: timeWidthRefMap.createRef(key), timeOuterWidth: props.timeOuterWidth, isDragging: false, isResizing: false, isDateSelecting: false, isSelected: false }, internal_cjs.getEventRangeMeta(seg.eventRange, todayRange, nowDate))));
-            })));
-    }
-    componentWillUnmount() {
-        internal_cjs.setRef(this.props.timeWidthRef, null);
-    }
-}
-
-/*
-Responsible for the scroller, and forwarding event-related actions into the "grid".
-*/
-class ListView extends internal_cjs.DateComponent {
-    constructor() {
-        super(...arguments);
-        // memo
-        this.computeDateVars = internal_cjs.memoize(computeDateVars);
-        this.eventStoreToSegs = internal_cjs.memoize(this._eventStoreToSegs);
-        // ref
-        this.timeWidthRefMap = new internal_cjs.RefMap(() => {
-            internal_cjs.afterSize(this.handleTimeWidths);
-        });
-        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);
-            }
-        };
-        this.handleTimeWidths = () => {
-            const timeWidthMap = this.timeWidthRefMap.current;
-            let max = 0;
-            for (const timeWidth of timeWidthMap.values()) {
-                max = Math.max(max, timeWidth);
-            }
-            this.setState({ timeOuterWidth: max });
-        };
-    }
-    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_cjs.getIsHeightAuto(options);
-        return (preact_cjs.createElement(internal_cjs.ViewContainer, { elRef: this.setRootEl, className: 'fc-list fc-flex-col fc-border', viewSpec: context.viewSpec },
-            preact_cjs.createElement(internal_cjs.Scroller // TODO: don't need heavyweight component
-            , { vertical: verticalScrolling, className: verticalScrolling ? 'fc-liquid' : '' }, eventSegs.length > 0 ?
-                this.renderSegList(eventSegs, dayDates) :
-                this.renderEmptyMessage())));
-    }
-    renderEmptyMessage() {
-        let { options, viewApi } = this.context;
-        let renderProps = {
-            text: options.noEventsText,
-            view: viewApi,
-        };
-        return (preact_cjs.createElement(internal_cjs.ContentContainer, { tag: "div", className: 'fc-list-empty', renderProps: renderProps, generatorName: "noEventsContent", customGenerator: options.noEventsContent, defaultGenerator: renderNoEventsInner, classNameGenerator: options.noEventsClassNames, didMount: options.noEventsDidMount, willUnmount: options.noEventsWillUnmount }, (InnerContent) => (preact_cjs.createElement(InnerContent, { tag: "div", className: 'fc-list-empty-inner' }))));
-    }
-    renderSegList(allSegs, dayDates) {
-        let segsByDay = groupSegsByDay(allSegs); // sparse array
-        return (preact_cjs.createElement(internal_cjs.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_cjs.formatDayString(dayDate);
-                    dayNodes.push(preact_cjs.createElement(ListDay, { key: key, dayDate: dayDate, nowDate: nowDate, todayRange: todayRange, segs: daySegs, forPrint: this.props.forPrint, timeWidthRef: this.timeWidthRefMap.createRef(key), timeOuterWidth: this.state.timeOuterWidth }));
-                }
-            }
-            return (preact_cjs.createElement(preact_cjs.Fragment, null, dayNodes));
-        }));
-    }
-    _eventStoreToSegs(eventStore, eventUiBases, dayRanges) {
-        return this.eventRangesToSegs(internal_cjs.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_cjs.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_cjs.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_cjs.addDays(dayStart, 1),
-        });
-        dayStart = internal_cjs.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;
-}
-
-var css_248z = ":root{--fc-list-event-dot-width:10px;--fc-list-event-hover-bg-color:#f5f5f5}.fc-list-day,.fc-list-event-dot-outer,.fc-list-event-time,.fc-list-event-title{padding:8px 14px}.fc-direction-ltr .fc-list-event-dot-outer{padding-right:0}.fc-direction-rtl .fc-list-event-dot-outer{padding-left:0}.fc-list-empty{align-items:center;background-color:var(--fc-neutral-bg-color);display:flex;height:100%;justify-content:center}.fc-list-empty-inner{margin:5em 0}.fc-list-day,.fc-list-event:not(.fc-list-day-and-events:last-child .fc-list-event:last-child){border-bottom:1px solid var(--fc-border-color)}.fc-list-day-outer-sticky{background:var(--fc-page-bg-color);position:sticky;top:0}.fc-list-day{background:var(--fc-neutral-bg-color);display:flex;font-weight:700;justify-content:space-between}.fc-list-event{display:flex;flex-direction:row}a.fc-list-event{color:inherit;text-decoration:none}.fc-list-event:hover{background-color:var(--fc-list-event-hover-bg-color)}.fc-list-event-time-outer{display:flex;flex-direction:row}.fc-list-event-dot-outer,.fc-list-event-time{white-space:nowrap}.fc-list-event-dot{border:calc(var(--fc-list-event-dot-width)/2) solid var(--fc-event-border-color);border-radius:calc(var(--fc-list-event-dot-width)/2);box-sizing:content-box;display:inline-block;height:0;width:0}a.fc-list-event:hover .fc-list-event-title{text-decoration:underline}";
-internal_cjs.injectStyles(css_248z);
-
-exports.ListView = ListView;