@webiny/background-tasks 0.0.0-unstable.7be00a75a9 → 0.0.0-unstable.9609e4e0c9

package/admin/presentation/BackgroundTaskSettings/BackgroundTaskSettingsPresenter.js

@@ -0,0 +1,86 @@
+import { computed, makeAutoObservable, runInAction } from "mobx";
+import { BackgroundTaskSettingsPresenter } from "./abstractions.js";
+import { GetBackgroundTaskSettingsUseCase } from "../../features/getBackgroundTaskSettings/abstractions.js";
+import { UpdateBackgroundTaskSettingsUseCase } from "../../features/updateBackgroundTaskSettings/abstractions.js";
+import { FormModelFactory } from "@webiny/app-admin/features/formModel/abstractions.js";
+import { BACKGROUND_TASK_MAX_RETENTION_DAYS } from "../../../api/domain/constants.js";
+class BackgroundTaskSettingsPresenterImpl {
+    get vm() {
+        return {
+            loading: this._loading,
+            saving: this._saving,
+            form: this._form.vm
+        };
+    }
+    constructor(formModelFactory, getSettingsUseCase, updateSettingsUseCase){
+        this.formModelFactory = formModelFactory;
+        this.getSettingsUseCase = getSettingsUseCase;
+        this.updateSettingsUseCase = updateSettingsUseCase;
+        this._loading = false;
+        this._saving = false;
+        this._form = this.buildForm();
+        makeAutoObservable(this, {
+            vm: computed
+        });
+    }
+    buildForm() {
+        return this.formModelFactory.create({
+            fields: (fields)=>({
+                    retentionDays: fields.number().label("Retention (days)").placeholder("90").description(`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.`)
+                }),
+            layout: (layout)=>[
+                    layout.row("retentionDays")
+                ]
+        });
+    }
+    async save() {
+        const data = await this._form.submit();
+        if (false === data) return false;
+        runInAction(()=>{
+            this._saving = true;
+        });
+        try {
+            const settings = await this.updateSettingsUseCase.execute({
+                retentionDays: null != data.retentionDays ? Number(data.retentionDays) : void 0
+            });
+            runInAction(()=>{
+                this._form.setData({
+                    retentionDays: settings.retentionDays || ""
+                });
+            });
+        } finally{
+            runInAction(()=>{
+                this._saving = false;
+            });
+        }
+        return true;
+    }
+    async init() {
+        this._loading = true;
+        try {
+            const settings = await this.getSettingsUseCase.execute();
+            runInAction(()=>{
+                this._form = this.buildForm();
+                this._form.setData({
+                    retentionDays: settings.retentionDays || ""
+                });
+                this._loading = false;
+            });
+        } catch  {
+            runInAction(()=>{
+                this._loading = false;
+            });
+        }
+    }
+}
+const BackgroundTaskSettingsPresenter_BackgroundTaskSettingsPresenter = BackgroundTaskSettingsPresenter.createImplementation({
+    implementation: BackgroundTaskSettingsPresenterImpl,
+    dependencies: [
+        FormModelFactory,
+        GetBackgroundTaskSettingsUseCase,
+        UpdateBackgroundTaskSettingsUseCase
+    ]
+});
+export { BackgroundTaskSettingsPresenter_BackgroundTaskSettingsPresenter as BackgroundTaskSettingsPresenter };
+
+//# sourceMappingURL=BackgroundTaskSettingsPresenter.js.map

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/TaskDetail/TaskDetailPresenter.js

@@ -60,7 +60,7 @@ class TaskDetailPresenterImpl {
                 "createdOn_DESC"
             ],
             limit: 50,
-            after: after ?? void 0
+            after: after || void 0
         });
         runInAction(()=>{
             if (after) this._logs = [

package/admin/presentation/TaskDetail/TaskDetailPresenter.js.map

@@ -1 +1 @@
-{"version":3,"file":"admin/presentation/TaskDetail/TaskDetailPresenter.js","sources":["../../../../src/admin/presentation/TaskDetail/TaskDetailPresenter.ts"],"sourcesContent":["import { makeAutoObservable, runInAction, computed } from \"mobx\";\nimport type { Task, TaskLog } from \"~/admin/shared/types.js\";\nimport {\n    TaskDetailPresenter as Abstraction,\n    type ITaskDetailPresenter,\n    type ITaskDetailViewModel\n} from \"./abstractions.js\";\nimport { GetTaskUseCase } from \"~/admin/features/getTask/abstractions.js\";\nimport { ListLogsUseCase } from \"~/admin/features/listLogs/abstractions.js\";\n\nclass TaskDetailPresenterImpl implements ITaskDetailPresenter {\n    private _task: Task | null = null;\n    private _loading = false;\n    private _logs: TaskLog[] = [];\n    private _logsLoading = false;\n    private _logsCursor: string | null = null;\n    private _logsHasMore = false;\n    private _logsTotalCount = 0;\n    private _taskId: string | null = null;\n\n    constructor(\n        private readonly getTaskUseCase: GetTaskUseCase.Interface,\n        private readonly listLogsUseCase: ListLogsUseCase.Interface\n    ) {\n        makeAutoObservable(this, { vm: computed });\n    }\n\n    get vm(): ITaskDetailViewModel {\n        return {\n            task: this._task,\n            loading: this._loading,\n            logs: {\n                rows: this._logs,\n                pagination: {\n                    totalCount: this._logsTotalCount,\n                    loading: this._logsLoading,\n                    hasMore: this._logsHasMore\n                }\n            }\n        };\n    }\n\n    async init(taskId: string): Promise<void> {\n        this._taskId = taskId;\n        this._loading = true;\n        this._logs = [];\n        this._logsCursor = null;\n        this._logsHasMore = false;\n        this._logsTotalCount = 0;\n\n        const task = await this.getTaskUseCase.execute(taskId);\n\n        runInAction(() => {\n            this._task = task;\n            this._loading = false;\n        });\n\n        await this.fetchLogs();\n    }\n\n    async loadMore(): Promise<void> {\n        if (!this._logsHasMore || this._logsLoading) {\n            return;\n        }\n\n        await this.fetchLogs(this._logsCursor);\n    }\n\n    private async fetchLogs(after?: string | null): Promise<void> {\n        this._logsLoading = true;\n\n        const result = await this.listLogsUseCase.execute({\n            where: { task: this._taskId! },\n            sort: [\"createdOn_DESC\"],\n            limit: 50,\n            after: after ?? undefined\n        });\n\n        runInAction(() => {\n            if (after) {\n                this._logs = [...this._logs, ...result.items];\n            } else {\n                this._logs = result.items;\n            }\n            this._logsCursor = result.meta.cursor;\n            this._logsHasMore = result.meta.hasMoreItems;\n            this._logsTotalCount = result.meta.totalCount;\n            this._logsLoading = false;\n        });\n    }\n}\n\nexport const TaskDetailPresenter = Abstraction.createImplementation({\n    implementation: TaskDetailPresenterImpl,\n    dependencies: [GetTaskUseCase, ListLogsUseCase]\n});\n"],"names":["TaskDetailPresenterImpl","getTaskUseCase","listLogsUseCase","makeAutoObservable","computed","taskId","task","runInAction","after","result","undefined","TaskDetailPresenter","Abstraction","GetTaskUseCase","ListLogsUseCase"],"mappings":";;;;AAUA,MAAMA;IAUF,YACqBC,cAAwC,EACxCC,eAA0C,CAC7D;aAFmBD,cAAc,GAAdA;aACAC,eAAe,GAAfA;aAXb,KAAK,GAAgB;aACrB,QAAQ,GAAG;aACX,KAAK,GAAc,EAAE;aACrB,YAAY,GAAG;aACf,WAAW,GAAkB;aAC7B,YAAY,GAAG;aACf,eAAe,GAAG;aAClB,OAAO,GAAkB;QAM7BC,mBAAmB,IAAI,EAAE;YAAE,IAAIC;QAAS;IAC5C;IAEA,IAAI,KAA2B;QAC3B,OAAO;YACH,MAAM,IAAI,CAAC,KAAK;YAChB,SAAS,IAAI,CAAC,QAAQ;YACtB,MAAM;gBACF,MAAM,IAAI,CAAC,KAAK;gBAChB,YAAY;oBACR,YAAY,IAAI,CAAC,eAAe;oBAChC,SAAS,IAAI,CAAC,YAAY;oBAC1B,SAAS,IAAI,CAAC,YAAY;gBAC9B;YACJ;QACJ;IACJ;IAEA,MAAM,KAAKC,MAAc,EAAiB;QACtC,IAAI,CAAC,OAAO,GAAGA;QACf,IAAI,CAAC,QAAQ,GAAG;QAChB,IAAI,CAAC,KAAK,GAAG,EAAE;QACf,IAAI,CAAC,WAAW,GAAG;QACnB,IAAI,CAAC,YAAY,GAAG;QACpB,IAAI,CAAC,eAAe,GAAG;QAEvB,MAAMC,OAAO,MAAM,IAAI,CAAC,cAAc,CAAC,OAAO,CAACD;QAE/CE,YAAY;YACR,IAAI,CAAC,KAAK,GAAGD;YACb,IAAI,CAAC,QAAQ,GAAG;QACpB;QAEA,MAAM,IAAI,CAAC,SAAS;IACxB;IAEA,MAAM,WAA0B;QAC5B,IAAI,CAAC,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,EACvC;QAGJ,MAAM,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,WAAW;IACzC;IAEA,MAAc,UAAUE,KAAqB,EAAiB;QAC1D,IAAI,CAAC,YAAY,GAAG;QAEpB,MAAMC,SAAS,MAAM,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC;YAC9C,OAAO;gBAAE,MAAM,IAAI,CAAC,OAAO;YAAE;YAC7B,MAAM;gBAAC;aAAiB;YACxB,OAAO;YACP,OAAOD,SAASE;QACpB;QAEAH,YAAY;YACR,IAAIC,OACA,IAAI,CAAC,KAAK,GAAG;mBAAI,IAAI,CAAC,KAAK;mBAAKC,OAAO,KAAK;aAAC;iBAE7C,IAAI,CAAC,KAAK,GAAGA,OAAO,KAAK;YAE7B,IAAI,CAAC,WAAW,GAAGA,OAAO,IAAI,CAAC,MAAM;YACrC,IAAI,CAAC,YAAY,GAAGA,OAAO,IAAI,CAAC,YAAY;YAC5C,IAAI,CAAC,eAAe,GAAGA,OAAO,IAAI,CAAC,UAAU;YAC7C,IAAI,CAAC,YAAY,GAAG;QACxB;IACJ;AACJ;AAEO,MAAME,0CAAsBC,oBAAAA,oBAAgC,CAAC;IAChE,gBAAgBZ;IAChB,cAAc;QAACa;QAAgBC;KAAgB;AACnD"}
+{"version":3,"file":"admin/presentation/TaskDetail/TaskDetailPresenter.js","sources":["../../../../src/admin/presentation/TaskDetail/TaskDetailPresenter.ts"],"sourcesContent":["import { makeAutoObservable, runInAction, computed } from \"mobx\";\nimport type { Task, TaskLog } from \"~/admin/shared/types.js\";\nimport {\n    TaskDetailPresenter as Abstraction,\n    type ITaskDetailPresenter,\n    type ITaskDetailViewModel\n} from \"./abstractions.js\";\nimport { GetTaskUseCase } from \"~/admin/features/getTask/abstractions.js\";\nimport { ListLogsUseCase } from \"~/admin/features/listLogs/abstractions.js\";\n\nclass TaskDetailPresenterImpl implements ITaskDetailPresenter {\n    private _task: Task | null = null;\n    private _loading = false;\n    private _logs: TaskLog[] = [];\n    private _logsLoading = false;\n    private _logsCursor: string | null = null;\n    private _logsHasMore = false;\n    private _logsTotalCount = 0;\n    private _taskId: string | null = null;\n\n    constructor(\n        private readonly getTaskUseCase: GetTaskUseCase.Interface,\n        private readonly listLogsUseCase: ListLogsUseCase.Interface\n    ) {\n        makeAutoObservable(this, { vm: computed });\n    }\n\n    get vm(): ITaskDetailViewModel {\n        return {\n            task: this._task,\n            loading: this._loading,\n            logs: {\n                rows: this._logs,\n                pagination: {\n                    totalCount: this._logsTotalCount,\n                    loading: this._logsLoading,\n                    hasMore: this._logsHasMore\n                }\n            }\n        };\n    }\n\n    async init(taskId: string): Promise<void> {\n        this._taskId = taskId;\n        this._loading = true;\n        this._logs = [];\n        this._logsCursor = null;\n        this._logsHasMore = false;\n        this._logsTotalCount = 0;\n\n        const task = await this.getTaskUseCase.execute(taskId);\n\n        runInAction(() => {\n            this._task = task;\n            this._loading = false;\n        });\n\n        await this.fetchLogs();\n    }\n\n    async loadMore(): Promise<void> {\n        if (!this._logsHasMore || this._logsLoading) {\n            return;\n        }\n\n        await this.fetchLogs(this._logsCursor);\n    }\n\n    private async fetchLogs(after?: string | null): Promise<void> {\n        this._logsLoading = true;\n\n        const result = await this.listLogsUseCase.execute({\n            where: { task: this._taskId! },\n            sort: [\"createdOn_DESC\"],\n            limit: 50,\n            after: after || undefined\n        });\n\n        runInAction(() => {\n            if (after) {\n                this._logs = [...this._logs, ...result.items];\n            } else {\n                this._logs = result.items;\n            }\n            this._logsCursor = result.meta.cursor;\n            this._logsHasMore = result.meta.hasMoreItems;\n            this._logsTotalCount = result.meta.totalCount;\n            this._logsLoading = false;\n        });\n    }\n}\n\nexport const TaskDetailPresenter = Abstraction.createImplementation({\n    implementation: TaskDetailPresenterImpl,\n    dependencies: [GetTaskUseCase, ListLogsUseCase]\n});\n"],"names":["TaskDetailPresenterImpl","getTaskUseCase","listLogsUseCase","makeAutoObservable","computed","taskId","task","runInAction","after","result","undefined","TaskDetailPresenter","Abstraction","GetTaskUseCase","ListLogsUseCase"],"mappings":";;;;AAUA,MAAMA;IAUF,YACqBC,cAAwC,EACxCC,eAA0C,CAC7D;aAFmBD,cAAc,GAAdA;aACAC,eAAe,GAAfA;aAXb,KAAK,GAAgB;aACrB,QAAQ,GAAG;aACX,KAAK,GAAc,EAAE;aACrB,YAAY,GAAG;aACf,WAAW,GAAkB;aAC7B,YAAY,GAAG;aACf,eAAe,GAAG;aAClB,OAAO,GAAkB;QAM7BC,mBAAmB,IAAI,EAAE;YAAE,IAAIC;QAAS;IAC5C;IAEA,IAAI,KAA2B;QAC3B,OAAO;YACH,MAAM,IAAI,CAAC,KAAK;YAChB,SAAS,IAAI,CAAC,QAAQ;YACtB,MAAM;gBACF,MAAM,IAAI,CAAC,KAAK;gBAChB,YAAY;oBACR,YAAY,IAAI,CAAC,eAAe;oBAChC,SAAS,IAAI,CAAC,YAAY;oBAC1B,SAAS,IAAI,CAAC,YAAY;gBAC9B;YACJ;QACJ;IACJ;IAEA,MAAM,KAAKC,MAAc,EAAiB;QACtC,IAAI,CAAC,OAAO,GAAGA;QACf,IAAI,CAAC,QAAQ,GAAG;QAChB,IAAI,CAAC,KAAK,GAAG,EAAE;QACf,IAAI,CAAC,WAAW,GAAG;QACnB,IAAI,CAAC,YAAY,GAAG;QACpB,IAAI,CAAC,eAAe,GAAG;QAEvB,MAAMC,OAAO,MAAM,IAAI,CAAC,cAAc,CAAC,OAAO,CAACD;QAE/CE,YAAY;YACR,IAAI,CAAC,KAAK,GAAGD;YACb,IAAI,CAAC,QAAQ,GAAG;QACpB;QAEA,MAAM,IAAI,CAAC,SAAS;IACxB;IAEA,MAAM,WAA0B;QAC5B,IAAI,CAAC,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,EACvC;QAGJ,MAAM,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,WAAW;IACzC;IAEA,MAAc,UAAUE,KAAqB,EAAiB;QAC1D,IAAI,CAAC,YAAY,GAAG;QAEpB,MAAMC,SAAS,MAAM,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC;YAC9C,OAAO;gBAAE,MAAM,IAAI,CAAC,OAAO;YAAE;YAC7B,MAAM;gBAAC;aAAiB;YACxB,OAAO;YACP,OAAOD,SAASE;QACpB;QAEAH,YAAY;YACR,IAAIC,OACA,IAAI,CAAC,KAAK,GAAG;mBAAI,IAAI,CAAC,KAAK;mBAAKC,OAAO,KAAK;aAAC;iBAE7C,IAAI,CAAC,KAAK,GAAGA,OAAO,KAAK;YAE7B,IAAI,CAAC,WAAW,GAAGA,OAAO,IAAI,CAAC,MAAM;YACrC,IAAI,CAAC,YAAY,GAAGA,OAAO,IAAI,CAAC,YAAY;YAC5C,IAAI,CAAC,eAAe,GAAGA,OAAO,IAAI,CAAC,UAAU;YAC7C,IAAI,CAAC,YAAY,GAAG;QACxB;IACJ;AACJ;AAEO,MAAME,0CAAsBC,oBAAAA,oBAAgC,CAAC;IAChE,gBAAgBZ;IAChB,cAAc;QAACa;QAAgBC;KAAgB;AACnD"}

package/admin/presentation/TaskDetail/components/TaskDetailDrawer.js

@@ -176,6 +176,7 @@ const TaskDetailDrawer_TaskDetailDrawerInner = observer(function({ task, open, o
     }, /*#__PURE__*/ react.createElement(Grid.Column, {
         span: 6
     }, /*#__PURE__*/ react.createElement(Text, {
+        as: "div",
         size: "sm",
         className: "text-neutral-strong"
     }, "Definition"), /*#__PURE__*/ react.createElement(Text, {
@@ -183,6 +184,7 @@ const TaskDetailDrawer_TaskDetailDrawerInner = observer(function({ task, open, o
     }, displayTask.definitionId)), /*#__PURE__*/ react.createElement(Grid.Column, {
         span: 6
     }, /*#__PURE__*/ react.createElement(Text, {
+        as: "div",
         size: "sm",
         className: "text-neutral-strong"
     }, "Created By"), /*#__PURE__*/ react.createElement(Text, {
@@ -190,6 +192,7 @@ const TaskDetailDrawer_TaskDetailDrawerInner = observer(function({ task, open, o
     }, displayTask.createdBy?.displayName ?? "—")), /*#__PURE__*/ react.createElement(Grid.Column, {
         span: 6
     }, /*#__PURE__*/ react.createElement(Text, {
+        as: "div",
         size: "sm",
         className: "text-neutral-strong"
     }, "Created On"), /*#__PURE__*/ react.createElement(Text, {
@@ -199,6 +202,7 @@ const TaskDetailDrawer_TaskDetailDrawerInner = observer(function({ task, open, o
     }) : "—")), /*#__PURE__*/ react.createElement(Grid.Column, {
         span: 6
     }, /*#__PURE__*/ react.createElement(Text, {
+        as: "div",
         size: "sm",
         className: "text-neutral-strong"
     }, "Started On"), /*#__PURE__*/ react.createElement(Text, {
@@ -208,6 +212,7 @@ const TaskDetailDrawer_TaskDetailDrawerInner = observer(function({ task, open, o
     }) : "—")), /*#__PURE__*/ react.createElement(Grid.Column, {
         span: 6
     }, /*#__PURE__*/ react.createElement(Text, {
+        as: "div",
         size: "sm",
         className: "text-neutral-strong"
     }, "Finished On"), /*#__PURE__*/ react.createElement(Text, {
@@ -217,6 +222,7 @@ const TaskDetailDrawer_TaskDetailDrawerInner = observer(function({ task, open, o
     }) : "—")), /*#__PURE__*/ react.createElement(Grid.Column, {
         span: 6
     }, /*#__PURE__*/ react.createElement(Text, {
+        as: "div",
         size: "sm",
         className: "text-neutral-strong"
     }, "Iterations"), /*#__PURE__*/ react.createElement(Text, {

package/admin/presentation/TaskDetail/components/TaskDetailDrawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"admin/presentation/TaskDetail/components/TaskDetailDrawer.js","sources":["../../../../../src/admin/presentation/TaskDetail/components/TaskDetailDrawer.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { DiContainerProvider, useContainer, useFeature } from \"@webiny/app\";\nimport { Button, Drawer, Grid, Heading, Separator, Tag, Text, TimeAgo } from \"@webiny/admin-ui\";\nimport { CodeEditor } from \"@webiny/admin-ui\";\nimport { useConfirmationDialog } from \"@webiny/app-admin/hooks/index.js\";\nimport { ReactComponent as StopCircleIcon } from \"@webiny/icons/stop_circle.svg\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { ReactComponent as ExpandMoreIcon } from \"@webiny/icons/expand_more.svg\";\nimport { ReactComponent as ExpandLessIcon } from \"@webiny/icons/expand_less.svg\";\nimport { TaskDetailPresenterFeature } from \"../feature.js\";\nimport { GetTaskFeature } from \"~/admin/features/getTask/feature.js\";\nimport { ListLogsFeature } from \"~/admin/features/listLogs/feature.js\";\nimport type { Task, TaskLog, TaskLogItem } from \"~/admin/shared/types.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 formatJson = (value: unknown): string => {\n    if (value === null || value === undefined) {\n        return \"\";\n    }\n    if (typeof value === \"string\") {\n        try {\n            return JSON.stringify(JSON.parse(value), null, 2);\n        } catch {\n            return value;\n        }\n    }\n    return JSON.stringify(value, null, 2);\n};\n\ninterface ExpandButtonProps {\n    show: boolean;\n    expanded: boolean;\n    onClick: () => void;\n}\n\nconst ExpandButton = ({ show, expanded, onClick }: ExpandButtonProps) => {\n    if (!show) {\n        return null;\n    }\n\n    return (\n        <Button\n            variant=\"tertiary\"\n            size=\"sm\"\n            icon={expanded ? <ExpandLessIcon /> : <ExpandMoreIcon />}\n            onClick={onClick}\n        />\n    );\n};\n\ninterface ExpandedPayloadProps {\n    show: boolean;\n    label: string;\n    value: unknown;\n    variant?: \"default\" | \"destructive\";\n}\n\nconst ExpandedPayload = ({ show, label, value, variant = \"default\" }: ExpandedPayloadProps) => {\n    if (!show) {\n        return null;\n    }\n\n    const textClass = variant === \"destructive\" ? \" text-destructive\" : \"\";\n\n    return (\n        <div className=\"mt-xs\">\n            <Text size=\"sm\" className=\"text-neutral-strong mb-xs\">\n                {label}\n            </Text>\n            <pre\n                className={`bg-neutral-light rounded-sm p-sm text-xs overflow-auto max-h-[200px]${textClass}`}\n            >\n                {formatJson(value)}\n            </pre>\n        </div>\n    );\n};\n\ninterface JsonSectionProps {\n    show: boolean;\n    title: string;\n    value: string;\n}\n\nconst JsonSection = ({ show, title, value }: JsonSectionProps) => {\n    if (!show) {\n        return null;\n    }\n\n    return (\n        <>\n            <Separator />\n            <div>\n                <Heading level={6} className=\"mb-sm\">\n                    {title}\n                </Heading>\n                <CodeEditor value={value} language=\"json\" disabled={true} />\n            </div>\n        </>\n    );\n};\n\ninterface LoadMoreLogsButtonProps {\n    show: boolean;\n    loading: boolean;\n    onClick: () => void;\n}\n\nconst LoadMoreLogsButton = ({ show, loading, onClick }: LoadMoreLogsButtonProps) => {\n    if (!show) {\n        return null;\n    }\n\n    return (\n        <div className=\"mt-sm\">\n            <Button variant=\"tertiary\" size=\"sm\" onClick={onClick} disabled={loading}>\n                {loading ? \"Loading...\" : \"Load more logs\"}\n            </Button>\n        </div>\n    );\n};\n\ninterface DrawerActionsProps {\n    isRunning: boolean;\n    isTerminal: boolean;\n    onAbort: () => void;\n    onDelete: () => void;\n}\n\nconst DrawerActions = ({ isRunning, isTerminal, onAbort, onDelete }: DrawerActionsProps) => {\n    if (!isRunning && !isTerminal) {\n        return null;\n    }\n\n    return (\n        <div className=\"flex gap-sm\">\n            {isRunning ? (\n                <Button variant=\"secondary\" size=\"sm\" icon={<StopCircleIcon />} onClick={onAbort}>\n                    Abort\n                </Button>\n            ) : null}\n            {isTerminal ? (\n                <Button variant=\"secondary\" size=\"sm\" icon={<DeleteIcon />} onClick={onDelete}>\n                    Delete\n                </Button>\n            ) : null}\n        </div>\n    );\n};\n\ninterface LogItemViewProps {\n    item: TaskLogItem;\n}\n\nconst LogItemView = ({ item }: LogItemViewProps) => {\n    const [expanded, setExpanded] = useState(false);\n    const hasData = item.data !== null && item.data !== undefined;\n    const hasError = item.error !== null && item.error !== undefined;\n    const expandable = hasData || hasError;\n\n    return (\n        <div className=\"border-b-sm border-neutral-muted py-xs px-sm\">\n            <div className=\"flex items-start gap-sm\">\n                <div className=\"flex-shrink-0 pt-[2px]\">\n                    <Tag\n                        variant={item.type === \"error\" ? \"destructive\" : \"neutral-light\"}\n                        content={item.type}\n                    />\n                </div>\n                <div className=\"flex-1 min-w-0\">\n                    <Text size=\"sm\">{item.message}</Text>\n                </div>\n                <div className=\"flex items-center gap-xs flex-shrink-0\">\n                    <Text size=\"sm\" className=\"text-neutral-strong\">\n                        <TimeAgo datetime={item.createdOn} />\n                    </Text>\n                    <ExpandButton\n                        show={expandable}\n                        expanded={expanded}\n                        onClick={() => setExpanded(!expanded)}\n                    />\n                </div>\n            </div>\n            <ExpandedPayload show={expanded && hasData} label=\"Data\" value={item.data} />\n            <ExpandedPayload\n                show={expanded && hasError}\n                label=\"Error\"\n                value={item.error}\n                variant=\"destructive\"\n            />\n        </div>\n    );\n};\n\ninterface TaskDetailDrawerProps {\n    task: Task;\n    open: boolean;\n    onClose: () => void;\n    onAbort: (id: string) => Promise<void>;\n    onDelete: (id: string) => Promise<void>;\n}\n\nconst TaskDetailDrawerInner = observer(function TaskDetailDrawerInner({\n    task,\n    open,\n    onClose,\n    onAbort,\n    onDelete\n}: TaskDetailDrawerProps) {\n    const { presenter } = useFeature(TaskDetailPresenterFeature);\n\n    useEffect(() => {\n        if (open) {\n            void presenter.init(task.id);\n        }\n    }, [presenter, task.id, open]);\n\n    const { vm } = presenter;\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 { showConfirmation: showDeleteConfirmation } = useConfirmationDialog({\n        title: \"Delete Task\",\n        message: \"Are you sure you want to delete this task?\"\n    });\n\n    const displayTask = vm.task ?? task;\n    const isRunning = displayTask.taskStatus === \"running\";\n    const isTerminal =\n        displayTask.taskStatus === \"success\" ||\n        displayTask.taskStatus === \"failed\" ||\n        displayTask.taskStatus === \"aborted\";\n\n    const inputJson = formatJson(displayTask.input);\n    const outputJson = formatJson(displayTask.output);\n\n    return (\n        <Drawer\n            open={open}\n            onOpenChange={isOpen => !isOpen && onClose()}\n            title={\n                <div className=\"flex items-center gap-sm\">\n                    <span>{displayTask.name || displayTask.definitionId}</span>\n                    <Tag\n                        variant={STATUS_TAG_VARIANT[displayTask.taskStatus] ?? \"neutral-light\"}\n                        content={displayTask.taskStatus}\n                    />\n                </div>\n            }\n            modal={true}\n            width=\"900px\"\n            bodyPadding={false}\n            actions={\n                <DrawerActions\n                    isRunning={isRunning}\n                    isTerminal={isTerminal}\n                    onAbort={() => showAbortConfirmation(() => onAbort(displayTask.id))}\n                    onDelete={() => showDeleteConfirmation(() => onDelete(displayTask.id))}\n                />\n            }\n        >\n            <div className=\"flex flex-col gap-md p-md overflow-auto\">\n                <div>\n                    <Heading level={6} className=\"mb-sm\">\n                        General Info\n                    </Heading>\n                    <Grid gap=\"comfortable\">\n                        <Grid.Column span={6}>\n                            <Text size=\"sm\" className=\"text-neutral-strong\">\n                                Definition\n                            </Text>\n                            <Text size=\"sm\">{displayTask.definitionId}</Text>\n                        </Grid.Column>\n                        <Grid.Column span={6}>\n                            <Text size=\"sm\" className=\"text-neutral-strong\">\n                                Created By\n                            </Text>\n                            <Text size=\"sm\">{displayTask.createdBy?.displayName ?? \"—\"}</Text>\n                        </Grid.Column>\n                        <Grid.Column span={6}>\n                            <Text size=\"sm\" className=\"text-neutral-strong\">\n                                Created On\n                            </Text>\n                            <Text size=\"sm\">\n                                {displayTask.createdOn ? (\n                                    <TimeAgo datetime={displayTask.createdOn} />\n                                ) : (\n                                    \"—\"\n                                )}\n                            </Text>\n                        </Grid.Column>\n                        <Grid.Column span={6}>\n                            <Text size=\"sm\" className=\"text-neutral-strong\">\n                                Started On\n                            </Text>\n                            <Text size=\"sm\">\n                                {displayTask.startedOn ? (\n                                    <TimeAgo datetime={displayTask.startedOn} />\n                                ) : (\n                                    \"—\"\n                                )}\n                            </Text>\n                        </Grid.Column>\n                        <Grid.Column span={6}>\n                            <Text size=\"sm\" className=\"text-neutral-strong\">\n                                Finished On\n                            </Text>\n                            <Text size=\"sm\">\n                                {displayTask.finishedOn ? (\n                                    <TimeAgo datetime={displayTask.finishedOn} />\n                                ) : (\n                                    \"—\"\n                                )}\n                            </Text>\n                        </Grid.Column>\n                        <Grid.Column span={6}>\n                            <Text size=\"sm\" className=\"text-neutral-strong\">\n                                Iterations\n                            </Text>\n                            <Text size=\"sm\">{displayTask.iterations ?? 0}</Text>\n                        </Grid.Column>\n                    </Grid>\n                </div>\n\n                <JsonSection show={!!inputJson} title=\"Input\" value={inputJson} />\n                <JsonSection show={!!outputJson} title=\"Output\" value={outputJson} />\n\n                <Separator />\n                <div>\n                    <Heading level={6} className=\"mb-sm\">\n                        Logs ({vm.logs.pagination.totalCount})\n                    </Heading>\n                    {vm.logs.rows.length === 0 && !vm.logs.pagination.loading ? (\n                        <Text size=\"sm\" className=\"text-neutral-strong\">\n                            No logs available.\n                        </Text>\n                    ) : (\n                        <div className=\"border-sm border-neutral-muted rounded-sm\">\n                            {vm.logs.rows.map((log: TaskLog) =>\n                                log.items.map((item, idx) => (\n                                    <LogItemView key={`${log.id}-${idx}`} item={item} />\n                                ))\n                            )}\n                        </div>\n                    )}\n                    <LoadMoreLogsButton\n                        show={vm.logs.pagination.hasMore}\n                        loading={vm.logs.pagination.loading}\n                        onClick={() => presenter.loadMore()}\n                    />\n                </div>\n            </div>\n        </Drawer>\n    );\n});\n\nexport const TaskDetailDrawer = (props: TaskDetailDrawerProps) => {\n    const container = useContainer();\n\n    const scopedContainer = useMemo(() => {\n        const child = container.createChildContainer();\n        GetTaskFeature.register(child);\n        ListLogsFeature.register(child);\n        TaskDetailPresenterFeature.register(child);\n        return child;\n    }, []);\n\n    return (\n        <DiContainerProvider container={scopedContainer}>\n            <TaskDetailDrawerInner {...props} />\n        </DiContainerProvider>\n    );\n};\n"],"names":["STATUS_TAG_VARIANT","formatJson","value","JSON","ExpandButton","show","expanded","onClick","Button","ExpandLessIcon","ExpandMoreIcon","ExpandedPayload","label","variant","textClass","Text","JsonSection","title","Separator","Heading","CodeEditor","LoadMoreLogsButton","loading","DrawerActions","isRunning","isTerminal","onAbort","onDelete","StopCircleIcon","DeleteIcon","LogItemView","item","setExpanded","useState","hasData","undefined","hasError","expandable","Tag","TimeAgo","TaskDetailDrawerInner","observer","task","open","onClose","presenter","useFeature","TaskDetailPresenterFeature","useEffect","vm","showAbortConfirmation","useConfirmationDialog","showDeleteConfirmation","displayTask","inputJson","outputJson","Drawer","isOpen","Grid","log","idx","TaskDetailDrawer","props","container","useContainer","scopedContainer","useMemo","child","GetTaskFeature","ListLogsFeature","DiContainerProvider"],"mappings":"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"}
+{"version":3,"file":"admin/presentation/TaskDetail/components/TaskDetailDrawer.js","sources":["../../../../../src/admin/presentation/TaskDetail/components/TaskDetailDrawer.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { DiContainerProvider, useContainer, useFeature } from \"@webiny/app\";\nimport { Button, Drawer, Grid, Heading, Separator, Tag, Text, TimeAgo } from \"@webiny/admin-ui\";\nimport { CodeEditor } from \"@webiny/admin-ui\";\nimport { useConfirmationDialog } from \"@webiny/app-admin/hooks/index.js\";\nimport { ReactComponent as StopCircleIcon } from \"@webiny/icons/stop_circle.svg\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { ReactComponent as ExpandMoreIcon } from \"@webiny/icons/expand_more.svg\";\nimport { ReactComponent as ExpandLessIcon } from \"@webiny/icons/expand_less.svg\";\nimport { TaskDetailPresenterFeature } from \"../feature.js\";\nimport { GetTaskFeature } from \"~/admin/features/getTask/feature.js\";\nimport { ListLogsFeature } from \"~/admin/features/listLogs/feature.js\";\nimport type { Task, TaskLog, TaskLogItem } from \"~/admin/shared/types.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 formatJson = (value: unknown): string => {\n    if (value === null || value === undefined) {\n        return \"\";\n    }\n    if (typeof value === \"string\") {\n        try {\n            return JSON.stringify(JSON.parse(value), null, 2);\n        } catch {\n            return value;\n        }\n    }\n    return JSON.stringify(value, null, 2);\n};\n\ninterface ExpandButtonProps {\n    show: boolean;\n    expanded: boolean;\n    onClick: () => void;\n}\n\nconst ExpandButton = ({ show, expanded, onClick }: ExpandButtonProps) => {\n    if (!show) {\n        return null;\n    }\n\n    return (\n        <Button\n            variant=\"tertiary\"\n            size=\"sm\"\n            icon={expanded ? <ExpandLessIcon /> : <ExpandMoreIcon />}\n            onClick={onClick}\n        />\n    );\n};\n\ninterface ExpandedPayloadProps {\n    show: boolean;\n    label: string;\n    value: unknown;\n    variant?: \"default\" | \"destructive\";\n}\n\nconst ExpandedPayload = ({ show, label, value, variant = \"default\" }: ExpandedPayloadProps) => {\n    if (!show) {\n        return null;\n    }\n\n    const textClass = variant === \"destructive\" ? \" text-destructive\" : \"\";\n\n    return (\n        <div className=\"mt-xs\">\n            <Text size=\"sm\" className=\"text-neutral-strong mb-xs\">\n                {label}\n            </Text>\n            <pre\n                className={`bg-neutral-light rounded-sm p-sm text-xs overflow-auto max-h-[200px]${textClass}`}\n            >\n                {formatJson(value)}\n            </pre>\n        </div>\n    );\n};\n\ninterface JsonSectionProps {\n    show: boolean;\n    title: string;\n    value: string;\n}\n\nconst JsonSection = ({ show, title, value }: JsonSectionProps) => {\n    if (!show) {\n        return null;\n    }\n\n    return (\n        <>\n            <Separator />\n            <div>\n                <Heading level={6} className=\"mb-sm\">\n                    {title}\n                </Heading>\n                <CodeEditor value={value} language=\"json\" disabled={true} />\n            </div>\n        </>\n    );\n};\n\ninterface LoadMoreLogsButtonProps {\n    show: boolean;\n    loading: boolean;\n    onClick: () => void;\n}\n\nconst LoadMoreLogsButton = ({ show, loading, onClick }: LoadMoreLogsButtonProps) => {\n    if (!show) {\n        return null;\n    }\n\n    return (\n        <div className=\"mt-sm\">\n            <Button variant=\"tertiary\" size=\"sm\" onClick={onClick} disabled={loading}>\n                {loading ? \"Loading...\" : \"Load more logs\"}\n            </Button>\n        </div>\n    );\n};\n\ninterface DrawerActionsProps {\n    isRunning: boolean;\n    isTerminal: boolean;\n    onAbort: () => void;\n    onDelete: () => void;\n}\n\nconst DrawerActions = ({ isRunning, isTerminal, onAbort, onDelete }: DrawerActionsProps) => {\n    if (!isRunning && !isTerminal) {\n        return null;\n    }\n\n    return (\n        <div className=\"flex gap-sm\">\n            {isRunning ? (\n                <Button variant=\"secondary\" size=\"sm\" icon={<StopCircleIcon />} onClick={onAbort}>\n                    Abort\n                </Button>\n            ) : null}\n            {isTerminal ? (\n                <Button variant=\"secondary\" size=\"sm\" icon={<DeleteIcon />} onClick={onDelete}>\n                    Delete\n                </Button>\n            ) : null}\n        </div>\n    );\n};\n\ninterface LogItemViewProps {\n    item: TaskLogItem;\n}\n\nconst LogItemView = ({ item }: LogItemViewProps) => {\n    const [expanded, setExpanded] = useState(false);\n    const hasData = item.data !== null && item.data !== undefined;\n    const hasError = item.error !== null && item.error !== undefined;\n    const expandable = hasData || hasError;\n\n    return (\n        <div className=\"border-b-sm border-neutral-muted py-xs px-sm\">\n            <div className=\"flex items-start gap-sm\">\n                <div className=\"flex-shrink-0 pt-[2px]\">\n                    <Tag\n                        variant={item.type === \"error\" ? \"destructive\" : \"neutral-light\"}\n                        content={item.type}\n                    />\n                </div>\n                <div className=\"flex-1 min-w-0\">\n                    <Text size=\"sm\">{item.message}</Text>\n                </div>\n                <div className=\"flex items-center gap-xs flex-shrink-0\">\n                    <Text size=\"sm\" className=\"text-neutral-strong\">\n                        <TimeAgo datetime={item.createdOn} />\n                    </Text>\n                    <ExpandButton\n                        show={expandable}\n                        expanded={expanded}\n                        onClick={() => setExpanded(!expanded)}\n                    />\n                </div>\n            </div>\n            <ExpandedPayload show={expanded && hasData} label=\"Data\" value={item.data} />\n            <ExpandedPayload\n                show={expanded && hasError}\n                label=\"Error\"\n                value={item.error}\n                variant=\"destructive\"\n            />\n        </div>\n    );\n};\n\ninterface TaskDetailDrawerProps {\n    task: Task;\n    open: boolean;\n    onClose: () => void;\n    onAbort: (id: string) => Promise<void>;\n    onDelete: (id: string) => Promise<void>;\n}\n\nconst TaskDetailDrawerInner = observer(function TaskDetailDrawerInner({\n    task,\n    open,\n    onClose,\n    onAbort,\n    onDelete\n}: TaskDetailDrawerProps) {\n    const { presenter } = useFeature(TaskDetailPresenterFeature);\n\n    useEffect(() => {\n        if (open) {\n            void presenter.init(task.id);\n        }\n    }, [presenter, task.id, open]);\n\n    const { vm } = presenter;\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 { showConfirmation: showDeleteConfirmation } = useConfirmationDialog({\n        title: \"Delete Task\",\n        message: \"Are you sure you want to delete this task?\"\n    });\n\n    const displayTask = vm.task ?? task;\n    const isRunning = displayTask.taskStatus === \"running\";\n    const isTerminal =\n        displayTask.taskStatus === \"success\" ||\n        displayTask.taskStatus === \"failed\" ||\n        displayTask.taskStatus === \"aborted\";\n\n    const inputJson = formatJson(displayTask.input);\n    const outputJson = formatJson(displayTask.output);\n\n    return (\n        <Drawer\n            open={open}\n            onOpenChange={isOpen => !isOpen && onClose()}\n            title={\n                <div className=\"flex items-center gap-sm\">\n                    <span>{displayTask.name || displayTask.definitionId}</span>\n                    <Tag\n                        variant={STATUS_TAG_VARIANT[displayTask.taskStatus] ?? \"neutral-light\"}\n                        content={displayTask.taskStatus}\n                    />\n                </div>\n            }\n            modal={true}\n            width=\"900px\"\n            bodyPadding={false}\n            actions={\n                <DrawerActions\n                    isRunning={isRunning}\n                    isTerminal={isTerminal}\n                    onAbort={() => showAbortConfirmation(() => onAbort(displayTask.id))}\n                    onDelete={() => showDeleteConfirmation(() => onDelete(displayTask.id))}\n                />\n            }\n        >\n            <div className=\"flex flex-col gap-md p-md overflow-auto\">\n                <div>\n                    <Heading level={6} className=\"mb-sm\">\n                        General Info\n                    </Heading>\n                    <Grid gap=\"comfortable\">\n                        <Grid.Column span={6}>\n                            <Text as=\"div\" size=\"sm\" className=\"text-neutral-strong\">\n                                Definition\n                            </Text>\n                            <Text size=\"sm\">{displayTask.definitionId}</Text>\n                        </Grid.Column>\n                        <Grid.Column span={6}>\n                            <Text as=\"div\" size=\"sm\" className=\"text-neutral-strong\">\n                                Created By\n                            </Text>\n                            <Text size=\"sm\">{displayTask.createdBy?.displayName ?? \"—\"}</Text>\n                        </Grid.Column>\n                        <Grid.Column span={6}>\n                            <Text as=\"div\" size=\"sm\" className=\"text-neutral-strong\">\n                                Created On\n                            </Text>\n                            <Text size=\"sm\">\n                                {displayTask.createdOn ? (\n                                    <TimeAgo datetime={displayTask.createdOn} />\n                                ) : (\n                                    \"—\"\n                                )}\n                            </Text>\n                        </Grid.Column>\n                        <Grid.Column span={6}>\n                            <Text as=\"div\" size=\"sm\" className=\"text-neutral-strong\">\n                                Started On\n                            </Text>\n                            <Text size=\"sm\">\n                                {displayTask.startedOn ? (\n                                    <TimeAgo datetime={displayTask.startedOn} />\n                                ) : (\n                                    \"—\"\n                                )}\n                            </Text>\n                        </Grid.Column>\n                        <Grid.Column span={6}>\n                            <Text as=\"div\" size=\"sm\" className=\"text-neutral-strong\">\n                                Finished On\n                            </Text>\n                            <Text size=\"sm\">\n                                {displayTask.finishedOn ? (\n                                    <TimeAgo datetime={displayTask.finishedOn} />\n                                ) : (\n                                    \"—\"\n                                )}\n                            </Text>\n                        </Grid.Column>\n                        <Grid.Column span={6}>\n                            <Text as=\"div\" size=\"sm\" className=\"text-neutral-strong\">\n                                Iterations\n                            </Text>\n                            <Text size=\"sm\">{displayTask.iterations ?? 0}</Text>\n                        </Grid.Column>\n                    </Grid>\n                </div>\n\n                <JsonSection show={!!inputJson} title=\"Input\" value={inputJson} />\n                <JsonSection show={!!outputJson} title=\"Output\" value={outputJson} />\n\n                <Separator />\n                <div>\n                    <Heading level={6} className=\"mb-sm\">\n                        Logs ({vm.logs.pagination.totalCount})\n                    </Heading>\n                    {vm.logs.rows.length === 0 && !vm.logs.pagination.loading ? (\n                        <Text size=\"sm\" className=\"text-neutral-strong\">\n                            No logs available.\n                        </Text>\n                    ) : (\n                        <div className=\"border-sm border-neutral-muted rounded-sm\">\n                            {vm.logs.rows.map((log: TaskLog) =>\n                                log.items.map((item, idx) => (\n                                    <LogItemView key={`${log.id}-${idx}`} item={item} />\n                                ))\n                            )}\n                        </div>\n                    )}\n                    <LoadMoreLogsButton\n                        show={vm.logs.pagination.hasMore}\n                        loading={vm.logs.pagination.loading}\n                        onClick={() => presenter.loadMore()}\n                    />\n                </div>\n            </div>\n        </Drawer>\n    );\n});\n\nexport const TaskDetailDrawer = (props: TaskDetailDrawerProps) => {\n    const container = useContainer();\n\n    const scopedContainer = useMemo(() => {\n        const child = container.createChildContainer();\n        GetTaskFeature.register(child);\n        ListLogsFeature.register(child);\n        TaskDetailPresenterFeature.register(child);\n        return child;\n    }, []);\n\n    return (\n        <DiContainerProvider container={scopedContainer}>\n            <TaskDetailDrawerInner {...props} />\n        </DiContainerProvider>\n    );\n};\n"],"names":["STATUS_TAG_VARIANT","formatJson","value","JSON","ExpandButton","show","expanded","onClick","Button","ExpandLessIcon","ExpandMoreIcon","ExpandedPayload","label","variant","textClass","Text","JsonSection","title","Separator","Heading","CodeEditor","LoadMoreLogsButton","loading","DrawerActions","isRunning","isTerminal","onAbort","onDelete","StopCircleIcon","DeleteIcon","LogItemView","item","setExpanded","useState","hasData","undefined","hasError","expandable","Tag","TimeAgo","TaskDetailDrawerInner","observer","task","open","onClose","presenter","useFeature","TaskDetailPresenterFeature","useEffect","vm","showAbortConfirmation","useConfirmationDialog","showDeleteConfirmation","displayTask","inputJson","outputJson","Drawer","isOpen","Grid","log","idx","TaskDetailDrawer","props","container","useContainer","scopedContainer","useMemo","child","GetTaskFeature","ListLogsFeature","DiContainerProvider"],"mappings":"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"}

package/admin/presentation/TaskExecutions/TaskExecutionsDataSource.js

@@ -69,7 +69,7 @@ class TaskExecutionsDataSource {
             where: params.filters,
             sort,
             limit: params.limit,
-            after: this._meta.cursor ?? void 0,
+            after: this._meta.cursor || void 0,
             search: params.search
         });
         runInAction(()=>{

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

@@ -1 +1 @@
-{"version":3,"file":"admin/presentation/TaskExecutions/TaskExecutionsDataSource.js","sources":["../../../../src/admin/presentation/TaskExecutions/TaskExecutionsDataSource.ts"],"sourcesContent":["import { makeAutoObservable, runInAction, computed } from \"mobx\";\nimport type {\n    IDataSource,\n    IDataSourceQuery,\n    IDataSourceMeta\n} from \"@webiny/app-admin/presentation/listPresenter/abstractions.js\";\nimport type { Task } from \"~/admin/shared/types.js\";\nimport type { IListTasksUseCase } from \"~/admin/features/listTasks/abstractions.js\";\n\nconst ENTRY_META_SORT_FIELDS = new Set([\n    \"id\",\n    \"createdOn\",\n    \"modifiedOn\",\n    \"savedOn\",\n    \"deletedOn\",\n    \"restoredOn\",\n    \"firstPublishedOn\",\n    \"lastPublishedOn\"\n]);\n\nfunction toSortEnum(field: string, direction: \"ASC\" | \"DESC\"): string {\n    const prefix = ENTRY_META_SORT_FIELDS.has(field) ? \"\" : \"values_\";\n    return `${prefix}${field}_${direction}`;\n}\n\nexport class TaskExecutionsDataSource implements IDataSource<Task> {\n    private _rows: Task[] = [];\n    private _meta: IDataSourceMeta = { cursor: null, hasMoreItems: false, totalCount: 0 };\n    private _loading = false;\n\n    constructor(private readonly listTasksUseCase: IListTasksUseCase) {\n        makeAutoObservable<TaskExecutionsDataSource, \"listTasksUseCase\">(this, {\n            listTasksUseCase: false,\n            rows: computed\n        });\n    }\n\n    get rows(): Task[] {\n        return this._rows;\n    }\n\n    get meta(): IDataSourceMeta {\n        return this._meta;\n    }\n\n    get loading(): boolean {\n        return this._loading;\n    }\n\n    async query(params: IDataSourceQuery): Promise<void> {\n        this._loading = true;\n        const sort = params.sort\n            ? [toSortEnum(params.sort.field, params.sort.direction)]\n            : undefined;\n        const result = await this.listTasksUseCase.execute({\n            where: params.filters,\n            sort,\n            limit: params.limit,\n            after: params.cursor,\n            search: params.search\n        });\n        runInAction(() => {\n            this._rows = result.items;\n            this._meta = {\n                cursor: result.meta.cursor,\n                hasMoreItems: result.meta.hasMoreItems,\n                totalCount: result.meta.totalCount\n            };\n            this._loading = false;\n        });\n    }\n\n    async loadMore(params: IDataSourceQuery): Promise<void> {\n        if (!this._meta.hasMoreItems || this._loading) {\n            return;\n        }\n        this._loading = true;\n        const sort = params.sort\n            ? [toSortEnum(params.sort.field, params.sort.direction)]\n            : undefined;\n        const result = await this.listTasksUseCase.execute({\n            where: params.filters,\n            sort,\n            limit: params.limit,\n            after: this._meta.cursor ?? undefined,\n            search: params.search\n        });\n        runInAction(() => {\n            this._rows = [...this._rows, ...result.items];\n            this._meta = {\n                cursor: result.meta.cursor,\n                hasMoreItems: result.meta.hasMoreItems,\n                totalCount: result.meta.totalCount\n            };\n            this._loading = false;\n        });\n    }\n}\n"],"names":["ENTRY_META_SORT_FIELDS","Set","toSortEnum","field","direction","prefix","TaskExecutionsDataSource","listTasksUseCase","makeAutoObservable","computed","params","sort","undefined","result","runInAction"],"mappings":";AASA,MAAMA,yBAAyB,IAAIC,IAAI;IACnC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACH;AAED,SAASC,WAAWC,KAAa,EAAEC,SAAyB;IACxD,MAAMC,SAASL,uBAAuB,GAAG,CAACG,SAAS,KAAK;IACxD,OAAO,GAAGE,SAASF,MAAM,CAAC,EAAEC,WAAW;AAC3C;AAEO,MAAME;IAKT,YAA6BC,gBAAmC,CAAE;aAArCA,gBAAgB,GAAhBA;aAJrB,KAAK,GAAW,EAAE;aAClB,KAAK,GAAoB;YAAE,QAAQ;YAAM,cAAc;YAAO,YAAY;QAAE;aAC5E,QAAQ,GAAG;QAGfC,mBAAiE,IAAI,EAAE;YACnE,kBAAkB;YAClB,MAAMC;QACV;IACJ;IAEA,IAAI,OAAe;QACf,OAAO,IAAI,CAAC,KAAK;IACrB;IAEA,IAAI,OAAwB;QACxB,OAAO,IAAI,CAAC,KAAK;IACrB;IAEA,IAAI,UAAmB;QACnB,OAAO,IAAI,CAAC,QAAQ;IACxB;IAEA,MAAM,MAAMC,MAAwB,EAAiB;QACjD,IAAI,CAAC,QAAQ,GAAG;QAChB,MAAMC,OAAOD,OAAO,IAAI,GAClB;YAACR,WAAWQ,OAAO,IAAI,CAAC,KAAK,EAAEA,OAAO,IAAI,CAAC,SAAS;SAAE,GACtDE;QACN,MAAMC,SAAS,MAAM,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC;YAC/C,OAAOH,OAAO,OAAO;YACrBC;YACA,OAAOD,OAAO,KAAK;YACnB,OAAOA,OAAO,MAAM;YACpB,QAAQA,OAAO,MAAM;QACzB;QACAI,YAAY;YACR,IAAI,CAAC,KAAK,GAAGD,OAAO,KAAK;YACzB,IAAI,CAAC,KAAK,GAAG;gBACT,QAAQA,OAAO,IAAI,CAAC,MAAM;gBAC1B,cAAcA,OAAO,IAAI,CAAC,YAAY;gBACtC,YAAYA,OAAO,IAAI,CAAC,UAAU;YACtC;YACA,IAAI,CAAC,QAAQ,GAAG;QACpB;IACJ;IAEA,MAAM,SAASH,MAAwB,EAAiB;QACpD,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,IAAI,CAAC,QAAQ,EACzC;QAEJ,IAAI,CAAC,QAAQ,GAAG;QAChB,MAAMC,OAAOD,OAAO,IAAI,GAClB;YAACR,WAAWQ,OAAO,IAAI,CAAC,KAAK,EAAEA,OAAO,IAAI,CAAC,SAAS;SAAE,GACtDE;QACN,MAAMC,SAAS,MAAM,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC;YAC/C,OAAOH,OAAO,OAAO;YACrBC;YACA,OAAOD,OAAO,KAAK;YACnB,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,IAAIE;YAC5B,QAAQF,OAAO,MAAM;QACzB;QACAI,YAAY;YACR,IAAI,CAAC,KAAK,GAAG;mBAAI,IAAI,CAAC,KAAK;mBAAKD,OAAO,KAAK;aAAC;YAC7C,IAAI,CAAC,KAAK,GAAG;gBACT,QAAQA,OAAO,IAAI,CAAC,MAAM;gBAC1B,cAAcA,OAAO,IAAI,CAAC,YAAY;gBACtC,YAAYA,OAAO,IAAI,CAAC,UAAU;YACtC;YACA,IAAI,CAAC,QAAQ,GAAG;QACpB;IACJ;AACJ"}
+{"version":3,"file":"admin/presentation/TaskExecutions/TaskExecutionsDataSource.js","sources":["../../../../src/admin/presentation/TaskExecutions/TaskExecutionsDataSource.ts"],"sourcesContent":["import { makeAutoObservable, runInAction, computed } from \"mobx\";\nimport type {\n    IDataSource,\n    IDataSourceQuery,\n    IDataSourceMeta\n} from \"@webiny/app-admin/presentation/listPresenter/abstractions.js\";\nimport type { Task } from \"~/admin/shared/types.js\";\nimport type { IListTasksUseCase } from \"~/admin/features/listTasks/abstractions.js\";\n\nconst ENTRY_META_SORT_FIELDS = new Set([\n    \"id\",\n    \"createdOn\",\n    \"modifiedOn\",\n    \"savedOn\",\n    \"deletedOn\",\n    \"restoredOn\",\n    \"firstPublishedOn\",\n    \"lastPublishedOn\"\n]);\n\nfunction toSortEnum(field: string, direction: \"ASC\" | \"DESC\"): string {\n    const prefix = ENTRY_META_SORT_FIELDS.has(field) ? \"\" : \"values_\";\n    return `${prefix}${field}_${direction}`;\n}\n\nexport class TaskExecutionsDataSource implements IDataSource<Task> {\n    private _rows: Task[] = [];\n    private _meta: IDataSourceMeta = { cursor: null, hasMoreItems: false, totalCount: 0 };\n    private _loading = false;\n\n    constructor(private readonly listTasksUseCase: IListTasksUseCase) {\n        makeAutoObservable<TaskExecutionsDataSource, \"listTasksUseCase\">(this, {\n            listTasksUseCase: false,\n            rows: computed\n        });\n    }\n\n    get rows(): Task[] {\n        return this._rows;\n    }\n\n    get meta(): IDataSourceMeta {\n        return this._meta;\n    }\n\n    get loading(): boolean {\n        return this._loading;\n    }\n\n    async query(params: IDataSourceQuery): Promise<void> {\n        this._loading = true;\n        const sort = params.sort\n            ? [toSortEnum(params.sort.field, params.sort.direction)]\n            : undefined;\n        const result = await this.listTasksUseCase.execute({\n            where: params.filters,\n            sort,\n            limit: params.limit,\n            after: params.cursor,\n            search: params.search\n        });\n        runInAction(() => {\n            this._rows = result.items;\n            this._meta = {\n                cursor: result.meta.cursor,\n                hasMoreItems: result.meta.hasMoreItems,\n                totalCount: result.meta.totalCount\n            };\n            this._loading = false;\n        });\n    }\n\n    async loadMore(params: IDataSourceQuery): Promise<void> {\n        if (!this._meta.hasMoreItems || this._loading) {\n            return;\n        }\n        this._loading = true;\n        const sort = params.sort\n            ? [toSortEnum(params.sort.field, params.sort.direction)]\n            : undefined;\n        const result = await this.listTasksUseCase.execute({\n            where: params.filters,\n            sort,\n            limit: params.limit,\n            after: this._meta.cursor || undefined,\n            search: params.search\n        });\n        runInAction(() => {\n            this._rows = [...this._rows, ...result.items];\n            this._meta = {\n                cursor: result.meta.cursor,\n                hasMoreItems: result.meta.hasMoreItems,\n                totalCount: result.meta.totalCount\n            };\n            this._loading = false;\n        });\n    }\n}\n"],"names":["ENTRY_META_SORT_FIELDS","Set","toSortEnum","field","direction","prefix","TaskExecutionsDataSource","listTasksUseCase","makeAutoObservable","computed","params","sort","undefined","result","runInAction"],"mappings":";AASA,MAAMA,yBAAyB,IAAIC,IAAI;IACnC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACH;AAED,SAASC,WAAWC,KAAa,EAAEC,SAAyB;IACxD,MAAMC,SAASL,uBAAuB,GAAG,CAACG,SAAS,KAAK;IACxD,OAAO,GAAGE,SAASF,MAAM,CAAC,EAAEC,WAAW;AAC3C;AAEO,MAAME;IAKT,YAA6BC,gBAAmC,CAAE;aAArCA,gBAAgB,GAAhBA;aAJrB,KAAK,GAAW,EAAE;aAClB,KAAK,GAAoB;YAAE,QAAQ;YAAM,cAAc;YAAO,YAAY;QAAE;aAC5E,QAAQ,GAAG;QAGfC,mBAAiE,IAAI,EAAE;YACnE,kBAAkB;YAClB,MAAMC;QACV;IACJ;IAEA,IAAI,OAAe;QACf,OAAO,IAAI,CAAC,KAAK;IACrB;IAEA,IAAI,OAAwB;QACxB,OAAO,IAAI,CAAC,KAAK;IACrB;IAEA,IAAI,UAAmB;QACnB,OAAO,IAAI,CAAC,QAAQ;IACxB;IAEA,MAAM,MAAMC,MAAwB,EAAiB;QACjD,IAAI,CAAC,QAAQ,GAAG;QAChB,MAAMC,OAAOD,OAAO,IAAI,GAClB;YAACR,WAAWQ,OAAO,IAAI,CAAC,KAAK,EAAEA,OAAO,IAAI,CAAC,SAAS;SAAE,GACtDE;QACN,MAAMC,SAAS,MAAM,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC;YAC/C,OAAOH,OAAO,OAAO;YACrBC;YACA,OAAOD,OAAO,KAAK;YACnB,OAAOA,OAAO,MAAM;YACpB,QAAQA,OAAO,MAAM;QACzB;QACAI,YAAY;YACR,IAAI,CAAC,KAAK,GAAGD,OAAO,KAAK;YACzB,IAAI,CAAC,KAAK,GAAG;gBACT,QAAQA,OAAO,IAAI,CAAC,MAAM;gBAC1B,cAAcA,OAAO,IAAI,CAAC,YAAY;gBACtC,YAAYA,OAAO,IAAI,CAAC,UAAU;YACtC;YACA,IAAI,CAAC,QAAQ,GAAG;QACpB;IACJ;IAEA,MAAM,SAASH,MAAwB,EAAiB;QACpD,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,IAAI,CAAC,QAAQ,EACzC;QAEJ,IAAI,CAAC,QAAQ,GAAG;QAChB,MAAMC,OAAOD,OAAO,IAAI,GAClB;YAACR,WAAWQ,OAAO,IAAI,CAAC,KAAK,EAAEA,OAAO,IAAI,CAAC,SAAS;SAAE,GACtDE;QACN,MAAMC,SAAS,MAAM,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC;YAC/C,OAAOH,OAAO,OAAO;YACrBC;YACA,OAAOD,OAAO,KAAK;YACnB,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,IAAIE;YAC5B,QAAQF,OAAO,MAAM;QACzB;QACAI,YAAY;YACR,IAAI,CAAC,KAAK,GAAG;mBAAI,IAAI,CAAC,KAAK;mBAAKD,OAAO,KAAK;aAAC;YAC7C,IAAI,CAAC,KAAK,GAAG;gBACT,QAAQA,OAAO,IAAI,CAAC,MAAM;gBAC1B,cAAcA,OAAO,IAAI,CAAC,YAAY;gBACtC,YAAYA,OAAO,IAAI,CAAC,UAAU;YACtC;YACA,IAAI,CAAC,QAAQ,GAAG;QACpB;IACJ;AACJ"}

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),