@fullcalendar/resource-timegrid 7.0.0-beta.1 → 7.0.0-beta.4

package/index.cjs

@@ -22,7 +22,7 @@ var timeGridPlugin__default = /*#__PURE__*/_interopDefaultLegacy(timeGridPlugin)
 
 var index = index_cjs.createPlugin({
     name: '@fullcalendar/resource-timegrid',
-    premiumReleaseDate: '2024-10-09',
+    premiumReleaseDate: '2025-01-09',
     deps: [
         premiumCommonPlugin__default["default"],
         resourcePlugin__default["default"],

package/index.global.js

@@ -1,9 +1,9 @@
 /*!
-FullCalendar Resource Time Grid Plugin v7.0.0-beta.1
+FullCalendar Resource Time Grid Plugin v7.0.0-beta.4
 Docs & License: https://fullcalendar.io/docs/vertical-resource-view
 (c) 2024 Adam Shaw
 */
-FullCalendar.ResourceTimeGrid = (function (exports, core, premiumCommonPlugin, resourcePlugin, timeGridPlugin, internal$2, preact, internal$5, internal$4, internal$1, internal$3) {
+FullCalendar.ResourceTimeGrid = (function (exports, core, premiumCommonPlugin, resourcePlugin, timeGridPlugin, internal$2, preact, internal$4, internal$3, internal$1, internal$5) {
     'use strict';
 
     function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -23,28 +23,30 @@ FullCalendar.ResourceTimeGrid = (function (exports, core, premiumCommonPlugin, r
     class ResourceTimeGridView extends internal$2.DateComponent {
         constructor() {
             super(...arguments);
+            // memo
             this.flattenResources = internal$2.memoize(internal$1.flattenResources);
             this.buildResourceTimeColsModel = internal$2.memoize(buildResourceTimeColsModel);
-            this.allDaySplitter = new internal$3.AllDaySplitter();
+            this.buildResourceRowConfigs = internal$2.memoize(internal$3.buildResourceRowConfigs);
+            this.createDayHeaderFormatter = internal$2.memoize(internal$4.createDayHeaderFormatter);
+            // internal
+            this.allDaySplitter = new internal$5.AllDaySplitter();
             // for all-day-resource props
             this.allDayResourceSplitter = new internal$1.VResourceSplitter();
             this.allDayResourceSlicers = {};
-            this.allDayResourceJoiner = new internal$4.ResourceDayTableJoiner();
+            this.allDayResourceJoiner = new internal$3.ResourceDayTableJoiner();
             // for timed resource props
-            this.buildDayRanges = internal$2.memoize(internal$3.buildDayRanges);
+            this.buildDayRanges = internal$2.memoize(internal$5.buildDayRanges);
             this.timedResourceSplitter = new internal$1.VResourceSplitter();
             this.timedResourceSlicers = {};
             this.timedResourceJoiner = new ResourceDayTimeColsJoiner();
             // timed-only column splitting
-            this.splitFgEventSegs = internal$2.memoize(internal$3.splitSegsByCol);
-            this.splitBgEventSegs = internal$2.memoize(internal$3.splitSegsByCol);
-            this.splitBusinessHourSegs = internal$2.memoize(internal$3.splitSegsByCol);
-            this.splitNowIndicatorSegs = internal$2.memoize(internal$3.splitSegsByCol);
-            this.splitDateSelectionSegs = internal$2.memoize(internal$3.splitSegsByCol);
-            this.splitEventDrag = internal$2.memoize(internal$3.splitInteractionByCol);
-            this.splitEventResize = internal$2.memoize(internal$3.splitInteractionByCol);
-            // other memo
-            this.createDayHeaderFormatter = internal$2.memoize(internal$5.createDayHeaderFormatter);
+            this.splitFgEventSegs = internal$2.memoize(internal$5.organizeSegsByCol);
+            this.splitBgEventSegs = internal$2.memoize(internal$5.organizeSegsByCol);
+            this.splitBusinessHourSegs = internal$2.memoize(internal$5.organizeSegsByCol);
+            this.splitNowIndicatorSegs = internal$2.memoize(internal$5.organizeSegsByCol);
+            this.splitDateSelectionSegs = internal$2.memoize(internal$5.organizeSegsByCol);
+            this.splitEventDrag = internal$2.memoize(internal$5.splitInteractionByCol);
+            this.splitEventResize = internal$2.memoize(internal$5.splitInteractionByCol);
             this.isHitComboAllowed = (hit0, hit1) => {
                 let allowAcrossResources = this.dayRanges.length === 1;
                 return allowAcrossResources || hit0.dateSpan.resourceId === hit1.dateSpan.resourceId;
@@ -70,7 +72,7 @@ FullCalendar.ResourceTimeGrid = (function (exports, core, premiumCommonPlugin, r
                 eventResize: splitProps.allDay.eventResize,
                 resourceDayTableModel,
             });
-            this.allDayResourceSlicers = internal$2.mapHash(allDayResourceSplitProps, (split, resourceId) => this.allDayResourceSlicers[resourceId] || new internal$5.DayTableSlicer());
+            this.allDayResourceSlicers = internal$2.mapHash(allDayResourceSplitProps, (split, resourceId) => this.allDayResourceSlicers[resourceId] || new internal$4.DayTableSlicer());
             let allDayResourceSlicedProps = internal$2.mapHash(this.allDayResourceSlicers, (slicer, resourceId) => slicer.sliceProps(allDayResourceSplitProps[resourceId], dateProfile, options.nextDayThreshold, context, resourceDayTableModel.dayTableModel));
             let allDayResourceJoinedProps = this.allDayResourceJoiner.joinProps(allDayResourceSlicedProps, resourceDayTableModel);
             // split the timed segs by resource
@@ -85,12 +87,10 @@ FullCalendar.ResourceTimeGrid = (function (exports, core, premiumCommonPlugin, r
                 eventResize: splitProps.timed.eventResize,
                 resourceDayTableModel,
             });
-            this.timedResourceSlicers = internal$2.mapHash(timedResourceSplitProps, (split, resourceId) => this.timedResourceSlicers[resourceId] || new internal$3.DayTimeColsSlicer());
+            this.timedResourceSlicers = internal$2.mapHash(timedResourceSplitProps, (split, resourceId) => this.timedResourceSlicers[resourceId] || new internal$5.DayTimeColsSlicer());
             let timedResourceSlicedProps = internal$2.mapHash(this.timedResourceSlicers, (slicer, resourceId) => slicer.sliceProps(timedResourceSplitProps[resourceId], dateProfile, null, context, dayRanges));
             let timedResourceJoinedProps = this.timedResourceJoiner.joinProps(timedResourceSlicedProps, resourceDayTableModel);
             let datesRepDistinctDays = resourceDayTableModel.dayTableModel.rowCnt === 1;
-            let headerTiers = internal$4.buildResourceHeaderTiers(// TODO: memoize
-            resources, resourceDayTableModel.dayTableModel.headerDates, options.datesAboveResources, datesRepDistinctDays, context);
             let dayHeaderFormat = this.createDayHeaderFormatter(context.options.dayHeaderFormat, datesRepDistinctDays, resourceDayTableModel.colCnt);
             return (preact.createElement(internal$2.NowTimer, { unit: options.nowIndicator ? 'minute' : 'day' /* hacky */ }, (nowDate, todayRange) => {
                 // timed-only column splitting
@@ -100,32 +100,18 @@ FullCalendar.ResourceTimeGrid = (function (exports, core, premiumCommonPlugin, r
                 let businessHourSegsByCol = this.splitBusinessHourSegs(timedResourceJoinedProps.businessHourSegs, colCnt);
                 let nowIndicatorSegsByCol = this.splitNowIndicatorSegs((() => {
                     // was buildNowIndicatorSegs
-                    let nonResourceSegs = this.timedResourceSlicers[''].sliceNowDate(nowDate, this.props.dateProfile, this.context.options.nextDayThreshold, this.context, this.dayRanges);
+                    let nonResourceSegs = options.nowIndicator
+                        ? this.timedResourceSlicers[''].sliceNowDate(nowDate, this.props.dateProfile, this.context.options.nextDayThreshold, this.context, this.dayRanges)
+                        : []; // TODO: breaks memoization?
                     return this.timedResourceJoiner.expandSegs(resourceDayTableModel, nonResourceSegs);
                 })(), colCnt);
                 let dateSelectionSegsByCol = this.splitDateSelectionSegs(timedResourceJoinedProps.dateSelectionSegs, colCnt);
                 let eventDragByCol = this.splitEventDrag(timedResourceJoinedProps.eventDrag, colCnt);
                 let eventResizeByCol = this.splitEventResize(timedResourceJoinedProps.eventResize, colCnt);
-                return (preact.createElement(internal$3.TimeGridLayout, { dateProfile: dateProfile, nowDate: nowDate, todayRange: todayRange, cells: resourceDayTableModel.cells[0], forPrint: props.forPrint, isHitComboAllowed: this.isHitComboAllowed, className: 'fc-resource-timegrid-view', 
+                const headerTiers = this.buildResourceRowConfigs(resources, options.datesAboveResources, resourceDayTableModel.dayTableModel.headerDates, datesRepDistinctDays, props.dateProfile, todayRange, dayHeaderFormat, context);
+                return (preact.createElement(internal$5.TimeGridLayout, { labelId: props.labelId, labelStr: props.labelStr, dateProfile: dateProfile, nowDate: nowDate, todayRange: todayRange, cells: resourceDayTableModel.cells[0], forPrint: props.forPrint, isHitComboAllowed: this.isHitComboAllowed, className: 'fc-resource-timegrid-view', 
                     // header content
-                    headerTiers: headerTiers, renderHeaderLabel: (tierNum, innerWidthRef, innerHeightRef, width) => ((options.weekNumbers && tierNum === headerTiers.length - 1) ? (preact.createElement(internal$3.TimeGridWeekNumber // .fc-cell
-                    , { dateProfile: dateProfile, innerWidthRef: innerWidthRef, innerHeightRef: innerHeightRef, width: width })) : (preact.createElement("div", { className: 'fc-cell', style: { width } }))), 
-                    // TODO: DRY
-                    renderHeaderContent: (model, tierNum, innerHeightRef, colWidth) => {
-                        if (model.resource) {
-                            return (preact.createElement(internal$4.ResourceHeaderCell, Object.assign({}, model, { innerHeightRef: innerHeightRef, colSpan: model.colSpan, colWidth: colWidth, isSticky: tierNum < headerTiers.length - 1 })));
-                        }
-                        else if (model.date) {
-                            return (preact.createElement(internal$5.DateHeaderCell, Object.assign({}, model, { navLink: resourceDayTableModel.dayTableModel.colCnt > 1, dateProfile: props.dateProfile, todayRange: todayRange, dayHeaderFormat: dayHeaderFormat, innerHeightRef: innerHeightRef, colSpan: model.colSpan, colWidth: colWidth })));
-                        }
-                        else {
-                            preact.createElement(internal$5.DayOfWeekHeaderCell, Object.assign({}, model, { dayHeaderFormat: dayHeaderFormat, innerHeightRef: innerHeightRef, colSpan: model.colSpan, colWidth: colWidth }));
-                        }
-                    }, getHeaderModelKey: (model) => (model.resource
-                        ? model.resource.id
-                        : model.date
-                            ? model.date.toISOString()
-                            : model.dow), 
+                    headerTiers: headerTiers, 
                     // all-day content
                     fgEventSegs: allDayResourceJoinedProps.fgEventSegs, bgEventSegs: allDayResourceJoinedProps.bgEventSegs, businessHourSegs: allDayResourceJoinedProps.businessHourSegs, dateSelectionSegs: allDayResourceJoinedProps.dateSelectionSegs, eventDrag: allDayResourceJoinedProps.eventDrag, eventResize: allDayResourceJoinedProps.eventResize, 
                     // timed content
@@ -139,7 +125,7 @@ FullCalendar.ResourceTimeGrid = (function (exports, core, premiumCommonPlugin, r
     TODO: kill this and DayResourceTableModel/ResourceDayTableModel
     */
     function buildResourceTimeColsModel(dateProfile, dateProfileGenerator, resources, datesAboveResources, context) {
-        let dayTable = internal$3.buildTimeColsModel(dateProfile, dateProfileGenerator);
+        let dayTable = internal$5.buildTimeColsModel(dateProfile, dateProfileGenerator);
         if (!resources.length) {
             return new internal$1.ResourcelessDayTableModel(dayTable);
         }
@@ -150,7 +136,7 @@ FullCalendar.ResourceTimeGrid = (function (exports, core, premiumCommonPlugin, r
 
     var plugin = core.createPlugin({
         name: '@fullcalendar/resource-timegrid',
-        premiumReleaseDate: '2024-10-09',
+        premiumReleaseDate: '2025-01-09',
         deps: [
             premiumCommonPlugin__default["default"],
             resourcePlugin__default["default"],

package/index.global.min.js

@@ -1,6 +1,6 @@
 /*!
-FullCalendar Resource Time Grid Plugin v7.0.0-beta.1
+FullCalendar Resource Time Grid Plugin v7.0.0-beta.4
 Docs & License: https://fullcalendar.io/docs/vertical-resource-view
 (c) 2024 Adam Shaw
 */
-FullCalendar.ResourceTimeGrid=function(e,t,s,i,l,r,a,o,n,d,c){"use strict";function u(e){return e&&e.__esModule?e:{default:e}}var m=u(s),S=u(i),g=u(l);class h extends d.VResourceJoiner{transformSeg(e,t,s){return[Object.assign(Object.assign({},e),{col:t.computeCol(e.col,s)})]}}class y extends r.DateComponent{constructor(){super(...arguments),this.flattenResources=r.memoize(d.flattenResources),this.buildResourceTimeColsModel=r.memoize(p),this.allDaySplitter=new c.AllDaySplitter,this.allDayResourceSplitter=new d.VResourceSplitter,this.allDayResourceSlicers={},this.allDayResourceJoiner=new n.ResourceDayTableJoiner,this.buildDayRanges=r.memoize(c.buildDayRanges),this.timedResourceSplitter=new d.VResourceSplitter,this.timedResourceSlicers={},this.timedResourceJoiner=new h,this.splitFgEventSegs=r.memoize(c.splitSegsByCol),this.splitBgEventSegs=r.memoize(c.splitSegsByCol),this.splitBusinessHourSegs=r.memoize(c.splitSegsByCol),this.splitNowIndicatorSegs=r.memoize(c.splitSegsByCol),this.splitDateSelectionSegs=r.memoize(c.splitSegsByCol),this.splitEventDrag=r.memoize(c.splitInteractionByCol),this.splitEventResize=r.memoize(c.splitInteractionByCol),this.createDayHeaderFormatter=r.memoize(o.createDayHeaderFormatter),this.isHitComboAllowed=(e,t)=>1===this.dayRanges.length||e.dateSpan.resourceId===t.dateSpan.resourceId}render(){let{props:e,context:t}=this,{options:s,dateEnv:i}=t,{dateProfile:l}=e,u=s.resourceOrder||d.DEFAULT_RESOURCE_ORDER,m=this.flattenResources(e.resourceStore,u),S=this.buildResourceTimeColsModel(l,t.dateProfileGenerator,m,s.datesAboveResources,t),g=this.allDaySplitter.splitProps(e),h=this.allDayResourceSplitter.splitProps({businessHours:g.allDay.businessHours,dateSelection:g.allDay.dateSelection,eventStore:g.allDay.eventStore,eventUiBases:g.allDay.eventUiBases,eventSelection:g.allDay.eventSelection,eventDrag:g.allDay.eventDrag,eventResize:g.allDay.eventResize,resourceDayTableModel:S});this.allDayResourceSlicers=r.mapHash(h,(e,t)=>this.allDayResourceSlicers[t]||new o.DayTableSlicer);let y=r.mapHash(this.allDayResourceSlicers,(e,i)=>e.sliceProps(h[i],l,s.nextDayThreshold,t,S.dayTableModel)),p=this.allDayResourceJoiner.joinProps(y,S),R=this.dayRanges=this.buildDayRanges(S.dayTableModel,l,i),D=this.timedResourceSplitter.splitProps({businessHours:g.timed.businessHours,dateSelection:g.timed.dateSelection,eventStore:g.timed.eventStore,eventUiBases:g.timed.eventUiBases,eventSelection:g.timed.eventSelection,eventDrag:g.timed.eventDrag,eventResize:g.timed.eventResize,resourceDayTableModel:S});this.timedResourceSlicers=r.mapHash(D,(e,t)=>this.timedResourceSlicers[t]||new c.DayTimeColsSlicer);let v=r.mapHash(this.timedResourceSlicers,(e,s)=>e.sliceProps(D[s],l,null,t,R)),b=this.timedResourceJoiner.joinProps(v,S),C=1===S.dayTableModel.rowCnt,f=n.buildResourceHeaderTiers(m,S.dayTableModel.headerDates,s.datesAboveResources,C,t),H=this.createDayHeaderFormatter(t.options.dayHeaderFormat,C,S.colCnt);return a.createElement(r.NowTimer,{unit:s.nowIndicator?"minute":"day"},(t,i)=>{let r=S.colCnt,d=this.splitFgEventSegs(b.fgEventSegs,r),u=this.splitBgEventSegs(b.bgEventSegs,r),m=this.splitBusinessHourSegs(b.businessHourSegs,r),g=this.splitNowIndicatorSegs((()=>{let e=this.timedResourceSlicers[""].sliceNowDate(t,this.props.dateProfile,this.context.options.nextDayThreshold,this.context,this.dayRanges);return this.timedResourceJoiner.expandSegs(S,e)})(),r),h=this.splitDateSelectionSegs(b.dateSelectionSegs,r),y=this.splitEventDrag(b.eventDrag,r),R=this.splitEventResize(b.eventResize,r);return a.createElement(c.TimeGridLayout,{dateProfile:l,nowDate:t,todayRange:i,cells:S.cells[0],forPrint:e.forPrint,isHitComboAllowed:this.isHitComboAllowed,className:"fc-resource-timegrid-view",headerTiers:f,renderHeaderLabel:(e,t,i,r)=>s.weekNumbers&&e===f.length-1?a.createElement(c.TimeGridWeekNumber,{dateProfile:l,innerWidthRef:t,innerHeightRef:i,width:r}):a.createElement("div",{className:"fc-cell",style:{width:r}}),renderHeaderContent:(t,s,l,r)=>t.resource?a.createElement(n.ResourceHeaderCell,Object.assign({},t,{innerHeightRef:l,colSpan:t.colSpan,colWidth:r,isSticky:s<f.length-1})):t.date?a.createElement(o.DateHeaderCell,Object.assign({},t,{navLink:S.dayTableModel.colCnt>1,dateProfile:e.dateProfile,todayRange:i,dayHeaderFormat:H,innerHeightRef:l,colSpan:t.colSpan,colWidth:r})):void a.createElement(o.DayOfWeekHeaderCell,Object.assign({},t,{dayHeaderFormat:H,innerHeightRef:l,colSpan:t.colSpan,colWidth:r})),getHeaderModelKey:e=>e.resource?e.resource.id:e.date?e.date.toISOString():e.dow,fgEventSegs:p.fgEventSegs,bgEventSegs:p.bgEventSegs,businessHourSegs:p.businessHourSegs,dateSelectionSegs:p.dateSelectionSegs,eventDrag:p.eventDrag,eventResize:p.eventResize,fgEventSegsByCol:d,bgEventSegsByCol:u,businessHourSegsByCol:m,nowIndicatorSegsByCol:g,dateSelectionSegsByCol:h,eventDragByCol:y,eventResizeByCol:R,eventSelection:p.eventSelection})})}}function p(e,t,s,i,l){let r=c.buildTimeColsModel(e,t);return s.length?i?new d.DayResourceTableModel(r,s,l):new d.ResourceDayTableModel(r,s,l):new d.ResourcelessDayTableModel(r)}var R=t.createPlugin({name:"@fullcalendar/resource-timegrid",premiumReleaseDate:"2024-10-09",deps:[m.default,S.default,g.default],initialView:"resourceTimeGridDay",views:{resourceTimeGrid:{type:"timeGrid",component:y,needsResourceData:!0},resourceTimeGridDay:{type:"resourceTimeGrid",duration:{days:1}},resourceTimeGridWeek:{type:"resourceTimeGrid",duration:{weeks:1}}}}),D={__proto__:null,ResourceTimeGridView:y};return t.globalPlugins.push(R),e.Internal=D,e.default=R,Object.defineProperty(e,"__esModule",{value:!0}),e}({},FullCalendar,FullCalendar.PremiumCommon,FullCalendar.Resource,FullCalendar.TimeGrid,FullCalendar.Internal,FullCalendar.Preact,FullCalendar.DayGrid.Internal,FullCalendar.ResourceDayGrid.Internal,FullCalendar.Resource.Internal,FullCalendar.TimeGrid.Internal);
+FullCalendar.ResourceTimeGrid=function(e,t,s,i,l,r,o,a,n,d,u){"use strict";function c(e){return e&&e.__esModule?e:{default:e}}var m=c(s),g=c(i),S=c(l);class y extends d.VResourceJoiner{transformSeg(e,t,s){return[Object.assign(Object.assign({},e),{col:t.computeCol(e.col,s)})]}}class h extends r.DateComponent{constructor(){super(...arguments),this.flattenResources=r.memoize(d.flattenResources),this.buildResourceTimeColsModel=r.memoize(R),this.buildResourceRowConfigs=r.memoize(n.buildResourceRowConfigs),this.createDayHeaderFormatter=r.memoize(a.createDayHeaderFormatter),this.allDaySplitter=new u.AllDaySplitter,this.allDayResourceSplitter=new d.VResourceSplitter,this.allDayResourceSlicers={},this.allDayResourceJoiner=new n.ResourceDayTableJoiner,this.buildDayRanges=r.memoize(u.buildDayRanges),this.timedResourceSplitter=new d.VResourceSplitter,this.timedResourceSlicers={},this.timedResourceJoiner=new y,this.splitFgEventSegs=r.memoize(u.organizeSegsByCol),this.splitBgEventSegs=r.memoize(u.organizeSegsByCol),this.splitBusinessHourSegs=r.memoize(u.organizeSegsByCol),this.splitNowIndicatorSegs=r.memoize(u.organizeSegsByCol),this.splitDateSelectionSegs=r.memoize(u.organizeSegsByCol),this.splitEventDrag=r.memoize(u.splitInteractionByCol),this.splitEventResize=r.memoize(u.splitInteractionByCol),this.isHitComboAllowed=(e,t)=>1===this.dayRanges.length||e.dateSpan.resourceId===t.dateSpan.resourceId}render(){let{props:e,context:t}=this,{options:s,dateEnv:i}=t,{dateProfile:l}=e,n=s.resourceOrder||d.DEFAULT_RESOURCE_ORDER,c=this.flattenResources(e.resourceStore,n),m=this.buildResourceTimeColsModel(l,t.dateProfileGenerator,c,s.datesAboveResources,t),g=this.allDaySplitter.splitProps(e),S=this.allDayResourceSplitter.splitProps({businessHours:g.allDay.businessHours,dateSelection:g.allDay.dateSelection,eventStore:g.allDay.eventStore,eventUiBases:g.allDay.eventUiBases,eventSelection:g.allDay.eventSelection,eventDrag:g.allDay.eventDrag,eventResize:g.allDay.eventResize,resourceDayTableModel:m});this.allDayResourceSlicers=r.mapHash(S,(e,t)=>this.allDayResourceSlicers[t]||new a.DayTableSlicer);let y=r.mapHash(this.allDayResourceSlicers,(e,i)=>e.sliceProps(S[i],l,s.nextDayThreshold,t,m.dayTableModel)),h=this.allDayResourceJoiner.joinProps(y,m),R=this.dayRanges=this.buildDayRanges(m.dayTableModel,l,i),p=this.timedResourceSplitter.splitProps({businessHours:g.timed.businessHours,dateSelection:g.timed.dateSelection,eventStore:g.timed.eventStore,eventUiBases:g.timed.eventUiBases,eventSelection:g.timed.eventSelection,eventDrag:g.timed.eventDrag,eventResize:g.timed.eventResize,resourceDayTableModel:m});this.timedResourceSlicers=r.mapHash(p,(e,t)=>this.timedResourceSlicers[t]||new u.DayTimeColsSlicer);let D=r.mapHash(this.timedResourceSlicers,(e,s)=>e.sliceProps(p[s],l,null,t,R)),v=this.timedResourceJoiner.joinProps(D,m),b=1===m.dayTableModel.rowCnt,C=this.createDayHeaderFormatter(t.options.dayHeaderFormat,b,m.colCnt);return o.createElement(r.NowTimer,{unit:s.nowIndicator?"minute":"day"},(i,r)=>{let a=m.colCnt,n=this.splitFgEventSegs(v.fgEventSegs,a),d=this.splitBgEventSegs(v.bgEventSegs,a),g=this.splitBusinessHourSegs(v.businessHourSegs,a),S=this.splitNowIndicatorSegs((()=>{let e=s.nowIndicator?this.timedResourceSlicers[""].sliceNowDate(i,this.props.dateProfile,this.context.options.nextDayThreshold,this.context,this.dayRanges):[];return this.timedResourceJoiner.expandSegs(m,e)})(),a),y=this.splitDateSelectionSegs(v.dateSelectionSegs,a),R=this.splitEventDrag(v.eventDrag,a),p=this.splitEventResize(v.eventResize,a);const D=this.buildResourceRowConfigs(c,s.datesAboveResources,m.dayTableModel.headerDates,b,e.dateProfile,r,C,t);return o.createElement(u.TimeGridLayout,{labelId:e.labelId,labelStr:e.labelStr,dateProfile:l,nowDate:i,todayRange:r,cells:m.cells[0],forPrint:e.forPrint,isHitComboAllowed:this.isHitComboAllowed,className:"fc-resource-timegrid-view",headerTiers:D,fgEventSegs:h.fgEventSegs,bgEventSegs:h.bgEventSegs,businessHourSegs:h.businessHourSegs,dateSelectionSegs:h.dateSelectionSegs,eventDrag:h.eventDrag,eventResize:h.eventResize,fgEventSegsByCol:n,bgEventSegsByCol:d,businessHourSegsByCol:g,nowIndicatorSegsByCol:S,dateSelectionSegsByCol:y,eventDragByCol:R,eventResizeByCol:p,eventSelection:h.eventSelection})})}}function R(e,t,s,i,l){let r=u.buildTimeColsModel(e,t);return s.length?i?new d.DayResourceTableModel(r,s,l):new d.ResourceDayTableModel(r,s,l):new d.ResourcelessDayTableModel(r)}var p=t.createPlugin({name:"@fullcalendar/resource-timegrid",premiumReleaseDate:"2025-01-09",deps:[m.default,g.default,S.default],initialView:"resourceTimeGridDay",views:{resourceTimeGrid:{type:"timeGrid",component:h,needsResourceData:!0},resourceTimeGridDay:{type:"resourceTimeGrid",duration:{days:1}},resourceTimeGridWeek:{type:"resourceTimeGrid",duration:{weeks:1}}}}),D={__proto__:null,ResourceTimeGridView:h};return t.globalPlugins.push(p),e.Internal=D,e.default=p,Object.defineProperty(e,"__esModule",{value:!0}),e}({},FullCalendar,FullCalendar.PremiumCommon,FullCalendar.Resource,FullCalendar.TimeGrid,FullCalendar.Internal,FullCalendar.Preact,FullCalendar.DayGrid.Internal,FullCalendar.ResourceDayGrid.Internal,FullCalendar.Resource.Internal,FullCalendar.TimeGrid.Internal);

package/index.js

@@ -12,7 +12,7 @@ import '@fullcalendar/timegrid/internal.js';
 
 var index = createPlugin({
     name: '@fullcalendar/resource-timegrid',
-    premiumReleaseDate: '2024-10-09',
+    premiumReleaseDate: '2025-01-09',
     deps: [
         premiumCommonPlugin,
         resourcePlugin,

package/internal.cjs

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var internal_cjs$1 = require('@fullcalendar/core/internal.cjs');
 var preact_cjs = require('@fullcalendar/core/preact.cjs');
-var internal_cjs$4 = require('@fullcalendar/daygrid/internal.cjs');
-var internal_cjs$3 = require('@fullcalendar/resource-daygrid/internal.cjs');
+var internal_cjs$3 = require('@fullcalendar/daygrid/internal.cjs');
+var internal_cjs$2 = require('@fullcalendar/resource-daygrid/internal.cjs');
 var internal_cjs = require('@fullcalendar/resource/internal.cjs');
-var internal_cjs$2 = require('@fullcalendar/timegrid/internal.cjs');
+var internal_cjs$4 = require('@fullcalendar/timegrid/internal.cjs');
 
 class ResourceDayTimeColsJoiner extends internal_cjs.VResourceJoiner {
     transformSeg(seg, resourceDayTable, resourceI) {
@@ -20,28 +20,30 @@ class ResourceDayTimeColsJoiner extends internal_cjs.VResourceJoiner {
 class ResourceTimeGridView extends internal_cjs$1.DateComponent {
     constructor() {
         super(...arguments);
+        // memo
         this.flattenResources = internal_cjs$1.memoize(internal_cjs.flattenResources);
         this.buildResourceTimeColsModel = internal_cjs$1.memoize(buildResourceTimeColsModel);
-        this.allDaySplitter = new internal_cjs$2.AllDaySplitter();
+        this.buildResourceRowConfigs = internal_cjs$1.memoize(internal_cjs$2.buildResourceRowConfigs);
+        this.createDayHeaderFormatter = internal_cjs$1.memoize(internal_cjs$3.createDayHeaderFormatter);
+        // internal
+        this.allDaySplitter = new internal_cjs$4.AllDaySplitter();
         // for all-day-resource props
         this.allDayResourceSplitter = new internal_cjs.VResourceSplitter();
         this.allDayResourceSlicers = {};
-        this.allDayResourceJoiner = new internal_cjs$3.ResourceDayTableJoiner();
+        this.allDayResourceJoiner = new internal_cjs$2.ResourceDayTableJoiner();
         // for timed resource props
-        this.buildDayRanges = internal_cjs$1.memoize(internal_cjs$2.buildDayRanges);
+        this.buildDayRanges = internal_cjs$1.memoize(internal_cjs$4.buildDayRanges);
         this.timedResourceSplitter = new internal_cjs.VResourceSplitter();
         this.timedResourceSlicers = {};
         this.timedResourceJoiner = new ResourceDayTimeColsJoiner();
         // timed-only column splitting
-        this.splitFgEventSegs = internal_cjs$1.memoize(internal_cjs$2.splitSegsByCol);
-        this.splitBgEventSegs = internal_cjs$1.memoize(internal_cjs$2.splitSegsByCol);
-        this.splitBusinessHourSegs = internal_cjs$1.memoize(internal_cjs$2.splitSegsByCol);
-        this.splitNowIndicatorSegs = internal_cjs$1.memoize(internal_cjs$2.splitSegsByCol);
-        this.splitDateSelectionSegs = internal_cjs$1.memoize(internal_cjs$2.splitSegsByCol);
-        this.splitEventDrag = internal_cjs$1.memoize(internal_cjs$2.splitInteractionByCol);
-        this.splitEventResize = internal_cjs$1.memoize(internal_cjs$2.splitInteractionByCol);
-        // other memo
-        this.createDayHeaderFormatter = internal_cjs$1.memoize(internal_cjs$4.createDayHeaderFormatter);
+        this.splitFgEventSegs = internal_cjs$1.memoize(internal_cjs$4.organizeSegsByCol);
+        this.splitBgEventSegs = internal_cjs$1.memoize(internal_cjs$4.organizeSegsByCol);
+        this.splitBusinessHourSegs = internal_cjs$1.memoize(internal_cjs$4.organizeSegsByCol);
+        this.splitNowIndicatorSegs = internal_cjs$1.memoize(internal_cjs$4.organizeSegsByCol);
+        this.splitDateSelectionSegs = internal_cjs$1.memoize(internal_cjs$4.organizeSegsByCol);
+        this.splitEventDrag = internal_cjs$1.memoize(internal_cjs$4.splitInteractionByCol);
+        this.splitEventResize = internal_cjs$1.memoize(internal_cjs$4.splitInteractionByCol);
         this.isHitComboAllowed = (hit0, hit1) => {
             let allowAcrossResources = this.dayRanges.length === 1;
             return allowAcrossResources || hit0.dateSpan.resourceId === hit1.dateSpan.resourceId;
@@ -67,7 +69,7 @@ class ResourceTimeGridView extends internal_cjs$1.DateComponent {
             eventResize: splitProps.allDay.eventResize,
             resourceDayTableModel,
         });
-        this.allDayResourceSlicers = internal_cjs$1.mapHash(allDayResourceSplitProps, (split, resourceId) => this.allDayResourceSlicers[resourceId] || new internal_cjs$4.DayTableSlicer());
+        this.allDayResourceSlicers = internal_cjs$1.mapHash(allDayResourceSplitProps, (split, resourceId) => this.allDayResourceSlicers[resourceId] || new internal_cjs$3.DayTableSlicer());
         let allDayResourceSlicedProps = internal_cjs$1.mapHash(this.allDayResourceSlicers, (slicer, resourceId) => slicer.sliceProps(allDayResourceSplitProps[resourceId], dateProfile, options.nextDayThreshold, context, resourceDayTableModel.dayTableModel));
         let allDayResourceJoinedProps = this.allDayResourceJoiner.joinProps(allDayResourceSlicedProps, resourceDayTableModel);
         // split the timed segs by resource
@@ -82,12 +84,10 @@ class ResourceTimeGridView extends internal_cjs$1.DateComponent {
             eventResize: splitProps.timed.eventResize,
             resourceDayTableModel,
         });
-        this.timedResourceSlicers = internal_cjs$1.mapHash(timedResourceSplitProps, (split, resourceId) => this.timedResourceSlicers[resourceId] || new internal_cjs$2.DayTimeColsSlicer());
+        this.timedResourceSlicers = internal_cjs$1.mapHash(timedResourceSplitProps, (split, resourceId) => this.timedResourceSlicers[resourceId] || new internal_cjs$4.DayTimeColsSlicer());
         let timedResourceSlicedProps = internal_cjs$1.mapHash(this.timedResourceSlicers, (slicer, resourceId) => slicer.sliceProps(timedResourceSplitProps[resourceId], dateProfile, null, context, dayRanges));
         let timedResourceJoinedProps = this.timedResourceJoiner.joinProps(timedResourceSlicedProps, resourceDayTableModel);
         let datesRepDistinctDays = resourceDayTableModel.dayTableModel.rowCnt === 1;
-        let headerTiers = internal_cjs$3.buildResourceHeaderTiers(// TODO: memoize
-        resources, resourceDayTableModel.dayTableModel.headerDates, options.datesAboveResources, datesRepDistinctDays, context);
         let dayHeaderFormat = this.createDayHeaderFormatter(context.options.dayHeaderFormat, datesRepDistinctDays, resourceDayTableModel.colCnt);
         return (preact_cjs.createElement(internal_cjs$1.NowTimer, { unit: options.nowIndicator ? 'minute' : 'day' /* hacky */ }, (nowDate, todayRange) => {
             // timed-only column splitting
@@ -97,32 +97,18 @@ class ResourceTimeGridView extends internal_cjs$1.DateComponent {
             let businessHourSegsByCol = this.splitBusinessHourSegs(timedResourceJoinedProps.businessHourSegs, colCnt);
             let nowIndicatorSegsByCol = this.splitNowIndicatorSegs((() => {
                 // was buildNowIndicatorSegs
-                let nonResourceSegs = this.timedResourceSlicers[''].sliceNowDate(nowDate, this.props.dateProfile, this.context.options.nextDayThreshold, this.context, this.dayRanges);
+                let nonResourceSegs = options.nowIndicator
+                    ? this.timedResourceSlicers[''].sliceNowDate(nowDate, this.props.dateProfile, this.context.options.nextDayThreshold, this.context, this.dayRanges)
+                    : []; // TODO: breaks memoization?
                 return this.timedResourceJoiner.expandSegs(resourceDayTableModel, nonResourceSegs);
             })(), colCnt);
             let dateSelectionSegsByCol = this.splitDateSelectionSegs(timedResourceJoinedProps.dateSelectionSegs, colCnt);
             let eventDragByCol = this.splitEventDrag(timedResourceJoinedProps.eventDrag, colCnt);
             let eventResizeByCol = this.splitEventResize(timedResourceJoinedProps.eventResize, colCnt);
-            return (preact_cjs.createElement(internal_cjs$2.TimeGridLayout, { dateProfile: dateProfile, nowDate: nowDate, todayRange: todayRange, cells: resourceDayTableModel.cells[0], forPrint: props.forPrint, isHitComboAllowed: this.isHitComboAllowed, className: 'fc-resource-timegrid-view', 
+            const headerTiers = this.buildResourceRowConfigs(resources, options.datesAboveResources, resourceDayTableModel.dayTableModel.headerDates, datesRepDistinctDays, props.dateProfile, todayRange, dayHeaderFormat, context);
+            return (preact_cjs.createElement(internal_cjs$4.TimeGridLayout, { labelId: props.labelId, labelStr: props.labelStr, dateProfile: dateProfile, nowDate: nowDate, todayRange: todayRange, cells: resourceDayTableModel.cells[0], forPrint: props.forPrint, isHitComboAllowed: this.isHitComboAllowed, className: 'fc-resource-timegrid-view', 
                 // header content
-                headerTiers: headerTiers, renderHeaderLabel: (tierNum, innerWidthRef, innerHeightRef, width) => ((options.weekNumbers && tierNum === headerTiers.length - 1) ? (preact_cjs.createElement(internal_cjs$2.TimeGridWeekNumber // .fc-cell
-                , { dateProfile: dateProfile, innerWidthRef: innerWidthRef, innerHeightRef: innerHeightRef, width: width })) : (preact_cjs.createElement("div", { className: 'fc-cell', style: { width } }))), 
-                // TODO: DRY
-                renderHeaderContent: (model, tierNum, innerHeightRef, colWidth) => {
-                    if (model.resource) {
-                        return (preact_cjs.createElement(internal_cjs$3.ResourceHeaderCell, Object.assign({}, model, { innerHeightRef: innerHeightRef, colSpan: model.colSpan, colWidth: colWidth, isSticky: tierNum < headerTiers.length - 1 })));
-                    }
-                    else if (model.date) {
-                        return (preact_cjs.createElement(internal_cjs$4.DateHeaderCell, Object.assign({}, model, { navLink: resourceDayTableModel.dayTableModel.colCnt > 1, dateProfile: props.dateProfile, todayRange: todayRange, dayHeaderFormat: dayHeaderFormat, innerHeightRef: innerHeightRef, colSpan: model.colSpan, colWidth: colWidth })));
-                    }
-                    else {
-                        preact_cjs.createElement(internal_cjs$4.DayOfWeekHeaderCell, Object.assign({}, model, { dayHeaderFormat: dayHeaderFormat, innerHeightRef: innerHeightRef, colSpan: model.colSpan, colWidth: colWidth }));
-                    }
-                }, getHeaderModelKey: (model) => (model.resource
-                    ? model.resource.id
-                    : model.date
-                        ? model.date.toISOString()
-                        : model.dow), 
+                headerTiers: headerTiers, 
                 // all-day content
                 fgEventSegs: allDayResourceJoinedProps.fgEventSegs, bgEventSegs: allDayResourceJoinedProps.bgEventSegs, businessHourSegs: allDayResourceJoinedProps.businessHourSegs, dateSelectionSegs: allDayResourceJoinedProps.dateSelectionSegs, eventDrag: allDayResourceJoinedProps.eventDrag, eventResize: allDayResourceJoinedProps.eventResize, 
                 // timed content
@@ -136,7 +122,7 @@ class ResourceTimeGridView extends internal_cjs$1.DateComponent {
 TODO: kill this and DayResourceTableModel/ResourceDayTableModel
 */
 function buildResourceTimeColsModel(dateProfile, dateProfileGenerator, resources, datesAboveResources, context) {
-    let dayTable = internal_cjs$2.buildTimeColsModel(dateProfile, dateProfileGenerator);
+    let dayTable = internal_cjs$4.buildTimeColsModel(dateProfile, dateProfileGenerator);
     if (!resources.length) {
         return new internal_cjs.ResourcelessDayTableModel(dayTable);
     }

package/internal.d.ts

@@ -9,6 +9,8 @@ interface ResourceTimeGridViewState {
 declare class ResourceTimeGridView extends DateComponent<ResourceViewProps, ResourceTimeGridViewState> {
     private flattenResources;
     private buildResourceTimeColsModel;
+    private buildResourceRowConfigs;
+    private createDayHeaderFormatter;
     private allDaySplitter;
     private allDayResourceSplitter;
     private allDayResourceSlicers;
@@ -25,7 +27,6 @@ declare class ResourceTimeGridView extends DateComponent<ResourceViewProps, Reso
     private splitDateSelectionSegs;
     private splitEventDrag;
     private splitEventResize;
-    private createDayHeaderFormatter;
     render(): createElement.JSX.Element;
     isHitComboAllowed: (hit0: Hit, hit1: Hit) => boolean;
 }

package/internal.js

@@ -1,9 +1,9 @@
 import { DateComponent, memoize, mapHash, NowTimer } from '@fullcalendar/core/internal.js';
 import { createElement } from '@fullcalendar/core/preact.js';
-import { createDayHeaderFormatter, DayTableSlicer, DateHeaderCell, DayOfWeekHeaderCell } from '@fullcalendar/daygrid/internal.js';
-import { ResourceDayTableJoiner, buildResourceHeaderTiers, ResourceHeaderCell } from '@fullcalendar/resource-daygrid/internal.js';
+import { createDayHeaderFormatter, DayTableSlicer } from '@fullcalendar/daygrid/internal.js';
+import { buildResourceRowConfigs, ResourceDayTableJoiner } from '@fullcalendar/resource-daygrid/internal.js';
 import { VResourceJoiner, flattenResources, VResourceSplitter, DEFAULT_RESOURCE_ORDER, ResourcelessDayTableModel, DayResourceTableModel, ResourceDayTableModel } from '@fullcalendar/resource/internal.js';
-import { AllDaySplitter, buildDayRanges, splitSegsByCol, splitInteractionByCol, DayTimeColsSlicer, TimeGridLayout, TimeGridWeekNumber, buildTimeColsModel } from '@fullcalendar/timegrid/internal.js';
+import { AllDaySplitter, buildDayRanges, organizeSegsByCol, splitInteractionByCol, DayTimeColsSlicer, TimeGridLayout, buildTimeColsModel } from '@fullcalendar/timegrid/internal.js';
 
 class ResourceDayTimeColsJoiner extends VResourceJoiner {
     transformSeg(seg, resourceDayTable, resourceI) {
@@ -16,8 +16,12 @@ class ResourceDayTimeColsJoiner extends VResourceJoiner {
 class ResourceTimeGridView extends DateComponent {
     constructor() {
         super(...arguments);
+        // memo
         this.flattenResources = memoize(flattenResources);
         this.buildResourceTimeColsModel = memoize(buildResourceTimeColsModel);
+        this.buildResourceRowConfigs = memoize(buildResourceRowConfigs);
+        this.createDayHeaderFormatter = memoize(createDayHeaderFormatter);
+        // internal
         this.allDaySplitter = new AllDaySplitter();
         // for all-day-resource props
         this.allDayResourceSplitter = new VResourceSplitter();
@@ -29,15 +33,13 @@ class ResourceTimeGridView extends DateComponent {
         this.timedResourceSlicers = {};
         this.timedResourceJoiner = new ResourceDayTimeColsJoiner();
         // timed-only column splitting
-        this.splitFgEventSegs = memoize(splitSegsByCol);
-        this.splitBgEventSegs = memoize(splitSegsByCol);
-        this.splitBusinessHourSegs = memoize(splitSegsByCol);
-        this.splitNowIndicatorSegs = memoize(splitSegsByCol);
-        this.splitDateSelectionSegs = memoize(splitSegsByCol);
+        this.splitFgEventSegs = memoize(organizeSegsByCol);
+        this.splitBgEventSegs = memoize(organizeSegsByCol);
+        this.splitBusinessHourSegs = memoize(organizeSegsByCol);
+        this.splitNowIndicatorSegs = memoize(organizeSegsByCol);
+        this.splitDateSelectionSegs = memoize(organizeSegsByCol);
         this.splitEventDrag = memoize(splitInteractionByCol);
         this.splitEventResize = memoize(splitInteractionByCol);
-        // other memo
-        this.createDayHeaderFormatter = memoize(createDayHeaderFormatter);
         this.isHitComboAllowed = (hit0, hit1) => {
             let allowAcrossResources = this.dayRanges.length === 1;
             return allowAcrossResources || hit0.dateSpan.resourceId === hit1.dateSpan.resourceId;
@@ -82,8 +84,6 @@ class ResourceTimeGridView extends DateComponent {
         let timedResourceSlicedProps = mapHash(this.timedResourceSlicers, (slicer, resourceId) => slicer.sliceProps(timedResourceSplitProps[resourceId], dateProfile, null, context, dayRanges));
         let timedResourceJoinedProps = this.timedResourceJoiner.joinProps(timedResourceSlicedProps, resourceDayTableModel);
         let datesRepDistinctDays = resourceDayTableModel.dayTableModel.rowCnt === 1;
-        let headerTiers = buildResourceHeaderTiers(// TODO: memoize
-        resources, resourceDayTableModel.dayTableModel.headerDates, options.datesAboveResources, datesRepDistinctDays, context);
         let dayHeaderFormat = this.createDayHeaderFormatter(context.options.dayHeaderFormat, datesRepDistinctDays, resourceDayTableModel.colCnt);
         return (createElement(NowTimer, { unit: options.nowIndicator ? 'minute' : 'day' /* hacky */ }, (nowDate, todayRange) => {
             // timed-only column splitting
@@ -93,32 +93,18 @@ class ResourceTimeGridView extends DateComponent {
             let businessHourSegsByCol = this.splitBusinessHourSegs(timedResourceJoinedProps.businessHourSegs, colCnt);
             let nowIndicatorSegsByCol = this.splitNowIndicatorSegs((() => {
                 // was buildNowIndicatorSegs
-                let nonResourceSegs = this.timedResourceSlicers[''].sliceNowDate(nowDate, this.props.dateProfile, this.context.options.nextDayThreshold, this.context, this.dayRanges);
+                let nonResourceSegs = options.nowIndicator
+                    ? this.timedResourceSlicers[''].sliceNowDate(nowDate, this.props.dateProfile, this.context.options.nextDayThreshold, this.context, this.dayRanges)
+                    : []; // TODO: breaks memoization?
                 return this.timedResourceJoiner.expandSegs(resourceDayTableModel, nonResourceSegs);
             })(), colCnt);
             let dateSelectionSegsByCol = this.splitDateSelectionSegs(timedResourceJoinedProps.dateSelectionSegs, colCnt);
             let eventDragByCol = this.splitEventDrag(timedResourceJoinedProps.eventDrag, colCnt);
             let eventResizeByCol = this.splitEventResize(timedResourceJoinedProps.eventResize, colCnt);
-            return (createElement(TimeGridLayout, { dateProfile: dateProfile, nowDate: nowDate, todayRange: todayRange, cells: resourceDayTableModel.cells[0], forPrint: props.forPrint, isHitComboAllowed: this.isHitComboAllowed, className: 'fc-resource-timegrid-view', 
+            const headerTiers = this.buildResourceRowConfigs(resources, options.datesAboveResources, resourceDayTableModel.dayTableModel.headerDates, datesRepDistinctDays, props.dateProfile, todayRange, dayHeaderFormat, context);
+            return (createElement(TimeGridLayout, { labelId: props.labelId, labelStr: props.labelStr, dateProfile: dateProfile, nowDate: nowDate, todayRange: todayRange, cells: resourceDayTableModel.cells[0], forPrint: props.forPrint, isHitComboAllowed: this.isHitComboAllowed, className: 'fc-resource-timegrid-view', 
                 // header content
-                headerTiers: headerTiers, renderHeaderLabel: (tierNum, innerWidthRef, innerHeightRef, width) => ((options.weekNumbers && tierNum === headerTiers.length - 1) ? (createElement(TimeGridWeekNumber // .fc-cell
-                , { dateProfile: dateProfile, innerWidthRef: innerWidthRef, innerHeightRef: innerHeightRef, width: width })) : (createElement("div", { className: 'fc-cell', style: { width } }))), 
-                // TODO: DRY
-                renderHeaderContent: (model, tierNum, innerHeightRef, colWidth) => {
-                    if (model.resource) {
-                        return (createElement(ResourceHeaderCell, Object.assign({}, model, { innerHeightRef: innerHeightRef, colSpan: model.colSpan, colWidth: colWidth, isSticky: tierNum < headerTiers.length - 1 })));
-                    }
-                    else if (model.date) {
-                        return (createElement(DateHeaderCell, Object.assign({}, model, { navLink: resourceDayTableModel.dayTableModel.colCnt > 1, dateProfile: props.dateProfile, todayRange: todayRange, dayHeaderFormat: dayHeaderFormat, innerHeightRef: innerHeightRef, colSpan: model.colSpan, colWidth: colWidth })));
-                    }
-                    else {
-                        createElement(DayOfWeekHeaderCell, Object.assign({}, model, { dayHeaderFormat: dayHeaderFormat, innerHeightRef: innerHeightRef, colSpan: model.colSpan, colWidth: colWidth }));
-                    }
-                }, getHeaderModelKey: (model) => (model.resource
-                    ? model.resource.id
-                    : model.date
-                        ? model.date.toISOString()
-                        : model.dow), 
+                headerTiers: headerTiers, 
                 // all-day content
                 fgEventSegs: allDayResourceJoinedProps.fgEventSegs, bgEventSegs: allDayResourceJoinedProps.bgEventSegs, businessHourSegs: allDayResourceJoinedProps.businessHourSegs, dateSelectionSegs: allDayResourceJoinedProps.dateSelectionSegs, eventDrag: allDayResourceJoinedProps.eventDrag, eventResize: allDayResourceJoinedProps.eventResize, 
                 // timed content

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fullcalendar/resource-timegrid",
-  "version": "7.0.0-beta.1",
+  "version": "7.0.0-beta.4",
   "title": "FullCalendar Resource Time Grid Plugin",
   "description": "Displays events on a vertical resource view with time slots",
   "keywords": [
@@ -15,14 +15,14 @@
   ],
   "homepage": "https://fullcalendar.io/docs/vertical-resource-view",
   "dependencies": {
-    "@fullcalendar/daygrid": "7.0.0-beta.1",
-    "@fullcalendar/premium-common": "7.0.0-beta.1",
-    "@fullcalendar/resource-daygrid": "7.0.0-beta.1",
-    "@fullcalendar/timegrid": "7.0.0-beta.1"
+    "@fullcalendar/daygrid": "7.0.0-beta.4",
+    "@fullcalendar/premium-common": "7.0.0-beta.4",
+    "@fullcalendar/resource-daygrid": "7.0.0-beta.4",
+    "@fullcalendar/timegrid": "7.0.0-beta.4"
   },
   "peerDependencies": {
-    "@fullcalendar/core": "7.0.0-beta.1",
-    "@fullcalendar/resource": "7.0.0-beta.1"
+    "@fullcalendar/core": "7.0.0-beta.4",
+    "@fullcalendar/resource": "7.0.0-beta.4"
   },
   "type": "module",
   "bugs": "https://fullcalendar.io/reporting-bugs",