@prefecthq/graphs 1.0.3 → 1.0.5

package/dist/types/src/FlowRunTimeline.vue.d.ts

@@ -1,4 +1,4 @@
-import { GraphTimelineNode, TimelineThemeOptions, FormatDateFns, TimelineNodesLayoutOptions, CenterViewportOptions, ExpandedSubNodes, NodeSelectionEvent } from './models';
+import { GraphTimelineNode, TimelineThemeOptions, FormatDateFns, TimelineNodesLayoutOptions, CenterViewportOptions, ExpandedSubNodes, NodeSelectionEvent, TimelineVisibleDateRange } from './models';
 declare const _default: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
@@ -13,9 +13,11 @@ declare const _default: {
             hideEdges?: boolean | undefined;
             subNodeLabels?: Map<string, string> | undefined;
             expandedSubNodes?: ExpandedSubNodes<Record<string, unknown>> | undefined;
+            visibleDateRange?: TimelineVisibleDateRange | undefined;
         }>>> & {
             onSelection?: ((value: NodeSelectionEvent | null) => any) | undefined;
             onSubNodeToggle?: ((value: string) => any) | undefined;
+            "onUpdate:visibleDateRange"?: ((value: TimelineVisibleDateRange | undefined) => any) | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
         $attrs: {
             [x: string]: unknown;
@@ -28,7 +30,7 @@ declare const _default: {
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: ((event: "selection", value: NodeSelectionEvent | null) => void) & ((event: "subNodeToggle", value: string) => void);
+        $emit: ((event: "selection", value: NodeSelectionEvent | null) => void) & ((event: "subNodeToggle", value: string) => void) & ((event: "update:visibleDateRange", value: TimelineVisibleDateRange | undefined) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
             graphData: GraphTimelineNode[];
@@ -40,9 +42,11 @@ declare const _default: {
             hideEdges?: boolean | undefined;
             subNodeLabels?: Map<string, string> | undefined;
             expandedSubNodes?: ExpandedSubNodes<Record<string, unknown>> | undefined;
+            visibleDateRange?: TimelineVisibleDateRange | undefined;
         }>>> & {
             onSelection?: ((value: NodeSelectionEvent | null) => any) | undefined;
             onSubNodeToggle?: ((value: string) => any) | undefined;
+            "onUpdate:visibleDateRange"?: ((value: TimelineVisibleDateRange | undefined) => any) | undefined;
         }, {
             centerViewport: ({ skipAnimation }?: CenterViewportOptions) => void;
             moveViewportCenter: ({ xOffset, yOffset }: {
@@ -53,6 +57,8 @@ declare const _default: {
             selection: (value: NodeSelectionEvent | null) => void;
         } & {
             subNodeToggle: (value: string) => void;
+        } & {
+            "update:visibleDateRange": (value: TimelineVisibleDateRange | undefined) => void;
         }, string, {}, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -83,9 +89,11 @@ declare const _default: {
         hideEdges?: boolean | undefined;
         subNodeLabels?: Map<string, string> | undefined;
         expandedSubNodes?: ExpandedSubNodes<Record<string, unknown>> | undefined;
+        visibleDateRange?: TimelineVisibleDateRange | undefined;
     }>>> & {
         onSelection?: ((value: NodeSelectionEvent | null) => any) | undefined;
         onSubNodeToggle?: ((value: string) => any) | undefined;
+        "onUpdate:visibleDateRange"?: ((value: TimelineVisibleDateRange | undefined) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
         centerViewport: ({ skipAnimation }?: CenterViewportOptions) => void;
         moveViewportCenter: ({ xOffset, yOffset }: {
@@ -106,9 +114,11 @@ declare const _default: {
     hideEdges?: boolean | undefined;
     subNodeLabels?: Map<string, string> | undefined;
     expandedSubNodes?: ExpandedSubNodes<Record<string, unknown>> | undefined;
+    visibleDateRange?: TimelineVisibleDateRange | undefined;
 }>>> & {
     onSelection?: ((value: NodeSelectionEvent | null) => any) | undefined;
     onSubNodeToggle?: ((value: string) => any) | undefined;
+    "onUpdate:visibleDateRange"?: ((value: TimelineVisibleDateRange | undefined) => any) | undefined;
 }, {
     centerViewport: ({ skipAnimation }?: CenterViewportOptions) => void;
     moveViewportCenter: ({ xOffset, yOffset }: {
@@ -119,6 +129,8 @@ declare const _default: {
     selection: (value: NodeSelectionEvent | null) => void;
 } & {
     subNodeToggle: (value: string) => void;
+} & {
+    "update:visibleDateRange": (value: TimelineVisibleDateRange | undefined) => void;
 }, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/types/src/models/FlowRunTimeline.d.ts

@@ -5,17 +5,26 @@ import type { ComputedRef } from 'vue';
 export type GraphTimelineNode = {
     id: string;
     label: string;
-    start: Date;
+    start?: Date;
     end: Date | null;
     state: string;
     upstreamDependencies?: string[];
     subFlowRunId?: string;
 };
+export declare function hasStartAndEndDates(node: GraphTimelineNode): node is GraphTimelineNode & {
+    start: Date;
+    end: Date;
+};
 export type InitTimelineScaleProps = {
     minimumStartTime: number;
     graphXDomain: number;
     initialOverallTimeSpan: number;
 };
+export type TimelineVisibleDateRange = {
+    startDate: Date;
+    endDate: Date;
+    internalOrigin?: boolean;
+};
 export type TimelineNodesLayoutOptions = 'waterfall' | 'nearestParent';
 export type NodeSelectionEventTypes = 'task' | 'subFlowRun';
 export type NodeSelectionEvent = {
@@ -72,7 +81,7 @@ export type GraphState = {
     centerViewport: (options?: CenterViewportOptions) => void;
 };
 export type DateToX = (date: Date) => number;
-export type XToDate = (xPosition: number) => number;
+export type XToDate = (xPosition: number) => Date;
 export type TimelineScale = {
     dateToX: DateToX;
     xToDate: XToDate;

package/dist/types/src/pixiFunctions/timelineGuide.d.ts

@@ -1,24 +1,20 @@
-import { Cull } from '@pixi-essentials/cull';
 import { Application, Container } from 'pixi.js';
 import { ComputedRef } from 'vue';
 import { ParsedThemeStyles } from '../models';
 type TimelineGuideProps = {
-    appRef: Application;
+    pixiApp: Application;
     labelText: string | null;
-    styles: ComputedRef<ParsedThemeStyles>;
-    cull: Cull;
+    styleOptions: ComputedRef<ParsedThemeStyles>;
 };
 export declare class TimelineGuide extends Container {
-    private readonly appRef;
+    private readonly pixiApp;
     private readonly labelText;
-    private readonly styles;
-    private readonly cull;
+    private readonly styleOptions;
     private guideLine;
     private label;
-    constructor({ appRef, labelText, styles, cull, }: TimelineGuideProps);
+    constructor({ pixiApp, labelText, styleOptions, }: TimelineGuideProps);
     private initGuideLine;
     private drawLabel;
     updateHeight(appHeight: number): void;
-    destroy(): void;
 }
 export {};

package/dist/types/src/pixiFunctions/timelineGuides.d.ts

@@ -1,33 +1,22 @@
-import { Cull } from '@pixi-essentials/cull';
-import type { Viewport } from 'pixi-viewport';
-import { Application, Container } from 'pixi.js';
+import { Container } from 'pixi.js';
 import { ComputedRef, Ref } from 'vue';
-import { FormatDateFns, ParsedThemeStyles } from '../models';
-type TimelineGuidesProps = {
-    viewportRef: Viewport;
-    appRef: Application;
-    cull: Cull;
-    minimumStartDate: Date;
+import { FormatDateFns, GraphState } from '../models';
+type TimelineGuideProps = {
+    graphState: GraphState;
     maximumEndDate: Ref<Date | undefined>;
-    isRunning: boolean;
-    styleOptions: ComputedRef<ParsedThemeStyles>;
     formatDateFns: ComputedRef<FormatDateFns>;
 };
 export declare class TimelineGuides extends Container {
-    private readonly viewportRef;
-    private readonly appRef;
-    private readonly cull;
-    private readonly minimumStartDate;
+    private readonly graphState;
     private readonly maximumEndDate;
-    private readonly isRunning;
-    private readonly styleOptions;
     private readonly formatDateFns;
-    private readonly unwatch;
+    private readonly unWatchers;
     private idealGuideCount;
     private currentTimeGap;
     private labelFormatter;
     private readonly guides;
-    constructor({ viewportRef, appRef, cull, minimumStartDate, maximumEndDate, isRunning, styleOptions, formatDateFns, }: TimelineGuidesProps);
+    constructor({ graphState, maximumEndDate, formatDateFns, }: TimelineGuideProps);
+    private initWatchers;
     updateGuides(): void;
     private updateIdealGuideCount;
     private updateCurrentTimeGap;

package/dist/types/src/pixiFunctions/timelineNodes.d.ts

@@ -12,6 +12,7 @@ export declare class TimelineNodes extends Container {
     private readonly layoutWorker;
     private readonly isSubNodes;
     private graphData;
+    private readonly graphDataLookup;
     private readonly graphState;
     private readonly nodeContainer;
     readonly nodeRecords: Map<string, TimelineNode>;
@@ -45,6 +46,7 @@ export declare class TimelineNodes extends Container {
     /**
      * Utilities
      */
+    private setGraphDataLookup;
     private registerEmits;
     private emitNullSelection;
     private getNodeData;

package/dist/{viewport.es-ff98659c.mjs → viewport.es-14935be0.mjs}

@@ -1,4 +1,4 @@
-import { P as c, R as b, T as C, C as P } from "./index-77c40057.mjs";
+import { P as c, R as b, T as C, C as P } from "./index-cd02333f.mjs";
 import "vue";
 class u {
   constructor(t) {
@@ -1530,4 +1530,4 @@ export {
   O as Viewport,
   $ as Wheel
 };
-//# sourceMappingURL=viewport.es-ff98659c.mjs.map
+//# sourceMappingURL=viewport.es-14935be0.mjs.map