@webiny/background-tasks 0.0.0-unstable.7be00a75a9 → 6.4.0-beta.5

package/admin/presentation/BackgroundTaskSettings/BackgroundTaskSettingsPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/BackgroundTaskSettings/BackgroundTaskSettingsPresenter.js","sources":["../../../../src/admin/presentation/BackgroundTaskSettings/BackgroundTaskSettingsPresenter.ts"],"sourcesContent":["import { computed, makeAutoObservable, runInAction } from \"mobx\";\nimport {\n    BackgroundTaskSettingsPresenter as Abstraction,\n    type IBackgroundTaskSettingsPresenter,\n    type IBackgroundTaskSettingsViewModel\n} from \"./abstractions.js\";\nimport { GetBackgroundTaskSettingsUseCase } from \"~/admin/features/getBackgroundTaskSettings/abstractions.js\";\nimport { UpdateBackgroundTaskSettingsUseCase } from \"~/admin/features/updateBackgroundTaskSettings/abstractions.js\";\nimport {\n    FormModelFactory,\n    type IFormModel\n} from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport { BACKGROUND_TASK_MAX_RETENTION_DAYS } from \"~/api/domain/constants.js\";\n\nclass BackgroundTaskSettingsPresenterImpl implements IBackgroundTaskSettingsPresenter {\n    private _loading = false;\n    private _saving = false;\n    private _form: IFormModel;\n\n    public get vm(): IBackgroundTaskSettingsViewModel {\n        return {\n            loading: this._loading,\n            saving: this._saving,\n            form: this._form.vm\n        };\n    }\n\n    public constructor(\n        private readonly formModelFactory: FormModelFactory.Interface,\n        private readonly getSettingsUseCase: GetBackgroundTaskSettingsUseCase.Interface,\n        private readonly updateSettingsUseCase: UpdateBackgroundTaskSettingsUseCase.Interface\n    ) {\n        this._form = this.buildForm();\n\n        makeAutoObservable(this, { vm: computed });\n    }\n\n    private buildForm(): IFormModel {\n        return this.formModelFactory.create({\n            fields: fields => ({\n                retentionDays: fields\n                    .number()\n                    .label(\"Retention (days)\")\n                    .placeholder(\"90\")\n                    .description(\n                        `How long to keep completed task runs. 0 = never delete. Max ${BACKGROUND_TASK_MAX_RETENTION_DAYS} days. Changing this value only affects future task executions; existing records are not retroactively deleted.`\n                    )\n            }),\n            layout: layout => [layout.row(\"retentionDays\")]\n        });\n    }\n\n    public async save(): Promise<boolean> {\n        const data = await this._form.submit<Record<string, string>>();\n        if (data === false) {\n            return false;\n        }\n\n        runInAction(() => {\n            this._saving = true;\n        });\n\n        try {\n            const settings = await this.updateSettingsUseCase.execute({\n                retentionDays: data.retentionDays != null ? Number(data.retentionDays) : undefined\n            });\n\n            runInAction(() => {\n                this._form.setData({\n                    retentionDays: settings.retentionDays ?? \"\"\n                });\n            });\n        } finally {\n            runInAction(() => {\n                this._saving = false;\n            });\n        }\n        return true;\n    }\n\n    public async init(): Promise<void> {\n        this._loading = true;\n\n        try {\n            const settings = await this.getSettingsUseCase.execute();\n\n            runInAction(() => {\n                this._form = this.buildForm();\n                this._form.setData({\n                    retentionDays: settings.retentionDays ?? \"\"\n                });\n                this._loading = false;\n            });\n        } catch {\n            runInAction(() => {\n                this._loading = false;\n            });\n        }\n    }\n}\n\nexport const BackgroundTaskSettingsPresenter = Abstraction.createImplementation({\n    implementation: BackgroundTaskSettingsPresenterImpl,\n    dependencies: [\n        FormModelFactory,\n        GetBackgroundTaskSettingsUseCase,\n        UpdateBackgroundTaskSettingsUseCase\n    ]\n});\n"],"names":["BackgroundTaskSettingsPresenterImpl","formModelFactory","getSettingsUseCase","updateSettingsUseCase","makeAutoObservable","computed","fields","BACKGROUND_TASK_MAX_RETENTION_DAYS","layout","data","runInAction","settings","Number","undefined","BackgroundTaskSettingsPresenter","Abstraction","FormModelFactory","GetBackgroundTaskSettingsUseCase","UpdateBackgroundTaskSettingsUseCase"],"mappings":";;;;;;AAcA,MAAMA;IAKF,IAAW,KAAuC;QAC9C,OAAO;YACH,SAAS,IAAI,CAAC,QAAQ;YACtB,QAAQ,IAAI,CAAC,OAAO;YACpB,MAAM,IAAI,CAAC,KAAK,CAAC,EAAE;QACvB;IACJ;IAEA,YACqBC,gBAA4C,EAC5CC,kBAA8D,EAC9DC,qBAAoE,CACvF;aAHmBF,gBAAgB,GAAhBA;aACAC,kBAAkB,GAAlBA;aACAC,qBAAqB,GAArBA;aAfb,QAAQ,GAAG;aACX,OAAO,GAAG;QAgBd,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS;QAE3BC,mBAAmB,IAAI,EAAE;YAAE,IAAIC;QAAS;IAC5C;IAEQ,YAAwB;QAC5B,OAAO,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC;YAChC,QAAQC,CAAAA,SAAW;oBACf,eAAeA,OACV,MAAM,GACN,KAAK,CAAC,oBACN,WAAW,CAAC,MACZ,WAAW,CACR,CAAC,4DAA4D,EAAEC,mCAAmC,+GAA+G,CAAC;gBAE9N;YACA,QAAQC,CAAAA,SAAU;oBAACA,OAAO,GAAG,CAAC;iBAAiB;QACnD;IACJ;IAEA,MAAa,OAAyB;QAClC,MAAMC,OAAO,MAAM,IAAI,CAAC,KAAK,CAAC,MAAM;QACpC,IAAIA,AAAS,UAATA,MACA,OAAO;QAGXC,YAAY;YACR,IAAI,CAAC,OAAO,GAAG;QACnB;QAEA,IAAI;YACA,MAAMC,WAAW,MAAM,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC;gBACtD,eAAeF,AAAsB,QAAtBA,KAAK,aAAa,GAAWG,OAAOH,KAAK,aAAa,IAAII;YAC7E;YAEAH,YAAY;gBACR,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;oBACf,eAAeC,SAAS,aAAa,IAAI;gBAC7C;YACJ;QACJ,SAAU;YACND,YAAY;gBACR,IAAI,CAAC,OAAO,GAAG;YACnB;QACJ;QACA,OAAO;IACX;IAEA,MAAa,OAAsB;QAC/B,IAAI,CAAC,QAAQ,GAAG;QAEhB,IAAI;YACA,MAAMC,WAAW,MAAM,IAAI,CAAC,kBAAkB,CAAC,OAAO;YAEtDD,YAAY;gBACR,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS;gBAC3B,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;oBACf,eAAeC,SAAS,aAAa,IAAI;gBAC7C;gBACA,IAAI,CAAC,QAAQ,GAAG;YACpB;QACJ,EAAE,OAAM;YACJD,YAAY;gBACR,IAAI,CAAC,QAAQ,GAAG;YACpB;QACJ;IACJ;AACJ;AAEO,MAAMI,kEAAkCC,gCAAAA,oBAAgC,CAAC;IAC5E,gBAAgBf;IAChB,cAAc;QACVgB;QACAC;QACAC;KACH;AACL"}

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

@@ -0,0 +1,16 @@
+import type { IFormVM } from "@webiny/app-admin/features/formModel/abstractions.js";
+export interface IBackgroundTaskSettingsViewModel {
+    loading: boolean;
+    saving: boolean;
+    form: IFormVM;
+}
+export interface IBackgroundTaskSettingsPresenter {
+    vm: IBackgroundTaskSettingsViewModel;
+    save(): Promise<boolean>;
+    init(): void;
+}
+export declare const BackgroundTaskSettingsPresenter: import("@webiny/di").Abstraction<IBackgroundTaskSettingsPresenter>;
+export declare namespace BackgroundTaskSettingsPresenter {
+    type Interface = IBackgroundTaskSettingsPresenter;
+    type ViewModel = IBackgroundTaskSettingsViewModel;
+}

package/admin/presentation/BackgroundTaskSettings/abstractions.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/BackgroundTaskSettings/abstractions.js","sources":["../../../../src/admin/presentation/BackgroundTaskSettings/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { IFormVM } from \"@webiny/app-admin/features/formModel/abstractions.js\";\n\nexport interface IBackgroundTaskSettingsViewModel {\n    loading: boolean;\n    saving: boolean;\n    form: IFormVM;\n}\n\nexport interface IBackgroundTaskSettingsPresenter {\n    vm: IBackgroundTaskSettingsViewModel;\n    save(): Promise<boolean>;\n    init(): void;\n}\n\nexport const BackgroundTaskSettingsPresenter = createAbstraction<IBackgroundTaskSettingsPresenter>(\n    \"BackgroundTaskSettingsPresenter\"\n);\n\nexport namespace BackgroundTaskSettingsPresenter {\n    export type Interface = IBackgroundTaskSettingsPresenter;\n    export type ViewModel = IBackgroundTaskSettingsViewModel;\n}\n"],"names":["BackgroundTaskSettingsPresenter","createAbstraction"],"mappings":";AAeO,MAAMA,kCAAkCC,kBAC3C"}

package/admin/presentation/BackgroundTaskSettings/components/BackgroundTaskSettingsView.d.ts

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

package/admin/presentation/BackgroundTaskSettings/components/BackgroundTaskSettingsView.js

@@ -0,0 +1,56 @@
+import react, { useEffect, useMemo } from "react";
+import { observer } from "mobx-react-lite";
+import { DiContainerProvider, useContainer, useFeature } from "@webiny/app";
+import { CenteredView, FormErrors, SimpleForm, SimpleFormContent, SimpleFormFooter, SimpleFormHeader } from "@webiny/app-admin";
+import { Button, OverlayLoader, useToast } from "@webiny/admin-ui";
+import { FormView } from "@webiny/app-admin/features/formModel/FormView.js";
+import { BackgroundTaskSettingsPresenterFeature } from "../feature.js";
+import { GetBackgroundTaskSettingsFeature } from "../../../features/getBackgroundTaskSettings/feature.js";
+import { UpdateBackgroundTaskSettingsFeature } from "../../../features/updateBackgroundTaskSettings/feature.js";
+const BackgroundTaskSettingsView_BackgroundTaskSettingsViewInner = observer(function() {
+    const { presenter } = useFeature(BackgroundTaskSettingsPresenterFeature);
+    const toast = useToast();
+    useEffect(()=>{
+        presenter.init();
+    }, [
+        presenter
+    ]);
+    const { vm } = presenter;
+    const handleSave = async ()=>{
+        const success = await presenter.save();
+        if (success) toast.showSuccessToast({
+            title: "Background task settings saved successfully!"
+        });
+    };
+    return /*#__PURE__*/ react.createElement(CenteredView, null, /*#__PURE__*/ react.createElement(FormErrors, {
+        form: vm.form
+    }), /*#__PURE__*/ react.createElement(SimpleForm, null, vm.loading ? /*#__PURE__*/ react.createElement(OverlayLoader, {
+        text: "Loading settings..."
+    }) : null, vm.saving ? /*#__PURE__*/ react.createElement(OverlayLoader, {
+        text: "Saving settings..."
+    }) : null, /*#__PURE__*/ react.createElement(SimpleFormHeader, {
+        title: "Background Task Settings"
+    }), /*#__PURE__*/ react.createElement(SimpleFormContent, null, /*#__PURE__*/ react.createElement(FormView, {
+        name: "BackgroundTaskSettings",
+        form: vm.form
+    })), /*#__PURE__*/ react.createElement(SimpleFormFooter, null, /*#__PURE__*/ react.createElement(Button, {
+        text: "Save settings",
+        onClick: handleSave
+    }))));
+});
+const BackgroundTaskSettingsView = ()=>{
+    const container = useContainer();
+    const scopedContainer = useMemo(()=>{
+        const child = container.createChildContainer();
+        GetBackgroundTaskSettingsFeature.register(child);
+        UpdateBackgroundTaskSettingsFeature.register(child);
+        BackgroundTaskSettingsPresenterFeature.register(child);
+        return child;
+    }, []);
+    return /*#__PURE__*/ react.createElement(DiContainerProvider, {
+        container: scopedContainer
+    }, /*#__PURE__*/ react.createElement(BackgroundTaskSettingsView_BackgroundTaskSettingsViewInner, null));
+};
+export { BackgroundTaskSettingsView };
+
+//# sourceMappingURL=BackgroundTaskSettingsView.js.map

package/admin/presentation/BackgroundTaskSettings/components/BackgroundTaskSettingsView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/BackgroundTaskSettings/components/BackgroundTaskSettingsView.js","sources":["../../../../../src/admin/presentation/BackgroundTaskSettings/components/BackgroundTaskSettingsView.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { DiContainerProvider, useContainer, useFeature } from \"@webiny/app\";\nimport { CenteredView, FormErrors } from \"@webiny/app-admin\";\nimport { Button, OverlayLoader } from \"@webiny/admin-ui\";\nimport { FormView } from \"@webiny/app-admin/features/formModel/FormView.js\";\nimport { SimpleFormHeader } from \"@webiny/app-admin\";\nimport { SimpleFormFooter } from \"@webiny/app-admin\";\nimport { SimpleFormContent } from \"@webiny/app-admin\";\nimport { SimpleForm } from \"@webiny/app-admin\";\nimport { useToast } from \"@webiny/admin-ui\";\nimport { BackgroundTaskSettingsPresenterFeature } from \"../feature.js\";\nimport { GetBackgroundTaskSettingsFeature } from \"~/admin/features/getBackgroundTaskSettings/feature.js\";\nimport { UpdateBackgroundTaskSettingsFeature } from \"~/admin/features/updateBackgroundTaskSettings/feature.js\";\n\nconst BackgroundTaskSettingsViewInner = observer(function BackgroundTaskSettingsViewInner() {\n    const { presenter } = useFeature(BackgroundTaskSettingsPresenterFeature);\n    const toast = useToast();\n\n    useEffect(() => {\n        void presenter.init();\n    }, [presenter]);\n\n    const { vm } = presenter;\n\n    const handleSave = async () => {\n        const success = await presenter.save();\n        if (success) {\n            toast.showSuccessToast({\n                title: \"Background task settings saved successfully!\"\n            });\n        }\n    };\n\n    return (\n        <CenteredView>\n            <FormErrors form={vm.form} />\n            <SimpleForm>\n                {vm.loading ? <OverlayLoader text={\"Loading settings...\"} /> : null}\n                {vm.saving ? <OverlayLoader text={\"Saving settings...\"} /> : null}\n                <SimpleFormHeader title=\"Background Task Settings\" />\n                <SimpleFormContent>\n                    <FormView name=\"BackgroundTaskSettings\" form={vm.form} />\n                </SimpleFormContent>\n                <SimpleFormFooter>\n                    <Button text={\"Save settings\"} onClick={handleSave} />\n                </SimpleFormFooter>\n            </SimpleForm>\n        </CenteredView>\n    );\n});\n\nexport const BackgroundTaskSettingsView = () => {\n    const container = useContainer();\n\n    const scopedContainer = useMemo(() => {\n        const child = container.createChildContainer();\n        GetBackgroundTaskSettingsFeature.register(child);\n        UpdateBackgroundTaskSettingsFeature.register(child);\n        BackgroundTaskSettingsPresenterFeature.register(child);\n        return child;\n    }, []);\n\n    return (\n        <DiContainerProvider container={scopedContainer}>\n            <BackgroundTaskSettingsViewInner />\n        </DiContainerProvider>\n    );\n};\n"],"names":["BackgroundTaskSettingsViewInner","observer","presenter","useFeature","BackgroundTaskSettingsPresenterFeature","toast","useToast","useEffect","vm","handleSave","success","CenteredView","FormErrors","SimpleForm","OverlayLoader","SimpleFormHeader","SimpleFormContent","FormView","SimpleFormFooter","Button","BackgroundTaskSettingsView","container","useContainer","scopedContainer","useMemo","child","GetBackgroundTaskSettingsFeature","UpdateBackgroundTaskSettingsFeature","DiContainerProvider"],"mappings":";;;;;;;;;AAeA,MAAMA,6DAAkCC,SAAS;IAC7C,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IACjC,MAAMC,QAAQC;IAEdC,UAAU;QACDL,UAAU,IAAI;IACvB,GAAG;QAACA;KAAU;IAEd,MAAM,EAAEM,EAAE,EAAE,GAAGN;IAEf,MAAMO,aAAa;QACf,MAAMC,UAAU,MAAMR,UAAU,IAAI;QACpC,IAAIQ,SACAL,MAAM,gBAAgB,CAAC;YACnB,OAAO;QACX;IAER;IAEA,OAAO,WAAP,GACI,oBAACM,cAAYA,MAAAA,WAAAA,GACT,oBAACC,YAAUA;QAAC,MAAMJ,GAAG,IAAI;sBACzB,oBAACK,YAAUA,MACNL,GAAG,OAAO,GAAG,WAAH,GAAG,oBAACM,eAAaA;QAAC,MAAM;SAA4B,MAC9DN,GAAG,MAAM,GAAG,WAAH,GAAG,oBAACM,eAAaA;QAAC,MAAM;SAA2B,oBAC7D,oBAACC,kBAAgBA;QAAC,OAAM;sBACxB,oBAACC,mBAAiBA,MAAAA,WAAAA,GACd,oBAACC,UAAQA;QAAC,MAAK;QAAyB,MAAMT,GAAG,IAAI;uBAEzD,oBAACU,kBAAgBA,MAAAA,WAAAA,GACb,oBAACC,QAAMA;QAAC,MAAM;QAAiB,SAASV;;AAK5D;AAEO,MAAMW,6BAA6B;IACtC,MAAMC,YAAYC;IAElB,MAAMC,kBAAkBC,QAAQ;QAC5B,MAAMC,QAAQJ,UAAU,oBAAoB;QAC5CK,iCAAiC,QAAQ,CAACD;QAC1CE,oCAAoC,QAAQ,CAACF;QAC7CrB,uCAAuC,QAAQ,CAACqB;QAChD,OAAOA;IACX,GAAG,EAAE;IAEL,OAAO,WAAP,GACI,oBAACG,qBAAmBA;QAAC,WAAWL;qBAC5B,oBAACvB,4DAA+BA;AAG5C"}

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

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

package/admin/presentation/BackgroundTaskSettings/feature.js

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

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

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

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

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

package/admin/presentation/BackgroundTaskSettings/index.js

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

package/admin/presentation/TaskDefinitions/components/TaskDefinitionsView.js

@@ -4,6 +4,7 @@ import { DiContainerProvider, useContainer, useFeature } from "@webiny/app";
 import { DataTable, Heading, Separator, Text } from "@webiny/admin-ui";
 import { TaskDefinitionsPresenterFeature } from "../feature.js";
 import { ListDefinitionsFeature } from "../../../features/listDefinitions/feature.js";
+import { TaskExecutionsButton } from "./TaskExecutionsButton.js";
 const TaskDefinitionsView_TaskDefinitionsViewInner = observer(function() {
     const { presenter } = useFeature(TaskDefinitionsPresenterFeature);
     useEffect(()=>{
@@ -45,7 +46,7 @@ const TaskDefinitionsView_TaskDefinitionsViewInner = observer(function() {
         className: "flex items-center justify-between py-sm px-md"
     }, /*#__PURE__*/ react.createElement(Heading, {
         level: 5
-    }, "Task Definitions")), /*#__PURE__*/ react.createElement(Separator, null), /*#__PURE__*/ react.createElement("div", {
+    }, "Task Definitions"), /*#__PURE__*/ react.createElement(TaskExecutionsButton, null)), /*#__PURE__*/ react.createElement(Separator, null), /*#__PURE__*/ react.createElement("div", {
         className: "flex-1 overflow-auto"
     }, vm.loading || 0 !== vm.definitions.length ? /*#__PURE__*/ react.createElement(DataTable, {
         columns: columns,

package/admin/presentation/TaskDefinitions/components/TaskDefinitionsView.js.map

@@ -1 +1 @@
-{"version":3,"file":"admin/presentation/TaskDefinitions/components/TaskDefinitionsView.js","sources":["../../../../../src/admin/presentation/TaskDefinitions/components/TaskDefinitionsView.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { DiContainerProvider, useContainer, useFeature } from \"@webiny/app\";\nimport { DataTable, Heading, Separator, Text } from \"@webiny/admin-ui\";\nimport { TaskDefinitionsPresenterFeature } from \"../feature.js\";\nimport { ListDefinitionsFeature } from \"~/admin/features/listDefinitions/feature.js\";\nimport type { TaskDefinition } from \"~/admin/shared/types.js\";\n\nconst TaskDefinitionsViewInner = observer(function TaskDefinitionsViewInner() {\n    const { presenter } = useFeature(TaskDefinitionsPresenterFeature);\n\n    useEffect(() => {\n        presenter.init();\n    }, [presenter]);\n\n    const { vm } = presenter;\n\n    const columns = useMemo(\n        () => ({\n            title: {\n                header: \"Title\",\n                cell: (row: TaskDefinition) => <Text size=\"sm\">{row.title || row.id}</Text>,\n                enableSorting: false,\n                size: 250\n            },\n            id: {\n                header: \"ID\",\n                cell: (row: TaskDefinition) => (\n                    <Text size=\"sm\" className=\"text-neutral-strong font-mono\">\n                        {row.id}\n                    </Text>\n                ),\n                enableSorting: false,\n                size: 250\n            },\n            description: {\n                header: \"Description\",\n                cell: (row: TaskDefinition) => (\n                    <Text size=\"sm\" className=\"text-neutral-strong\">\n                        {row.description || \"—\"}\n                    </Text>\n                ),\n                enableSorting: false\n            }\n        }),\n        []\n    );\n\n    return (\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 Definitions</Heading>\n            </div>\n            <Separator />\n            <div className=\"flex-1 overflow-auto\">\n                {!vm.loading && vm.definitions.length === 0 ? (\n                    <div className=\"flex flex-col items-center justify-center h-full gap-md\">\n                        <Text className=\"text-neutral-strong\">No task definitions found.</Text>\n                    </div>\n                ) : (\n                    <DataTable<TaskDefinition>\n                        columns={columns}\n                        data={vm.definitions}\n                        loading={vm.loading}\n                        stickyHeader\n                    />\n                )}\n            </div>\n        </div>\n    );\n});\n\nexport const TaskDefinitionsView = () => {\n    const container = useContainer();\n\n    const scopedContainer = useMemo(() => {\n        const child = container.createChildContainer();\n        ListDefinitionsFeature.register(child);\n        TaskDefinitionsPresenterFeature.register(child);\n        return child;\n    }, []);\n\n    return (\n        <DiContainerProvider container={scopedContainer}>\n            <TaskDefinitionsViewInner />\n        </DiContainerProvider>\n    );\n};\n"],"names":["TaskDefinitionsViewInner","observer","presenter","useFeature","TaskDefinitionsPresenterFeature","useEffect","vm","columns","useMemo","row","Text","Heading","Separator","DataTable","TaskDefinitionsView","container","useContainer","scopedContainer","child","ListDefinitionsFeature","DiContainerProvider"],"mappings":";;;;;;AAQA,MAAMA,+CAA2BC,SAAS;IACtC,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IAEjCC,UAAU;QACNH,UAAU,IAAI;IAClB,GAAG;QAACA;KAAU;IAEd,MAAM,EAAEI,EAAE,EAAE,GAAGJ;IAEf,MAAMK,UAAUC,QACZ,IAAO;YACH,OAAO;gBACH,QAAQ;gBACR,MAAM,CAACC,MAAAA,WAAAA,GAAwB,oBAACC,MAAIA;wBAAC,MAAK;uBAAMD,IAAI,KAAK,IAAIA,IAAI,EAAE;gBACnE,eAAe;gBACf,MAAM;YACV;YACA,IAAI;gBACA,QAAQ;gBACR,MAAM,CAACA,MAAAA,WAAAA,GACH,oBAACC,MAAIA;wBAAC,MAAK;wBAAK,WAAU;uBACrBD,IAAI,EAAE;gBAGf,eAAe;gBACf,MAAM;YACV;YACA,aAAa;gBACT,QAAQ;gBACR,MAAM,CAACA,MAAAA,WAAAA,GACH,oBAACC,MAAIA;wBAAC,MAAK;wBAAK,WAAU;uBACrBD,IAAI,WAAW,IAAI;gBAG5B,eAAe;YACnB;QACJ,IACA,EAAE;IAGN,OAAO,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAAC;QAAI,WAAU;qBACX,oBAACE,SAAOA;QAAC,OAAO;OAAG,oCAEvB,oBAACC,WAASA,OAAAA,WAAAA,GACV,oBAAC;QAAI,WAAU;OACV,AAACN,GAAG,OAAO,IAAIA,AAA0B,MAA1BA,GAAG,WAAW,CAAC,MAAM,GAES,cAG1C,oBAACO,WAASA;QACN,SAASN;QACT,MAAMD,GAAG,WAAW;QACpB,SAASA,GAAG,OAAO;QACnB;SATsC,WAAJ,GACtC,oBAAC;QAAI,WAAU;qBACX,oBAACI,MAAIA;QAAC,WAAU;OAAsB;AAa9D;AAEO,MAAMI,sBAAsB;IAC/B,MAAMC,YAAYC;IAElB,MAAMC,kBAAkBT,QAAQ;QAC5B,MAAMU,QAAQH,UAAU,oBAAoB;QAC5CI,uBAAuB,QAAQ,CAACD;QAChCd,gCAAgC,QAAQ,CAACc;QACzC,OAAOA;IACX,GAAG,EAAE;IAEL,OAAO,WAAP,GACI,oBAACE,qBAAmBA;QAAC,WAAWH;qBAC5B,oBAACjB,8CAAwBA;AAGrC"}
+{"version":3,"file":"admin/presentation/TaskDefinitions/components/TaskDefinitionsView.js","sources":["../../../../../src/admin/presentation/TaskDefinitions/components/TaskDefinitionsView.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { DiContainerProvider, useContainer, useFeature } from \"@webiny/app\";\nimport { DataTable, Heading, Separator, Text } from \"@webiny/admin-ui\";\nimport { TaskDefinitionsPresenterFeature } from \"../feature.js\";\nimport { ListDefinitionsFeature } from \"~/admin/features/listDefinitions/feature.js\";\nimport type { TaskDefinition } from \"~/admin/shared/types.js\";\nimport { TaskExecutionsButton } from \"~/admin/presentation/TaskDefinitions/components/TaskExecutionsButton.js\";\n\nconst TaskDefinitionsViewInner = observer(function TaskDefinitionsViewInner() {\n    const { presenter } = useFeature(TaskDefinitionsPresenterFeature);\n\n    useEffect(() => {\n        presenter.init();\n    }, [presenter]);\n\n    const { vm } = presenter;\n\n    const columns = useMemo(\n        () => ({\n            title: {\n                header: \"Title\",\n                cell: (row: TaskDefinition) => <Text size=\"sm\">{row.title || row.id}</Text>,\n                enableSorting: false,\n                size: 250\n            },\n            id: {\n                header: \"ID\",\n                cell: (row: TaskDefinition) => (\n                    <Text size=\"sm\" className=\"text-neutral-strong font-mono\">\n                        {row.id}\n                    </Text>\n                ),\n                enableSorting: false,\n                size: 250\n            },\n            description: {\n                header: \"Description\",\n                cell: (row: TaskDefinition) => (\n                    <Text size=\"sm\" className=\"text-neutral-strong\">\n                        {row.description || \"—\"}\n                    </Text>\n                ),\n                enableSorting: false\n            }\n        }),\n        []\n    );\n\n    return (\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 Definitions</Heading>\n                <TaskExecutionsButton />\n            </div>\n            <Separator />\n            <div className=\"flex-1 overflow-auto\">\n                {!vm.loading && vm.definitions.length === 0 ? (\n                    <div className=\"flex flex-col items-center justify-center h-full gap-md\">\n                        <Text className=\"text-neutral-strong\">No task definitions found.</Text>\n                    </div>\n                ) : (\n                    <DataTable<TaskDefinition>\n                        columns={columns}\n                        data={vm.definitions}\n                        loading={vm.loading}\n                        stickyHeader\n                    />\n                )}\n            </div>\n        </div>\n    );\n});\n\nexport const TaskDefinitionsView = () => {\n    const container = useContainer();\n\n    const scopedContainer = useMemo(() => {\n        const child = container.createChildContainer();\n        ListDefinitionsFeature.register(child);\n        TaskDefinitionsPresenterFeature.register(child);\n        return child;\n    }, []);\n\n    return (\n        <DiContainerProvider container={scopedContainer}>\n            <TaskDefinitionsViewInner />\n        </DiContainerProvider>\n    );\n};\n"],"names":["TaskDefinitionsViewInner","observer","presenter","useFeature","TaskDefinitionsPresenterFeature","useEffect","vm","columns","useMemo","row","Text","Heading","TaskExecutionsButton","Separator","DataTable","TaskDefinitionsView","container","useContainer","scopedContainer","child","ListDefinitionsFeature","DiContainerProvider"],"mappings":";;;;;;;AASA,MAAMA,+CAA2BC,SAAS;IACtC,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IAEjCC,UAAU;QACNH,UAAU,IAAI;IAClB,GAAG;QAACA;KAAU;IAEd,MAAM,EAAEI,EAAE,EAAE,GAAGJ;IAEf,MAAMK,UAAUC,QACZ,IAAO;YACH,OAAO;gBACH,QAAQ;gBACR,MAAM,CAACC,MAAAA,WAAAA,GAAwB,oBAACC,MAAIA;wBAAC,MAAK;uBAAMD,IAAI,KAAK,IAAIA,IAAI,EAAE;gBACnE,eAAe;gBACf,MAAM;YACV;YACA,IAAI;gBACA,QAAQ;gBACR,MAAM,CAACA,MAAAA,WAAAA,GACH,oBAACC,MAAIA;wBAAC,MAAK;wBAAK,WAAU;uBACrBD,IAAI,EAAE;gBAGf,eAAe;gBACf,MAAM;YACV;YACA,aAAa;gBACT,QAAQ;gBACR,MAAM,CAACA,MAAAA,WAAAA,GACH,oBAACC,MAAIA;wBAAC,MAAK;wBAAK,WAAU;uBACrBD,IAAI,WAAW,IAAI;gBAG5B,eAAe;YACnB;QACJ,IACA,EAAE;IAGN,OAAO,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAAC;QAAI,WAAU;qBACX,oBAACE,SAAOA;QAAC,OAAO;OAAG,mCACnB,oBAACC,sBAAoBA,QAAAA,WAAAA,GAEzB,oBAACC,WAASA,OAAAA,WAAAA,GACV,oBAAC;QAAI,WAAU;OACV,AAACP,GAAG,OAAO,IAAIA,AAA0B,MAA1BA,GAAG,WAAW,CAAC,MAAM,GAES,cAG1C,oBAACQ,WAASA;QACN,SAASP;QACT,MAAMD,GAAG,WAAW;QACpB,SAASA,GAAG,OAAO;QACnB;SATsC,WAAJ,GACtC,oBAAC;QAAI,WAAU;qBACX,oBAACI,MAAIA;QAAC,WAAU;OAAsB;AAa9D;AAEO,MAAMK,sBAAsB;IAC/B,MAAMC,YAAYC;IAElB,MAAMC,kBAAkBV,QAAQ;QAC5B,MAAMW,QAAQH,UAAU,oBAAoB;QAC5CI,uBAAuB,QAAQ,CAACD;QAChCf,gCAAgC,QAAQ,CAACe;QACzC,OAAOA;IACX,GAAG,EAAE;IAEL,OAAO,WAAP,GACI,oBAACE,qBAAmBA;QAAC,WAAWH;qBAC5B,oBAAClB,8CAAwBA;AAGrC"}

package/admin/presentation/TaskDefinitions/components/TaskExecutionsButton.d.ts

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

package/admin/presentation/TaskDefinitions/components/TaskExecutionsButton.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/task.svg";
+import { Routes } from "../../../routes.js";
+const TaskExecutionsButton = ()=>{
+    const { goToRoute } = useRouter();
+    return /*#__PURE__*/ react.createElement(Button, {
+        variant: "secondary",
+        onClick: ()=>goToRoute(Routes.Executions),
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
+    }, "Task Executions");
+};
+export { TaskExecutionsButton };
+
+//# sourceMappingURL=TaskExecutionsButton.js.map

package/admin/presentation/TaskDefinitions/components/TaskExecutionsButton.js.map

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

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.js

@@ -2,8 +2,8 @@ import react, { useCallback, useEffect, useMemo } from "react";
 import debounce from "lodash/debounce.js";
 import { observer } from "mobx-react-lite";
 import { DiContainerProvider, useContainer, useFeature } from "@webiny/app";
-import { Button, DataTable, DatePicker, DropdownMenu, Heading, IconButton, Input, Scrollbar, Select, Separator, Tag, Text, TimeAgo } from "@webiny/admin-ui";
-import { useConfirmationDialog, useSnackbar } from "@webiny/app-admin/hooks/index.js";
+import { Button, DataTable, DatePicker, DropdownMenu, Grid, 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";
@@ -14,6 +14,7 @@ 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",
@@ -45,7 +46,7 @@ const STATUS_OPTIONS = [
 ];
 const TaskExecutionsView_TaskExecutionsViewInner = observer(function() {
     const { presenter } = useFeature(TaskExecutionsPresenterFeature);
-    const { showSnackbar } = useSnackbar();
+    const toast = useToast();
     useEffect(()=>{
         presenter.init();
     }, [
@@ -161,21 +162,25 @@ const TaskExecutionsView_TaskExecutionsViewInner = observer(function() {
                             "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(()=>{
-                                    showSnackbar("Task aborted.");
+                                    toast.showSuccessToast({
+                                        title: "Task aborted."
+                                    });
                                 }));
-                        },
-                        text: "Abort"
+                        }
                     }), 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(()=>{
-                                    showSnackbar("Task deleted.");
+                                    toast.showSuccessToast({
+                                        title: "Task deleted."
+                                    });
                                 }));
-                        },
-                        text: "Delete"
+                        }
                     })));
                 },
                 size: 56,
@@ -185,31 +190,30 @@ const TaskExecutionsView_TaskExecutionsViewInner = observer(function() {
             }
         }), [
         vm.permissions,
-        vm.definitionOptions,
-        presenter,
-        showDeleteConfirmation,
-        showAbortConfirmation,
-        showSnackbar
+        vm.definitionOptions
     ]);
+    const hasFilters = Object.keys(vm.list.filters).length > 0;
     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(Separator, null), /*#__PURE__*/ react.createElement("div", {
-        className: "flex items-center gap-sm px-md py-xs flex-wrap"
-    }, /*#__PURE__*/ react.createElement("div", {
-        className: "w-[240px]"
+    }, "Task Executions"), /*#__PURE__*/ react.createElement(TaskDefinitionsButton, null)), /*#__PURE__*/ react.createElement(Separator, null), /*#__PURE__*/ react.createElement("div", {
+        className: "p-sm"
+    }, /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 2
     }, /*#__PURE__*/ react.createElement(Input, {
+        size: "md",
         placeholder: "Search by name...",
         value: vm.list.search,
         onChange: (value)=>{
             presenter.search.set(value);
         }
-    })), /*#__PURE__*/ react.createElement("div", {
-        className: "w-[160px]"
+    })), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 2
     }, /*#__PURE__*/ react.createElement(Select, {
+        size: "md",
         placeholder: "Status",
         options: STATUS_OPTIONS,
         value: vm.list.filters.taskStatus_in ?? "",
@@ -217,9 +221,10 @@ const TaskExecutionsView_TaskExecutionsViewInner = observer(function() {
             if (value) presenter.filter.set("taskStatus_in", value);
             else presenter.filter.clear("taskStatus_in");
         }
-    })), vm.definitionOptions.length > 0 && /*#__PURE__*/ react.createElement("div", {
-        className: "w-[200px]"
+    })), vm.definitionOptions.length > 0 ? /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 2
     }, /*#__PURE__*/ react.createElement(Select, {
+        size: "md",
         placeholder: "Definition",
         options: vm.definitionOptions,
         value: vm.list.filters.definitionId,
@@ -227,9 +232,10 @@ const TaskExecutionsView_TaskExecutionsViewInner = observer(function() {
             if (value) presenter.filter.set("definitionId", value);
             else presenter.filter.clear("definitionId");
         }
-    })), /*#__PURE__*/ react.createElement("div", {
-        className: "w-[240px]"
+    })) : null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 2
     }, /*#__PURE__*/ react.createElement(DatePicker, {
+        size: "md",
         type: "dateTimeTz",
         placeholder: "Created from",
         value: vm.list.filters.createdOn_gte,
@@ -237,9 +243,10 @@ const TaskExecutionsView_TaskExecutionsViewInner = observer(function() {
             if (value) presenter.filter.set("createdOn_gte", value);
             else presenter.filter.clear("createdOn_gte");
         }
-    })), /*#__PURE__*/ react.createElement("div", {
-        className: "w-[240px]"
+    })), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 2
     }, /*#__PURE__*/ react.createElement(DatePicker, {
+        size: "md",
         type: "dateTimeTz",
         placeholder: "Created to",
         value: vm.list.filters.createdOn_lte,
@@ -247,24 +254,31 @@ const TaskExecutionsView_TaskExecutionsViewInner = observer(function() {
             if (value) presenter.filter.set("createdOn_lte", value);
             else presenter.filter.clear("createdOn_lte");
         }
-    })), Object.keys(vm.list.filters).length > 0 && /*#__PURE__*/ react.createElement(Button, {
+    })), /*#__PURE__*/ react.createElement(Button, {
         variant: "tertiary",
-        size: "sm",
-        onClick: ()=>presenter.filter.clearAll()
-    }, "Clear filters")), /*#__PURE__*/ react.createElement(Separator, null), /*#__PURE__*/ react.createElement("div", {
+        size: "md",
+        onClick: ()=>presenter.filter.clearAll(),
+        disabled: !hasFilters
+    }, "Clear filters"))), /*#__PURE__*/ react.createElement(Separator, null), /*#__PURE__*/ react.createElement("div", {
         className: "flex-1 overflow-hidden"
-    }, vm.list.pagination.loading || 0 !== vm.list.rows.length ? /*#__PURE__*/ react.createElement(Scrollbar, {
+    }, 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 && 0 === vm.list.rows.length,
+        loading: vm.list.pagination.loading,
         sorting: sorting,
         onSortingChange: onSortingChange,
         stickyHeader: true
-    })) : /*#__PURE__*/ react.createElement("div", {
+    }), 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"
@@ -274,11 +288,15 @@ const TaskExecutionsView_TaskExecutionsViewInner = observer(function() {
         onClose: ()=>presenter.selectTask(null),
         onAbort: async (id)=>{
             await presenter.abortTask(id);
-            showSnackbar("Task aborted.");
+            toast.showSuccessToast({
+                title: "Task aborted."
+            });
         },
         onDelete: async (id)=>{
             await presenter.deleteTask(id);
-            showSnackbar("Task deleted.");
+            toast.showSuccessToast({
+                title: "Task deleted."
+            });
         }
     }));
 });

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

@@ -1 +1 @@
-{"version":3,"file":"admin/presentation/TaskExecutions/components/TaskExecutionsView.js","sources":["../../../../../src/admin/presentation/TaskExecutions/components/TaskExecutionsView.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo } 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    Button,\n    DataTable,\n    DatePicker,\n    DropdownMenu,\n    Heading,\n    IconButton,\n    Input,\n    Scrollbar,\n    Select,\n    Separator,\n    Tag,\n    Text,\n    TimeAgo\n} from \"@webiny/admin-ui\";\nimport { useConfirmationDialog, useSnackbar } 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 { 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\";\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 { showSnackbar } = useSnackbar();\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                                    icon={<StopCircleIcon />}\n                                    onClick={() => {\n                                        showAbortConfirmation(() =>\n                                            presenter.abortTask(row.id).then(() => {\n                                                showSnackbar(\"Task aborted.\");\n                                            })\n                                        );\n                                    }}\n                                    text=\"Abort\"\n                                />\n                            )}\n                            {isTerminal && vm.permissions.canDelete && (\n                                <>\n                                    {isRunning && <DropdownMenu.Separator />}\n                                    <DropdownMenu.Item\n                                        icon={<DeleteIcon />}\n                                        onClick={() => {\n                                            showDeleteConfirmation(() =>\n                                                presenter.deleteTask(row.id).then(() => {\n                                                    showSnackbar(\"Task deleted.\");\n                                                })\n                                            );\n                                        }}\n                                        text=\"Delete\"\n                                    />\n                                </>\n                            )}\n                        </DropdownMenu>\n                    );\n                },\n                size: 56,\n                enableSorting: false,\n                enableHiding: false,\n                enableResizing: false\n            }\n        }),\n        [\n            vm.permissions,\n            vm.definitionOptions,\n            presenter,\n            showDeleteConfirmation,\n            showAbortConfirmation,\n            showSnackbar\n        ]\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>\n                <Separator />\n                <div className=\"flex items-center gap-sm px-md py-xs flex-wrap\">\n                    <div className=\"w-[240px]\">\n                        <Input\n                            placeholder=\"Search by name...\"\n                            value={vm.list.search}\n                            onChange={value => {\n                                presenter.search.set(value);\n                            }}\n                        />\n                    </div>\n                    <div className=\"w-[160px]\">\n                        <Select\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                    </div>\n                    {vm.definitionOptions.length > 0 && (\n                        <div className=\"w-[200px]\">\n                            <Select\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                        </div>\n                    )}\n                    <div className=\"w-[240px]\">\n                        <DatePicker\n                            type=\"dateTimeTz\"\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                    </div>\n                    <div className=\"w-[240px]\">\n                        <DatePicker\n                            type=\"dateTimeTz\"\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                    {Object.keys(vm.list.filters).length > 0 && (\n                        <Button\n                            variant=\"tertiary\"\n                            size=\"sm\"\n                            onClick={() => presenter.filter.clearAll()}\n                        >\n                            Clear filters\n                        </Button>\n                    )}\n                </div>\n                <Separator />\n                <div className=\"flex-1 overflow-hidden\">\n                    {!vm.list.pagination.loading && 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 && vm.list.rows.length === 0}\n                                sorting={sorting}\n                                onSortingChange={onSortingChange}\n                                stickyHeader\n                            />\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                        showSnackbar(\"Task aborted.\");\n                    }}\n                    onDelete={async (id: string) => {\n                        await presenter.deleteTask(id);\n                        showSnackbar(\"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","showSnackbar","useSnackbar","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","Heading","Separator","Input","value","Select","DatePicker","Object","Button","Scrollbar","DataTable","TaskDetailDrawer","TaskExecutionsView","container","useContainer","scopedContainer","child","ListTasksFeature","DeleteTaskFeature","AbortTaskFeature","ListDefinitionsFeature","TaskPermissionsFeature","DiContainerProvider"],"mappings":"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"}
+{"version":3,"file":"admin/presentation/TaskExecutions/components/TaskExecutionsView.js","sources":["../../../../../src/admin/presentation/TaskExecutions/components/TaskExecutionsView.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo } 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    Button,\n    DataTable,\n    DatePicker,\n    DropdownMenu,\n    Grid,\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 { 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 hasFilters = Object.keys(vm.list.filters).length > 0;\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                    <TaskDefinitionsButton />\n                </div>\n                <Separator />\n                <div className={\"p-sm\"}>\n                    <Grid>\n                        <Grid.Column span={2}>\n                            <Input\n                                size={\"md\"}\n                                placeholder=\"Search by name...\"\n                                value={vm.list.search}\n                                onChange={value => {\n                                    presenter.search.set(value);\n                                }}\n                            />\n                        </Grid.Column>\n                        <Grid.Column span={2}>\n                            <Select\n                                size={\"md\"}\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                        </Grid.Column>\n                        {vm.definitionOptions.length > 0 ? (\n                            <Grid.Column span={2}>\n                                <Select\n                                    size={\"md\"}\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                            </Grid.Column>\n                        ) : null}\n                        <Grid.Column span={2}>\n                            <DatePicker\n                                size={\"md\"}\n                                type=\"dateTimeTz\"\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                        </Grid.Column>\n                        <Grid.Column span={2}>\n                            <DatePicker\n                                size={\"md\"}\n                                type=\"dateTimeTz\"\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                        </Grid.Column>\n                        <Button\n                            variant=\"tertiary\"\n                            size=\"md\"\n                            onClick={() => presenter.filter.clearAll()}\n                            disabled={!hasFilters}\n                        >\n                            Clear filters\n                        </Button>\n                    </Grid>\n                </div>\n                <Separator />\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","hasFilters","Object","Heading","TaskDefinitionsButton","Separator","Grid","Input","value","Select","DatePicker","Button","Scrollbar","DataTable","Skeleton","TaskDetailDrawer","TaskExecutionsView","container","useContainer","scopedContainer","child","ListTasksFeature","DeleteTaskFeature","AbortTaskFeature","ListDefinitionsFeature","TaskPermissionsFeature","DiContainerProvider"],"mappings":"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"}

package/admin/routes.d.ts

@@ -2,4 +2,5 @@ import { Route } from "@webiny/app-admin";
 export declare const Routes: {
     Definitions: Route<undefined>;
     Executions: Route<undefined>;
+    Settings: Route<undefined>;
 };

package/admin/routes.js

@@ -7,6 +7,10 @@ const Routes = {
     Executions: new Route({
         name: "BackgroundTasks/Executions",
         path: "/background-tasks/executions"
+    }),
+    Settings: new Route({
+        name: "BackgroundTasks/Settings",
+        path: "/background-tasks/settings"
     })
 };
 export { Routes };

package/admin/routes.js.map

@@ -1 +1 @@
-{"version":3,"file":"admin/routes.js","sources":["../../src/admin/routes.ts"],"sourcesContent":["import { Route } from \"@webiny/app-admin\";\n\nexport const Routes = {\n    Definitions: new Route({\n        name: \"BackgroundTasks/Definitions\",\n        path: \"/background-tasks/definitions\"\n    }),\n    Executions: new Route({\n        name: \"BackgroundTasks/Executions\",\n        path: \"/background-tasks/executions\"\n    })\n};\n"],"names":["Routes","Route"],"mappings":";AAEO,MAAMA,SAAS;IAClB,aAAa,IAAIC,MAAM;QACnB,MAAM;QACN,MAAM;IACV;IACA,YAAY,IAAIA,MAAM;QAClB,MAAM;QACN,MAAM;IACV;AACJ"}
+{"version":3,"file":"admin/routes.js","sources":["../../src/admin/routes.ts"],"sourcesContent":["import { Route } from \"@webiny/app-admin\";\n\nexport const Routes = {\n    Definitions: new Route({\n        name: \"BackgroundTasks/Definitions\",\n        path: \"/background-tasks/definitions\"\n    }),\n    Executions: new Route({\n        name: \"BackgroundTasks/Executions\",\n        path: \"/background-tasks/executions\"\n    }),\n    Settings: new Route({\n        name: \"BackgroundTasks/Settings\",\n        path: \"/background-tasks/settings\"\n    })\n};\n"],"names":["Routes","Route"],"mappings":";AAEO,MAAMA,SAAS;IAClB,aAAa,IAAIC,MAAM;QACnB,MAAM;QACN,MAAM;IACV;IACA,YAAY,IAAIA,MAAM;QAClB,MAAM;QACN,MAAM;IACV;IACA,UAAU,IAAIA,MAAM;QAChB,MAAM;QACN,MAAM;IACV;AACJ"}