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

package/internal.d.ts

@@ -1,11 +1,10 @@
-import { DateComponent, ViewProps, Hit, DateRange, DateMarker, DateProfile, DateEnv, BaseOptionsRefined, DateProfileGenerator, Seg, Slicer, EventStore, EventUiHash, DateSpan, EventInteractionState, BaseComponent, SegGroup, SegSpan } from '@fullcalendar/core/internal';
+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 { createElement, Ref } from '@fullcalendar/core/preact';
-import { Duration, CssDimValue } from '@fullcalendar/core';
+import { Duration } from '@fullcalendar/core';
 
 interface TimelineViewState {
-    scrollerWidth?: number;
-    leftScrollbarWidth?: number;
-    rightScrollbarWidth?: number;
+    clientWidth?: number;
+    endScrollbarWidth?: number;
     slotInnerWidth?: number;
 }
 declare class TimelineView extends DateComponent<ViewProps, TimelineViewState> {
@@ -17,21 +16,23 @@ declare class TimelineView extends DateComponent<ViewProps, TimelineViewState> {
     private tDateProfile?;
     private bodyEl?;
     private slotWidth?;
-    private headerSlotInnerWidth?;
+    private headerRowInnerWidthMap;
     private bodySlotInnerWidth?;
     private syncedScroller;
+    private scrollTime;
     render(): createElement.JSX.Element;
     componentDidMount(): void;
     componentDidUpdate(prevProps: ViewProps): void;
     componentWillUnmount(): void;
-    handleHeaderSlotInnerWidth: (innerWidth: number) => void;
     handleBodySlotInnerWidth: (innerWidth: number) => void;
     handleSlotInnerWidths: () => void;
-    handleScrollerWidth: (scrollerWidth: number) => void;
-    handleLeftScrollbarWidth: (leftScrollbarWidth: number) => void;
-    handleRightScrollbarWidth: (rightScrollbarWidth: number) => void;
-    updateSyncedScroller(): void;
-    private timeScrollResponder;
+    handleClientWidth: (clientWidth: number) => void;
+    handleEndScrollbarWidth: (endScrollbarWidth: number) => void;
+    private updateSyncedScroller;
+    private resetScroll;
+    private handleTimeScroll;
+    private updateScroll;
+    private clearScroll;
     handeBodyEl: (el: HTMLElement | null) => void;
     queryHit(positionLeft: number, positionTop: number, elWidth: number, elHeight: number): Hit;
 }
@@ -65,22 +66,20 @@ interface TimelineHeaderCellData {
 }
 declare function buildTimelineDateProfile(dateProfile: DateProfile, dateEnv: DateEnv, allOptions: BaseOptionsRefined, dateProfileGenerator: DateProfileGenerator): TimelineDateProfile;
 
-interface TimelineLaneSeg extends Seg {
-    start: DateMarker;
-    end: DateMarker;
-}
-declare class TimelineLaneSlicer extends Slicer<TimelineLaneSeg, [
+interface TimelineRange {
+    startDate: DateMarker;
+    endDate: DateMarker;
+    isStart: boolean;
+    isEnd: boolean;
+}
+type TimelineCoordRange = TimelineRange & CoordRange;
+declare class TimelineLaneSlicer extends Slicer<TimelineRange, [
     DateProfile,
     DateProfileGenerator,
     TimelineDateProfile,
     DateEnv
 ]> {
-    sliceRange(origRange: DateRange, dateProfile: DateProfile, dateProfileGenerator: DateProfileGenerator, tDateProfile: TimelineDateProfile, dateEnv: DateEnv): TimelineLaneSeg[];
-}
-
-interface TimelineSegHorizontals {
-    start: number;
-    size: number;
+    sliceRange(origRange: DateRange, dateProfile: DateProfile, dateProfileGenerator: DateProfileGenerator, tDateProfile: TimelineDateProfile, dateEnv: DateEnv): TimelineRange[];
 }
 
 interface TimelineLaneProps {
@@ -109,15 +108,11 @@ declare class TimelineLane extends BaseComponent<TimelineLaneProps, TimelineLane
     private moreLinkHeightRefMap;
     private slicer;
     render(): createElement.JSX.Element;
-    renderFgSegs(segs: TimelineLaneSeg[], segHorizontals: {
-        [instanceId: string]: TimelineSegHorizontals;
-    }, segTops: {
-        [instanceId: string]: number;
-    }, forcedInvisibleMap: {
+    renderFgSegs(segs: (TimelineRange & EventRangeProps)[], segHorizontals: {
+        [instanceId: string]: CoordSpan;
+    }, segTops: Map<string, number>, forcedInvisibleMap: {
         [instanceId: string]: any;
-    }, hiddenGroups: SegGroup[], hiddenGroupTops: {
-        [key: string]: number;
-    }, isDragging: boolean, isResizing: boolean, isDateSelecting: boolean): createElement.JSX.Element;
+    }, hiddenGroups: SegGroup<TimelineCoordRange>[], hiddenGroupTops: Map<string, number>, isDragging: boolean, isResizing: boolean, isDateSelecting: boolean): createElement.JSX.Element;
     private handleMoreLinkHeights;
     private handleSegHeights;
 }
@@ -126,15 +121,15 @@ interface TimelineLaneBgProps {
     tDateProfile: TimelineDateProfile;
     nowDate: DateMarker;
     todayRange: DateRange;
-    bgEventSegs: TimelineLaneSeg[] | null;
-    businessHourSegs: TimelineLaneSeg[] | null;
-    dateSelectionSegs: TimelineLaneSeg[];
-    eventResizeSegs: TimelineLaneSeg[];
+    bgEventSegs: (TimelineRange & EventRangeProps)[] | null;
+    businessHourSegs: (TimelineRange & EventRangeProps)[] | null;
+    dateSelectionSegs: (TimelineRange & EventRangeProps)[];
+    eventResizeSegs: (TimelineRange & EventRangeProps)[];
     slotWidth: number | undefined;
 }
 declare class TimelineLaneBg extends BaseComponent<TimelineLaneBgProps> {
     render(): createElement.JSX.Element;
-    renderSegs(segs: TimelineLaneSeg[], fillType: string): createElement.JSX.Element;
+    renderSegs(segs: (TimelineRange & EventRangeProps)[], fillType: string): createElement.JSX.Element;
 }
 
 interface TimelineSlatsProps {
@@ -142,6 +137,7 @@ interface TimelineSlatsProps {
     tDateProfile: TimelineDateProfile;
     nowDate: DateMarker;
     todayRange: DateRange;
+    height?: number;
     slotWidth: number | undefined;
     innerWidthRef?: Ref<number>;
 }
@@ -151,21 +147,12 @@ declare class TimelineSlats extends BaseComponent<TimelineSlatsProps> {
     handleInnerWidths: () => void;
 }
 
-interface CoordRange {
-    start: number;
-    size: number;
-}
-declare function createVerticalStyle(props: {
-    start: number;
-    size: number;
-} | undefined): {
+declare function createVerticalStyle(props: CoordSpan | undefined): {
     top: number;
     height: number;
 } | undefined;
-declare function createHorizontalStyle(props: {
-    start: number;
-    size: number;
-} | undefined, isRtl: boolean): {
+declare function createHorizontalStyle(// TODO: DRY up?
+props: CoordSpan | undefined, isRtl: boolean): {
     left: number;
     width: number;
 } | {
@@ -180,15 +167,6 @@ declare function computeSlotWidth(slatCnt: number, slatsPerLabel: number, slatMi
 declare function timeToCoord(// pixels
 time: Duration, dateEnv: DateEnv, dateProfile: DateProfile, tDateProfile: TimelineDateProfile, slowWidth: number): number;
 
-declare function coordToCss(hcoord: number | null, isRtl: boolean): {
-    left: CssDimValue;
-    right: CssDimValue;
-};
-declare function coordsToCss(hcoords: SegSpan | null, isRtl: boolean): {
-    left: CssDimValue;
-    right: CssDimValue;
-};
-
 interface TimelineHeaderRowProps {
     dateProfile: DateProfile;
     tDateProfile: TimelineDateProfile;
@@ -200,7 +178,6 @@ interface TimelineHeaderRowProps {
     innerHeighRef?: Ref<number>;
     innerWidthRef?: Ref<number>;
     slotWidth: number | undefined;
-    height?: number;
 }
 declare class TimelineHeaderRow extends BaseComponent<TimelineHeaderRowProps> {
     private innerWidthRefMap;
@@ -208,6 +185,7 @@ declare class TimelineHeaderRow extends BaseComponent<TimelineHeaderRowProps> {
     render(): createElement.JSX.Element;
     handleInnerWidths: () => void;
     handleInnerHeights: () => void;
+    componentWillUnmount(): void;
 }
 
 interface TimelineNowIndicatorArrowProps {
@@ -228,4 +206,4 @@ declare class TimelineNowIndicatorLine extends BaseComponent<TimelineNowIndicato
     render(): createElement.JSX.Element;
 }
 
-export { CoordRange, TimelineDateProfile, TimelineHeaderRow, TimelineLane, TimelineLaneBg, TimelineLaneProps, TimelineLaneSeg, TimelineLaneSlicer, TimelineNowIndicatorArrow, TimelineNowIndicatorLine, TimelineSlats, TimelineView, buildTimelineDateProfile, computeSlotWidth, coordToCss, coordsToCss, createHorizontalStyle, createVerticalStyle, timeToCoord };
+export { TimelineDateProfile, TimelineHeaderRow, TimelineLane, TimelineLaneBg, TimelineLaneProps, TimelineLaneSlicer, TimelineNowIndicatorArrow, TimelineNowIndicatorLine, TimelineRange, TimelineSlats, TimelineView, buildTimelineDateProfile, computeSlotWidth, createHorizontalStyle, createVerticalStyle, timeToCoord };