@webiny/background-tasks 0.0.0-unstable.0d717d18dd

package/admin/presentation/TaskExecutions/TaskExecutionsPresenter.js

@@ -0,0 +1,109 @@
+import { computed, makeAutoObservable, runInAction } from "mobx";
+import { ListPresenter } from "@webiny/app-admin/presentation/listPresenter/abstractions.js";
+import { TaskExecutionsPresenter } from "./abstractions.js";
+import { TaskExecutionsDataSource } from "./TaskExecutionsDataSource.js";
+import { ListTasksUseCase } from "../../features/listTasks/abstractions.js";
+import { DeleteTaskUseCase } from "../../features/deleteTask/abstractions.js";
+import { AbortTaskUseCase } from "../../features/abortTask/abstractions.js";
+import { ListDefinitionsUseCase } from "../../features/listDefinitions/abstractions.js";
+import { TaskPermissions } from "../../features/permissions/abstractions.js";
+class TaskExecutionsPresenterImpl {
+    constructor(listPresenter, listTasksUseCase, deleteTaskUseCase, abortTaskUseCase, listDefinitionsUseCase, permissions){
+        this.listPresenter = listPresenter;
+        this.listTasksUseCase = listTasksUseCase;
+        this.deleteTaskUseCase = deleteTaskUseCase;
+        this.abortTaskUseCase = abortTaskUseCase;
+        this.listDefinitionsUseCase = listDefinitionsUseCase;
+        this.permissions = permissions;
+        this._selectedTask = null;
+        this._definitionOptions = [];
+        this.search = {
+            set: (query)=>this.listPresenter.actions.search.set(query),
+            clear: ()=>this.listPresenter.actions.search.clear()
+        };
+        this.sort = {
+            set: (field, direction)=>this.listPresenter.actions.sort.set(field, direction),
+            toggle: (field)=>this.listPresenter.actions.sort.toggle(field)
+        };
+        this.filter = {
+            set: (key, value)=>this.listPresenter.actions.filter.set(key, value),
+            clear: (key)=>this.listPresenter.actions.filter.clear(key),
+            clearAll: ()=>this.listPresenter.actions.filter.clearAll(),
+            show: ()=>this.listPresenter.actions.filter.show(),
+            hide: ()=>this.listPresenter.actions.filter.hide()
+        };
+        this.selection = {
+            toggle: (id)=>this.listPresenter.actions.selection.toggle(id),
+            selectRangeTo: (id)=>this.listPresenter.actions.selection.selectRangeTo(id),
+            selectAll: ()=>this.listPresenter.actions.selection.selectAll(),
+            deselectAll: ()=>this.listPresenter.actions.selection.deselectAll(),
+            selectRows: (ids)=>this.listPresenter.actions.selection.selectRows(ids),
+            isSelected: (id)=>this.listPresenter.actions.selection.isSelected(id)
+        };
+        this.loadMore = ()=>this.listPresenter.actions.loadMore();
+        this.refresh = ()=>this.listPresenter.actions.refresh();
+        this.deleteTask = async (id)=>{
+            await this.deleteTaskUseCase.execute(id);
+            this._selectedTask = null;
+            await this.listPresenter.actions.refresh();
+        };
+        this.abortTask = async (id)=>{
+            await this.abortTaskUseCase.execute({
+                id
+            });
+            await this.listPresenter.actions.refresh();
+        };
+        this.selectTask = (task)=>{
+            this._selectedTask = task;
+        };
+        makeAutoObservable(this, {
+            vm: computed
+        });
+    }
+    get vm() {
+        return {
+            list: this.listPresenter.vm,
+            definitionOptions: this._definitionOptions,
+            permissions: {
+                canRead: this.permissions.canRead("task"),
+                canDelete: this.permissions.canDelete("task")
+            }
+        };
+    }
+    get selectedTask() {
+        return this._selectedTask;
+    }
+    init() {
+        const dataSource = new TaskExecutionsDataSource(this.listTasksUseCase);
+        this.listPresenter.init({
+            dataSource,
+            initialSort: {
+                field: "createdOn",
+                direction: "DESC"
+            },
+            limit: 25
+        });
+        this.listDefinitionsUseCase.execute().then((definitions)=>{
+            runInAction(()=>{
+                this._definitionOptions = definitions.map((d)=>({
+                        label: d.title,
+                        value: d.id
+                    }));
+            });
+        }).catch(()=>{});
+    }
+}
+const TaskExecutionsPresenter_TaskExecutionsPresenter = TaskExecutionsPresenter.createImplementation({
+    implementation: TaskExecutionsPresenterImpl,
+    dependencies: [
+        ListPresenter,
+        ListTasksUseCase,
+        DeleteTaskUseCase,
+        AbortTaskUseCase,
+        ListDefinitionsUseCase,
+        TaskPermissions
+    ]
+});
+export { TaskExecutionsPresenter_TaskExecutionsPresenter as TaskExecutionsPresenter };
+
+//# sourceMappingURL=TaskExecutionsPresenter.js.map

package/admin/presentation/TaskExecutions/TaskExecutionsPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/TaskExecutions/TaskExecutionsPresenter.js","sources":["../../../../src/admin/presentation/TaskExecutions/TaskExecutionsPresenter.ts"],"sourcesContent":["import { makeAutoObservable, runInAction, computed } from \"mobx\";\nimport { ListPresenter } from \"@webiny/app-admin/presentation/listPresenter/abstractions.js\";\nimport type { Task } from \"~/admin/shared/types.js\";\nimport type { IDefinitionOption } from \"./abstractions.js\";\nimport {\n    TaskExecutionsPresenter as Abstraction,\n    type ITaskExecutionsPresenter,\n    type ITaskExecutionsViewModel\n} from \"./abstractions.js\";\nimport { TaskExecutionsDataSource } from \"./TaskExecutionsDataSource.js\";\nimport { ListTasksUseCase } from \"~/admin/features/listTasks/abstractions.js\";\nimport { DeleteTaskUseCase } from \"~/admin/features/deleteTask/abstractions.js\";\nimport { AbortTaskUseCase } from \"~/admin/features/abortTask/abstractions.js\";\nimport { ListDefinitionsUseCase } from \"~/admin/features/listDefinitions/abstractions.js\";\nimport { TaskPermissions } from \"~/admin/features/permissions/abstractions.js\";\n\nclass TaskExecutionsPresenterImpl implements ITaskExecutionsPresenter {\n    private _selectedTask: Task | null = null;\n    private _definitionOptions: IDefinitionOption[] = [];\n\n    constructor(\n        private readonly listPresenter: ListPresenter.Interface<Task>,\n        private readonly listTasksUseCase: ListTasksUseCase.Interface,\n        private readonly deleteTaskUseCase: DeleteTaskUseCase.Interface,\n        private readonly abortTaskUseCase: AbortTaskUseCase.Interface,\n        private readonly listDefinitionsUseCase: ListDefinitionsUseCase.Interface,\n        private readonly permissions: TaskPermissions.Interface\n    ) {\n        makeAutoObservable(this, { vm: computed });\n    }\n\n    get vm(): ITaskExecutionsViewModel {\n        return {\n            list: this.listPresenter.vm,\n            definitionOptions: this._definitionOptions,\n            permissions: {\n                canRead: this.permissions.canRead(\"task\"),\n                canDelete: this.permissions.canDelete(\"task\")\n            }\n        };\n    }\n\n    get selectedTask(): Task | null {\n        return this._selectedTask;\n    }\n\n    search = {\n        set: (query: string) => this.listPresenter.actions.search.set(query),\n        clear: () => this.listPresenter.actions.search.clear()\n    };\n\n    sort = {\n        set: (field: string, direction: \"ASC\" | \"DESC\") =>\n            this.listPresenter.actions.sort.set(field, direction),\n        toggle: (field: string) => this.listPresenter.actions.sort.toggle(field)\n    };\n\n    filter = {\n        set: (key: string, value: unknown) => this.listPresenter.actions.filter.set(key, value),\n        clear: (key: string) => this.listPresenter.actions.filter.clear(key),\n        clearAll: () => this.listPresenter.actions.filter.clearAll(),\n        show: () => this.listPresenter.actions.filter.show(),\n        hide: () => this.listPresenter.actions.filter.hide()\n    };\n\n    selection = {\n        toggle: (id: string) => this.listPresenter.actions.selection.toggle(id),\n        selectRangeTo: (id: string) => this.listPresenter.actions.selection.selectRangeTo(id),\n        selectAll: () => this.listPresenter.actions.selection.selectAll(),\n        deselectAll: () => this.listPresenter.actions.selection.deselectAll(),\n        selectRows: (ids: string[]) => this.listPresenter.actions.selection.selectRows(ids),\n        isSelected: (id: string) => this.listPresenter.actions.selection.isSelected(id)\n    };\n\n    loadMore = () => this.listPresenter.actions.loadMore();\n    refresh = () => this.listPresenter.actions.refresh();\n\n    deleteTask = async (id: string) => {\n        await this.deleteTaskUseCase.execute(id);\n        this._selectedTask = null;\n        await this.listPresenter.actions.refresh();\n    };\n\n    abortTask = async (id: string) => {\n        await this.abortTaskUseCase.execute({ id });\n        await this.listPresenter.actions.refresh();\n    };\n\n    selectTask = (task: Task | null) => {\n        this._selectedTask = task;\n    };\n\n    init(): void {\n        const dataSource = new TaskExecutionsDataSource(this.listTasksUseCase);\n        this.listPresenter.init({\n            dataSource,\n            initialSort: { field: \"createdOn\", direction: \"DESC\" },\n            limit: 25\n        });\n\n        void this.listDefinitionsUseCase\n            .execute()\n            .then(definitions => {\n                runInAction(() => {\n                    this._definitionOptions = definitions.map(d => ({\n                        label: d.title,\n                        value: d.id\n                    }));\n                });\n            })\n            .catch(() => {\n                /* Definitions are used for filter labels only; safe to ignore. */\n            });\n    }\n}\n\nexport const TaskExecutionsPresenter = Abstraction.createImplementation({\n    implementation: TaskExecutionsPresenterImpl,\n    dependencies: [\n        ListPresenter,\n        ListTasksUseCase,\n        DeleteTaskUseCase,\n        AbortTaskUseCase,\n        ListDefinitionsUseCase,\n        TaskPermissions\n    ]\n});\n"],"names":["TaskExecutionsPresenterImpl","listPresenter","listTasksUseCase","deleteTaskUseCase","abortTaskUseCase","listDefinitionsUseCase","permissions","query","field","direction","key","value","id","ids","task","makeAutoObservable","computed","dataSource","TaskExecutionsDataSource","definitions","runInAction","d","TaskExecutionsPresenter","Abstraction","ListPresenter","ListTasksUseCase","DeleteTaskUseCase","AbortTaskUseCase","ListDefinitionsUseCase","TaskPermissions"],"mappings":"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"}

package/admin/presentation/TaskExecutions/abstractions.d.ts

@@ -0,0 +1,28 @@
+import type { Task } from "../../../admin/shared/types.js";
+import type { IListViewModel } from "@webiny/app-admin/presentation/listPresenter/abstractions.js";
+import type { IListActions } from "@webiny/app-admin/presentation/listPresenter/abstractions.js";
+export interface IDefinitionOption {
+    label: string;
+    value: string;
+}
+export interface ITaskExecutionsViewModel {
+    list: IListViewModel<Task>;
+    definitionOptions: IDefinitionOption[];
+    permissions: {
+        canRead: boolean;
+        canDelete: boolean;
+    };
+}
+export interface ITaskExecutionsPresenter extends IListActions {
+    vm: ITaskExecutionsViewModel;
+    selectedTask: Task | null;
+    deleteTask(id: string): Promise<void>;
+    abortTask(id: string): Promise<void>;
+    selectTask(task: Task | null): void;
+    init(): void;
+}
+export declare const TaskExecutionsPresenter: import("@webiny/di").Abstraction<ITaskExecutionsPresenter>;
+export declare namespace TaskExecutionsPresenter {
+    type Interface = ITaskExecutionsPresenter;
+    type ViewModel = ITaskExecutionsViewModel;
+}

package/admin/presentation/TaskExecutions/abstractions.js

@@ -0,0 +1,5 @@
+import { createAbstraction } from "@webiny/feature/admin";
+const TaskExecutionsPresenter = createAbstraction("TaskExecutionsPresenter");
+export { TaskExecutionsPresenter };
+
+//# sourceMappingURL=abstractions.js.map

package/admin/presentation/TaskExecutions/abstractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/TaskExecutions/abstractions.js","sources":["../../../../src/admin/presentation/TaskExecutions/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { Task } from \"~/admin/shared/types.js\";\nimport type { IListViewModel } from \"@webiny/app-admin/presentation/listPresenter/abstractions.js\";\nimport type { IListActions } from \"@webiny/app-admin/presentation/listPresenter/abstractions.js\";\n\nexport interface IDefinitionOption {\n    label: string;\n    value: string;\n}\n\nexport interface ITaskExecutionsViewModel {\n    list: IListViewModel<Task>;\n    definitionOptions: IDefinitionOption[];\n    permissions: {\n        canRead: boolean;\n        canDelete: boolean;\n    };\n}\n\nexport interface ITaskExecutionsPresenter extends IListActions {\n    vm: ITaskExecutionsViewModel;\n    selectedTask: Task | null;\n    deleteTask(id: string): Promise<void>;\n    abortTask(id: string): Promise<void>;\n    selectTask(task: Task | null): void;\n    init(): void;\n}\n\nexport const TaskExecutionsPresenter =\n    createAbstraction<ITaskExecutionsPresenter>(\"TaskExecutionsPresenter\");\n\nexport namespace TaskExecutionsPresenter {\n    export type Interface = ITaskExecutionsPresenter;\n    export type ViewModel = ITaskExecutionsViewModel;\n}\n"],"names":["TaskExecutionsPresenter","createAbstraction"],"mappings":";AA4BO,MAAMA,0BACTC,kBAA4C"}

package/admin/presentation/TaskExecutions/components/TaskDefinitionsButton.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const TaskDefinitionsButton: () => React.JSX.Element;

package/admin/presentation/TaskExecutions/components/TaskDefinitionsButton.js

@@ -0,0 +1,16 @@
+import react from "react";
+import { useRouter } from "@webiny/app-admin";
+import { Button } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/list.svg";
+import { Routes } from "../../../routes.js";
+const TaskDefinitionsButton = ()=>{
+    const { goToRoute } = useRouter();
+    return /*#__PURE__*/ react.createElement(Button, {
+        variant: "secondary",
+        onClick: ()=>goToRoute(Routes.Definitions),
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
+    }, "Task Definitions");
+};
+export { TaskDefinitionsButton };
+
+//# sourceMappingURL=TaskDefinitionsButton.js.map

package/admin/presentation/TaskExecutions/components/TaskDefinitionsButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/TaskExecutions/components/TaskDefinitionsButton.js","sources":["../../../../../src/admin/presentation/TaskExecutions/components/TaskDefinitionsButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { useRouter } from \"@webiny/app-admin\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { ReactComponent as ListIcon } from \"@webiny/icons/list.svg\";\nimport { Routes } from \"~/admin/routes.js\";\n\nexport const TaskDefinitionsButton = () => {\n    const { goToRoute } = useRouter();\n\n    return (\n        <Button\n            variant=\"secondary\"\n            onClick={() => goToRoute(Routes.Definitions)}\n            icon={<ListIcon />}\n        >\n            Task Definitions\n        </Button>\n    );\n};\n"],"names":["TaskDefinitionsButton","goToRoute","useRouter","Button","Routes","ListIcon"],"mappings":";;;;;AAMO,MAAMA,wBAAwB;IACjC,MAAM,EAAEC,SAAS,EAAE,GAAGC;IAEtB,OAAO,WAAP,GACI,oBAACC,QAAMA;QACH,SAAQ;QACR,SAAS,IAAMF,UAAUG,OAAO,WAAW;QAC3C,oBAAM,oBAACC,gBAAQA;OAClB;AAIT"}

package/admin/presentation/TaskExecutions/components/TaskExecutionsView.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const TaskExecutionsView: () => React.JSX.Element;

package/admin/presentation/TaskExecutions/components/TaskExecutionsView.js

@@ -0,0 +1,341 @@
+import react, { useCallback, useEffect, useMemo, useState } from "react";
+import debounce from "lodash/debounce.js";
+import { observer } from "mobx-react-lite";
+import { DiContainerProvider, useContainer, useFeature } from "@webiny/app";
+import { DataTable, DatePicker, Drawer, DropdownMenu, Heading, IconButton, Input, Scrollbar, Select, Separator, Skeleton, Tag, Text, TimeAgo, useToast } from "@webiny/admin-ui";
+import { useConfirmationDialog } from "@webiny/app-admin/hooks/index.js";
+import { ReactComponent } from "@webiny/icons/more_vert.svg";
+import { ReactComponent as delete_svg_ReactComponent } from "@webiny/icons/delete.svg";
+import { ReactComponent as stop_circle_svg_ReactComponent } from "@webiny/icons/stop_circle.svg";
+import { ReactComponent as filter_list_svg_ReactComponent } from "@webiny/icons/filter_list.svg";
+import { TaskExecutionsPresenterFeature } from "../feature.js";
+import { ListTasksFeature } from "../../../features/listTasks/feature.js";
+import { DeleteTaskFeature } from "../../../features/deleteTask/feature.js";
+import { AbortTaskFeature } from "../../../features/abortTask/feature.js";
+import { ListDefinitionsFeature } from "../../../features/listDefinitions/feature.js";
+import { TaskPermissionsFeature } from "../../../features/permissions/feature.js";
+import { TaskDetailDrawer } from "../../TaskDetail/components/TaskDetailDrawer.js";
+import { TaskDefinitionsButton } from "./TaskDefinitionsButton.js";
+const STATUS_TAG_VARIANT = {
+    pending: "neutral-light",
+    running: "accent",
+    success: "success",
+    failed: "destructive",
+    aborted: "warning"
+};
+const STATUS_OPTIONS = [
+    {
+        label: "Pending",
+        value: "pending"
+    },
+    {
+        label: "Running",
+        value: "running"
+    },
+    {
+        label: "Success",
+        value: "success"
+    },
+    {
+        label: "Failed",
+        value: "failed"
+    },
+    {
+        label: "Aborted",
+        value: "aborted"
+    }
+];
+const TaskExecutionsView_TaskExecutionsViewInner = observer(function() {
+    const { presenter } = useFeature(TaskExecutionsPresenterFeature);
+    const toast = useToast();
+    useEffect(()=>{
+        presenter.init();
+    }, [
+        presenter
+    ]);
+    const { vm } = presenter;
+    const loadMoreOnScroll = useMemo(()=>debounce(({ scrollFrame })=>{
+            if (scrollFrame.top > 0.8) presenter.loadMore();
+        }, 200), [
+        presenter
+    ]);
+    const { showConfirmation: showDeleteConfirmation } = useConfirmationDialog({
+        title: "Delete Task",
+        message: "Are you sure you want to delete this task?"
+    });
+    const { showConfirmation: showAbortConfirmation } = useConfirmationDialog({
+        title: "Abort Task",
+        message: "Are you sure you want to abort this running task?"
+    });
+    const sorting = useMemo(()=>{
+        const sort = vm.list.sort;
+        if (!sort || !sort.field) return [];
+        return [
+            {
+                id: sort.field,
+                desc: "DESC" === sort.direction
+            }
+        ];
+    }, [
+        vm.list.sort
+    ]);
+    const onSortingChange = useCallback((updater)=>{
+        const next = "function" == typeof updater ? updater(sorting) : updater;
+        if (next.length > 0) {
+            const { id, desc } = next[0];
+            presenter.sort.set(id, desc ? "DESC" : "ASC");
+        }
+    }, [
+        sorting,
+        presenter.sort
+    ]);
+    const columns = useMemo(()=>({
+            name: {
+                header: "Name",
+                cell: (row)=>/*#__PURE__*/ react.createElement(Text, {
+                        className: "cursor-pointer text-primary hover:underline",
+                        onClick: ()=>presenter.selectTask(row)
+                    }, row.name || row.definitionId),
+                enableSorting: true,
+                size: 200
+            },
+            definitionId: {
+                header: "Definition",
+                cell: (row)=>{
+                    const def = vm.definitionOptions.find((d)=>d.value === row.definitionId);
+                    return /*#__PURE__*/ react.createElement(Text, {
+                        size: "sm"
+                    }, def ? def.label : row.definitionId);
+                },
+                enableSorting: true,
+                size: 160
+            },
+            taskStatus: {
+                header: "Status",
+                cell: (row)=>/*#__PURE__*/ react.createElement(Tag, {
+                        variant: STATUS_TAG_VARIANT[row.taskStatus] ?? "neutral-light",
+                        content: row.taskStatus
+                    }),
+                enableSorting: true,
+                size: 100
+            },
+            createdOn: {
+                header: "Created",
+                cell: (row)=>row.createdOn ? /*#__PURE__*/ react.createElement(TimeAgo, {
+                        datetime: row.createdOn
+                    }) : /*#__PURE__*/ react.createElement(Text, {
+                        size: "sm"
+                    }, "—"),
+                enableSorting: true,
+                size: 120
+            },
+            startedOn: {
+                header: "Started",
+                cell: (row)=>row.startedOn ? /*#__PURE__*/ react.createElement(TimeAgo, {
+                        datetime: row.startedOn
+                    }) : /*#__PURE__*/ react.createElement(Text, {
+                        size: "sm"
+                    }, "—"),
+                enableSorting: true,
+                size: 120
+            },
+            finishedOn: {
+                header: "Finished",
+                cell: (row)=>row.finishedOn ? /*#__PURE__*/ react.createElement(TimeAgo, {
+                        datetime: row.finishedOn
+                    }) : /*#__PURE__*/ react.createElement(Text, {
+                        size: "sm"
+                    }, "—"),
+                enableSorting: true,
+                size: 120
+            },
+            actions: {
+                header: " ",
+                cell: (row)=>{
+                    const isRunning = "running" === row.taskStatus;
+                    const isTerminal = "success" === row.taskStatus || "failed" === row.taskStatus || "aborted" === row.taskStatus;
+                    if (!isRunning && !isTerminal) return null;
+                    return /*#__PURE__*/ react.createElement(DropdownMenu, {
+                        trigger: /*#__PURE__*/ react.createElement(IconButton, {
+                            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+                            variant: "ghost",
+                            size: "sm",
+                            "aria-label": "Actions"
+                        })
+                    }, isRunning && /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+                        text: "Abort",
+                        icon: /*#__PURE__*/ react.createElement(stop_circle_svg_ReactComponent, null),
+                        onClick: ()=>{
+                            showAbortConfirmation(()=>presenter.abortTask(row.id).then(()=>{
+                                    toast.showSuccessToast({
+                                        title: "Task aborted."
+                                    });
+                                }));
+                        }
+                    }), isTerminal && vm.permissions.canDelete && /*#__PURE__*/ react.createElement(react.Fragment, null, isRunning && /*#__PURE__*/ react.createElement(DropdownMenu.Separator, null), /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+                        text: "Delete",
+                        icon: /*#__PURE__*/ react.createElement(delete_svg_ReactComponent, null),
+                        onClick: ()=>{
+                            showDeleteConfirmation(()=>presenter.deleteTask(row.id).then(()=>{
+                                    toast.showSuccessToast({
+                                        title: "Task deleted."
+                                    });
+                                }));
+                        }
+                    })));
+                },
+                size: 56,
+                enableSorting: false,
+                enableHiding: false,
+                enableResizing: false
+            }
+        }), [
+        vm.permissions,
+        vm.definitionOptions
+    ]);
+    const [filtersOpen, setFiltersOpen] = useState(false);
+    const hasFilters = Object.keys(vm.list.filters).length > 0;
+    const hasActiveFilters = hasFilters || !!vm.list.search;
+    const clearAllFilters = ()=>{
+        presenter.filter.clearAll();
+        presenter.search.set("");
+    };
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col h-main-content"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center justify-between py-sm px-md"
+    }, /*#__PURE__*/ react.createElement(Heading, {
+        level: 5
+    }, "Task Executions"), /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center gap-sm"
+    }, /*#__PURE__*/ react.createElement(IconButton, {
+        variant: hasActiveFilters ? "primary" : "ghost",
+        icon: /*#__PURE__*/ react.createElement(filter_list_svg_ReactComponent, null),
+        onClick: ()=>setFiltersOpen(true),
+        "data-testid": "background-tasks.toggle-filters"
+    }), /*#__PURE__*/ react.createElement(TaskDefinitionsButton, null))), /*#__PURE__*/ react.createElement(Separator, null), /*#__PURE__*/ react.createElement(Drawer, {
+        open: filtersOpen,
+        onClose: ()=>setFiltersOpen(false),
+        modal: true,
+        width: 360,
+        title: "Filters",
+        headerSeparator: true,
+        footerSeparator: true,
+        bodyPadding: false,
+        actions: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Drawer.CancelButton, {
+            text: "Clear all",
+            onClick: clearAllFilters
+        }), /*#__PURE__*/ react.createElement(Drawer.ConfirmButton, {
+            text: "Apply filters",
+            onClick: ()=>setFiltersOpen(false)
+        }))
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-lg p-lg"
+    }, /*#__PURE__*/ react.createElement(Input, {
+        size: "md",
+        label: "Search",
+        placeholder: "Search by name...",
+        value: vm.list.search,
+        onChange: (value)=>{
+            presenter.search.set(value);
+        }
+    }), /*#__PURE__*/ react.createElement(Select, {
+        size: "md",
+        label: "Status",
+        placeholder: "Status",
+        options: STATUS_OPTIONS,
+        value: vm.list.filters.taskStatus_in ?? "",
+        onChange: (value)=>{
+            if (value) presenter.filter.set("taskStatus_in", value);
+            else presenter.filter.clear("taskStatus_in");
+        }
+    }), vm.definitionOptions.length > 0 ? /*#__PURE__*/ react.createElement(Select, {
+        size: "md",
+        label: "Definition",
+        placeholder: "Definition",
+        options: vm.definitionOptions,
+        value: vm.list.filters.definitionId,
+        onChange: (value)=>{
+            if (value) presenter.filter.set("definitionId", value);
+            else presenter.filter.clear("definitionId");
+        }
+    }) : null, /*#__PURE__*/ react.createElement(DatePicker, {
+        size: "md",
+        type: "dateTimeTz",
+        label: "Created from",
+        placeholder: "Created from",
+        value: vm.list.filters.createdOn_gte,
+        onChange: (value)=>{
+            if (value) presenter.filter.set("createdOn_gte", value);
+            else presenter.filter.clear("createdOn_gte");
+        }
+    }), /*#__PURE__*/ react.createElement(DatePicker, {
+        size: "md",
+        type: "dateTimeTz",
+        label: "Created to",
+        placeholder: "Created to",
+        value: vm.list.filters.createdOn_lte,
+        onChange: (value)=>{
+            if (value) presenter.filter.set("createdOn_lte", value);
+            else presenter.filter.clear("createdOn_lte");
+        }
+    }))), /*#__PURE__*/ react.createElement("div", {
+        className: "flex-1 overflow-hidden"
+    }, vm.list.pagination.loading || vm.list.pagination.loadingMore || 0 !== vm.list.rows.length ? /*#__PURE__*/ react.createElement(Scrollbar, {
+        onScrollFrame: (scrollFrame)=>loadMoreOnScroll({
+                scrollFrame
+            })
+    }, /*#__PURE__*/ react.createElement(DataTable, {
+        columns: columns,
+        data: vm.list.rows,
+        loading: vm.list.pagination.loading,
+        sorting: sorting,
+        onSortingChange: onSortingChange,
+        stickyHeader: true
+    }), vm.list.pagination.loadingMore ? /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-sm p-md"
+    }, /*#__PURE__*/ react.createElement(Skeleton, {
+        className: "h-8 w-full"
+    }), /*#__PURE__*/ react.createElement(Skeleton, {
+        className: "h-8 w-full"
+    })) : null) : /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col items-center justify-center h-full gap-md"
+    }, /*#__PURE__*/ react.createElement(Text, {
+        className: "text-neutral-strong"
+    }, "No tasks found.")))), presenter.selectedTask && /*#__PURE__*/ react.createElement(TaskDetailDrawer, {
+        task: presenter.selectedTask,
+        open: !!presenter.selectedTask,
+        onClose: ()=>presenter.selectTask(null),
+        onAbort: async (id)=>{
+            await presenter.abortTask(id);
+            toast.showSuccessToast({
+                title: "Task aborted."
+            });
+        },
+        onDelete: async (id)=>{
+            await presenter.deleteTask(id);
+            toast.showSuccessToast({
+                title: "Task deleted."
+            });
+        }
+    }));
+});
+const TaskExecutionsView = ()=>{
+    const container = useContainer();
+    const scopedContainer = useMemo(()=>{
+        const child = container.createChildContainer();
+        ListTasksFeature.register(child);
+        DeleteTaskFeature.register(child);
+        AbortTaskFeature.register(child);
+        ListDefinitionsFeature.register(child);
+        TaskPermissionsFeature.register(child);
+        TaskExecutionsPresenterFeature.register(child);
+        return child;
+    }, []);
+    return /*#__PURE__*/ react.createElement(DiContainerProvider, {
+        container: scopedContainer
+    }, /*#__PURE__*/ react.createElement(TaskExecutionsView_TaskExecutionsViewInner, null));
+};
+export { TaskExecutionsView };
+
+//# sourceMappingURL=TaskExecutionsView.js.map

package/admin/presentation/TaskExecutions/components/TaskExecutionsView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/TaskExecutions/components/TaskExecutionsView.js","sources":["../../../../../src/admin/presentation/TaskExecutions/components/TaskExecutionsView.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport debounce from \"lodash/debounce.js\";\nimport { observer } from \"mobx-react-lite\";\nimport { DiContainerProvider, useContainer, useFeature } from \"@webiny/app\";\nimport type { DataTableSorting, OnDataTableSortingChange } from \"@webiny/admin-ui\";\nimport {\n    DataTable,\n    DatePicker,\n    Drawer,\n    DropdownMenu,\n    Heading,\n    IconButton,\n    Input,\n    Scrollbar,\n    Select,\n    Separator,\n    Skeleton,\n    Tag,\n    Text,\n    TimeAgo\n} from \"@webiny/admin-ui\";\nimport { useConfirmationDialog } from \"@webiny/app-admin/hooks/index.js\";\nimport { ReactComponent as MoreVerticalIcon } from \"@webiny/icons/more_vert.svg\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { ReactComponent as StopCircleIcon } from \"@webiny/icons/stop_circle.svg\";\nimport { ReactComponent as FilterIcon } from \"@webiny/icons/filter_list.svg\";\nimport { useToast } from \"@webiny/admin-ui\";\nimport { TaskExecutionsPresenterFeature } from \"../feature.js\";\nimport { ListTasksFeature } from \"~/admin/features/listTasks/feature.js\";\nimport { DeleteTaskFeature } from \"~/admin/features/deleteTask/feature.js\";\nimport { AbortTaskFeature } from \"~/admin/features/abortTask/feature.js\";\nimport { ListDefinitionsFeature } from \"~/admin/features/listDefinitions/feature.js\";\nimport { TaskPermissionsFeature } from \"~/admin/features/permissions/feature.js\";\nimport type { Task, TaskStatus } from \"~/admin/shared/types.js\";\nimport { TaskDetailDrawer } from \"~/admin/presentation/TaskDetail/components/TaskDetailDrawer.js\";\nimport { TaskDefinitionsButton } from \"~/admin/presentation/TaskExecutions/components/TaskDefinitionsButton.js\";\n\nconst STATUS_TAG_VARIANT: Record<\n    string,\n    \"neutral-light\" | \"accent\" | \"success\" | \"destructive\" | \"warning\"\n> = {\n    pending: \"neutral-light\",\n    running: \"accent\",\n    success: \"success\",\n    failed: \"destructive\",\n    aborted: \"warning\"\n};\n\nconst STATUS_OPTIONS: { label: string; value: TaskStatus }[] = [\n    { label: \"Pending\", value: \"pending\" },\n    { label: \"Running\", value: \"running\" },\n    { label: \"Success\", value: \"success\" },\n    { label: \"Failed\", value: \"failed\" },\n    { label: \"Aborted\", value: \"aborted\" }\n];\n\nconst TaskExecutionsViewInner = observer(function TaskExecutionsViewInner() {\n    const { presenter } = useFeature(TaskExecutionsPresenterFeature);\n    const toast = useToast();\n\n    useEffect(() => {\n        presenter.init();\n    }, [presenter]);\n\n    const { vm } = presenter;\n\n    const loadMoreOnScroll = useMemo(\n        () =>\n            debounce(({ scrollFrame }: { scrollFrame: { top: number } }) => {\n                if (scrollFrame.top > 0.8) {\n                    presenter.loadMore();\n                }\n            }, 200),\n        [presenter]\n    );\n\n    const { showConfirmation: showDeleteConfirmation } = useConfirmationDialog({\n        title: \"Delete Task\",\n        message: \"Are you sure you want to delete this task?\"\n    });\n\n    const { showConfirmation: showAbortConfirmation } = useConfirmationDialog({\n        title: \"Abort Task\",\n        message: \"Are you sure you want to abort this running task?\"\n    });\n\n    const sorting: DataTableSorting = useMemo(() => {\n        const sort = vm.list.sort;\n        if (!sort || !sort.field) {\n            return [];\n        }\n        return [{ id: sort.field, desc: sort.direction === \"DESC\" }];\n    }, [vm.list.sort]);\n\n    const onSortingChange: OnDataTableSortingChange = useCallback(\n        updater => {\n            const next = typeof updater === \"function\" ? updater(sorting) : updater;\n            if (next.length > 0) {\n                const { id, desc } = next[0];\n                presenter.sort.set(id, desc ? \"DESC\" : \"ASC\");\n            }\n        },\n        [sorting, presenter.sort]\n    );\n\n    const columns = useMemo(\n        () => ({\n            name: {\n                header: \"Name\",\n                cell: (row: Task) => (\n                    <Text\n                        className=\"cursor-pointer text-primary hover:underline\"\n                        onClick={() => presenter.selectTask(row)}\n                    >\n                        {row.name || row.definitionId}\n                    </Text>\n                ),\n                enableSorting: true,\n                size: 200\n            },\n            definitionId: {\n                header: \"Definition\",\n                cell: (row: Task) => {\n                    const def = vm.definitionOptions.find(d => d.value === row.definitionId);\n                    return <Text size=\"sm\">{def ? def.label : row.definitionId}</Text>;\n                },\n                enableSorting: true,\n                size: 160\n            },\n            taskStatus: {\n                header: \"Status\",\n                cell: (row: Task) => (\n                    <Tag\n                        variant={STATUS_TAG_VARIANT[row.taskStatus] ?? \"neutral-light\"}\n                        content={row.taskStatus}\n                    />\n                ),\n                enableSorting: true,\n                size: 100\n            },\n            createdOn: {\n                header: \"Created\",\n                cell: (row: Task) =>\n                    row.createdOn ? <TimeAgo datetime={row.createdOn} /> : <Text size=\"sm\">—</Text>,\n                enableSorting: true,\n                size: 120\n            },\n            startedOn: {\n                header: \"Started\",\n                cell: (row: Task) =>\n                    row.startedOn ? <TimeAgo datetime={row.startedOn} /> : <Text size=\"sm\">—</Text>,\n                enableSorting: true,\n                size: 120\n            },\n            finishedOn: {\n                header: \"Finished\",\n                cell: (row: Task) =>\n                    row.finishedOn ? (\n                        <TimeAgo datetime={row.finishedOn} />\n                    ) : (\n                        <Text size=\"sm\">—</Text>\n                    ),\n                enableSorting: true,\n                size: 120\n            },\n            actions: {\n                header: \" \",\n                cell: (row: Task) => {\n                    const isRunning = row.taskStatus === \"running\";\n                    const isTerminal =\n                        row.taskStatus === \"success\" ||\n                        row.taskStatus === \"failed\" ||\n                        row.taskStatus === \"aborted\";\n\n                    if (!isRunning && !isTerminal) {\n                        return null;\n                    }\n\n                    return (\n                        <DropdownMenu\n                            trigger={\n                                <IconButton\n                                    icon={<MoreVerticalIcon />}\n                                    variant=\"ghost\"\n                                    size=\"sm\"\n                                    aria-label=\"Actions\"\n                                />\n                            }\n                        >\n                            {isRunning && (\n                                <DropdownMenu.Item\n                                    text=\"Abort\"\n                                    icon={<StopCircleIcon />}\n                                    onClick={() => {\n                                        showAbortConfirmation(() =>\n                                            presenter.abortTask(row.id).then(() => {\n                                                toast.showSuccessToast({ title: \"Task aborted.\" });\n                                            })\n                                        );\n                                    }}\n                                />\n                            )}\n                            {isTerminal && vm.permissions.canDelete && (\n                                <>\n                                    {isRunning && <DropdownMenu.Separator />}\n                                    <DropdownMenu.Item\n                                        text=\"Delete\"\n                                        icon={<DeleteIcon />}\n                                        onClick={() => {\n                                            showDeleteConfirmation(() =>\n                                                presenter.deleteTask(row.id).then(() => {\n                                                    toast.showSuccessToast({\n                                                        title: \"Task deleted.\"\n                                                    });\n                                                })\n                                            );\n                                        }}\n                                    />\n                                </>\n                            )}\n                        </DropdownMenu>\n                    );\n                },\n                size: 56,\n                enableSorting: false,\n                enableHiding: false,\n                enableResizing: false\n            }\n        }),\n        [vm.permissions, vm.definitionOptions]\n    );\n\n    const [filtersOpen, setFiltersOpen] = useState(false);\n    const hasFilters = Object.keys(vm.list.filters).length > 0;\n    const hasActiveFilters = hasFilters || !!vm.list.search;\n\n    const clearAllFilters = () => {\n        presenter.filter.clearAll();\n        presenter.search.set(\"\");\n    };\n\n    return (\n        <>\n            <div className=\"flex flex-col h-main-content\">\n                <div className=\"flex items-center justify-between py-sm px-md\">\n                    <Heading level={5}>Task Executions</Heading>\n                    <div className=\"flex items-center gap-sm\">\n                        <IconButton\n                            variant={hasActiveFilters ? \"primary\" : \"ghost\"}\n                            icon={<FilterIcon />}\n                            onClick={() => setFiltersOpen(true)}\n                            data-testid=\"background-tasks.toggle-filters\"\n                        />\n                        <TaskDefinitionsButton />\n                    </div>\n                </div>\n                <Separator />\n                <Drawer\n                    open={filtersOpen}\n                    onClose={() => setFiltersOpen(false)}\n                    modal={true}\n                    width={360}\n                    title=\"Filters\"\n                    headerSeparator={true}\n                    footerSeparator={true}\n                    bodyPadding={false}\n                    actions={\n                        <>\n                            <Drawer.CancelButton text=\"Clear all\" onClick={clearAllFilters} />\n                            <Drawer.ConfirmButton\n                                text=\"Apply filters\"\n                                onClick={() => setFiltersOpen(false)}\n                            />\n                        </>\n                    }\n                >\n                    <div className=\"flex flex-col gap-lg p-lg\">\n                        <Input\n                            size={\"md\"}\n                            label=\"Search\"\n                            placeholder=\"Search by name...\"\n                            value={vm.list.search}\n                            onChange={value => {\n                                presenter.search.set(value);\n                            }}\n                        />\n                        <Select\n                            size={\"md\"}\n                            label=\"Status\"\n                            placeholder=\"Status\"\n                            options={STATUS_OPTIONS}\n                            value={(vm.list.filters.taskStatus_in as string) ?? \"\"}\n                            onChange={value => {\n                                if (value) {\n                                    presenter.filter.set(\"taskStatus_in\", value);\n                                } else {\n                                    presenter.filter.clear(\"taskStatus_in\");\n                                }\n                            }}\n                        />\n                        {vm.definitionOptions.length > 0 ? (\n                            <Select\n                                size={\"md\"}\n                                label=\"Definition\"\n                                placeholder=\"Definition\"\n                                options={vm.definitionOptions}\n                                value={vm.list.filters.definitionId as string}\n                                onChange={value => {\n                                    if (value) {\n                                        presenter.filter.set(\"definitionId\", value);\n                                    } else {\n                                        presenter.filter.clear(\"definitionId\");\n                                    }\n                                }}\n                            />\n                        ) : null}\n                        <DatePicker\n                            size={\"md\"}\n                            type=\"dateTimeTz\"\n                            label=\"Created from\"\n                            placeholder=\"Created from\"\n                            value={vm.list.filters.createdOn_gte as string}\n                            onChange={value => {\n                                if (value) {\n                                    presenter.filter.set(\"createdOn_gte\", value);\n                                } else {\n                                    presenter.filter.clear(\"createdOn_gte\");\n                                }\n                            }}\n                        />\n                        <DatePicker\n                            size={\"md\"}\n                            type=\"dateTimeTz\"\n                            label=\"Created to\"\n                            placeholder=\"Created to\"\n                            value={vm.list.filters.createdOn_lte as string}\n                            onChange={value => {\n                                if (value) {\n                                    presenter.filter.set(\"createdOn_lte\", value);\n                                } else {\n                                    presenter.filter.clear(\"createdOn_lte\");\n                                }\n                            }}\n                        />\n                    </div>\n                </Drawer>\n                <div className=\"flex-1 overflow-hidden\">\n                    {!vm.list.pagination.loading &&\n                    !vm.list.pagination.loadingMore &&\n                    vm.list.rows.length === 0 ? (\n                        <div className=\"flex flex-col items-center justify-center h-full gap-md\">\n                            <Text className=\"text-neutral-strong\">No tasks found.</Text>\n                        </div>\n                    ) : (\n                        <Scrollbar onScrollFrame={scrollFrame => loadMoreOnScroll({ scrollFrame })}>\n                            <DataTable<Task>\n                                columns={columns}\n                                data={vm.list.rows}\n                                loading={vm.list.pagination.loading}\n                                sorting={sorting}\n                                onSortingChange={onSortingChange}\n                                stickyHeader\n                            />\n                            {vm.list.pagination.loadingMore ? (\n                                <div className=\"flex flex-col gap-sm p-md\">\n                                    <Skeleton className=\"h-8 w-full\" />\n                                    <Skeleton className=\"h-8 w-full\" />\n                                </div>\n                            ) : null}\n                        </Scrollbar>\n                    )}\n                </div>\n            </div>\n            {presenter.selectedTask && (\n                <TaskDetailDrawer\n                    task={presenter.selectedTask}\n                    open={!!presenter.selectedTask}\n                    onClose={() => presenter.selectTask(null)}\n                    onAbort={async (id: string) => {\n                        await presenter.abortTask(id);\n                        toast.showSuccessToast({ title: \"Task aborted.\" });\n                    }}\n                    onDelete={async (id: string) => {\n                        await presenter.deleteTask(id);\n                        toast.showSuccessToast({ title: \"Task deleted.\" });\n                    }}\n                />\n            )}\n        </>\n    );\n});\n\nexport const TaskExecutionsView = () => {\n    const container = useContainer();\n\n    const scopedContainer = useMemo(() => {\n        const child = container.createChildContainer();\n        ListTasksFeature.register(child);\n        DeleteTaskFeature.register(child);\n        AbortTaskFeature.register(child);\n        ListDefinitionsFeature.register(child);\n        TaskPermissionsFeature.register(child);\n        TaskExecutionsPresenterFeature.register(child);\n        return child;\n    }, []);\n\n    return (\n        <DiContainerProvider container={scopedContainer}>\n            <TaskExecutionsViewInner />\n        </DiContainerProvider>\n    );\n};\n"],"names":["STATUS_TAG_VARIANT","STATUS_OPTIONS","TaskExecutionsViewInner","observer","presenter","useFeature","TaskExecutionsPresenterFeature","toast","useToast","useEffect","vm","loadMoreOnScroll","useMemo","debounce","scrollFrame","showDeleteConfirmation","useConfirmationDialog","showAbortConfirmation","sorting","sort","onSortingChange","useCallback","updater","next","id","desc","columns","row","Text","def","d","Tag","TimeAgo","isRunning","isTerminal","DropdownMenu","IconButton","MoreVerticalIcon","StopCircleIcon","DeleteIcon","filtersOpen","setFiltersOpen","useState","hasFilters","Object","hasActiveFilters","clearAllFilters","Heading","FilterIcon","TaskDefinitionsButton","Separator","Drawer","Input","value","Select","DatePicker","Scrollbar","DataTable","Skeleton","TaskDetailDrawer","TaskExecutionsView","container","useContainer","scopedContainer","child","ListTasksFeature","DeleteTaskFeature","AbortTaskFeature","ListDefinitionsFeature","TaskPermissionsFeature","DiContainerProvider"],"mappings":"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"}

package/admin/presentation/TaskExecutions/feature.d.ts

@@ -0,0 +1,3 @@
+export declare const TaskExecutionsPresenterFeature: import("@webiny/feature/admin").FeatureDefinition<{
+    presenter: import("./abstractions.js").ITaskExecutionsPresenter;
+}, []>;

package/admin/presentation/TaskExecutions/feature.js

@@ -0,0 +1,17 @@
+import { createFeature } from "@webiny/feature/admin";
+import { TaskExecutionsPresenter } from "./abstractions.js";
+import { TaskExecutionsPresenter as external_TaskExecutionsPresenter_js_TaskExecutionsPresenter } from "./TaskExecutionsPresenter.js";
+const TaskExecutionsPresenterFeature = createFeature({
+    name: "BackgroundTasks/TaskExecutionsPresenter",
+    register (container) {
+        container.register(external_TaskExecutionsPresenter_js_TaskExecutionsPresenter).inSingletonScope();
+    },
+    resolve (container) {
+        return {
+            presenter: container.resolve(TaskExecutionsPresenter)
+        };
+    }
+});
+export { TaskExecutionsPresenterFeature };
+
+//# sourceMappingURL=feature.js.map

package/admin/presentation/TaskExecutions/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/TaskExecutions/feature.js","sources":["../../../../src/admin/presentation/TaskExecutions/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { TaskExecutionsPresenter as PresenterAbstraction } from \"./abstractions.js\";\nimport { TaskExecutionsPresenter } from \"./TaskExecutionsPresenter.js\";\n\nexport const TaskExecutionsPresenterFeature = createFeature({\n    name: \"BackgroundTasks/TaskExecutionsPresenter\",\n    register(container) {\n        container.register(TaskExecutionsPresenter).inSingletonScope();\n    },\n    resolve(container) {\n        return { presenter: container.resolve(PresenterAbstraction) };\n    }\n});\n"],"names":["TaskExecutionsPresenterFeature","createFeature","container","TaskExecutionsPresenter","PresenterAbstraction"],"mappings":";;;AAIO,MAAMA,iCAAiCC,cAAc;IACxD,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC,6DAAyB,gBAAgB;IAChE;IACA,SAAQD,SAAS;QACb,OAAO;YAAE,WAAWA,UAAU,OAAO,CAACE;QAAsB;IAChE;AACJ"}

package/admin/presentation/TaskExecutions/index.d.ts

@@ -0,0 +1,2 @@
+export { TaskExecutionsPresenter } from "./abstractions.js";
+export { TaskExecutionsPresenterFeature } from "./feature.js";

package/admin/presentation/TaskExecutions/index.js

@@ -0,0 +1,2 @@
+export { TaskExecutionsPresenter } from "./abstractions.js";
+export { TaskExecutionsPresenterFeature } from "./feature.js";