@prefecthq/graphs 2.2.2 → 2.2.4

package/dist/style.css

@@ -1 +1 @@
-.run-graph-settings{display:inline-block}.run-graph-settings__menu{padding:.5rem}.run-graph{position:relative}.run-graph--fullscreen{position:fixed;height:100vh!important;width:100vw!important;left:0;top:0}.run-graph__stage,.run-graph__stage>canvas{width:100%;height:100%}.run-graph__actions{position:absolute;bottom:0;right:0;padding:.5rem}
+.run-graph-settings{display:inline-block}.run-graph-settings__menu{padding:.5rem}.run-graph{position:relative}.run-graph--fullscreen{position:fixed;height:100vh!important;width:100vw!important;left:0;top:0}.run-graph__stage,.run-graph__stage>canvas{width:100%;height:100%}.run-graph__actions{position:absolute;bottom:.5rem;right:.5rem}

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

@@ -15,7 +15,7 @@ export type RunGraphData = {
     end_time: Date | null;
     nodes: RunGraphNodes;
     artifacts?: RunGraphArtifact[];
-    state_events?: RunGraphStateEvent[];
+    states?: RunGraphStateEvent[];
 };
 export type RunGraphNodes = Map<string, RunGraphNode>;
 export type RunGraphNode = {
@@ -75,6 +75,7 @@ export type RunGraphStyles = {
     artifactIconSize?: number;
     artifactIconColor?: ColorSource;
     flowStateBarHeight?: number;
+    flowStateSelectedBarHeight?: number;
     flowStateAreaAlpha?: number;
     guideLineWidth?: number;
     guideLineColor?: ColorSource;

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

@@ -2,3 +2,4 @@ export * from './artifact';
 export * from './RunGraph';
 export * from './viewport';
 export * from './selection';
+export * from './states';

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

@@ -1,4 +1,10 @@
-import { RunGraphNode } from '../models';
+import { RunGraphNode, RunGraphStateEvent } from '../models';
+export type GraphSelectionPosition = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
 export type NodeSelection = {
     kind: RunGraphNode['kind'];
     id: string;
@@ -12,10 +18,12 @@ export declare function isArtifactSelection(selection: GraphItemSelection): sele
 export type ArtifactsSelection = {
     kind: 'artifacts';
     ids: string[];
-    position?: {
-        x: number;
-        y: number;
-    };
+    position?: GraphSelectionPosition;
 };
 export declare function isArtifactsSelection(selection: GraphItemSelection): selection is ArtifactsSelection;
-export type GraphItemSelection = NodeSelection | ArtifactSelection | ArtifactsSelection;
+export interface StateSelection extends RunGraphStateEvent {
+    kind: 'state';
+    position?: GraphSelectionPosition;
+}
+export declare function isStateSelection(selection: GraphItemSelection): selection is StateSelection;
+export type GraphItemSelection = NodeSelection | ArtifactSelection | ArtifactsSelection | StateSelection;

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

@@ -2,6 +2,7 @@ export declare const stateType: readonly ["COMPLETED", "RUNNING", "SCHEDULED", "
 export type StateType = typeof stateType[number];
 export type RunGraphStateEvent = {
     id: string;
-    occurred: Date;
+    timestamp: Date;
     type: StateType;
+    name: string;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prefecthq/graphs",
   "private": false,
-  "version": "2.2.2",
+  "version": "2.2.4",
   "description": "Large scale graphs designed for Prefect",
   "scripts": {
     "serve": "vite --host --mode=demo",