@webiny/background-tasks 0.0.0-unstable.7be00a75a9 → 0.0.0-unstable.9f53ea597d

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/TaskExecutionsPresenter.d.ts

@@ -30,6 +30,8 @@ declare class TaskExecutionsPresenterImpl implements ITaskExecutionsPresenter {
         set: (key: string, value: unknown) => void;
         clear: (key: string) => void;
         clearAll: () => void;
+        show: () => void;
+        hide: () => void;
     };
     selection: {
         toggle: (id: string) => void;

package/admin/presentation/TaskExecutions/TaskExecutionsPresenter.js

@@ -28,7 +28,9 @@ class TaskExecutionsPresenterImpl {
         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()
+            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),

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

@@ -1 +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    };\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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"}
+{"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/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."
+            });
         }
     }));
 });