@fullcalendar/timeline 7.0.0-beta.4 → 7.0.0-rc.0

package/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> {
@@ -20,14 +20,15 @@ declare class TimelineView extends DateComponent<ViewProps, TimelineViewState> {
     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 handleTimeScrollRequest;
@@ -82,31 +83,29 @@ 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;
@@ -115,19 +114,21 @@ declare class TimelineLane extends BaseComponent<TimelineLaneProps, TimelineLane
     }, hiddenGroups: SegGroup<TimelineCoordRange>[], hiddenGroupTops: Map<string, number>, isDragging: boolean, isResizing: boolean, isDateSelecting: 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;
 }
@@ -206,4 +207,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, createHorizontalStyle, createVerticalStyle, getTimelineSlotEl, timeToCoord };