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

package/esm/index.d.ts

@@ -0,0 +1,25 @@
+import { PluginDef } from '@fullcalendar/core';
+import '@fullcalendar/premium-common';
+import '@fullcalendar/scrollgrid';
+import { RawOptionsFromRefiners, RefinedOptionsFromRefiners, Identity } from '@fullcalendar/core/internal';
+
+declare const OPTION_REFINERS: {
+    timelineTopClass: Identity<string>;
+    timelineBottomClass: Identity<string>;
+};
+type TimelineOptionRefiners = typeof OPTION_REFINERS;
+type TimelineOptions = RawOptionsFromRefiners<TimelineOptionRefiners>;
+type TimelineOptionsRefined = RefinedOptionsFromRefiners<TimelineOptionRefiners>;
+
+declare module '@fullcalendar/core/internal' {
+    interface BaseOptions extends TimelineOptions {
+    }
+    interface BaseOptionsRefined extends TimelineOptionsRefined {
+    }
+}
+//# sourceMappingURL=ambient.d.ts.map
+
+declare const _default: PluginDef;
+//# sourceMappingURL=index.d.ts.map
+
+export { TimelineOptions, _default as default };

package/{index.js → esm/index.js}

@@ -1,15 +1,22 @@
-import { createPlugin } from '@fullcalendar/core/index.js';
-import premiumCommonPlugin from '@fullcalendar/premium-common/index.js';
+import { createPlugin } from '@fullcalendar/core';
+import premiumCommonPlugin from '@fullcalendar/premium-common';
 import { TimelineView } from './internal.js';
-import '@fullcalendar/core/internal.js';
-import '@fullcalendar/core/preact.js';
-import '@fullcalendar/scrollgrid/internal.js';
+import { identity } from '@fullcalendar/core/internal';
+import '@fullcalendar/core/internal-classnames';
+import '@fullcalendar/core/preact';
+import '@fullcalendar/scrollgrid/internal';
+
+const OPTION_REFINERS = {
+    timelineTopClass: identity,
+    timelineBottomClass: identity,
+};
 
 var index = createPlugin({
     name: '@fullcalendar/timeline',
-    premiumReleaseDate: '2024-12-19',
+    premiumReleaseDate: '2025-12-20',
     deps: [premiumCommonPlugin],
     initialView: 'timelineDay',
+    optionRefiners: OPTION_REFINERS,
     views: {
         timeline: {
             component: TimelineView,

package/{internal.d.ts → esm/internal.d.ts}

@@ -1,10 +1,10 @@
-import { DateComponent, ViewProps, Hit, DateRange, DateMarker, DateProfile, DateEnv, BaseOptionsRefined, DateProfileGenerator, Slicer, CoordRange, EventStore, EventUiHash, DateSpan, EventInteractionState, BaseComponent, EventRangeProps, CoordSpan, SegGroup } from '@fullcalendar/core/internal';
+import { DateComponent, ViewProps, Hit, DateRange, DateMarker, DateProfile, DateEnv, BaseOptionsRefined, DateProfileGenerator, Slicer, CoordRange, BaseComponent, EventRangeProps, CoordSpan, SegGroup, EventSegUiInteractionState } from '@fullcalendar/core/internal';
 import { createElement, Ref } from '@fullcalendar/core/preact';
 import { Duration } from '@fullcalendar/core';
 
 interface TimelineViewState {
+    totalWidth?: number;
     clientWidth?: number;
-    endScrollbarWidth?: number;
     slotInnerWidth?: number;
 }
 declare class TimelineView extends DateComponent<ViewProps, TimelineViewState> {
@@ -17,24 +17,23 @@ declare class TimelineView extends DateComponent<ViewProps, TimelineViewState> {
     private bodyEl?;
     private slotWidth?;
     private headerRowInnerWidthMap;
-    private bodySlotInnerWidth?;
     private syncedScroller;
     private scrollTime;
+    private slicer;
     render(): createElement.JSX.Element;
     componentDidMount(): void;
     componentDidUpdate(prevProps: ViewProps): void;
     componentWillUnmount(): void;
-    handleBodySlotInnerWidth: (innerWidth: number) => void;
     handleSlotInnerWidths: () => void;
+    handleTotalWidth: (totalWidth: number) => void;
     handleClientWidth: (clientWidth: number) => void;
-    handleEndScrollbarWidth: (endScrollbarWidth: number) => void;
     private updateSyncedScroller;
     private resetScroll;
-    private handleTimeScroll;
-    private updateScroll;
-    private clearScroll;
+    private handleTimeScrollRequest;
+    private handleTimeScrollEnd;
+    private applyTimeScroll;
     handeBodyEl: (el: HTMLElement | null) => void;
-    queryHit(positionLeft: number, positionTop: number, elWidth: number, elHeight: number): Hit;
+    queryHit(isRtl: boolean, positionLeft: number, positionTop: number, elWidth: number, elHeight: number): Hit;
 }
 
 interface TimelineDateProfile {
@@ -44,13 +43,12 @@ interface TimelineDateProfile {
     headerFormats: any;
     isTimeScale: boolean;
     largeUnit: string;
-    emphasizeWeeks: boolean;
     snapDuration: Duration;
     snapsPerSlot: number;
     normalizedRange: DateRange;
     timeWindowMs: number;
     slotDates: DateMarker[];
-    isWeekStarts: boolean[];
+    slotDatesMajor: boolean[];
     snapDiffToIndex: number[];
     snapIndexToDiff: number[];
     snapCnt: number;
@@ -59,10 +57,10 @@ interface TimelineDateProfile {
 }
 interface TimelineHeaderCellData {
     date: DateMarker;
+    isMajor: boolean;
     text: string;
     rowUnit: string;
     colspan: number;
-    isWeekStart: boolean;
 }
 declare function buildTimelineDateProfile(dateProfile: DateProfile, dateEnv: DateEnv, allOptions: BaseOptionsRefined, dateProfileGenerator: DateProfileGenerator): TimelineDateProfile;
 
@@ -82,52 +80,50 @@ declare class TimelineLaneSlicer extends Slicer<TimelineRange, [
     sliceRange(origRange: DateRange, dateProfile: DateProfile, dateProfileGenerator: DateProfileGenerator, tDateProfile: TimelineDateProfile, dateEnv: DateEnv): TimelineRange[];
 }
 
-interface TimelineLaneProps {
+interface TimelineFgProps {
     dateProfile: DateProfile;
     tDateProfile: TimelineDateProfile;
     nowDate: DateMarker;
     todayRange: DateRange;
-    nextDayThreshold: Duration;
-    eventStore: EventStore | null;
-    eventUiBases: EventUiHash;
-    businessHours: EventStore | null;
-    dateSelection: DateSpan | null;
-    eventDrag: EventInteractionState | null;
-    eventResize: EventInteractionState | null;
+    fgEventSegs: (TimelineRange & EventRangeProps)[];
+    eventDrag: EventSegUiInteractionState<TimelineRange> | null;
+    eventResize: EventSegUiInteractionState<TimelineRange> | null;
     eventSelection: string;
     resourceId?: string;
     slotWidth: number | undefined;
+    heightRef?: Ref<number>;
 }
-interface TimelineLaneState {
+interface TimelineFgState {
     segHeightRev?: string;
     moreLinkHeightRev?: string;
 }
-declare class TimelineLane extends BaseComponent<TimelineLaneProps, TimelineLaneState> {
+declare class TimelineFg extends BaseComponent<TimelineFgProps, TimelineFgState> {
     private sortEventSegs;
     private segHeightRefMap;
     private moreLinkHeightRefMap;
-    private slicer;
+    private totalHeight?;
+    private firedTotalHeight?;
     render(): createElement.JSX.Element;
     renderFgSegs(segs: (TimelineRange & EventRangeProps)[], segHorizontals: {
         [instanceId: string]: CoordSpan;
-    }, segTops: Map<string, number>, forcedInvisibleMap: {
-        [instanceId: string]: any;
-    }, hiddenGroups: SegGroup<TimelineCoordRange>[], hiddenGroupTops: Map<string, number>, isDragging: boolean, isResizing: boolean, isDateSelecting: boolean): createElement.JSX.Element;
+    }, segTops: Map<string, number>, hiddenGroups: SegGroup<TimelineCoordRange>[], hiddenGroupTops: Map<string, number>, isMirror: boolean): createElement.JSX.Element;
     private handleMoreLinkHeights;
     private handleSegHeights;
+    componentDidUpdate(): void;
+    componentWillUnmount(): void;
 }
 
-interface TimelineLaneBgProps {
+interface TimelineBgProps {
     tDateProfile: TimelineDateProfile;
     nowDate: DateMarker;
     todayRange: DateRange;
     bgEventSegs: (TimelineRange & EventRangeProps)[] | null;
     businessHourSegs: (TimelineRange & EventRangeProps)[] | null;
     dateSelectionSegs: (TimelineRange & EventRangeProps)[];
-    eventResizeSegs: (TimelineRange & EventRangeProps)[];
+    eventResizeSegs: (TimelineRange & EventRangeProps)[] | null;
     slotWidth: number | undefined;
 }
-declare class TimelineLaneBg extends BaseComponent<TimelineLaneBgProps> {
+declare class TimelineBg extends BaseComponent<TimelineBgProps> {
     render(): createElement.JSX.Element;
     renderSegs(segs: (TimelineRange & EventRangeProps)[], fillType: string): createElement.JSX.Element;
 }
@@ -139,30 +135,15 @@ interface TimelineSlatsProps {
     todayRange: DateRange;
     height?: number;
     slotWidth: number | undefined;
-    innerWidthRef?: Ref<number>;
 }
 declare class TimelineSlats extends BaseComponent<TimelineSlatsProps> {
-    private innerWidthRefMap;
     render(): createElement.JSX.Element;
-    handleInnerWidths: () => void;
 }
 
-declare function createVerticalStyle(props: CoordSpan | undefined): {
-    top: number;
-    height: number;
-} | undefined;
-declare function createHorizontalStyle(// TODO: DRY up?
-props: CoordSpan | undefined, isRtl: boolean): {
-    left: number;
-    width: number;
-} | {
-    right: number;
-    width: number;
-} | undefined;
 declare function computeSlotWidth(slatCnt: number, slatsPerLabel: number, slatMinWidth: number | undefined, labelInnerWidth: number | undefined, viewportWidth: number | undefined): [
     canvasWidth: number | undefined,
     slatWidth: number | undefined,
-    slatLiquid: boolean
+    slotLiquid: boolean
 ];
 declare function timeToCoord(// pixels
 time: Duration, dateEnv: DateEnv, dateProfile: DateProfile, tDateProfile: TimelineDateProfile, slowWidth: number): number;
@@ -173,13 +154,15 @@ interface TimelineHeaderRowProps {
     nowDate: DateMarker;
     todayRange: DateRange;
     rowLevel: number;
-    isLastRow: boolean;
     cells: TimelineHeaderCellData[];
     innerHeighRef?: Ref<number>;
     innerWidthRef?: Ref<number>;
     slotWidth: number | undefined;
 }
-declare class TimelineHeaderRow extends BaseComponent<TimelineHeaderRowProps> {
+interface TimelineHeaderRowState {
+    innerHeight?: number;
+}
+declare class TimelineHeaderRow extends BaseComponent<TimelineHeaderRowProps, TimelineHeaderRowState> {
     private innerWidthRefMap;
     private innerHeightRefMap;
     render(): createElement.JSX.Element;
@@ -206,4 +189,6 @@ declare class TimelineNowIndicatorLine extends BaseComponent<TimelineNowIndicato
     render(): createElement.JSX.Element;
 }
 
-export { TimelineDateProfile, TimelineHeaderRow, TimelineLane, TimelineLaneBg, TimelineLaneProps, TimelineLaneSlicer, TimelineNowIndicatorArrow, TimelineNowIndicatorLine, TimelineRange, TimelineSlats, TimelineView, buildTimelineDateProfile, computeSlotWidth, createHorizontalStyle, createVerticalStyle, timeToCoord };
+declare function getTimelineSlotEl(parentEl: HTMLElement, index: number): HTMLElement;
+
+export { TimelineBg, TimelineDateProfile, TimelineFg, TimelineHeaderRow, TimelineLaneSlicer, TimelineNowIndicatorArrow, TimelineNowIndicatorLine, TimelineRange, TimelineSlats, TimelineView, buildTimelineDateProfile, computeSlotWidth, getTimelineSlotEl, timeToCoord };