@prefecthq/prefect-ui-library 1.6.17 → 1.6.19

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 (27) hide show
  1. package/dist/{index-4e1e5788.mjs → index-70906549.mjs} +13149 -12790
  2. package/dist/index-70906549.mjs.map +1 -0
  3. package/dist/prefect-ui-library.mjs +584 -579
  4. package/dist/prefect-ui-library.umd.js +79 -79
  5. package/dist/prefect-ui-library.umd.js.map +1 -1
  6. package/dist/style.css +1 -1
  7. package/dist/types/src/components/FlowRunStateTypeCount.vue.d.ts +20 -0
  8. package/dist/types/src/components/FlowRunStateTypeTabDescription.vue.d.ts +20 -0
  9. package/dist/types/src/components/FlowRunStateTypeTabs.vue.d.ts +11 -0
  10. package/dist/types/src/components/FlowRunsAccordion.vue.d.ts +13 -0
  11. package/dist/types/src/components/FlowRunsAccordionContent.vue.d.ts +25 -0
  12. package/dist/types/src/components/FlowRunsAccordionHeader.vue.d.ts +52 -0
  13. package/dist/types/src/compositions/index.d.ts +2 -0
  14. package/dist/types/src/compositions/useFilterPagination.d.ts +7 -0
  15. package/dist/types/src/compositions/useFlowRuns.d.ts +4 -3
  16. package/dist/types/src/compositions/useFlowRunsCount.d.ts +9 -0
  17. package/dist/types/src/compositions/usePaginatedSubscription.d.ts +3 -0
  18. package/dist/types/src/compositions/useSubscriptions.d.ts +8 -0
  19. package/dist/types/src/utilities/functions.d.ts +1 -0
  20. package/dist/types/src/utilities/index.d.ts +1 -0
  21. package/dist/types/src/utilities/infiniteScroll.d.ts +15 -0
  22. package/dist/types/src/utilities/reactivity.d.ts +2 -1
  23. package/dist/types/src/utilities/timezone.d.ts +4 -4
  24. package/dist/{viewport.es-ae91b8e8-4f727da7.mjs → viewport.es-ae91b8e8-e1baab1d.mjs} +2 -2
  25. package/dist/{viewport.es-ae91b8e8-4f727da7.mjs.map → viewport.es-ae91b8e8-e1baab1d.mjs.map} +1 -1
  26. package/package.json +3 -3
  27. package/dist/index-4e1e5788.mjs.map +0 -1
@@ -0,0 +1,20 @@
1
+ import { FlowRunsFilter } from '../models/Filters';
2
+ import { MaybeArray } from '../types/utilities';
3
+ declare const _default: import("vue").DefineComponent<{
4
+ stateType: {
5
+ type: import("vue").PropType<MaybeArray<"completed" | "running" | "scheduled" | "pending" | "failed" | "cancelled" | "cancelling" | "crashed" | "paused">>;
6
+ required: true;
7
+ };
8
+ filter: {
9
+ type: import("vue").PropType<FlowRunsFilter>;
10
+ };
11
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
12
+ stateType: {
13
+ type: import("vue").PropType<MaybeArray<"completed" | "running" | "scheduled" | "pending" | "failed" | "cancelled" | "cancelling" | "crashed" | "paused">>;
14
+ required: true;
15
+ };
16
+ filter: {
17
+ type: import("vue").PropType<FlowRunsFilter>;
18
+ };
19
+ }>>, {}, {}>;
20
+ export default _default;
@@ -0,0 +1,11 @@
1
+ import { FlowRunsFilter } from '../models/Filters';
2
+ declare const _default: import("vue").DefineComponent<{
3
+ filter: {
4
+ type: import("vue").PropType<FlowRunsFilter>;
5
+ };
6
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
7
+ filter: {
8
+ type: import("vue").PropType<FlowRunsFilter>;
9
+ };
10
+ }>>, {}, {}>;
11
+ export default _default;
@@ -0,0 +1,13 @@
1
+ import { FlowRunsFilter } from '../models/Filters';
2
+ declare const _default: import("vue").DefineComponent<{
3
+ filter: {
4
+ type: import("vue").PropType<FlowRunsFilter>;
5
+ required: true;
6
+ };
7
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
8
+ filter: {
9
+ type: import("vue").PropType<FlowRunsFilter>;
10
+ required: true;
11
+ };
12
+ }>>, {}, {}>;
13
+ export default _default;
@@ -0,0 +1,25 @@
1
+ import { FlowRunsFilter } from '../models/Filters';
2
+ declare const _default: import("vue").DefineComponent<{
3
+ flowId: {
4
+ type: import("vue").PropType<string>;
5
+ required: true;
6
+ };
7
+ filter: {
8
+ type: import("vue").PropType<FlowRunsFilter>;
9
+ };
10
+ flowRunLimit: {
11
+ type: import("vue").PropType<number>;
12
+ };
13
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
14
+ flowId: {
15
+ type: import("vue").PropType<string>;
16
+ required: true;
17
+ };
18
+ filter: {
19
+ type: import("vue").PropType<FlowRunsFilter>;
20
+ };
21
+ flowRunLimit: {
22
+ type: import("vue").PropType<number>;
23
+ };
24
+ }>>, {}, {}>;
25
+ export default _default;
@@ -0,0 +1,52 @@
1
+ import { FlowRunsFilter } from '../models/Filters';
2
+ import { Flow } from '../models/Flow';
3
+ declare const _default: import("vue").DefineComponent<{
4
+ flow: {
5
+ type: import("vue").PropType<Flow>;
6
+ required: true;
7
+ };
8
+ id: {
9
+ type: import("vue").PropType<string>;
10
+ required: true;
11
+ };
12
+ selected: {
13
+ type: import("vue").PropType<boolean>;
14
+ required: true;
15
+ };
16
+ content: {
17
+ type: import("vue").PropType<string>;
18
+ required: true;
19
+ };
20
+ toggle: {
21
+ type: import("vue").PropType<() => void>;
22
+ required: true;
23
+ };
24
+ filter: {
25
+ type: import("vue").PropType<FlowRunsFilter>;
26
+ };
27
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
28
+ flow: {
29
+ type: import("vue").PropType<Flow>;
30
+ required: true;
31
+ };
32
+ id: {
33
+ type: import("vue").PropType<string>;
34
+ required: true;
35
+ };
36
+ selected: {
37
+ type: import("vue").PropType<boolean>;
38
+ required: true;
39
+ };
40
+ content: {
41
+ type: import("vue").PropType<string>;
42
+ required: true;
43
+ };
44
+ toggle: {
45
+ type: import("vue").PropType<() => void>;
46
+ required: true;
47
+ };
48
+ filter: {
49
+ type: import("vue").PropType<FlowRunsFilter>;
50
+ };
51
+ }>>, {}, {}>;
52
+ export default _default;
@@ -11,9 +11,11 @@ export * from './useDeployment';
11
11
  export * from './useDeployments';
12
12
  export * from './useDeploymentsCount';
13
13
  export * from './useFavicon';
14
+ export * from './useFilterPagination';
14
15
  export * from './useFlow';
15
16
  export * from './useFlowRun';
16
17
  export * from './useFlowRuns';
18
+ export * from './useFlowRunsCount';
17
19
  export * from './useFlows';
18
20
  export * from './useFlowsCount';
19
21
  export * from './useForm';
@@ -0,0 +1,7 @@
1
+ import { ComputedRef, MaybeRef } from 'vue';
2
+ export declare const GLOBAL_API_LIMIT = 200;
3
+ export type UseFilterPagination = {
4
+ limit: ComputedRef<number>;
5
+ offset: ComputedRef<number>;
6
+ };
7
+ export declare function useFilterPagination(page?: MaybeRef<number>, limit?: MaybeRef<number | undefined>): UseFilterPagination;
@@ -1,10 +1,11 @@
1
1
  import { SubscriptionOptions, UseSubscription } from '@prefecthq/vue-compositions';
2
- import { ComputedRef, Ref } from 'vue';
2
+ import { ComputedRef, MaybeRef, Ref } from 'vue';
3
3
  import { FlowRunsFilter } from '../models/Filters';
4
4
  import { FlowRun } from '../models/FlowRun';
5
5
  import { WorkspaceFlowRunsApi } from '../services';
6
6
  export type UseFlowRuns = {
7
- subscription: UseSubscription<WorkspaceFlowRunsApi['getFlowRuns']>;
8
7
  flowRuns: ComputedRef<FlowRun[]>;
8
+ subscription: UseSubscription<WorkspaceFlowRunsApi['getFlowRuns']>;
9
9
  };
10
- export declare function useFlowRuns(filter: FlowRunsFilter | Ref<FlowRunsFilter | null | undefined>, options?: SubscriptionOptions): UseFlowRuns;
10
+ export declare function useFlowRuns(filter: FlowRunsFilter | Ref<FlowRunsFilter | null | undefined>, page?: MaybeRef<number>, options?: SubscriptionOptions): UseFlowRuns;
11
+ export declare const useFlowRunsInfiniteScroll: import("../utilities/infiniteScroll").InfiniteScroll<FlowRunsFilter, (filter?: FlowRunsFilter) => Promise<FlowRun[]>, "flowRuns">;
@@ -0,0 +1,9 @@
1
+ import { SubscriptionOptions, UseSubscription } from '@prefecthq/vue-compositions';
2
+ import { ComputedRef, Ref } from 'vue';
3
+ import { FlowRunsFilter } from '../models/Filters';
4
+ import { WorkspaceFlowRunsApi } from '../services/WorkspaceFlowRunsApi';
5
+ export type UseFlowRunsCount = {
6
+ subscription: UseSubscription<WorkspaceFlowRunsApi['getFlowRunsCount']>;
7
+ count: ComputedRef<number | undefined>;
8
+ };
9
+ export declare function useFlowRunsCount(filter: FlowRunsFilter | Ref<FlowRunsFilter | null | undefined>, options?: SubscriptionOptions): UseFlowRunsCount;
@@ -7,4 +7,7 @@ export type PaginatedAction = (filters: Paginated) => Promise<any[]>;
7
7
  export type UsePaginatedSubscription<T extends PaginatedAction> = {
8
8
  loadMore: () => void;
9
9
  } & Omit<UseSubscription<T>, 'promise'>;
10
+ /**
11
+ * @deprecated Use infiniteScrollCompositionFactory instead
12
+ */
10
13
  export declare function usePaginatedSubscription<T extends PaginatedAction>(...[action, args, options]: SubscribeArguments<T>): UsePaginatedSubscription<T>;
@@ -0,0 +1,8 @@
1
+ import { Action, UseSubscription } from '@prefecthq/vue-compositions';
2
+ export type UseSubscriptions<T extends Action> = {
3
+ subscriptions: Omit<UseSubscription<T>, 'promise' | 'response' | 'error'> & {
4
+ responses: UseSubscription<T>['response'][];
5
+ errors: UseSubscription<T>['error'][];
6
+ };
7
+ };
8
+ export declare function useSubscriptions<T extends Action>(subscriptions: UseSubscription<T>[]): UseSubscriptions<T>;
@@ -0,0 +1 @@
1
+ export declare function isFunction(value: unknown): value is (...args: any[]) => unknown;
@@ -6,6 +6,7 @@ export * from './components';
6
6
  export * from './copy';
7
7
  export * from './dates';
8
8
  export * from './delete';
9
+ export * from './functions';
9
10
  export * from './httpStatus';
10
11
  export * from './inject';
11
12
  export * from './json';
@@ -0,0 +1,15 @@
1
+ import { Action, SubscriptionOptions, UseSubscription } from '@prefecthq/vue-compositions';
2
+ import { ComputedRef, MaybeRef, Ref } from 'vue';
3
+ import { UseSubscriptions } from '../compositions/useSubscriptions';
4
+ export type InfiniteScrollFilter = {
5
+ limit: number;
6
+ offset: number;
7
+ };
8
+ export type InfiniteScrollCallback<T extends Partial<InfiniteScrollFilter>, A extends Action> = (filter: T | Ref<T | null>, page: MaybeRef<number>, options?: SubscriptionOptions) => {
9
+ subscription: UseSubscription<A>;
10
+ };
11
+ export type InfiniteScroll<TFilter extends Partial<InfiniteScrollFilter>, TAction extends Action, TProperty extends string> = (filter: TFilter | Ref<TFilter | null>, options?: SubscriptionOptions) => Record<TProperty, ComputedRef<Awaited<ReturnType<TAction>>>> & {
12
+ subscriptions: UseSubscriptions<TAction>['subscriptions'];
13
+ loadMore: () => void;
14
+ };
15
+ export declare function infiniteScrollCompositionFactory<TFilter extends Partial<InfiniteScrollFilter>, TAction extends Action, TProperty extends string>(callback: InfiniteScrollCallback<TFilter, TAction>, property: TProperty, limit: number): InfiniteScroll<TFilter, TAction, TProperty>;
@@ -1,2 +1,3 @@
1
- import { watch } from 'vue';
1
+ import { WatchEffect, WatchSource, watch } from 'vue';
2
2
  export declare function uniqueValueWatcher(...[source, callback, options]: Parameters<typeof watch>): ReturnType<typeof watch>;
3
+ export declare function getValidWatchSource(source: unknown): WatchSource | WatchSource[] | WatchEffect | object;
@@ -199,15 +199,15 @@ export declare const dateFunctions: {
199
199
  intervalToDuration(interval: Interval): Duration;
200
200
  intlFormat(argument: number | Date, formatOptions?: {
201
201
  localeMatcher?: "lookup" | "best fit" | undefined;
202
- weekday?: "narrow" | "short" | "long" | undefined;
203
- era?: "narrow" | "short" | "long" | undefined;
202
+ weekday?: "long" | "short" | "narrow" | undefined;
203
+ era?: "long" | "short" | "narrow" | undefined;
204
204
  year?: "numeric" | "2-digit" | undefined;
205
- month?: "narrow" | "short" | "long" | "numeric" | "2-digit" | undefined;
205
+ month?: "long" | "short" | "narrow" | "numeric" | "2-digit" | undefined;
206
206
  day?: "numeric" | "2-digit" | undefined;
207
207
  hour?: "numeric" | "2-digit" | undefined;
208
208
  minute?: "numeric" | "2-digit" | undefined;
209
209
  second?: "numeric" | "2-digit" | undefined;
210
- timeZoneName?: "short" | "long" | undefined;
210
+ timeZoneName?: "long" | "short" | undefined;
211
211
  formatMatcher?: "basic" | "best fit" | undefined;
212
212
  hour12?: boolean | undefined;
213
213
  timeZone?: string | undefined;
@@ -1,4 +1,4 @@
1
- import { k as O, f as k, $ as b, l as c } from "./index-4e1e5788.mjs";
1
+ import { k as O, f as k, $ as b, l as c } from "./index-70906549.mjs";
2
2
  import "vue";
3
3
  import "@prefecthq/vue-charts";
4
4
  import "@prefecthq/prefect-design";
@@ -1535,4 +1535,4 @@ export {
1535
1535
  C as Viewport,
1536
1536
  N as Wheel
1537
1537
  };
1538
- //# sourceMappingURL=viewport.es-ae91b8e8-4f727da7.mjs.map
1538
+ //# sourceMappingURL=viewport.es-ae91b8e8-e1baab1d.mjs.map