@fullcalendar/timegrid - npm Package Compare versions

Comparing version 5.0.0-beta.4 to 5.0.0-rc

main.d.ts

 
-import { Splitter, DateSpan, EventDef, PositionCache, DateProfile, DateMarker, Duration, DateEnv, DateComponent, ViewProps, RefObject, VNode, ChunkContentCallbackArgs, createElement, DateProfileGenerator, DayTableModel, Seg, Hit, DateRange, Slicer, EventStore, EventUiHash, EventInteractionState, CssDimValue, BaseComponent, ScrollRequest, EventSegUiInteractionState, Ref, PluginDef } from '@fullcalendar/common';
+import { Splitter, DateSpan, EventDef, PositionCache, DateProfile, DateMarker, Duration, DateEnv, DateComponent, ViewProps, RefObject, VNode, ChunkContentCallbackArgs, createElement, CssDimValue, DateProfileGenerator, DayTableModel, Seg, Hit, DateRange, Slicer, EventStore, EventUiHash, EventInteractionState, BaseComponent, ScrollRequest, EventSegUiInteractionState, Ref, PluginDef } from '@fullcalendar/common';
 import { TableCellModel } from '@fullcalendar/daygrid';
@@ -35,3 +35,6 @@
 
-declare abstract class TimeColsView extends DateComponent<ViewProps> {
+interface TimeColsViewState {
+    slatCoords: TimeColsSlatsCoords | null;
+}
+declare abstract class TimeColsView extends DateComponent<ViewProps, TimeColsViewState> {
     protected allDaySplitter: AllDaySplitter;
@@ -41,4 +44,7 @@ protected headerElRef: RefObject<HTMLTableCellElement>;
     private scrollerElRef;
+    state: {
+        slatCoords: any;
+    };
     renderSimpleLayout(headerRowContent: VNode | null, allDayContent: ((contentArg: ChunkContentCallbackArgs) => VNode) | null, timeContent: ((contentArg: ChunkContentCallbackArgs) => VNode) | null): createElement.JSX.Element;
-    renderHScrollLayout(headerRowContent: VNode | null, allDayContent: ((contentArg: ChunkContentCallbackArgs) => VNode) | null, timeContent: ((contentArg: ChunkContentCallbackArgs) => VNode) | null, colCnt: number, dayMinWidth: number, slatMetas: TimeSlatMeta[]): createElement.JSX.Element;
+    renderHScrollLayout(headerRowContent: VNode | null, allDayContent: ((contentArg: ChunkContentCallbackArgs) => VNode) | null, timeContent: ((contentArg: ChunkContentCallbackArgs) => VNode) | null, colCnt: number, dayMinWidth: number, slatMetas: TimeSlatMeta[], slatCoords: TimeColsSlatsCoords | null): createElement.JSX.Element;
     handleScrollTopRequest: (scrollTop: number) => void;
@@ -49,7 +55,7 @@ getAllDayMaxEventProps(): {
     };
-    renderHeadAxis: () => createElement.JSX.Element;
+    renderHeadAxis: (frameHeight?: CssDimValue) => createElement.JSX.Element;
     renderTableRowAxis: (rowHeight?: number) => createElement.JSX.Element;
+    handleSlatCoords: (slatCoords: TimeColsSlatsCoords) => void;
 }
 
-
 declare class DayTimeColsView extends TimeColsView {
@@ -89,2 +95,3 @@ private buildTimeColsModel;
     forPrint: boolean;
+    onSlatCoords?: (slatCoords: TimeColsSlatsCoords) => void;
 }
@@ -140,2 +147,3 @@ declare class DayTimeCols extends DateComponent<DayTimeColsProps> {
     slatMetas: TimeSlatMeta[];
+    onSlatCoords?: (slatCoords: TimeColsSlatsCoords) => void;
 }
@@ -142,0 +150,0 @@ interface TimeColsState {

main.js

 /*!
-FullCalendar v5.0.0-beta.4
+FullCalendar v5.0.0-rc
 Docs & License: https://fullcalendar.io/
@@ -8,4 +8,4 @@ (c) 2019 Adam Shaw
 
-import { hasBgRendering, Splitter, rangeContainsMarker, startOfDay, asRoughMs, createDuration, createRef, RefMap, createElement, isElVisible, PositionCache, BaseComponent, RenderHook, createFormatter, ViewContextType, wholeDivideDurations, formatIsoTimeString, addDurations, diffDays, buildNavLinkData, WeekNumberRoot, getStickyHeaderDates, ViewRoot, SimpleScrollGrid, getStickyFooterScrollbar, DateComponent, renderScrollShim, sortEventSegs, compareByFieldSpecs, buildSegCompareObj, StandardEvent, DayCellRoot, Fragment, getSegMeta, BgEvent, renderFill, NowIndicatorRoot, DayCellContent, memoize, multiplyDuration, NowTimer, intersectRanges, Slicer, DayHeader, DaySeriesModel, DayTableModel, createPlugin } from '@fullcalendar/common';
-import { __extends, __assign, __spreadArrays } from 'tslib';
+import { hasBgRendering, Splitter, rangeContainsMarker, startOfDay, asRoughMs, createDuration, createRef, RefMap, createElement, isElVisible, PositionCache, BaseComponent, RenderHook, createFormatter, ViewContextType, wholeDivideDurations, formatIsoTimeString, addDurations, diffDays, buildNavLinkData, WeekNumberRoot, getStickyHeaderDates, ViewRoot, SimpleScrollGrid, getStickyFooterScrollbar, NowTimer, NowIndicatorRoot, DateComponent, renderScrollShim, sortEventSegs, compareByFieldSpecs, buildSegCompareObj, StandardEvent, config, DayCellRoot, getSegMeta, buildEventRangeKey, BgEvent, renderFill, Fragment, DayCellContent, memoize, multiplyDuration, intersectRanges, Slicer, DayHeader, DaySeriesModel, DayTableModel, createPlugin } from '@fullcalendar/common';
+import { __extends, __assign } from 'tslib';
 import { DayTable } from '@fullcalendar/daygrid';
@@ -262,6 +262,2 @@
 var AUTO_ALL_DAY_MAX_EVENT_ROWS = 5;
-/* An abstract class for all timegrid-related views. Displays one more columns with time slots running vertically.
-----------------------------------------------------------------------------------------------------------------------*/
-// Is a manager for the TimeCols subcomponent and possibly the DayGrid subcomponent (if allDaySlot is on).
-// Responsible for managing width/height.
 var TimeColsView = /** @class */ (function (_super) {
@@ -275,8 +271,15 @@ __extends(TimeColsView, _super);
         _this.scrollerElRef = createRef();
+        _this.state = {
+            slatCoords: null
+        };
         _this.handleScrollTopRequest = function (scrollTop) {
-            _this.scrollerElRef.current.scrollTop = scrollTop;
+            var scrollerEl = _this.scrollerElRef.current;
+            if (scrollerEl) { // TODO: not sure how this could ever be null. weirdness with the reducer
+                scrollerEl.scrollTop = scrollTop;
+            }
         };
         /* Header Render Methods
         ------------------------------------------------------------------------------------------------------------------*/
-        _this.renderHeadAxis = function () {
+        _this.renderHeadAxis = function (frameHeight) {
+            if (frameHeight === void 0) { frameHeight = ''; }
             var options = _this.context.options;
@@ -286,5 +289,5 @@ var dateProfile = _this.props.dateProfile;
             var dayCnt = diffDays(range.start, range.end);
-            var navLinkData = (options.navLinks && dayCnt === 1) // only do in day views (to avoid doing in week views that dont need it)
-                ? buildNavLinkData(range.start, 'week')
-                : null;
+            var navLinkAttrs = (options.navLinks && dayCnt === 1) // only do in day views (to avoid doing in week views that dont need it)
+                ? { 'data-navlink': buildNavLinkData(range.start, 'week'), tabIndex: 0 }
+                : {};
             if (options.weekNumbers) {
@@ -295,6 +298,7 @@ return (createElement(WeekNumberRoot, { date: range.start, defaultFormat: DEFAULT_WEEK_NUM_FORMAT }, function (rootElRef, classNames, innerElRef, innerContent) { return (createElement("th", { ref: rootElRef, className: [
                     ].concat(classNames).join(' ') },
-                    createElement("div", { className: 'fc-timegrid-axis-frame fc-scrollgrid-shrink-frame fc-timegrid-axis-frame-liquid' },
-                        createElement("a", { className: 'fc-timegrid-axis-cushion fc-scrollgrid-shrink-cushion', "data-navlink": navLinkData, ref: innerElRef }, innerContent)))); }));
+                    createElement("div", { className: 'fc-timegrid-axis-frame fc-scrollgrid-shrink-frame fc-timegrid-axis-frame-liquid', style: { height: frameHeight } },
+                        createElement("a", __assign({ ref: innerElRef, className: 'fc-timegrid-axis-cushion fc-scrollgrid-shrink-cushion' }, navLinkAttrs), innerContent)))); }));
             }
-            return (createElement("th", { className: 'fc-timegrid-axis' }));
+            return (createElement("th", { className: 'fc-timegrid-axis' },
+                createElement("div", { className: 'fc-timegrid-axis-frame', style: { height: frameHeight } })));
         };
@@ -320,2 +324,5 @@ /* Table Component Render Methods
         };
+        _this.handleSlatCoords = function (slatCoords) {
+            _this.setState({ slatCoords: slatCoords });
+        };
         return _this;
@@ -352,3 +359,3 @@ }
                 createElement("tr", { className: 'fc-scrollgrid-section' },
-                    createElement("td", { className: 'fc-timegrid-divider fc-divider ' + context.theme.getClass('tableCellShaded') })))
+                    createElement("td", { className: 'fc-timegrid-divider ' + context.theme.getClass('tableCellShaded') })))
             });
@@ -369,3 +376,4 @@ }
     };
-    TimeColsView.prototype.renderHScrollLayout = function (headerRowContent, allDayContent, timeContent, colCnt, dayMinWidth, slatMetas) {
+    TimeColsView.prototype.renderHScrollLayout = function (headerRowContent, allDayContent, timeContent, colCnt, dayMinWidth, slatMetas, slatCoords // yuck
+    ) {
         var _this = this;
@@ -385,6 +393,7 @@ var ScrollGrid = this.context.pluginHooks.scrollGridImpl;
                 isSticky: stickyHeaderDates,
+                syncRowHeights: true,
                 chunks: [
                     {
                         key: 'axis',
-                        rowContent: createElement("tr", null, this.renderHeadAxis())
+                        rowContent: function (arg) { return (createElement("tr", null, _this.renderHeadAxis(arg.rowSyncHeights[0]))); }
                     },
@@ -421,5 +430,6 @@ {
                 createElement("tr", { className: 'fc-scrollgrid-section' },
-                    createElement("td", { colSpan: 2, className: 'fc-timegrid-divider fc-divider ' + context.theme.getClass('tableCellShaded') })))
+                    createElement("td", { colSpan: 2, className: 'fc-timegrid-divider ' + context.theme.getClass('tableCellShaded') })))
             });
         }
+        var isNowIndicator = context.options.nowIndicator;
         sections.push({
@@ -433,4 +443,19 @@ type: 'body',
                     key: 'axis',
-                    tableClassName: 'fc-timegrid-slot-labels',
-                    rowContent: createElement(TimeBodyAxis, { slatMetas: slatMetas })
+                    content: function (arg) {
+                        // TODO: make this now-indicator arrow more DRY with TimeColsContent
+                        return (createElement("div", { className: 'fc-timegrid-axis-chunk' },
+                            createElement("table", null,
+                                arg.tableColGroupNode,
+                                createElement("tbody", null,
+                                    createElement(TimeBodyAxis, { slatMetas: slatMetas }))),
+                            createElement("div", { className: 'fc-timegrid-now-indicator-container' },
+                                createElement(NowTimer, { unit: isNowIndicator ? 'minute' : 'day' /* hacky */ }, function (nowDate) {
+                                    var nowIndicatorTop = isNowIndicator &&
+                                        slatCoords &&
+                                        slatCoords.safeComputeTop(nowDate); // might return void
+                                    if (typeof nowIndicatorTop === 'number') {
+                                        return (createElement(NowIndicatorRoot, { isAxis: true, date: nowDate }, function (rootElRef, classNames, innerElRef, innerContent) { return (createElement("div", { ref: rootElRef, className: ['fc-timegrid-now-indicator-arrow'].concat(classNames).join(' '), style: { top: nowIndicatorTop } }, innerContent)); }));
+                                    }
+                                }))));
+                    }
                 },
@@ -714,3 +739,10 @@ {
     TimeColEvent.prototype.render = function () {
-        return (createElement(StandardEvent, __assign({}, this.props, { defaultTimeFormat: DEFAULT_TIME_FORMAT, extraClassNames: ['fc-timegrid-event', 'fc-v-event'] })));
+        var classNames = [
+            'fc-timegrid-event',
+            'fc-v-event'
+        ];
+        if (this.props.isCondensed) {
+            classNames.push('fc-timegrid-event-condensed');
+        }
+        return (createElement(StandardEvent, __assign({}, this.props, { defaultTimeFormat: DEFAULT_TIME_FORMAT, extraClassNames: classNames })));
     };
@@ -720,2 +752,3 @@ return TimeColEvent;
 
+config.timeGridEventCondensedHeight = 30;
 var TimeCol = /** @class */ (function (_super) {
@@ -739,8 +772,3 @@ __extends(TimeCol, _super);
         return (createElement(DayCellRoot, { elRef: props.elRef, date: props.date, dateProfile: props.dateProfile, todayRange: props.todayRange, extraHookProps: props.extraHookProps }, function (rootElRef, classNames, dataAttrs) { return (createElement("td", __assign({ ref: rootElRef, className: ['fc-timegrid-col'].concat(classNames, props.extraClassNames || []).join(' ') }, dataAttrs, props.extraDataAttrs),
-            createElement("div", { className: 'fc-timegrid-col-origin' },
-                createElement("div", { className: 'fc-timegrid-col-events' },
-                    createElement(Fragment, null, _this.renderFgSegs(mirrorSegs, {}, Boolean(props.eventDrag), Boolean(props.eventResize), Boolean(isSelectMirror)
-                    // TODO: pass in left/right instead of using only computeSegTopBottomCss
-                    )),
-                    createElement(Fragment, null, _this.renderFgSegs(props.fgEventSegs, interactionAffectedInstances))),
+            createElement("div", { className: 'fc-timegrid-col-frame' },
                 createElement("div", { className: 'fc-timegrid-col-bg' },
@@ -750,4 +778,8 @@ _this.renderFillSegs(props.businessHourSegs, 'non-business'),
                     _this.renderFillSegs(props.dateSelectionSegs, 'highlight')),
-                _this.renderNowIndicator(props.nowIndicatorSegs)),
-            createElement(TimeColMisc, { date: props.date, dateProfile: props.dateProfile, todayRange: props.todayRange, extraHookProps: props.extraHookProps }))); }));
+                createElement("div", { className: 'fc-timegrid-col-events' }, _this.renderFgSegs(props.fgEventSegs, interactionAffectedInstances)),
+                createElement("div", { className: 'fc-timegrid-col-events' }, _this.renderFgSegs(mirrorSegs, {}, Boolean(props.eventDrag), Boolean(props.eventResize), Boolean(isSelectMirror)
+                // TODO: pass in left/right instead of using only computeSegTopBottomCss
+                )),
+                createElement("div", { className: 'fc-timegrid-now-indicator-container' }, _this.renderNowIndicator(props.nowIndicatorSegs)),
+                createElement(TimeColMisc, { date: props.date, dateProfile: props.dateProfile, todayRange: props.todayRange, extraHookProps: props.extraHookProps })))); }));
     };
@@ -766,3 +798,3 @@ TimeCol.prototype.renderFgSegs = function (segs, segIsInvisible, isDragging, isResizing, isDateSelecting) {
         return segs.map(function (seg) { return (createElement("div", { className: 'fc-timegrid-event-harness', key: seg.eventRange.instance.instanceId },
-            createElement(TimeColEvent, __assign({ seg: seg, isDragging: false, isResizing: false, isDateSelecting: false, isSelected: false }, getSegMeta(seg, props.todayRange, props.nowDate))))); });
+            createElement(TimeColEvent, __assign({ seg: seg, isDragging: false, isResizing: false, isDateSelecting: false, isSelected: false, isCondensed: false }, getSegMeta(seg, props.todayRange, props.nowDate))))); });
     };
@@ -781,3 +813,3 @@ TimeCol.prototype.renderPositionedFgSegs = function (segs, segIsInvisible, isDragging, isResizing, isDateSelecting) {
             return (createElement("div", { className: 'fc-timegrid-event-harness' + (seg.level > 0 ? ' fc-timegrid-event-harness-inset' : ''), key: instanceId, style: __assign({ visibility: segIsInvisible[instanceId] ? 'hidden' : '' }, positionCss) },
-                createElement(TimeColEvent, __assign({ seg: seg, isDragging: isDragging, isResizing: isResizing, isDateSelecting: isDateSelecting, isSelected: instanceId === props.eventSelection }, getSegMeta(seg, props.todayRange, props.nowDate)))));
+                createElement(TimeColEvent, __assign({ seg: seg, isDragging: isDragging, isResizing: isResizing, isDateSelecting: isDateSelecting, isSelected: instanceId === props.eventSelection, isCondensed: (seg.bottom - seg.top) < config.timeGridEventCondensedHeight }, getSegMeta(seg, props.todayRange, props.nowDate)))));
         });
@@ -793,12 +825,6 @@ };
         computeSegVerticals(segs, props.date, props.slatCoords, context.options.eventMinHeight);
-        var children = segs.map(function (seg) {
-            // inverse-background events don't have specific instances
-            // TODO: might be a key collision. better solution
-            var eventRange = seg.eventRange;
-            var key = eventRange.instance ? eventRange.instance.instanceId : eventRange.def.defId;
-            return (createElement("div", { className: 'fc-timegrid-bg-harness', style: _this.computeSegTopBottomCss(seg) }, fillType === 'bg-event' ?
-                createElement(BgEvent, __assign({ key: key, seg: seg }, getSegMeta(seg, props.todayRange, props.nowDate))) :
-                renderFill(fillType)));
-        });
-        return createElement.apply(void 0, __spreadArrays([Fragment, {}], children));
+        var children = segs.map(function (seg) { return (createElement("div", { key: buildEventRangeKey(seg.eventRange), className: 'fc-timegrid-bg-harness', style: _this.computeSegTopBottomCss(seg) }, fillType === 'bg-event' ?
+            createElement(BgEvent, __assign({ seg: seg }, getSegMeta(seg, props.todayRange, props.nowDate))) :
+            renderFill(fillType))); });
+        return createElement(Fragment, null, children);
     };
@@ -901,6 +927,7 @@ TimeCol.prototype.renderNowIndicator = function (segs) {
                         props.axis &&
-                            createElement("td", { className: 'fc-timegrid-axis' }),
-                        props.cells.map(function (cell, i) { return (createElement(TimeCol, { key: cell.key, elRef: _this.cellElRefs.createRef(cell.key), dateProfile: props.dateProfile, date: cell.date, nowDate: props.nowDate, todayRange: props.todayRange, extraHookProps: cell.extraHookProps, extraDataAttrs: cell.extraDataAttrs, extraClassNames: cell.extraClassNames, fgEventSegs: fgEventSegsByRow[i], bgEventSegs: bgEventSegsByRow[i], businessHourSegs: businessHourSegsByRow[i], nowIndicatorSegs: nowIndicatorSegsByRow[i], dateSelectionSegs: dateSelectionSegsByRow[i], eventDrag: eventDragByRow[i], eventResize: eventResizeByRow[i], slatCoords: props.slatCoords, eventSelection: props.eventSelection, forPrint: props.forPrint })); })))),
-            typeof nowIndicatorTop === 'number' &&
-                createElement(NowIndicatorRoot, { isAxis: true, date: props.nowDate }, function (rootElRef, classNames, innerElRef, innerContent) { return (createElement("div", { ref: rootElRef, className: ['fc-timegrid-now-indicator-arrow'].concat(classNames).join(' '), style: { top: nowIndicatorTop } }, innerContent)); })));
+                            createElement("td", { className: 'fc-timegrid-col fc-timegrid-axis' },
+                                createElement("div", { className: 'fc-timegrid-col-frame' },
+                                    createElement("div", { className: 'fc-timegrid-now-indicator-container' }, typeof nowIndicatorTop === 'number' &&
+                                        createElement(NowIndicatorRoot, { isAxis: true, date: props.nowDate }, function (rootElRef, classNames, innerElRef, innerContent) { return (createElement("div", { ref: rootElRef, className: ['fc-timegrid-now-indicator-arrow'].concat(classNames).join(' '), style: { top: nowIndicatorTop } }, innerContent)); })))),
+                        props.cells.map(function (cell, i) { return (createElement(TimeCol, { key: cell.key, elRef: _this.cellElRefs.createRef(cell.key), dateProfile: props.dateProfile, date: cell.date, nowDate: props.nowDate, todayRange: props.todayRange, extraHookProps: cell.extraHookProps, extraDataAttrs: cell.extraDataAttrs, extraClassNames: cell.extraClassNames, fgEventSegs: fgEventSegsByRow[i], bgEventSegs: bgEventSegsByRow[i], businessHourSegs: businessHourSegsByRow[i], nowIndicatorSegs: nowIndicatorSegsByRow[i], dateSelectionSegs: dateSelectionSegsByRow[i], eventDrag: eventDragByRow[i], eventResize: eventResizeByRow[i], slatCoords: props.slatCoords, eventSelection: props.eventSelection, forPrint: props.forPrint })); }))))));
     };
@@ -958,2 +985,5 @@ TimeColsContent.prototype.componentDidMount = function () {
             _this.setState({ slatCoords: slatCoords });
+            if (_this.props.onSlatCoords) {
+                _this.props.onSlatCoords(slatCoords);
+            }
         };
@@ -1054,3 +1084,3 @@ return _this;
         // TODO: would move this further down hierarchy, but sliceNowDate needs it
-        return (createElement(NowTimer, { unit: isNowIndicator ? 'minute' : 'day' }, function (nowDate, todayRange) { return (createElement(TimeCols, __assign({ ref: _this.timeColsRef, rootElRef: _this.handleRootEl }, _this.slicer.sliceProps(props, dateProfile, null, context, dayRanges), { forPrint: props.forPrint, axis: props.axis, dateProfile: dateProfile, slatMetas: props.slatMetas, slotDuration: props.slotDuration, cells: dayTableModel.cells[0], tableColGroupNode: props.tableColGroupNode, tableMinWidth: props.tableMinWidth, clientWidth: props.clientWidth, clientHeight: props.clientHeight, expandRows: props.expandRows, nowDate: nowDate, nowIndicatorSegs: isNowIndicator && _this.slicer.sliceNowDate(nowDate, context, dayRanges), todayRange: todayRange, onScrollTopRequest: props.onScrollTopRequest }))); }));
+        return (createElement(NowTimer, { unit: isNowIndicator ? 'minute' : 'day' }, function (nowDate, todayRange) { return (createElement(TimeCols, __assign({ ref: _this.timeColsRef, rootElRef: _this.handleRootEl }, _this.slicer.sliceProps(props, dateProfile, null, context, dayRanges), { forPrint: props.forPrint, axis: props.axis, dateProfile: dateProfile, slatMetas: props.slatMetas, slotDuration: props.slotDuration, cells: dayTableModel.cells[0], tableColGroupNode: props.tableColGroupNode, tableMinWidth: props.tableMinWidth, clientWidth: props.clientWidth, clientHeight: props.clientHeight, expandRows: props.expandRows, nowDate: nowDate, nowIndicatorSegs: isNowIndicator && _this.slicer.sliceNowDate(nowDate, context, dayRanges), todayRange: todayRange, onScrollTopRequest: props.onScrollTopRequest, onSlatCoords: props.onSlatCoords }))); }));
     };
@@ -1133,5 +1163,5 @@ DayTimeCols.prototype.queryHit = function (positionLeft, positionTop) {
         var allDayContent = (options.allDaySlot !== false) && (function (contentArg) { return (createElement(DayTable, __assign({}, splitProps['allDay'], { dateProfile: dateProfile, dayTableModel: dayTableModel, nextDayThreshold: options.nextDayThreshold, tableMinWidth: contentArg.tableMinWidth, colGroupNode: contentArg.tableColGroupNode, renderRowIntro: hasAttachedAxis ? _this.renderTableRowAxis : null, showWeekNumbers: false, expandRows: false, headerAlignElRef: _this.headerElRef, clientWidth: contentArg.clientWidth, clientHeight: contentArg.clientHeight, forPrint: props.forPrint }, _this.getAllDayMaxEventProps()))); });
-        var timeGridContent = function (contentArg) { return (createElement(DayTimeCols, __assign({}, splitProps['timed'], { dayTableModel: dayTableModel, dateProfile: dateProfile, axis: hasAttachedAxis, slotDuration: options.slotDuration, slatMetas: slatMetas, forPrint: props.forPrint, tableColGroupNode: contentArg.tableColGroupNode, tableMinWidth: contentArg.tableMinWidth, clientWidth: contentArg.clientWidth, clientHeight: contentArg.clientHeight, expandRows: contentArg.expandRows, onScrollTopRequest: _this.handleScrollTopRequest }))); };
+        var timeGridContent = function (contentArg) { return (createElement(DayTimeCols, __assign({}, splitProps['timed'], { dayTableModel: dayTableModel, dateProfile: dateProfile, axis: hasAttachedAxis, slotDuration: options.slotDuration, slatMetas: slatMetas, forPrint: props.forPrint, tableColGroupNode: contentArg.tableColGroupNode, tableMinWidth: contentArg.tableMinWidth, clientWidth: contentArg.clientWidth, clientHeight: contentArg.clientHeight, onSlatCoords: _this.handleSlatCoords, expandRows: contentArg.expandRows, onScrollTopRequest: _this.handleScrollTopRequest }))); };
         return hasDetachedAxis
-            ? this.renderHScrollLayout(headerContent, allDayContent, timeGridContent, dayTableModel.colCnt, dayMinWidth, slatMetas)
+            ? this.renderHScrollLayout(headerContent, allDayContent, timeGridContent, dayTableModel.colCnt, dayMinWidth, slatMetas, this.state.slatCoords)
             : this.renderSimpleLayout(headerContent, allDayContent, timeGridContent);
@@ -1138,0 +1168,0 @@ };

package.json

 {
   "name": "@fullcalendar/timegrid",
-  "version": "5.0.0-beta.4",
+  "version": "5.0.0-rc",
   "title": "FullCalendar Time Grid Plugin",
@@ -8,7 +8,7 @@ "description": "Display your events on a grid of time slots",
   "dependencies": {
-    "@fullcalendar/common": "5.0.0-beta.4",
-    "@fullcalendar/daygrid": "5.0.0-beta.4",
-    "tslib": "^1.9.3"
+    "@fullcalendar/common": "5.0.0-rc",
+    "@fullcalendar/daygrid": "5.0.0-rc",
+    "tslib": "^2.0.0"
   },
-  "module": "main.js",
+  "main": "main.js",
   "types": "main.d.ts",
@@ -15,0 +15,0 @@ "homepage": "https://fullcalendar.io/",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

186387

increased by5.45%

Lines of code

1657

increased by6.56%

Dependency changes

• + Added@fullcalendar/common@5.0.0-rc(transitive)

• + Added@fullcalendar/daygrid@5.0.0-rc(transitive)

• + Addedtslib@2.8.1(transitive)

• - Removed@fullcalendar/common@5.0.0-beta.4(transitive)

• - Removed@fullcalendar/daygrid@5.0.0-beta.4(transitive)

• - Removedtslib@1.14.1(transitive)

• Updated@fullcalendar/common@5.0.0-rc

• Updated@fullcalendar/daygrid@5.0.0-rc

• Updatedtslib@^2.0.0