@prefecthq/graphs 2.2.16 → 2.3.0

package/dist/types/src/components/RunGraph.vue.d.ts

@@ -20,6 +20,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     fullscreen: boolean | null;
 }, {}>;
 export default _default;
+
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];

package/dist/types/src/factories/animation.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="gsap/types/css-plugin" />
-import gsap from 'gsap';
 export declare function animationFactory(): Promise<{
     animate: (el: gsap.TweenTarget, vars: gsap.TweenVars, skipAnimation?: boolean) => gsap.core.Tween;
 }>;

package/dist/types/src/factories/artifact.d.ts

@@ -5,10 +5,12 @@ type ArtifactFactoryOptions = {
     enableLocalClickHandling?: boolean;
 };
 export declare function artifactFactory(artifact: RunGraphArtifact, { cullAtZoomThreshold, enableLocalClickHandling, }?: ArtifactFactoryOptions): Promise<{
+    isArtifact: boolean;
     element: import("pixi.js").Container<import("pixi.js").DisplayObject>;
-    render: () => Promise<void>;
+    render: (artifact: RunGraphArtifact) => Promise<void>;
     getSelected: () => boolean;
     getDate: () => Date;
     getId: () => string;
 }>;
+export declare function isArtifactFactory(value: Record<string, unknown>): value is ArtifactFactory;
 export {};

package/dist/types/src/factories/artifactCluster.d.ts

@@ -4,6 +4,7 @@ export type ArtifactClusterFactoryRenderProps = {
     date: Date;
 };
 export declare function artifactClusterFactory(): Promise<{
+    isArtifactCluster: boolean;
     element: import("pixi.js").Container<import("pixi.js").DisplayObject>;
     render: (props?: ArtifactClusterFactoryRenderProps) => Promise<void>;
     getSelected: () => boolean;
@@ -11,3 +12,4 @@ export declare function artifactClusterFactory(): Promise<{
     getIds: () => string[];
     isCluster: boolean;
 }>;
+export declare function isArtifactClusterFactory(value: Record<string, unknown>): value is ArtifactClusterFactory;

package/dist/types/src/factories/artifactNode.d.ts

@@ -1,15 +1,15 @@
 import { Container } from 'pixi.js';
-import { ArtifactType } from '../models';
+import { ArtifactType, RunGraphArtifactTypeAndData } from '../models';
 type ArtifactNodeFactoryOptions = {
     cullAtZoomThreshold?: boolean;
 };
 type ArtifactNodeFactoryRenderOptions = {
     selected?: boolean;
     name?: string;
-    type?: ArtifactType;
-};
+    type: ArtifactType;
+} & RunGraphArtifactTypeAndData;
 export declare function artifactNodeFactory({ cullAtZoomThreshold }: ArtifactNodeFactoryOptions): Promise<{
     element: Container<import("pixi.js").DisplayObject>;
-    render: (options?: ArtifactNodeFactoryRenderOptions) => Promise<Container>;
+    render: (options: ArtifactNodeFactoryRenderOptions) => Promise<Container>;
 }>;
 export {};

package/dist/types/src/factories/circularProgressBar.d.ts

@@ -0,0 +1,9 @@
+import { CircularProgressBar, MaskedProgressBarOptions } from '@pixi/ui';
+type CircularProgressBarOptions = {
+    cullAtZoomThreshold?: boolean;
+} & Partial<MaskedProgressBarOptions>;
+export declare function circularProgressBarFactory(options?: CircularProgressBarOptions): Promise<{
+    element: CircularProgressBar;
+    render: (data: Partial<MaskedProgressBarOptions> & Pick<MaskedProgressBarOptions, 'lineWidth' | 'radius' | 'value'>) => CircularProgressBar;
+}>;
+export {};

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

@@ -1,14 +1,20 @@
-export declare const artifactTypes: readonly ["result", "markdown", "table", "unknown"];
+export declare const artifactTypes: readonly ["result", "markdown", "table", "progress", "unknown"];
 export type ArtifactType = typeof artifactTypes[number];
+export type RunGraphArtifactTypeAndData = {
+    type: Exclude<ArtifactType, 'progress'>;
+} | {
+    type: 'progress';
+    data: number;
+};
 export type RunGraphArtifact = {
     id: string;
     created: Date;
     key?: string;
-    type: ArtifactType;
-};
+} & RunGraphArtifactTypeAndData;
 export declare const artifactTypeIconMap: {
     readonly markdown: "ArtifactMarkdown";
     readonly table: "ArtifactTable";
     readonly result: "ArtifactResult";
+    readonly progress: "Artifact";
     readonly unknown: "Artifact";
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prefecthq/graphs",
   "private": false,
-  "version": "2.2.16",
+  "version": "2.3.0",
   "description": "Large scale graphs designed for Prefect",
   "scripts": {
     "serve": "vite --host --mode=demo",
@@ -52,19 +52,20 @@
     "postcss": "8.4.38",
     "tailwindcss": "3.4.1",
     "tsc-alias": "1.8.8",
-    "typescript": "5.3.3",
+    "typescript": "5.4.5",
     "vite": "5.2.6",
     "vite-svg-loader": "^5.1.0",
-    "vue-tsc": "2.0.7"
+    "vue-tsc": "2.0.19"
   },
   "peerDependencies": {
-    "@prefecthq/prefect-design": "^2.10.8",
+    "@prefecthq/prefect-design": "^2.10.10",
     "@prefecthq/vue-compositions": "^1.6.7",
     "vue": "^3.2.45",
     "vue-router": "^4.0.12"
   },
   "dependencies": {
     "@pixi-essentials/cull": "2.0.0",
+    "@pixi/ui": "^1.0.1",
     "d3": "7.8.5",
     "date-fns": "3.6.0",
     "fontfaceobserver": "^2.3.0",