@prefecthq/prefect-ui-library 2.0.4 → 2.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/dist/{index-b0681a2f.mjs → index-79f5b8ab.mjs} +20903 -23413
  2. package/dist/index-79f5b8ab.mjs.map +1 -0
  3. package/dist/prefect-ui-library.mjs +711 -705
  4. package/dist/prefect-ui-library.umd.js +85 -600
  5. package/dist/prefect-ui-library.umd.js.map +1 -1
  6. package/dist/style.css +1 -1
  7. package/dist/types/demo/services/mockWorkspaceFlowRunsApi.d.ts +2 -2
  8. package/dist/types/src/components/ConcurrencyLimitsV2EmptyState.vue.d.ts +2 -0
  9. package/dist/types/src/components/WorkPoolStatusBadge.vue.d.ts +13 -0
  10. package/dist/types/src/components/WorkPoolStatusIcon.vue.d.ts +13 -0
  11. package/dist/types/src/components/WorkerStatusBadge.vue.d.ts +13 -0
  12. package/dist/types/src/components/WorkerStatusIcon.vue.d.ts +12 -0
  13. package/dist/types/src/components/index.d.ts +4 -0
  14. package/dist/types/src/maps/flowRunTimeline.d.ts +4 -0
  15. package/dist/types/src/maps/index.d.ts +13 -0
  16. package/dist/types/src/maps/workPoolStatus.d.ts +4 -0
  17. package/dist/types/src/maps/workPoolWorkerStatus.d.ts +4 -0
  18. package/dist/types/src/mocks/index.d.ts +2 -0
  19. package/dist/types/src/mocks/workPoolStatus.d.ts +3 -0
  20. package/dist/types/src/mocks/workerStatus.d.ts +3 -0
  21. package/dist/types/src/models/WorkPool.d.ts +3 -0
  22. package/dist/types/src/models/WorkPoolStatus.d.ts +3 -0
  23. package/dist/types/src/models/WorkPoolWorker.d.ts +3 -0
  24. package/dist/types/src/models/WorkPoolWorkerStatus.d.ts +3 -0
  25. package/dist/types/src/models/api/WorkPoolResponse.d.ts +2 -0
  26. package/dist/types/src/models/api/WorkPoolWorkerResponse.d.ts +2 -0
  27. package/dist/types/src/models/index.d.ts +2 -0
  28. package/dist/types/src/services/Mapper.d.ts +13 -0
  29. package/dist/types/src/services/Mocker.d.ts +2 -0
  30. package/dist/types/src/services/WorkspaceFlowRunsApi.d.ts +3 -3
  31. package/dist/types/src/utilities/timeline.d.ts +0 -3
  32. package/dist/{viewport.es-3ce16114-fbed2709.mjs → viewport.es-88169ec4-4c6f68e7.mjs} +20 -724
  33. package/dist/viewport.es-88169ec4-4c6f68e7.mjs.map +1 -0
  34. package/package.json +2 -2
  35. package/dist/index-b0681a2f.mjs.map +0 -1
  36. package/dist/viewport.es-3ce16114-fbed2709.mjs.map +0 -1
@@ -0,0 +1,4 @@
1
+ import { GraphTimelineNode } from '@prefecthq/graphs';
2
+ import { FlowRunGraphResponse } from '../models/api/FlowRunGraphResponse';
3
+ import { MapFunction } from '../services/Mapper';
4
+ export declare const mapFlowRunGraphResponseToTimelineNode: MapFunction<FlowRunGraphResponse, GraphTimelineNode>;
@@ -140,6 +140,7 @@ export declare const maps: {
140
140
  };
141
141
  FlowRunGraphResponse: {
142
142
  GraphNode: import("..").MapFunction<import("..").FlowRunGraphResponse, import("..").GraphNode>;
143
+ TimelineNode: import("..").MapFunction<import("..").FlowRunGraphResponse, import("@prefecthq/graphs").GraphTimelineNode>;
143
144
  };
144
145
  FlowRunHistoryResponse: {
145
146
  RunHistory: import("..").MapFunction<import("..").FlowRunHistoryResponse, import("..").RunHistory>;
@@ -241,6 +242,12 @@ export declare const maps: {
241
242
  ServerStateType: {
242
243
  StateType: import("..").MapFunction<"COMPLETED" | "RUNNING" | "SCHEDULED" | "PENDING" | "FAILED" | "CANCELLED" | "CANCELLING" | "CRASHED" | "PAUSED", "completed" | "running" | "scheduled" | "pending" | "failed" | "cancelled" | "cancelling" | "crashed" | "paused">;
243
244
  };
245
+ ServerWorkPoolStatus: {
246
+ WorkPoolStatus: import("..").MapFunction<import("..").ServerWorkPoolStatus, import("..").WorkPoolStatus>;
247
+ };
248
+ ServerWorkPoolWorkerStatus: {
249
+ WorkPoolWorkerStatus: import("..").MapFunction<"ONLINE" | "OFFLINE", "online" | "offline">;
250
+ };
244
251
  State: {
245
252
  StateResponse: import("..").MapFunction<import("..").State, import("..").StateResponse>;
246
253
  };
@@ -441,12 +448,18 @@ export declare const maps: {
441
448
  WorkPoolsFilter: {
442
449
  WorkPoolsFilterRequest: import("..").MapFunction<import("..").WorkPoolsFilter, import("../models/api/Filters").WorkPoolsFilterRequest>;
443
450
  };
451
+ WorkPoolStatus: {
452
+ ServerWorkPoolStatus: import("..").MapFunction<import("..").WorkPoolStatus, import("..").ServerWorkPoolStatus>;
453
+ };
444
454
  WorkPoolWorkerResponse: {
445
455
  WorkPoolWorker: import("..").MapFunction<import("..").WorkPoolWorkerResponse, import("..").WorkPoolWorker>;
446
456
  };
447
457
  WorkPoolWorkersFilter: {
448
458
  WorkPoolWorkersFilterRequest: import("..").MapFunction<import("..").WorkPoolWorkersFilter, import("../models/api/Filters").WorkPoolWorkersFilterRequest>;
449
459
  };
460
+ WorkPoolWorkerStatus: {
461
+ ServerWorkPoolWorkerStatus: import("..").MapFunction<"online" | "offline", "ONLINE" | "OFFLINE">;
462
+ };
450
463
  WorkQueue: {
451
464
  WorkQueueResponse: import("..").MapFunction<import("..").WorkQueue, import("..").WorkQueueResponse>;
452
465
  };
@@ -0,0 +1,4 @@
1
+ import { WorkPoolStatus, ServerWorkPoolStatus } from '../models';
2
+ import { MapFunction } from '../services/Mapper';
3
+ export declare const mapServerWorkPoolStatusToWorkPoolStatus: MapFunction<ServerWorkPoolStatus, WorkPoolStatus>;
4
+ export declare const mapWorkPoolStatusToServerWorkPoolStatus: MapFunction<WorkPoolStatus, ServerWorkPoolStatus>;
@@ -0,0 +1,4 @@
1
+ import { WorkPoolWorkerStatus, ServerWorkPoolWorkerStatus } from '../models';
2
+ import { MapFunction } from '../services/Mapper';
3
+ export declare const mapServerWorkPoolWorkerStatusToWorkPoolWorkerStatus: MapFunction<ServerWorkPoolWorkerStatus, WorkPoolWorkerStatus>;
4
+ export declare const mapWorkPoolWorkerStatusToServerWorkPoolWorkerStatus: MapFunction<WorkPoolWorkerStatus, ServerWorkPoolWorkerStatus>;
@@ -75,8 +75,10 @@ export declare const mocks: {
75
75
  uiFlowRunHistory: import("..").MockFunction<import("..").UiFlowRunHistory, [(Partial<import("..").UiFlowRunHistory> | undefined)?]>;
76
76
  url: import("..").MockFunction<string, [(boolean | undefined)?]>;
77
77
  worker: import("..").MockFunction<import("..").WorkPoolWorker, [(Partial<import("..").WorkPoolWorker> | undefined)?]>;
78
+ workerStatus: import("..").MockFunction<"online" | "offline", []>;
78
79
  workPool: import("..").MockFunction<import("..").WorkPool, [(Partial<import("..").WorkPool> | undefined)?]>;
79
80
  workPoolQueue: import("..").MockFunction<import("..").WorkPoolQueue, [(Partial<import("..").WorkPoolQueue> | undefined)?]>;
81
+ workPoolStatus: import("..").MockFunction<import("..").WorkPoolStatus, []>;
80
82
  workQueue: import("..").MockFunction<import("..").WorkQueue, [(Partial<import("..").WorkQueue> | undefined)?]>;
81
83
  workQueueCreate: import("..").MockFunction<import("..").WorkQueueCreate, [(Partial<import("..").WorkQueueCreate> | undefined)?]>;
82
84
  workQueueFilter: import("..").MockFunction<import("..").WorkQueueFilter, [(Partial<import("..").WorkQueueFilter> | undefined)?]>;
@@ -0,0 +1,3 @@
1
+ import { WorkPoolStatus } from "../models/WorkPoolStatus";
2
+ import { MockFunction } from "../services/Mocker";
3
+ export declare const randomWorkPoolStatus: MockFunction<WorkPoolStatus, []>;
@@ -0,0 +1,3 @@
1
+ import { WorkPoolWorkerStatus } from '../models/WorkPoolWorkerStatus';
2
+ import { MockFunction } from '../services/Mocker';
3
+ export declare const randomWorkerStatus: MockFunction<WorkPoolWorkerStatus, []>;
@@ -1,5 +1,6 @@
1
1
  import { SelectOptionNormalized } from '@prefecthq/prefect-design';
2
2
  import { BaseJobTemplateRequest } from '../models/api/WorkPoolRequest';
3
+ import { WorkPoolStatus } from '../models/WorkPoolStatus';
3
4
  export interface IWorkPool {
4
5
  readonly id: string;
5
6
  created: Date;
@@ -12,6 +13,7 @@ export interface IWorkPool {
12
13
  defaultQueueId: string;
13
14
  concurrencyLimit: number | null;
14
15
  baseJobTemplate: BaseJobTemplateRequest;
16
+ status: WorkPoolStatus;
15
17
  }
16
18
  export declare class WorkPool implements IWorkPool {
17
19
  readonly id: string;
@@ -25,6 +27,7 @@ export declare class WorkPool implements IWorkPool {
25
27
  defaultQueueId: string;
26
28
  concurrencyLimit: number | null;
27
29
  baseJobTemplate: BaseJobTemplateRequest;
30
+ status: WorkPoolStatus;
28
31
  constructor(workPool: IWorkPool);
29
32
  get typeLabel(): string;
30
33
  }
@@ -0,0 +1,3 @@
1
+ export declare const workPoolStatus: readonly ["ready", "not_ready", "paused"];
2
+ export type WorkPoolStatus = typeof workPoolStatus[number] | null;
3
+ export type ServerWorkPoolStatus = Uppercase<typeof workPoolStatus[number]> | null;
@@ -1,3 +1,4 @@
1
+ import { WorkPoolWorkerStatus } from '../models/WorkPoolWorkerStatus';
1
2
  export interface IWorkPoolWorker {
2
3
  readonly id: string;
3
4
  created: Date;
@@ -5,6 +6,7 @@ export interface IWorkPoolWorker {
5
6
  name: string;
6
7
  workPoolId: string;
7
8
  lastHeartbeatTime: Date;
9
+ status: WorkPoolWorkerStatus;
8
10
  }
9
11
  export declare class WorkPoolWorker implements IWorkPoolWorker {
10
12
  readonly id: string;
@@ -13,5 +15,6 @@ export declare class WorkPoolWorker implements IWorkPoolWorker {
13
15
  name: string;
14
16
  workPoolId: string;
15
17
  lastHeartbeatTime: Date;
18
+ status: WorkPoolWorkerStatus;
16
19
  constructor(workPoolWorker: IWorkPoolWorker);
17
20
  }
@@ -0,0 +1,3 @@
1
+ export declare const workPoolWorkerStatus: readonly ["online", "offline"];
2
+ export type WorkPoolWorkerStatus = typeof workPoolWorkerStatus[number];
3
+ export type ServerWorkPoolWorkerStatus = Uppercase<WorkPoolWorkerStatus>;
@@ -1,4 +1,5 @@
1
1
  import { SchemaResponse } from '../../models/api/SchemaResponse';
2
+ import { ServerWorkPoolStatus } from '../../models/WorkPoolStatus';
2
3
  import { DateString } from '../../types/dates';
3
4
  export type BaseJobTemplateResponse = {
4
5
  job_configuration?: Record<string, string>;
@@ -16,4 +17,5 @@ export type WorkPoolResponse = {
16
17
  concurrency_limit: number | null;
17
18
  default_queue_id: string;
18
19
  base_job_template: BaseJobTemplateResponse;
20
+ status: ServerWorkPoolStatus;
19
21
  };
@@ -1,3 +1,4 @@
1
+ import { ServerWorkPoolWorkerStatus } from '../../models/WorkPoolWorkerStatus';
1
2
  import { DateString } from '../../types/dates';
2
3
  export type WorkPoolWorkerResponse = {
3
4
  id: string;
@@ -6,4 +7,5 @@ export type WorkPoolWorkerResponse = {
6
7
  name: string;
7
8
  work_pool_id: string;
8
9
  last_heartbeat_time: DateString;
10
+ status: ServerWorkPoolWorkerStatus;
9
11
  };
@@ -61,7 +61,9 @@ export * from './WorkPoolQueue';
61
61
  export * from './WorkPoolQueueCreate';
62
62
  export * from './WorkPoolQueueEdit';
63
63
  export * from './WorkPoolQueueTableData';
64
+ export * from './WorkPoolStatus';
64
65
  export * from './WorkPoolWorker';
66
+ export * from './WorkPoolWorkerStatus';
65
67
  export * from './WorkQueue';
66
68
  export * from './WorkQueueCreate';
67
69
  export * from './WorkQueueEdit';
@@ -164,6 +164,7 @@ export declare const mapper: Mapper<{
164
164
  };
165
165
  FlowRunGraphResponse: {
166
166
  GraphNode: MapFunction<import("..").FlowRunGraphResponse, import("..").GraphNode>;
167
+ TimelineNode: MapFunction<import("..").FlowRunGraphResponse, import("@prefecthq/graphs").GraphTimelineNode>;
167
168
  };
168
169
  FlowRunHistoryResponse: {
169
170
  RunHistory: MapFunction<import("..").FlowRunHistoryResponse, import("..").RunHistory>;
@@ -265,6 +266,12 @@ export declare const mapper: Mapper<{
265
266
  ServerStateType: {
266
267
  StateType: MapFunction<"COMPLETED" | "RUNNING" | "SCHEDULED" | "PENDING" | "FAILED" | "CANCELLED" | "CANCELLING" | "CRASHED" | "PAUSED", "completed" | "running" | "scheduled" | "pending" | "failed" | "cancelled" | "cancelling" | "crashed" | "paused">;
267
268
  };
269
+ ServerWorkPoolStatus: {
270
+ WorkPoolStatus: MapFunction<import("..").ServerWorkPoolStatus, import("..").WorkPoolStatus>;
271
+ };
272
+ ServerWorkPoolWorkerStatus: {
273
+ WorkPoolWorkerStatus: MapFunction<"ONLINE" | "OFFLINE", "online" | "offline">;
274
+ };
268
275
  State: {
269
276
  StateResponse: MapFunction<import("..").State, import("..").StateResponse>;
270
277
  };
@@ -465,12 +472,18 @@ export declare const mapper: Mapper<{
465
472
  WorkPoolsFilter: {
466
473
  WorkPoolsFilterRequest: MapFunction<import("..").WorkPoolsFilter, import("../models/api/Filters").WorkPoolsFilterRequest>;
467
474
  };
475
+ WorkPoolStatus: {
476
+ ServerWorkPoolStatus: MapFunction<import("..").WorkPoolStatus, import("..").ServerWorkPoolStatus>;
477
+ };
468
478
  WorkPoolWorkerResponse: {
469
479
  WorkPoolWorker: MapFunction<import("..").WorkPoolWorkerResponse, import("..").WorkPoolWorker>;
470
480
  };
471
481
  WorkPoolWorkersFilter: {
472
482
  WorkPoolWorkersFilterRequest: MapFunction<import("..").WorkPoolWorkersFilter, import("../models/api/Filters").WorkPoolWorkersFilterRequest>;
473
483
  };
484
+ WorkPoolWorkerStatus: {
485
+ ServerWorkPoolWorkerStatus: MapFunction<"online" | "offline", "ONLINE" | "OFFLINE">;
486
+ };
474
487
  WorkQueue: {
475
488
  WorkQueueResponse: MapFunction<import("..").WorkQueue, import("..").WorkQueueResponse>;
476
489
  };
@@ -88,8 +88,10 @@ export declare const mocker: Mocker<{
88
88
  uiFlowRunHistory: MockFunction<import("..").UiFlowRunHistory, [(Partial<import("..").UiFlowRunHistory> | undefined)?]>;
89
89
  url: MockFunction<string, [(boolean | undefined)?]>;
90
90
  worker: MockFunction<import("..").WorkPoolWorker, [(Partial<import("..").WorkPoolWorker> | undefined)?]>;
91
+ workerStatus: MockFunction<"online" | "offline", []>;
91
92
  workPool: MockFunction<import("..").WorkPool, [(Partial<import("..").WorkPool> | undefined)?]>;
92
93
  workPoolQueue: MockFunction<import("..").WorkPoolQueue, [(Partial<import("..").WorkPoolQueue> | undefined)?]>;
94
+ workPoolStatus: MockFunction<import("..").WorkPoolStatus, []>;
93
95
  workQueue: MockFunction<import("..").WorkQueue, [(Partial<import("..").WorkQueue> | undefined)?]>;
94
96
  workQueueCreate: MockFunction<import("..").WorkQueueCreate, [(Partial<import("..").WorkQueueCreate> | undefined)?]>;
95
97
  workQueueFilter: MockFunction<import("..").WorkQueueFilter, [(Partial<import("..").WorkQueueFilter> | undefined)?]>;
@@ -1,4 +1,4 @@
1
- import { TimelineData } from '@prefecthq/graphs';
1
+ import { GraphTimelineNode } from '@prefecthq/graphs';
2
2
  import { StateUpdate } from '../models';
3
3
  import { FlowRunsFilter, FlowRunsHistoryFilter } from '../models/Filters';
4
4
  import { FlowRun } from '../models/FlowRun';
@@ -12,7 +12,7 @@ export interface IWorkspaceFlowRunsApi {
12
12
  getFlowRunsHistory: (filter: FlowRunsHistoryFilter) => Promise<RunHistory[]>;
13
13
  getFlowRunsAverageLateness: (filter: FlowRunsFilter) => Promise<number | null>;
14
14
  getFlowRunsGraph: (flowRunId: string) => Promise<GraphNode[]>;
15
- getFlowRunsTimeline: (flowRunId: string) => Promise<TimelineData>;
15
+ getFlowRunsTimeline: (flowRunId: string) => Promise<GraphTimelineNode[]>;
16
16
  retryFlowRun: (flowRunId: string) => Promise<void>;
17
17
  setFlowRunState: (flowRunId: string, body: StateUpdate) => Promise<void>;
18
18
  resumeFlowRun: (flowRunId: string) => Promise<void>;
@@ -27,7 +27,7 @@ export declare class WorkspaceFlowRunsApi extends WorkspaceApi implements IWorks
27
27
  getFlowRunsHistory(filter: FlowRunsHistoryFilter): Promise<RunHistory[]>;
28
28
  getFlowRunsAverageLateness(filter: FlowRunsFilter): Promise<number | null>;
29
29
  getFlowRunsGraph(flowRunId: string): Promise<GraphNode[]>;
30
- getFlowRunsTimeline(id: string): Promise<TimelineData>;
30
+ getFlowRunsTimeline(id: string): Promise<GraphTimelineNode[]>;
31
31
  retryFlowRun(id: string): Promise<void>;
32
32
  setFlowRunState(id: string, body: StateUpdate): Promise<void>;
33
33
  resumeFlowRun(id: string): Promise<void>;
@@ -1,3 +0,0 @@
1
- import { TimelineData } from '@prefecthq/graphs';
2
- import { FlowRunGraphResponse } from '../models/api/FlowRunGraphResponse';
3
- export declare function mapFlowRunGraphResponseToTimelineData(input: FlowRunGraphResponse[]): TimelineData;