@fullcalendar/daygrid 6.1.15 → 7.0.0-beta.1

package/internal.d.ts

@@ -1,40 +1,12 @@
-import { Duration, CssDimValue } from '@fullcalendar/core';
-import { DateComponent, ViewContext, DateProfile, DayTableModel, EventStore, EventUiHash, DateSpan, EventInteractionState, Seg, Slicer, DateRange, DateProfileGenerator, DateEnv, Hit, DayTableCell, EventSegUiInteractionState, Dictionary, ViewProps, ChunkConfigRowContent, ChunkContentCallbackArgs } from '@fullcalendar/core/internal';
-import { createElement, VNode, RefObject } from '@fullcalendar/core/preact';
-
-interface DayTableProps {
-    dateProfile: DateProfile;
-    dayTableModel: DayTableModel;
-    nextDayThreshold: Duration;
-    businessHours: EventStore;
-    eventStore: EventStore;
-    eventUiBases: EventUiHash;
-    dateSelection: DateSpan | null;
-    eventSelection: string;
-    eventDrag: EventInteractionState | null;
-    eventResize: EventInteractionState | null;
-    colGroupNode: VNode;
-    tableMinWidth: CssDimValue;
-    renderRowIntro?: () => VNode;
-    dayMaxEvents: boolean | number;
-    dayMaxEventRows: boolean | number;
-    expandRows: boolean;
-    showWeekNumbers: boolean;
-    headerAlignElRef?: RefObject<HTMLElement>;
-    clientWidth: number | null;
-    clientHeight: number | null;
-    forPrint: boolean;
-}
-declare class DayTable extends DateComponent<DayTableProps, ViewContext> {
-    private slicer;
-    private tableRef;
-    render(): createElement.JSX.Element;
-}
+import { Seg, Slicer, DayTableModel, DateRange, DateProfileGenerator, DateEnv, BaseComponent, ViewProps, DateProfile, DateMarker, DateFormatter, Dictionary, DayTableCell, Hit, EventSegUiInteractionState, DateComponent, RefMap } from '@fullcalendar/core/internal';
+import { createElement, Ref, ComponentChild, VNode } from '@fullcalendar/core/preact';
+import '@fullcalendar/core';
 
 interface TableSeg extends Seg {
     row: number;
     firstCol: number;
     lastCol: number;
+    isStandin?: boolean;
 }
 
 declare class DayTableSlicer extends Slicer<TableSeg, [DayTableModel]> {
@@ -52,75 +24,232 @@ declare function buildDayTableRenderRange(props: {
     dateEnv: DateEnv;
 }): DateRange;
 
-interface TableRowsProps {
+declare class DayGridView extends BaseComponent<ViewProps> {
+    private buildDayTableModel;
+    private buildHeaderTiers;
+    private createDayHeaderFormatter;
+    private slicer;
+    render(): createElement.JSX.Element;
+}
+
+interface DateHeaderCellProps {
     dateProfile: DateProfile;
-    cells: DayTableCell[][];
-    renderRowIntro?: () => VNode;
-    showWeekNumbers: boolean;
-    clientWidth: number | null;
-    clientHeight: number | null;
-    businessHourSegs: TableSeg[];
-    bgEventSegs: TableSeg[];
+    todayRange: DateRange;
+    date: DateMarker;
+    navLink: boolean;
+    dayHeaderFormat: DateFormatter;
+    isSticky?: boolean;
+    colSpan?: number;
+    extraRenderProps?: Dictionary;
+    extraDataAttrs?: Dictionary;
+    extraClassNames?: string[];
+    colWidth?: number;
+    innerHeightRef?: Ref<number>;
+}
+declare class DateHeaderCell extends BaseComponent<DateHeaderCellProps> {
+    private innerElRef;
+    private disconectInnerHeight?;
+    render(): createElement.JSX.Element;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+}
+
+interface DayOfWeekHeaderCellProps {
+    dow: number;
+    dayHeaderFormat: DateFormatter;
+    isSticky?: boolean;
+    colSpan?: number;
+    extraRenderProps?: Dictionary;
+    extraDataAttrs?: Dictionary;
+    extraClassNames?: string[];
+    colWidth?: number;
+    innerHeightRef?: Ref<number>;
+}
+declare class DayOfWeekHeaderCell extends BaseComponent<DayOfWeekHeaderCellProps> {
+    private innerElRef;
+    private disconectInnerHeight?;
+    render(): createElement.JSX.Element;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+}
+
+interface HeaderRowProps<Model, ModelKey> {
+    tierNum: number;
+    cells: Model[];
+    renderHeaderContent: (model: Model, tier: number, innerHeightRef: Ref<number> | undefined, // unused
+    width: number | undefined) => ComponentChild;
+    getHeaderModelKey: (model: Model) => ModelKey;
+    cellGroup?: boolean;
+    className?: string;
+    colWidth?: number;
+}
+declare class HeaderRow<Model, ModelKey> extends BaseComponent<HeaderRowProps<Model, ModelKey>> {
+    render(): createElement.JSX.Element;
+}
+
+interface HeaderRowAdvancedProps<Model, ModelKey> {
+    tierNum: number;
+    cells: Model[];
+    renderHeaderContent: (// TODO: better name
+    model: Model, tier: number, innerHeightRef: Ref<number> | undefined, width: number | undefined) => ComponentChild;
+    getHeaderModelKey: (model: Model) => ModelKey;
+    innerHeightRef?: Ref<number>;
+    height: number | undefined;
+    colWidth?: number;
+}
+declare class HeaderRowAdvanced<Model, ModelKey> extends BaseComponent<HeaderRowAdvancedProps<Model, ModelKey>> {
+    private innerHeightRefMap;
+    private currentInnerHeight?;
+    render(): createElement.JSX.Element;
+    private handleInnerHeights;
+}
+
+declare function createDayHeaderFormatter(explicitFormat: DateFormatter, datesRepDistinctDays: any, dateCnt: any): DateFormatter;
+
+interface DayGridLayoutProps<HeaderCellModel, HeaderCellKey> {
+    dateProfile: DateProfile;
+    todayRange: DateRange;
+    cellRows: DayTableCell[][];
+    forPrint: boolean;
+    isHitComboAllowed?: (hit0: Hit, hit1: Hit) => boolean;
+    className: string;
+    headerTiers: HeaderCellModel[][];
+    renderHeaderContent: (model: HeaderCellModel, tier: number, innerHeightRef: Ref<number> | undefined, // unused... why do we have it then???
+    width: number | undefined) => ComponentChild;
+    getHeaderModelKey: (model: HeaderCellModel) => HeaderCellKey;
     fgEventSegs: TableSeg[];
+    bgEventSegs: TableSeg[];
+    businessHourSegs: TableSeg[];
     dateSelectionSegs: TableSeg[];
+    eventDrag: EventSegUiInteractionState<TableSeg> | null;
+    eventResize: EventSegUiInteractionState<TableSeg> | null;
     eventSelection: string;
+}
+declare class DayGridLayout<HeaderCellModel, HeaderCellKey> extends BaseComponent<DayGridLayoutProps<HeaderCellModel, HeaderCellKey>> {
+    private scrollerRef;
+    private rowHeightRefMap;
+    private scrollDate;
+    render(): createElement.JSX.Element;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: DayGridLayoutProps<unknown, unknown>): void;
+    componentWillUnmount(): void;
+    resetScroll(): void;
+    updateScrollY: () => void;
+    clearScroll: () => void;
+}
+
+interface DayGridRowProps {
+    dateProfile: DateProfile;
+    todayRange: DateRange;
+    cells: DayTableCell[];
+    showDayNumbers: boolean;
+    showWeekNumbers?: boolean;
+    forPrint: boolean;
+    cellGroup?: boolean;
+    className?: string;
+    forceVSpacing?: boolean;
+    compact?: boolean;
+    fgEventSegs: TableSeg[];
+    bgEventSegs: TableSeg[];
+    businessHourSegs: TableSeg[];
+    dateSelectionSegs: TableSeg[];
     eventDrag: EventSegUiInteractionState | null;
     eventResize: EventSegUiInteractionState | null;
+    eventSelection: string;
     dayMaxEvents: boolean | number;
     dayMaxEventRows: boolean | number;
+    colWidth?: number;
+    minHeight?: number | string;
+    rootElRef?: Ref<HTMLElement>;
+    heightRef?: Ref<number>;
+    innerHeightRef?: Ref<number>;
+}
+interface DayGridRowState {
+    innerHeight?: number;
+    headerHeight?: number;
+    segHeightRev?: string;
+}
+declare const COMPACT_CELL_WIDTH = 80;
+declare class DayGridRow extends BaseComponent<DayGridRowProps, DayGridRowState> {
+    private rootEl;
+    private cellInnerHeightRefMap;
+    private cellHeaderHeightRefMap;
+    private segHeightRefMap;
+    private disconnectHeight?;
+    render(): createElement.JSX.Element;
+    renderFgSegs(segs: TableSeg[], segTops: {
+        [segStartId: string]: number;
+    }, todayRange: DateRange, forcedInvisibleMap: {
+        [instanceId: string]: any;
+    }, isDragging?: boolean, isResizing?: boolean, isDateSelecting?: boolean): VNode[];
+    renderFillSegs(segs: TableSeg[], fillType: string): VNode;
+    handleRootEl: (rootEl: HTMLElement) => void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    private handleHeaderHeights;
+    private handleInnerHeights;
+    private handleSegHeights;
+    getMirrorSegs(): TableSeg[];
+    getHighlightSegs(): TableSeg[];
+}
+
+interface DayGridRowsProps {
+    dateProfile: DateProfile;
+    todayRange: DateRange;
+    cellRows: DayTableCell[][];
     forPrint: boolean;
     isHitComboAllowed?: (hit0: Hit, hit1: Hit) => boolean;
+    fgEventSegs: TableSeg[];
+    bgEventSegs: TableSeg[];
+    businessHourSegs: TableSeg[];
+    dateSelectionSegs: TableSeg[];
+    eventDrag: EventSegUiInteractionState<TableSeg> | null;
+    eventResize: EventSegUiInteractionState<TableSeg> | null;
+    eventSelection: string;
+    colWidth?: number;
+    width?: number | string;
+    rowHeightRefMap?: RefMap<string, number>;
 }
-declare class TableRows extends DateComponent<TableRowsProps> {
+interface DayGridRowsState {
+    width?: number;
+}
+declare class DayGridRows extends DateComponent<DayGridRowsProps, DayGridRowsState> {
+    private rootEl;
     private splitBusinessHourSegs;
     private splitBgEventSegs;
     private splitFgEventSegs;
     private splitDateSelectionSegs;
     private splitEventDrag;
     private splitEventResize;
-    private rootEl;
-    private rowRefs;
-    private rowPositions;
-    private colPositions;
+    private rowHeightRefMap;
+    private detachWidth?;
     render(): createElement.JSX.Element;
+    handleRootEl: (rootEl: HTMLDivElement) => void;
     componentDidMount(): void;
-    componentDidUpdate(): void;
-    registerInteractiveComponent(): void;
     componentWillUnmount(): void;
-    prepareHits(): void;
-    queryHit(positionLeft: number, positionTop: number): Hit;
-    private getCellEl;
-    private getCellRange;
-}
-
-interface TableProps extends TableRowsProps {
-    colGroupNode: VNode;
-    tableMinWidth: CssDimValue;
-    expandRows: boolean;
-    headerAlignElRef?: RefObject<HTMLElement>;
-}
-declare class Table extends DateComponent<TableProps> {
-    private elRef;
-    private needsScrollReset;
-    render(): createElement.JSX.Element;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: TableProps): void;
-    requestScrollReset(): void;
-    flushScrollReset(): void;
+    queryHit(positionLeft: number, positionTop: number, elWidth: number): Hit;
 }
 
-declare abstract class TableView<State = Dictionary> extends DateComponent<ViewProps, State> {
-    protected headerElRef: RefObject<HTMLTableCellElement>;
-    renderSimpleLayout(headerRowContent: ChunkConfigRowContent, bodyContent: (contentArg: ChunkContentCallbackArgs) => VNode): createElement.JSX.Element;
-    renderHScrollLayout(headerRowContent: ChunkConfigRowContent, bodyContent: (contentArg: ChunkContentCallbackArgs) => VNode, colCnt: number, dayMinWidth: number): createElement.JSX.Element;
-}
-
-declare class DayTableView extends TableView {
-    private buildDayTableModel;
-    private headerRef;
-    private tableRef;
-    render(): createElement.JSX.Element;
-}
 declare function buildDayTableModel(dateProfile: DateProfile, dateProfileGenerator: DateProfileGenerator): DayTableModel;
+declare function computeColWidth(colCnt: number, colMinWidth: number, viewportWidth: number | undefined): [
+    canvasWidth: number | undefined,
+    colWidth: number | undefined
+];
+type DateHeaderCellObj = {
+    date: DateMarker;
+    colSpan: number;
+};
+type DayOfWeekHeaderCellObj = {
+    dow: number;
+    colSpan: number;
+};
+type HeaderCellObj = DateHeaderCellObj | DayOfWeekHeaderCellObj;
+declare function computeColFromPosition(positionLeft: number, elWidth: number, colWidth: number | undefined, colCnt: number, isRtl: boolean): {
+    col: number;
+    left: number;
+    right: number;
+};
+declare function getRowEl(rootEl: HTMLElement, row: number): HTMLElement;
+declare function getCellEl(rowEl: HTMLElement, col: number): HTMLElement;
 
-export { DayTableView as DayGridView, DayTable, DayTableSlicer, Table, TableDateProfileGenerator, TableRows, TableSeg, TableView, buildDayTableModel, buildDayTableRenderRange };
+export { COMPACT_CELL_WIDTH, DateHeaderCell, DateHeaderCellObj, DayGridLayout, DayGridLayoutProps, DayGridRow, DayGridRowProps, DayGridRows, DayGridView, DayOfWeekHeaderCell, DayOfWeekHeaderCellObj, DayTableSlicer, HeaderCellObj, HeaderRow, HeaderRowAdvanced, TableDateProfileGenerator, TableSeg, buildDayTableModel, buildDayTableRenderRange, computeColFromPosition, computeColWidth, createDayHeaderFormatter, getCellEl, getRowEl };