@fullcalendar/timeline - npm Package Compare versions

Comparing version 5.0.0-beta.4 to 5.0.0-rc

main.d.ts

 
-import { Duration, DateRange, DateMarker, DateProfile, DateEnv, BaseOptionsRefined, DateProfileGenerator, PositionCache, DateComponent, ViewProps, createElement, Seg, Slicer, EventStore, EventUiHash, DateSpan, EventInteractionState, BaseComponent, VNode, RefObject, CssDimValue, ScrollRequest, PluginDef } from '@fullcalendar/common';
+import { Duration, DateRange, DateMarker, DateProfile, DateEnv, BaseOptionsRefined, DateProfileGenerator, PositionCache, DateComponent, ViewProps, createElement, Seg, Slicer, EventStore, EventUiHash, DateSpan, EventInteractionState, BaseComponent, RefObject, CssDimValue, VNode, ScrollRequest, PluginDef } from '@fullcalendar/common';
 
@@ -140,3 +140,3 @@ interface TimelineDateProfile {
     render(): createElement.JSX.Element;
-    renderSegs(segs: TimelineLaneSeg[], timelineCoords: TimelineCoords, fillType: string): VNode;
+    renderSegs(segs: TimelineLaneSeg[], timelineCoords: TimelineCoords, fillType: string): createElement.JSX.Element;
 }
@@ -167,3 +167,2 @@
 interface TimelineSlatsProps extends TimelineSlatsContentProps {
-    dateProfile: DateProfile;
     clientWidth: number | null;
@@ -176,2 +175,3 @@ tableMinWidth: CssDimValue;
 interface TimelineSlatsContentProps {
+    dateProfile: DateProfile;
     tDateProfile: TimelineDateProfile;
@@ -178,0 +178,0 @@ nowDate: DateMarker;

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 { config, createFormatter, greatestDurationDenominator, isSingleDay, createDuration, wholeDivideDurations, asRoughMs, addDays, startOfDay, padStart, asRoughSeconds, asRoughMinutes, diffWholeDays, isInt, computeVisibleDayRange, memoizeObjArg, buildClassNameNormalizer, getDateMeta, getSlotClassNames, getDayClassNames, buildNavLinkData, createElement, MountHook, BaseComponent, ContentHook, Fragment, createRef, NowTimer, NowIndicatorRoot, findElements, RenderHook, rangeContainsMarker, PositionCache, findDirectChildren, RefMap, isElVisible, multiplyDuration, BgEvent, getSegMeta, renderFill, intersectRanges, addMs, Slicer, StandardEvent, sortEventSegs, memoize, mapHash, DateComponent, getStickyHeaderDates, getStickyFooterScrollbar, ViewRoot, renderScrollShim, createPlugin } from '@fullcalendar/common';
-import { __extends, __assign, __spreadArrays } from 'tslib';
+import { config, createFormatter, greatestDurationDenominator, isSingleDay, createDuration, wholeDivideDurations, asRoughMs, addDays, startOfDay, padStart, asRoughSeconds, asRoughMinutes, diffWholeDays, isInt, computeVisibleDayRange, memoizeObjArg, buildClassNameNormalizer, getDateMeta, getSlotClassNames, getDayClassNames, buildNavLinkData, createElement, MountHook, BaseComponent, ContentHook, Fragment, createRef, NowTimer, NowIndicatorRoot, findElements, RenderHook, rangeContainsMarker, PositionCache, findDirectChildren, RefMap, isElVisible, multiplyDuration, buildEventRangeKey, BgEvent, getSegMeta, renderFill, intersectRanges, addMs, Slicer, StandardEvent, sortEventSegs, memoize, mapHash, DateComponent, getStickyHeaderDates, getStickyFooterScrollbar, ViewRoot, renderScrollShim, createPlugin } from '@fullcalendar/common';
+import { __extends, __assign } from 'tslib';
 import { ScrollGrid } from '@fullcalendar/scrollgrid';
@@ -506,3 +506,6 @@
         var _a = this, props = _a.props, context = _a.context;
-        return (createElement(ContentHook, { hookProps: props.hookProps, content: context.options.slotLabelContent, defaultContent: renderInnerContent }, function (innerElRef, innerContent) { return (createElement("a", { "data-navlink": props.navLinkData, className: 'fc-timeline-slot-cushion fc-scrollgrid-sync-inner' + (props.isSticky ? ' fc-sticky' : ''), ref: innerElRef }, innerContent)); }));
+        var navLinkAttrs = props.navLinkData
+            ? { 'data-navlink': props.navLinkData, tabIndex: 0 }
+            : {};
+        return (createElement(ContentHook, { hookProps: props.hookProps, content: context.options.slotLabelContent, defaultContent: renderInnerContent }, function (innerElRef, innerContent) { return (createElement("a", __assign({ ref: innerElRef, className: 'fc-timeline-slot-cushion fc-scrollgrid-sync-inner' + (props.isSticky ? ' fc-sticky' : '') }, navLinkAttrs), innerContent)); }));
     };
@@ -533,3 +536,7 @@ return TimelineHeaderThInner;
             var isChrono = tDateProfile.isTimeScale && isLast; // the final row, with times?
-            return (createElement("tr", { key: i, className: (isChrono ? 'fc-timeline-header-row-chrono' : '') }, rowCells.map(function (cell) { return (createElement(TimelineHeaderTh, { key: cell.date.toISOString(), cell: cell, dateProfile: dateProfile, tDateProfile: tDateProfile, todayRange: todayRange, nowDate: nowDate, rowInnerHeight: rowInnerHeights && rowInnerHeights[i], isSticky: !isLast })); })));
+            var classNames = [
+                'fc-timeline-header-row',
+                isChrono ? 'fc-timeline-header-row-chrono' : ''
+            ];
+            return (createElement("tr", { key: i, className: classNames.join(' ') }, rowCells.map(function (cell) { return (createElement(TimelineHeaderTh, { key: cell.date.toISOString(), cell: cell, dateProfile: dateProfile, tDateProfile: tDateProfile, todayRange: todayRange, nowDate: nowDate, rowInnerHeight: rowInnerHeights && rowInnerHeights[i], isSticky: !isLast })); })));
         })));
@@ -573,3 +580,3 @@ };
     TimelineHeader.prototype.computeMaxCushionWidth = function () {
-        return Math.max.apply(Math, findElements(this.rootElRef.current, 'tr:last-child .fc-timeline-slot-cushion').map(function (el) { return el.getBoundingClientRect().width; }));
+        return Math.max.apply(Math, findElements(this.rootElRef.current, '.fc-timeline-header-row:last-child .fc-timeline-slot-cushion').map(function (el) { return el.getBoundingClientRect().width; }));
     };
@@ -588,3 +595,3 @@ return TimelineHeader;
         var date = props.date, tDateProfile = props.tDateProfile, isEm = props.isEm;
-        var dateMeta = getDateMeta(props.date, props.todayRange, props.nowDate);
+        var dateMeta = getDateMeta(props.date, props.todayRange, props.nowDate, props.dateProfile);
         var classNames = ['fc-timeline-slot', 'fc-timeline-slot-lane'];
@@ -727,3 +734,3 @@ var dataAttrs = { 'data-date': dateEnv.formatIso(date, { omitTimeZoneOffset: true, omitTime: !tDateProfile.isTimeScale }) };
                 props.tableColGroupNode,
-                createElement(TimelineSlatsBody, { cellElRefs: this.cellElRefs, tDateProfile: props.tDateProfile, nowDate: props.nowDate, todayRange: props.todayRange }))));
+                createElement(TimelineSlatsBody, { cellElRefs: this.cellElRefs, dateProfile: props.dateProfile, tDateProfile: props.tDateProfile, nowDate: props.nowDate, todayRange: props.todayRange }))));
     };
@@ -800,3 +807,3 @@ TimelineSlats.prototype.componentDidMount = function () {
                 var key = slotDate.toISOString();
-                return (createElement(TimelineSlatCell, { key: key, elRef: cellElRefs.createRef(key), date: slotDate, tDateProfile: tDateProfile, nowDate: props.nowDate, todayRange: props.todayRange, isEm: isWeekStarts[i], isDay: isDay }));
+                return (createElement(TimelineSlatCell, { key: key, elRef: cellElRefs.createRef(key), date: slotDate, dateProfile: props.dateProfile, tDateProfile: tDateProfile, nowDate: props.nowDate, todayRange: props.todayRange, isEm: isWeekStarts[i], isDay: isDay }));
             }))));
@@ -829,15 +836,11 @@ };
         var children = segs.map(function (seg) {
-            var eventRange = seg.eventRange;
             var coords = timelineCoords.rangeToCoords(seg); // seg has { start, end }
-            // inverse-background events don't have specific instances
-            // TODO: might be a key collision. better solution
-            var key = eventRange.instance ? eventRange.instance.instanceId : eventRange.def.defId;
-            return (createElement("div", { className: 'fc-timeline-bg-harness', style: {
+            return (createElement("div", { key: buildEventRangeKey(seg.eventRange), className: 'fc-timeline-bg-harness', style: {
                     left: coords.left,
                     right: -coords.right // outwards from right edge (which is same as left edge)
                 } }, fillType === 'bg-event' ?
-                createElement(BgEvent, __assign({ key: key, seg: seg }, getSegMeta(seg, todayRange, nowDate))) :
+                createElement(BgEvent, __assign({ seg: seg }, getSegMeta(seg, todayRange, nowDate))) :
                 renderFill(fillType)));
         });
-        return createElement.apply(void 0, __spreadArrays([Fragment, {}], children));
+        return createElement(Fragment, null, children);
     };
@@ -886,13 +889,6 @@ return TimelineLaneBg;
         var props = this.props;
-        return (createElement(StandardEvent, __assign({}, props, { extraClassNames: ['fc-timeline-event', 'fc-h-event'], defaultTimeFormat: DEFAULT_TIME_FORMAT, defaultDisplayEventTime: !props.isTimeScale, defaultContent: renderInnerContent$1 })));
+        return (createElement(StandardEvent, __assign({}, props, { extraClassNames: ['fc-timeline-event', 'fc-h-event'], defaultTimeFormat: DEFAULT_TIME_FORMAT, defaultDisplayEventTime: !props.isTimeScale })));
     };
     return TimelineEvent;
 }(BaseComponent));
-function renderInnerContent$1(innerProps) {
-    return (createElement(Fragment, null,
-        innerProps.timeText &&
-            createElement("div", { className: 'fc-event-time' }, innerProps.timeText),
-        createElement("div", { className: 'fc-event-title' },
-            createElement("div", { className: 'fc-timeline-event-title-cushion fc-sticky' }, innerProps.event.title || createElement(Fragment, null, "\u00A0")))));
-}
 
@@ -899,0 +895,0 @@ function computeSegHorizontals(segs, timelineCoords) {

package.json

 {
   "name": "@fullcalendar/timeline",
-  "version": "5.0.0-beta.4",
+  "version": "5.0.0-rc",
   "title": "FullCalendar Timeline Plugin",
@@ -8,7 +8,7 @@ "description": "Display events on a horizontal time axis (without resources)",
   "dependencies": {
-    "@fullcalendar/common": "5.0.0-beta.4",
-    "@fullcalendar/scrollgrid": "5.0.0-beta.4",
-    "tslib": "^1.9.3"
+    "@fullcalendar/common": "5.0.0-rc",
+    "@fullcalendar/scrollgrid": "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/scheduler",

No alert changes

Worsened metrics

Total package byte prevSize

180174

decreased by-0.66%

Lines of code

1571

decreased by-0.7%

Dependency changes

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

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

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

• + Addedtslib@2.8.1(transitive)

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

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

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

• - Removedtslib@1.14.1(transitive)

• Updated@fullcalendar/common@5.0.0-rc

• Updated@fullcalendar/scrollgrid@5.0.0-rc

• Updatedtslib@^2.0.0