@prefecthq/prefect-ui-library 1.1.19 → 1.1.21
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.
- package/dist/{index-6e38c80a.mjs → index-d597aa82.mjs} +26016 -24638
- package/dist/index-d597aa82.mjs.map +1 -0
- package/dist/prefect-ui-library.mjs +553 -549
- package/dist/prefect-ui-library.umd.js +88 -88
- package/dist/prefect-ui-library.umd.js.map +1 -1
- package/dist/style.css +1 -1
- package/dist/types/src/components/FlowRunBreadCrumbs.vue.d.ts +16 -0
- package/dist/types/src/components/{TaskRunPanel.vue.d.ts → FlowRunTimelineSelectionPanel.vue.d.ts} +7 -2
- package/dist/types/src/components/FlowRunTimelineSubFlowRunDetails.vue.d.ts +15 -0
- package/dist/types/src/components/FlowRunTimelineTaskDetails.vue.d.ts +15 -0
- package/dist/types/src/components/index.d.ts +3 -1
- package/dist/types/src/compositions/index.d.ts +1 -0
- package/dist/types/src/compositions/useWorkPoolQueue.d.ts +3 -0
- package/dist/types/src/localization/index.d.ts +1 -0
- package/dist/types/src/localization/locale/en.d.ts +1 -0
- package/dist/types/src/mocks/index.d.ts +2 -2
- package/dist/types/src/models/TimelineNode.d.ts +8 -4
- package/dist/types/src/services/Mocker.d.ts +2 -2
- package/dist/{viewport.es-5fa29f11-1114ff10.mjs → viewport.es-c35ed287-064b183e.mjs} +21 -21
- package/dist/{viewport.es-5fa29f11-1114ff10.mjs.map → viewport.es-c35ed287-064b183e.mjs.map} +1 -1
- package/package.json +5 -5
- package/dist/index-6e38c80a.mjs.map +0 -1
package/dist/types/src/components/{TaskRunPanel.vue.d.ts → FlowRunTimelineSelectionPanel.vue.d.ts}
RENAMED
|
@@ -1,9 +1,14 @@
|
|
|
1
|
+
import { NodeSelectionEvent } from '@prefecthq/graphs';
|
|
1
2
|
declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
|
|
2
|
-
|
|
3
|
+
/** selectedNode and all inner content is optional for the sake of outgoing animations */
|
|
4
|
+
selectedNode: NodeSelectionEvent | null;
|
|
5
|
+
floating: boolean;
|
|
3
6
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
4
7
|
dismiss: () => void;
|
|
5
8
|
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
|
|
6
|
-
|
|
9
|
+
/** selectedNode and all inner content is optional for the sake of outgoing animations */
|
|
10
|
+
selectedNode: NodeSelectionEvent | null;
|
|
11
|
+
floating: boolean;
|
|
7
12
|
}>>> & {
|
|
8
13
|
onDismiss?: (() => any) | undefined;
|
|
9
14
|
}, {}>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
|
|
2
|
+
flowRunId: string;
|
|
3
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
|
|
4
|
+
flowRunId: string;
|
|
5
|
+
}>>>, {}>;
|
|
6
|
+
export default _default;
|
|
7
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
8
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
9
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
10
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
11
|
+
} : {
|
|
12
|
+
type: import('vue').PropType<T[K]>;
|
|
13
|
+
required: true;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
|
|
2
|
+
taskRunId: string;
|
|
3
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
|
|
4
|
+
taskRunId: string;
|
|
5
|
+
}>>>, {}>;
|
|
6
|
+
export default _default;
|
|
7
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
8
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
9
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
10
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
11
|
+
} : {
|
|
12
|
+
type: import('vue').PropType<T[K]>;
|
|
13
|
+
required: true;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
@@ -104,6 +104,9 @@ export { default as FlowRunTaskCount } from './FlowRunTaskCount.vue';
|
|
|
104
104
|
export { default as FlowRunTaskRuns } from './FlowRunTaskRuns.vue';
|
|
105
105
|
export { default as FlowRunTimeline } from './FlowRunTimeline.vue';
|
|
106
106
|
export { default as FlowRunTimelineOptions } from './FlowRunTimelineOptions.vue';
|
|
107
|
+
export { default as FlowRunTimelineSelectionPanel } from './FlowRunTimelineSelectionPanel.vue';
|
|
108
|
+
export { default as FlowRunTimelineSubFlowRunDetails } from './FlowRunTimelineSubFlowRunDetails.vue';
|
|
109
|
+
export { default as FlowRunTimelineTaskDetails } from './FlowRunTimelineTaskDetails.vue';
|
|
107
110
|
export { default as FlowsDeleteButton } from './FlowsDeleteButton.vue';
|
|
108
111
|
export { default as FlowsPageEmptyState } from './FlowsPageEmptyState.vue';
|
|
109
112
|
export { default as FlowsTable } from './FlowsTable.vue';
|
|
@@ -206,7 +209,6 @@ export { default as TaskRunIconText } from './TaskRunIconText.vue';
|
|
|
206
209
|
export { default as TaskRunList } from './TaskRunList.vue';
|
|
207
210
|
export { default as TaskRunListItem } from './TaskRunListItem.vue';
|
|
208
211
|
export { default as TaskRunLogs } from './TaskRunLogs.vue';
|
|
209
|
-
export { default as TaskRunPanel } from './TaskRunPanel.vue';
|
|
210
212
|
export { default as TaskRunsSort } from './TaskRunsSort.vue';
|
|
211
213
|
export { default as TimezoneSelect } from './TimezoneSelect.vue';
|
|
212
214
|
export { default as ToastFlowRunCreate } from './ToastFlowRunCreate.vue';
|
|
@@ -18,6 +18,7 @@ export * from './useShowModal';
|
|
|
18
18
|
export * from './useTabs';
|
|
19
19
|
export * from './useTaskRun';
|
|
20
20
|
export * from './useTaskRunsCount';
|
|
21
|
+
export * from './useWorkPoolQueue';
|
|
21
22
|
export * from './useWorkQueueStatus';
|
|
22
23
|
export * from './useWorkspaceApi';
|
|
23
24
|
export * from './useWorkspaceRoutes';
|
|
@@ -3,14 +3,14 @@ export declare const mocks: {
|
|
|
3
3
|
any: import("..").MockFunction<any, []>;
|
|
4
4
|
artifact: import("..").MockFunction<import("..").Artifact, [(Partial<import("..").Artifact> | undefined)?]>;
|
|
5
5
|
blockDocument: import("..").MockFunction<import("..").BlockDocument, [(Partial<import("..").BlockDocument> | undefined)?]>;
|
|
6
|
-
blockDocumentData: import("..").MockFunction<Record<string, unknown>, [("
|
|
6
|
+
blockDocumentData: import("..").MockFunction<Record<string, unknown>, [("email_addresses" | "url" | undefined)?]>;
|
|
7
7
|
blockSchema: import("..").MockFunction<import("..").BlockSchema, [(Partial<import("..").BlockSchema> | undefined)?]>;
|
|
8
8
|
blockSchemaCapabilities: import("..").MockFunction<string[], []>;
|
|
9
9
|
blockSchemaCapability: import("..").MockFunction<string, []>;
|
|
10
10
|
blockType: import("..").MockFunction<import("..").BlockType, [(Partial<import("..").BlockType> | undefined)?]>;
|
|
11
11
|
blockTypeSnippet: import("..").MockFunction<string, []>;
|
|
12
12
|
boolean: import("..").MockFunction<boolean, []>;
|
|
13
|
-
char: import("..").MockFunction<"h" | "d" | "w" | "m" | "y" | "s" | "a" | "e" | "i" | "o" | "u" | "b" | "
|
|
13
|
+
char: import("..").MockFunction<"h" | "d" | "w" | "m" | "y" | "s" | "a" | "e" | "i" | "o" | "u" | "b" | "c" | "f" | "g" | "j" | "k" | "l" | "n" | "p" | "q" | "r" | "t" | "v" | "x" | "z", []>;
|
|
14
14
|
collectionItem: import("..").MockFunction<import("..").CollectionItem, [(Partial<import("..").CollectionItem> | undefined)?]>;
|
|
15
15
|
concurrencyLimit: import("..").MockFunction<import("..").ConcurrencyLimit, [(Partial<import("..").ConcurrencyLimit> | undefined)?]>;
|
|
16
16
|
createdOrUpdatedBy: import("..").MockFunction<import("..").CreatedOrUpdatedBy, [(Partial<import("..").CreatedOrUpdatedBy> | undefined)?]>;
|
|
@@ -1,15 +1,19 @@
|
|
|
1
|
-
import {
|
|
2
|
-
interface
|
|
1
|
+
import { GraphTimelineNode } from '@prefecthq/graphs';
|
|
2
|
+
interface ModifiedGraphTimelineNode extends Omit<GraphTimelineNode, 'start'> {
|
|
3
3
|
start: Date | null;
|
|
4
4
|
}
|
|
5
|
-
export declare function
|
|
6
|
-
|
|
5
|
+
export declare function hasSubFlowRunId(node: GraphTimelineNode): node is GraphTimelineNode & {
|
|
6
|
+
subFlowRunId: string;
|
|
7
|
+
};
|
|
8
|
+
export declare function isValidGraphTimelineNode(value: TimelineNode): value is GraphTimelineNode;
|
|
9
|
+
export declare class TimelineNode implements ModifiedGraphTimelineNode {
|
|
7
10
|
readonly id: string;
|
|
8
11
|
label: string;
|
|
9
12
|
start: Date | null;
|
|
10
13
|
end: Date | null;
|
|
11
14
|
state: string;
|
|
12
15
|
upstreamDependencies?: string[];
|
|
16
|
+
subFlowRunId?: string;
|
|
13
17
|
constructor(timelineNode: TimelineNode);
|
|
14
18
|
}
|
|
15
19
|
export {};
|
|
@@ -16,14 +16,14 @@ export declare const mocker: Mocker<{
|
|
|
16
16
|
any: MockFunction<any, []>;
|
|
17
17
|
artifact: MockFunction<import("..").Artifact, [(Partial<import("..").Artifact> | undefined)?]>;
|
|
18
18
|
blockDocument: MockFunction<import("..").BlockDocument, [(Partial<import("..").BlockDocument> | undefined)?]>;
|
|
19
|
-
blockDocumentData: MockFunction<Record<string, unknown>, [("
|
|
19
|
+
blockDocumentData: MockFunction<Record<string, unknown>, [("email_addresses" | "url" | undefined)?]>;
|
|
20
20
|
blockSchema: MockFunction<import("..").BlockSchema, [(Partial<import("..").BlockSchema> | undefined)?]>;
|
|
21
21
|
blockSchemaCapabilities: MockFunction<string[], []>;
|
|
22
22
|
blockSchemaCapability: MockFunction<string, []>;
|
|
23
23
|
blockType: MockFunction<import("..").BlockType, [(Partial<import("..").BlockType> | undefined)?]>;
|
|
24
24
|
blockTypeSnippet: MockFunction<string, []>;
|
|
25
25
|
boolean: MockFunction<boolean, []>;
|
|
26
|
-
char: MockFunction<"h" | "d" | "w" | "m" | "y" | "s" | "a" | "e" | "i" | "o" | "u" | "b" | "
|
|
26
|
+
char: MockFunction<"h" | "d" | "w" | "m" | "y" | "s" | "a" | "e" | "i" | "o" | "u" | "b" | "c" | "f" | "g" | "j" | "k" | "l" | "n" | "p" | "q" | "r" | "t" | "v" | "x" | "z", []>;
|
|
27
27
|
collectionItem: MockFunction<import("..").CollectionItem, [(Partial<import("..").CollectionItem> | undefined)?]>;
|
|
28
28
|
concurrencyLimit: MockFunction<import("..").ConcurrencyLimit, [(Partial<import("..").ConcurrencyLimit> | undefined)?]>;
|
|
29
29
|
createdOrUpdatedBy: MockFunction<import("..").CreatedOrUpdatedBy, [(Partial<import("..").CreatedOrUpdatedBy> | undefined)?]>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { h as c, Q as b, X as O, c as k } from "./index-d597aa82.mjs";
|
|
2
2
|
import "vue";
|
|
3
3
|
import "@prefecthq/prefect-design";
|
|
4
4
|
import "@prefecthq/vue-compositions";
|
|
@@ -164,7 +164,7 @@ function H(p, t) {
|
|
|
164
164
|
} else
|
|
165
165
|
return S[t];
|
|
166
166
|
}
|
|
167
|
-
const
|
|
167
|
+
const X = {
|
|
168
168
|
removeOnInterrupt: !1,
|
|
169
169
|
ease: "linear",
|
|
170
170
|
time: 1e3
|
|
@@ -192,7 +192,7 @@ class u extends d {
|
|
|
192
192
|
this.time = 0;
|
|
193
193
|
}
|
|
194
194
|
constructor(t, e = {}) {
|
|
195
|
-
super(t), u.prototype.__init.call(this), u.prototype.__init2.call(this), u.prototype.__init3.call(this), u.prototype.__init4.call(this), u.prototype.__init5.call(this), u.prototype.__init6.call(this), u.prototype.__init7.call(this), this.options = Object.assign({},
|
|
195
|
+
super(t), u.prototype.__init.call(this), u.prototype.__init2.call(this), u.prototype.__init3.call(this), u.prototype.__init4.call(this), u.prototype.__init5.call(this), u.prototype.__init6.call(this), u.prototype.__init7.call(this), this.options = Object.assign({}, X, e), this.options.ease = H(this.options.ease), this.setupPosition(), this.setupZoom(), this.time = 0;
|
|
196
196
|
}
|
|
197
197
|
setupPosition() {
|
|
198
198
|
typeof this.options.position < "u" ? (this.startX = this.parent.center.x, this.startY = this.parent.center.y, this.deltaX = this.options.position.x - this.parent.center.x, this.deltaY = this.options.position.y - this.parent.center.y, this.keepCenter = !1) : this.keepCenter = !0;
|
|
@@ -250,7 +250,7 @@ function v(p) {
|
|
|
250
250
|
}
|
|
251
251
|
return e;
|
|
252
252
|
}
|
|
253
|
-
const
|
|
253
|
+
const Y = {
|
|
254
254
|
sides: "all",
|
|
255
255
|
friction: 0.5,
|
|
256
256
|
time: 150,
|
|
@@ -260,7 +260,7 @@ const X = {
|
|
|
260
260
|
};
|
|
261
261
|
class _ extends d {
|
|
262
262
|
constructor(t, e = {}) {
|
|
263
|
-
super(t), this.options = Object.assign({},
|
|
263
|
+
super(t), this.options = Object.assign({}, Y, e), this.ease = H(this.options.ease, "easeInOutSine"), this.options.sides ? this.options.sides === "all" ? this.top = this.bottom = this.left = this.right = !0 : this.options.sides === "horizontal" ? (this.right = this.left = !0, this.top = this.bottom = !1) : this.options.sides === "vertical" ? (this.left = this.right = !1, this.top = this.bottom = !0) : (this.top = this.options.sides.indexOf("top") !== -1, this.bottom = this.options.sides.indexOf("bottom") !== -1, this.left = this.options.sides.indexOf("left") !== -1, this.right = this.options.sides.indexOf("right") !== -1) : this.left = this.top = this.right = this.bottom = !1;
|
|
264
264
|
const n = this.options.underflow.toLowerCase();
|
|
265
265
|
n === "center" ? (this.underflowX = 0, this.underflowY = 0) : (this.underflowX = n.indexOf("left") !== -1 ? -1 : n.indexOf("right") !== -1 ? 1 : 0, this.underflowY = n.indexOf("top") !== -1 ? -1 : n.indexOf("bottom") !== -1 ? 1 : 0), this.reset();
|
|
266
266
|
}
|
|
@@ -430,7 +430,7 @@ class D extends d {
|
|
|
430
430
|
this.update();
|
|
431
431
|
}
|
|
432
432
|
}
|
|
433
|
-
const
|
|
433
|
+
const T = {
|
|
434
434
|
minWidth: null,
|
|
435
435
|
minHeight: null,
|
|
436
436
|
maxWidth: null,
|
|
@@ -438,9 +438,9 @@ const L = {
|
|
|
438
438
|
minScale: null,
|
|
439
439
|
maxScale: null
|
|
440
440
|
};
|
|
441
|
-
class
|
|
441
|
+
class L extends d {
|
|
442
442
|
constructor(t, e = {}) {
|
|
443
|
-
super(t), this.options = Object.assign({},
|
|
443
|
+
super(t), this.options = Object.assign({}, T, e), this.clamp();
|
|
444
444
|
}
|
|
445
445
|
resize() {
|
|
446
446
|
this.clamp();
|
|
@@ -696,14 +696,14 @@ class M extends d {
|
|
|
696
696
|
this.parent.top < 0 && (this.parent.y = 0, t.y = 0), this.parent.bottom > this.parent.worldHeight && (this.parent.y = -this.parent.worldHeight * this.parent.scale.y + this.parent.screenHeight, t.y = 0);
|
|
697
697
|
}
|
|
698
698
|
}
|
|
699
|
-
const
|
|
699
|
+
const U = {
|
|
700
700
|
speed: 0,
|
|
701
701
|
acceleration: null,
|
|
702
702
|
radius: null
|
|
703
703
|
};
|
|
704
|
-
class
|
|
704
|
+
class j extends d {
|
|
705
705
|
constructor(t, e, n = {}) {
|
|
706
|
-
super(t), this.target = e, this.options = Object.assign({},
|
|
706
|
+
super(t), this.target = e, this.options = Object.assign({}, U, n), this.velocity = { x: 0, y: 0 };
|
|
707
707
|
}
|
|
708
708
|
update(t) {
|
|
709
709
|
if (this.paused)
|
|
@@ -741,7 +741,7 @@ class U extends d {
|
|
|
741
741
|
this.parent.moveCenter(n, i), this.parent.emit("moved", { viewport: this.parent, type: "follow" });
|
|
742
742
|
}
|
|
743
743
|
}
|
|
744
|
-
const
|
|
744
|
+
const Z = {
|
|
745
745
|
radius: null,
|
|
746
746
|
distance: null,
|
|
747
747
|
top: null,
|
|
@@ -754,9 +754,9 @@ const j = {
|
|
|
754
754
|
linear: !1,
|
|
755
755
|
allowButtons: !1
|
|
756
756
|
};
|
|
757
|
-
class
|
|
757
|
+
class q extends d {
|
|
758
758
|
constructor(t, e = {}) {
|
|
759
|
-
super(t), this.options = Object.assign({},
|
|
759
|
+
super(t), this.options = Object.assign({}, Z, e), this.reverse = this.options.reverse ? 1 : -1, this.radiusSquared = typeof this.options.radius == "number" ? Math.pow(this.options.radius, 2) : null, this.resize();
|
|
760
760
|
}
|
|
761
761
|
resize() {
|
|
762
762
|
const t = this.options.distance;
|
|
@@ -1490,7 +1490,7 @@ class C extends k {
|
|
|
1490
1490
|
return this.plugins.add("snap", new Q(this, t, e, n)), this;
|
|
1491
1491
|
}
|
|
1492
1492
|
follow(t, e) {
|
|
1493
|
-
return this.plugins.add("follow", new
|
|
1493
|
+
return this.plugins.add("follow", new j(this, t, e)), this;
|
|
1494
1494
|
}
|
|
1495
1495
|
wheel(t) {
|
|
1496
1496
|
return this.plugins.add("wheel", new $(this, t)), this;
|
|
@@ -1499,10 +1499,10 @@ class C extends k {
|
|
|
1499
1499
|
return this.plugins.add("animate", new u(this, t)), this;
|
|
1500
1500
|
}
|
|
1501
1501
|
clampZoom(t) {
|
|
1502
|
-
return this.plugins.add("clamp-zoom", new
|
|
1502
|
+
return this.plugins.add("clamp-zoom", new L(this, t)), this;
|
|
1503
1503
|
}
|
|
1504
1504
|
mouseEdges(t) {
|
|
1505
|
-
return this.plugins.add("mouse-edges", new
|
|
1505
|
+
return this.plugins.add("mouse-edges", new q(this, t)), this;
|
|
1506
1506
|
}
|
|
1507
1507
|
get pause() {
|
|
1508
1508
|
return !!this._pause;
|
|
@@ -1520,12 +1520,12 @@ export {
|
|
|
1520
1520
|
u as Animate,
|
|
1521
1521
|
_ as Bounce,
|
|
1522
1522
|
D as Clamp,
|
|
1523
|
-
|
|
1523
|
+
L as ClampZoom,
|
|
1524
1524
|
V as Decelerate,
|
|
1525
1525
|
M as Drag,
|
|
1526
|
-
|
|
1526
|
+
j as Follow,
|
|
1527
1527
|
J as InputManager,
|
|
1528
|
-
|
|
1528
|
+
q as MouseEdges,
|
|
1529
1529
|
y as Pinch,
|
|
1530
1530
|
d as Plugin,
|
|
1531
1531
|
tt as PluginManager,
|
|
@@ -1534,4 +1534,4 @@ export {
|
|
|
1534
1534
|
C as Viewport,
|
|
1535
1535
|
$ as Wheel
|
|
1536
1536
|
};
|
|
1537
|
-
//# sourceMappingURL=viewport.es-
|
|
1537
|
+
//# sourceMappingURL=viewport.es-c35ed287-064b183e.mjs.map
|