@webiny/app-scheduler 0.0.0-unstable.0d717d18dd

package/presentation/scheduleDialog/useScheduleDialog.d.ts

@@ -0,0 +1,20 @@
+export type ShowDialogParamsEntryStatus = "published" | "unpublished" | "draft" | string;
+export interface IShowDialogParamsEntry {
+    id: string;
+    status: ShowDialogParamsEntryStatus;
+    title: string;
+}
+interface UseShowScheduleDialogResponse {
+    showDialog: () => void;
+}
+export interface IUseScheduleDialogProps {
+    namespace: string;
+    target: IShowDialogParamsEntry;
+    /**
+     * Called after a scheduled action is successfully created/updated or cancelled. Use it to
+     * refresh anything that displays the scheduled state (e.g. list cells, form banners).
+     */
+    onCompleted?: () => void;
+}
+export declare const useScheduleDialog: (props: IUseScheduleDialogProps) => UseShowScheduleDialogResponse;
+export {};

package/presentation/scheduleDialog/useScheduleDialog.js

@@ -0,0 +1,128 @@
+import react, { useCallback, useMemo, useRef } from "react";
+import { useContainer } from "@webiny/app";
+import { useToast } from "@webiny/admin-ui";
+import { useDialogs } from "@webiny/app-admin";
+import { ScheduleActionType } from "../../types.js";
+import { ScheduleDialogPresenter } from "./abstractions.js";
+import { FormComponent } from "./components/FormComponent.js";
+import { CancelButtonComponent } from "./components/CancelButtonComponent.js";
+const useScheduleDialog = (props)=>{
+    const { target, namespace, onCompleted } = props;
+    const container = useContainer();
+    const dialog = useDialogs();
+    const toast = useToast();
+    const presenter = useMemo(()=>container.resolve(ScheduleDialogPresenter), [
+        container
+    ]);
+    const dialogClose = useRef(()=>{});
+    const onAccept = useCallback(async (params)=>{
+        const { scheduleOn, actionType } = params;
+        try {
+            await presenter.schedule({
+                targetId: target.id,
+                namespace,
+                scheduleOn,
+                actionType
+            });
+            toast.showSuccessToast({
+                title: `Scheduled ${actionType} action for "${target.title}"!`
+            });
+            onCompleted?.();
+        } catch (error) {
+            toast.showWarningToast({
+                title: error.message
+            });
+            console.error(error);
+        }
+    }, [
+        presenter.vm
+    ]);
+    const onCancel = useCallback(async ()=>{
+        const entry = presenter.vm.entry;
+        if (!entry) {
+            toast.showWarningToast({
+                title: `No scheduled action found for "${target.title}"!`
+            });
+            if (dialogClose.current) {
+                dialogClose.current();
+                dialogClose.current = null;
+            }
+            return;
+        }
+        if (dialogClose.current) {
+            dialogClose.current();
+            dialogClose.current = null;
+        }
+        try {
+            await presenter.cancel({
+                id: entry.id,
+                namespace: entry.namespace
+            });
+            toast.showSuccessToast({
+                title: `Canceled scheduled ${entry.actionType} on "${entry.title}"!`
+            });
+            onCompleted?.();
+        } catch (error) {
+            toast.showWarningToast({
+                title: error.message
+            });
+        }
+    }, [
+        presenter.vm
+    ]);
+    const showDialog = async ()=>{
+        const isPublished = "published" === target.status;
+        dialogClose.current = dialog.showDialog({
+            title: `Schedule "${target.title}"`,
+            content: /*#__PURE__*/ react.createElement(FormComponent, {
+                presenter: presenter
+            }),
+            formData: async ()=>{
+                await presenter.load({
+                    namespace,
+                    id: target.id
+                });
+                const entry = presenter.vm.entry;
+                const scheduleOn = entry?.publishOn || entry?.unpublishOn;
+                return {
+                    scheduleOn
+                };
+            },
+            acceptLabel: isPublished ? "Schedule Unpublish" : "Schedule Publish",
+            cancelLabel: "Discard",
+            loadingLabel: "Scheduling...",
+            dataLoadingLabel: "Checking schedule...",
+            info: /*#__PURE__*/ react.createElement(CancelButtonComponent, {
+                presenter: presenter,
+                onCancel: onCancel
+            }),
+            dismissible: false,
+            onAccept: (data)=>{
+                if (!data.scheduleOn) return void toast.showWarningToast({
+                    title: 'Missing "Schedule On" date!'
+                });
+                let scheduleOn;
+                try {
+                    scheduleOn = new Date(data.scheduleOn);
+                } catch (ex) {
+                    toast.showWarningToast({
+                        title: 'Invalid "Schedule On" date!'
+                    });
+                    console.error(ex);
+                    return;
+                }
+                const actionType = isPublished ? ScheduleActionType.unpublish : ScheduleActionType.publish;
+                return onAccept({
+                    scheduleOn,
+                    actionType
+                });
+            }
+        });
+    };
+    return {
+        showDialog
+    };
+};
+export { useScheduleDialog };
+
+//# sourceMappingURL=useScheduleDialog.js.map

package/presentation/scheduleDialog/useScheduleDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/scheduleDialog/useScheduleDialog.js","sources":["../../../src/presentation/scheduleDialog/useScheduleDialog.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef } from \"react\";\nimport { useContainer } from \"@webiny/app\";\nimport { useToast } from \"@webiny/admin-ui\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { ScheduleActionType } from \"~/types.js\";\nimport { ScheduleDialogPresenter } from \"./abstractions.js\";\nimport { FormComponent } from \"./components/FormComponent.js\";\nimport { CancelButtonComponent } from \"./components/CancelButtonComponent.js\";\n\nexport type ShowDialogParamsEntryStatus = \"published\" | \"unpublished\" | \"draft\" | string;\n\nexport interface IShowDialogParamsEntry {\n    id: string;\n    status: ShowDialogParamsEntryStatus;\n    title: string;\n}\n\ninterface UseShowScheduleDialogResponse {\n    showDialog: () => void;\n}\n\ninterface ScheduleFormData {\n    scheduleOn?: string;\n}\n\ninterface IOnAcceptParams {\n    scheduleOn: Date;\n    actionType: ScheduleActionType;\n}\n\nexport interface IUseScheduleDialogProps {\n    namespace: string;\n    target: IShowDialogParamsEntry;\n    /**\n     * Called after a scheduled action is successfully created/updated or cancelled. Use it to\n     * refresh anything that displays the scheduled state (e.g. list cells, form banners).\n     */\n    onCompleted?: () => void;\n}\n\nexport const useScheduleDialog = (\n    props: IUseScheduleDialogProps\n): UseShowScheduleDialogResponse => {\n    const { target, namespace, onCompleted } = props;\n    const container = useContainer();\n    const dialog = useDialogs();\n    const toast = useToast();\n\n    const presenter = useMemo(() => {\n        return container.resolve(ScheduleDialogPresenter);\n    }, [container]);\n\n    const dialogClose = useRef<null | (() => void)>(() => {\n        return;\n    });\n\n    const onAccept = useCallback(\n        async (params: IOnAcceptParams) => {\n            const { scheduleOn, actionType } = params;\n\n            try {\n                await presenter.schedule({\n                    targetId: target.id,\n                    namespace,\n                    scheduleOn,\n                    actionType\n                });\n                toast.showSuccessToast({\n                    title: `Scheduled ${actionType} action for \"${target.title}\"!`\n                });\n                onCompleted?.();\n            } catch (error) {\n                toast.showWarningToast({ title: error.message });\n                console.error(error);\n            }\n        },\n        [presenter.vm]\n    );\n\n    const onCancel = useCallback(async () => {\n        const entry = presenter.vm.entry;\n        if (!entry) {\n            toast.showWarningToast({ title: `No scheduled action found for \"${target.title}\"!` });\n            if (dialogClose.current) {\n                dialogClose.current();\n                dialogClose.current = null;\n            }\n            return;\n        }\n\n        if (dialogClose.current) {\n            dialogClose.current();\n            dialogClose.current = null;\n        }\n\n        try {\n            await presenter.cancel({\n                id: entry.id,\n                namespace: entry.namespace\n            });\n            toast.showSuccessToast({\n                title: `Canceled scheduled ${entry.actionType} on \"${entry.title}\"!`\n            });\n            onCompleted?.();\n        } catch (error) {\n            toast.showWarningToast({ title: error.message });\n        }\n    }, [presenter.vm]);\n\n    const showDialog = async () => {\n        const isPublished = target.status === \"published\";\n\n        dialogClose.current = dialog.showDialog({\n            title: `Schedule \"${target.title}\"`,\n            content: <FormComponent presenter={presenter} />,\n            formData: async () => {\n                await presenter.load({ namespace, id: target.id });\n\n                const entry = presenter.vm.entry;\n                const scheduleOn = entry?.publishOn || entry?.unpublishOn;\n\n                return { scheduleOn };\n            },\n            acceptLabel: isPublished ? \"Schedule Unpublish\" : \"Schedule Publish\",\n            cancelLabel: \"Discard\",\n            loadingLabel: \"Scheduling...\",\n            dataLoadingLabel: \"Checking schedule...\",\n            info: <CancelButtonComponent presenter={presenter} onCancel={onCancel} />,\n            dismissible: false,\n            onAccept: (data: Partial<ScheduleFormData>) => {\n                if (!data.scheduleOn) {\n                    toast.showWarningToast({ title: `Missing \"Schedule On\" date!` });\n                    return;\n                }\n                let scheduleOn: Date;\n                try {\n                    scheduleOn = new Date(data.scheduleOn);\n                } catch (ex) {\n                    toast.showWarningToast({ title: `Invalid \"Schedule On\" date!` });\n                    console.error(ex);\n                    return;\n                }\n\n                const actionType = isPublished\n                    ? ScheduleActionType.unpublish\n                    : ScheduleActionType.publish;\n\n                return onAccept({\n                    scheduleOn,\n                    actionType\n                });\n            }\n        });\n    };\n\n    return {\n        showDialog\n    };\n};\n"],"names":["useScheduleDialog","props","target","namespace","onCompleted","container","useContainer","dialog","useDialogs","toast","useToast","presenter","useMemo","ScheduleDialogPresenter","dialogClose","useRef","onAccept","useCallback","params","scheduleOn","actionType","error","console","onCancel","entry","showDialog","isPublished","FormComponent","CancelButtonComponent","data","Date","ex","ScheduleActionType"],"mappings":"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"}

package/presentation/schedulerList/Scheduler.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+export interface SchedulerRenderPropParams {
+    showScheduler: () => void;
+}
+interface SchedulerRenderProps {
+    (params: SchedulerRenderPropParams): React.ReactNode;
+}
+export interface SchedulerProps {
+    namespace: string;
+    render: SchedulerRenderProps;
+    onClose?: () => void;
+    show?: boolean;
+    title?: string;
+    canPublish: boolean;
+    canUnpublish: boolean;
+}
+export declare const Scheduler: ({ render, show: initialShow, ...rest }: SchedulerProps) => React.JSX.Element;
+export {};

package/presentation/schedulerList/Scheduler.js

@@ -0,0 +1,28 @@
+import react, { useCallback, useState } from "react";
+import { CompositionScope } from "@webiny/react-composition";
+import { SchedulerListWithConfig } from "../configs/index.js";
+import { SchedulerListView } from "./components/SchedulerListView.js";
+const Scheduler = ({ render, show: initialShow, ...rest })=>{
+    const [show, setShow] = useState(initialShow ?? false);
+    const showScheduler = useCallback(()=>{
+        setShow(true);
+    }, []);
+    const onClose = useCallback(()=>{
+        if ("function" == typeof rest.onClose) rest.onClose();
+        setShow(false);
+    }, [
+        rest.onClose
+    ]);
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, show ? /*#__PURE__*/ react.createElement(CompositionScope, {
+        name: "scheduler"
+    }, /*#__PURE__*/ react.createElement(SchedulerListWithConfig, null, /*#__PURE__*/ react.createElement(SchedulerListView, {
+        namespace: rest.namespace,
+        onClose: onClose,
+        title: rest.title ?? "Scheduler"
+    }))) : null, render ? render({
+        showScheduler
+    }) : null);
+};
+export { Scheduler };
+
+//# sourceMappingURL=Scheduler.js.map

package/presentation/schedulerList/Scheduler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/schedulerList/Scheduler.js","sources":["../../../src/presentation/schedulerList/Scheduler.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { CompositionScope } from \"@webiny/react-composition\";\nimport { SchedulerListWithConfig } from \"~/presentation/configs/index.js\";\nimport { SchedulerListView } from \"./components/SchedulerListView.js\";\n\nexport interface SchedulerRenderPropParams {\n    showScheduler: () => void;\n}\n\ninterface SchedulerRenderProps {\n    (params: SchedulerRenderPropParams): React.ReactNode;\n}\n\nexport interface SchedulerProps {\n    namespace: string;\n    render: SchedulerRenderProps;\n    onClose?: () => void;\n    show?: boolean;\n    title?: string;\n    canPublish: boolean;\n    canUnpublish: boolean;\n}\n\nexport const Scheduler = ({ render, show: initialShow, ...rest }: SchedulerProps) => {\n    const [show, setShow] = useState(initialShow ?? false);\n\n    const showScheduler = useCallback(() => {\n        setShow(true);\n    }, []);\n\n    const onClose = useCallback(() => {\n        if (typeof rest.onClose === \"function\") {\n            rest.onClose();\n        }\n        setShow(false);\n    }, [rest.onClose]);\n\n    return (\n        <>\n            {show ? (\n                <CompositionScope name={\"scheduler\"}>\n                    <SchedulerListWithConfig>\n                        <SchedulerListView\n                            namespace={rest.namespace}\n                            onClose={onClose}\n                            title={rest.title ?? \"Scheduler\"}\n                        />\n                    </SchedulerListWithConfig>\n                </CompositionScope>\n            ) : null}\n            {render ? render({ showScheduler }) : null}\n        </>\n    );\n};\n"],"names":["Scheduler","render","initialShow","rest","show","setShow","useState","showScheduler","useCallback","onClose","CompositionScope","SchedulerListWithConfig","SchedulerListView"],"mappings":";;;;AAuBO,MAAMA,YAAY,CAAC,EAAEC,MAAM,EAAE,MAAMC,WAAW,EAAE,GAAGC,MAAsB;IAC5E,MAAM,CAACC,MAAMC,QAAQ,GAAGC,SAASJ,eAAe;IAEhD,MAAMK,gBAAgBC,YAAY;QAC9BH,QAAQ;IACZ,GAAG,EAAE;IAEL,MAAMI,UAAUD,YAAY;QACxB,IAAI,AAAwB,cAAxB,OAAOL,KAAK,OAAO,EACnBA,KAAK,OAAO;QAEhBE,QAAQ;IACZ,GAAG;QAACF,KAAK,OAAO;KAAC;IAEjB,OAAO,WAAP,GACI,0CACKC,OAAO,WAAPA,GACG,oBAACM,kBAAgBA;QAAC,MAAM;qBACpB,oBAACC,yBAAuBA,MAAAA,WAAAA,GACpB,oBAACC,mBAAiBA;QACd,WAAWT,KAAK,SAAS;QACzB,SAASM;QACT,OAAON,KAAK,KAAK,IAAI;WAIjC,MACHF,SAASA,OAAO;QAAEM;IAAc,KAAK;AAGlD"}

package/presentation/schedulerList/SchedulerListDataSource.d.ts

@@ -0,0 +1,15 @@
+import { SimpleDataSource } from "@webiny/app-admin/presentation/listPresenter/SimpleDataSource.js";
+import type { FetchResult } from "@webiny/app-admin/presentation/listPresenter/FolderAwareDataSource.js";
+import type { IDataSourceQuery } from "@webiny/app-admin/presentation/listPresenter/abstractions.js";
+import type { ListScheduledActionsGateway } from "../../features/listScheduledActions/abstractions.js";
+import type { SchedulerEntry } from "../../types.js";
+export declare class SchedulerListDataSource extends SimpleDataSource<SchedulerEntry> {
+    private readonly gateway;
+    private readonly namespace;
+    private _rows;
+    constructor(gateway: ListScheduledActionsGateway.Interface, namespace: string);
+    get rows(): SchedulerEntry[];
+    fetch(params: IDataSourceQuery): Promise<FetchResult<SchedulerEntry>>;
+    onQueryResult(data: SchedulerEntry[]): void;
+    onLoadMoreResult(data: SchedulerEntry[]): void;
+}

package/presentation/schedulerList/SchedulerListDataSource.js

@@ -0,0 +1,41 @@
+import { makeObservable, observable } from "mobx";
+import { SimpleDataSource } from "@webiny/app-admin/presentation/listPresenter/SimpleDataSource.js";
+class SchedulerListDataSource extends SimpleDataSource {
+    constructor(gateway, namespace){
+        super(), this.gateway = gateway, this.namespace = namespace, this._rows = [];
+        makeObservable(this, {
+            _rows: observable
+        });
+    }
+    get rows() {
+        return this._rows;
+    }
+    async fetch(params) {
+        const sort = params.sort ? [
+            `${params.sort.field}_${params.sort.direction}`
+        ] : void 0;
+        const result = await this.gateway.execute({
+            namespace: this.namespace,
+            where: params.filters,
+            sort: sort,
+            limit: params.limit,
+            after: params.cursor
+        });
+        return {
+            data: result.items,
+            meta: result.meta
+        };
+    }
+    onQueryResult(data) {
+        this._rows = data;
+    }
+    onLoadMoreResult(data) {
+        this._rows = [
+            ...this._rows,
+            ...data
+        ];
+    }
+}
+export { SchedulerListDataSource };
+
+//# sourceMappingURL=SchedulerListDataSource.js.map

package/presentation/schedulerList/SchedulerListDataSource.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/schedulerList/SchedulerListDataSource.js","sources":["../../../src/presentation/schedulerList/SchedulerListDataSource.ts"],"sourcesContent":["import { makeObservable, observable } from \"mobx\";\nimport { SimpleDataSource } from \"@webiny/app-admin/presentation/listPresenter/SimpleDataSource.js\";\nimport type { FetchResult } from \"@webiny/app-admin/presentation/listPresenter/FolderAwareDataSource.js\";\nimport type { IDataSourceQuery } from \"@webiny/app-admin/presentation/listPresenter/abstractions.js\";\nimport type { ListScheduledActionsGateway } from \"~/features/listScheduledActions/abstractions.js\";\nimport type { SchedulerEntry } from \"~/types.js\";\n\nexport class SchedulerListDataSource extends SimpleDataSource<SchedulerEntry> {\n    private _rows: SchedulerEntry[] = [];\n\n    constructor(\n        private readonly gateway: ListScheduledActionsGateway.Interface,\n        private readonly namespace: string\n    ) {\n        super();\n        makeObservable<SchedulerListDataSource, \"_rows\">(this, {\n            _rows: observable\n        });\n    }\n\n    get rows(): SchedulerEntry[] {\n        return this._rows;\n    }\n\n    async fetch(params: IDataSourceQuery): Promise<FetchResult<SchedulerEntry>> {\n        const sort = params.sort ? [`${params.sort.field}_${params.sort.direction}`] : undefined;\n\n        const result = await this.gateway.execute({\n            namespace: this.namespace,\n            where: params.filters as Record<string, any> | undefined,\n            sort: sort as any,\n            limit: params.limit,\n            after: params.cursor\n        });\n\n        return {\n            data: result.items,\n            meta: result.meta\n        };\n    }\n\n    override onQueryResult(data: SchedulerEntry[]): void {\n        this._rows = data;\n    }\n\n    override onLoadMoreResult(data: SchedulerEntry[]): void {\n        this._rows = [...this._rows, ...data];\n    }\n}\n"],"names":["SchedulerListDataSource","SimpleDataSource","gateway","namespace","makeObservable","observable","params","sort","undefined","result","data"],"mappings":";;AAOO,MAAMA,gCAAgCC;IAGzC,YACqBC,OAA8C,EAC9CC,SAAiB,CACpC;QACE,KAAK,SAHYD,OAAO,GAAPA,SAAAA,IAAAA,CACAC,SAAS,GAATA,WAAAA,IAAAA,CAJb,KAAK,GAAqB,EAAE;QAOhCC,eAAiD,IAAI,EAAE;YACnD,OAAOC;QACX;IACJ;IAEA,IAAI,OAAyB;QACzB,OAAO,IAAI,CAAC,KAAK;IACrB;IAEA,MAAM,MAAMC,MAAwB,EAAwC;QACxE,MAAMC,OAAOD,OAAO,IAAI,GAAG;YAAC,GAAGA,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,EAAEA,OAAO,IAAI,CAAC,SAAS,EAAE;SAAC,GAAGE;QAE/E,MAAMC,SAAS,MAAM,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC;YACtC,WAAW,IAAI,CAAC,SAAS;YACzB,OAAOH,OAAO,OAAO;YACrB,MAAMC;YACN,OAAOD,OAAO,KAAK;YACnB,OAAOA,OAAO,MAAM;QACxB;QAEA,OAAO;YACH,MAAMG,OAAO,KAAK;YAClB,MAAMA,OAAO,IAAI;QACrB;IACJ;IAES,cAAcC,IAAsB,EAAQ;QACjD,IAAI,CAAC,KAAK,GAAGA;IACjB;IAES,iBAAiBA,IAAsB,EAAQ;QACpD,IAAI,CAAC,KAAK,GAAG;eAAI,IAAI,CAAC,KAAK;eAAKA;SAAK;IACzC;AACJ"}

package/presentation/schedulerList/SchedulerListPresenter.d.ts

@@ -0,0 +1,21 @@
+import { ListPresenter } from "@webiny/app-admin/presentation/listPresenter/abstractions.js";
+import { ListScheduledActionsGateway } from "../../features/listScheduledActions/abstractions.js";
+import { CancelScheduledActionGateway } from "../../features/cancelScheduledAction/abstractions.js";
+import { type ISchedulerListPresenter } from "./abstractions.js";
+import type { SchedulerEntry } from "../../types.js";
+declare class SchedulerListPresenterImpl implements ISchedulerListPresenter {
+    private readonly _listPresenter;
+    private readonly listGateway;
+    private readonly cancelGateway;
+    private _namespace;
+    constructor(_listPresenter: ListPresenter.Interface<SchedulerEntry>, listGateway: ListScheduledActionsGateway.Interface, cancelGateway: CancelScheduledActionGateway.Interface);
+    get list(): ListPresenter.Interface<SchedulerEntry>;
+    init(params: {
+        namespace: string;
+    }): void;
+    cancelItem(id: string): Promise<void>;
+}
+export declare const SchedulerListPresenter: typeof SchedulerListPresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<ISchedulerListPresenter>;
+};
+export {};

package/presentation/schedulerList/SchedulerListPresenter.js

@@ -0,0 +1,47 @@
+import { makeAutoObservable } from "mobx";
+import { ListPresenter } from "@webiny/app-admin/presentation/listPresenter/abstractions.js";
+import { ListScheduledActionsGateway } from "../../features/listScheduledActions/abstractions.js";
+import { CancelScheduledActionGateway } from "../../features/cancelScheduledAction/abstractions.js";
+import { SchedulerListPresenter } from "./abstractions.js";
+import { SchedulerListDataSource } from "./SchedulerListDataSource.js";
+class SchedulerListPresenterImpl {
+    constructor(_listPresenter, listGateway, cancelGateway){
+        this._listPresenter = _listPresenter;
+        this.listGateway = listGateway;
+        this.cancelGateway = cancelGateway;
+        makeAutoObservable(this);
+    }
+    get list() {
+        return this._listPresenter;
+    }
+    init(params) {
+        this._namespace = params.namespace;
+        const dataSource = new SchedulerListDataSource(this.listGateway, params.namespace);
+        this._listPresenter.init({
+            dataSource,
+            initialSort: {
+                field: "scheduledFor",
+                direction: "DESC"
+            },
+            limit: 50
+        });
+    }
+    async cancelItem(id) {
+        await this.cancelGateway.execute({
+            namespace: this._namespace,
+            id
+        });
+        await this._listPresenter.actions.refresh();
+    }
+}
+const SchedulerListPresenter_SchedulerListPresenter = SchedulerListPresenter.createImplementation({
+    implementation: SchedulerListPresenterImpl,
+    dependencies: [
+        ListPresenter,
+        ListScheduledActionsGateway,
+        CancelScheduledActionGateway
+    ]
+});
+export { SchedulerListPresenter_SchedulerListPresenter as SchedulerListPresenter };
+
+//# sourceMappingURL=SchedulerListPresenter.js.map

package/presentation/schedulerList/SchedulerListPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/schedulerList/SchedulerListPresenter.js","sources":["../../../src/presentation/schedulerList/SchedulerListPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport { ListPresenter } from \"@webiny/app-admin/presentation/listPresenter/abstractions.js\";\nimport { ListScheduledActionsGateway } from \"~/features/listScheduledActions/abstractions.js\";\nimport { CancelScheduledActionGateway } from \"~/features/cancelScheduledAction/abstractions.js\";\nimport {\n    SchedulerListPresenter as Abstraction,\n    type ISchedulerListPresenter\n} from \"./abstractions.js\";\nimport { SchedulerListDataSource } from \"./SchedulerListDataSource.js\";\nimport type { SchedulerEntry } from \"~/types.js\";\n\nclass SchedulerListPresenterImpl implements ISchedulerListPresenter {\n    private _namespace!: string;\n\n    constructor(\n        private readonly _listPresenter: ListPresenter.Interface<SchedulerEntry>,\n        private readonly listGateway: ListScheduledActionsGateway.Interface,\n        private readonly cancelGateway: CancelScheduledActionGateway.Interface\n    ) {\n        makeAutoObservable(this);\n    }\n\n    get list(): ListPresenter.Interface<SchedulerEntry> {\n        return this._listPresenter;\n    }\n\n    init(params: { namespace: string }) {\n        this._namespace = params.namespace;\n        const dataSource = new SchedulerListDataSource(this.listGateway, params.namespace);\n        this._listPresenter.init({\n            dataSource,\n            initialSort: { field: \"scheduledFor\", direction: \"DESC\" },\n            limit: 50\n        });\n    }\n\n    async cancelItem(id: string) {\n        await this.cancelGateway.execute({ namespace: this._namespace, id });\n        await this._listPresenter.actions.refresh();\n    }\n}\n\nexport const SchedulerListPresenter = Abstraction.createImplementation({\n    implementation: SchedulerListPresenterImpl,\n    dependencies: [ListPresenter, ListScheduledActionsGateway, CancelScheduledActionGateway]\n});\n"],"names":["SchedulerListPresenterImpl","_listPresenter","listGateway","cancelGateway","makeAutoObservable","params","dataSource","SchedulerListDataSource","id","SchedulerListPresenter","Abstraction","ListPresenter","ListScheduledActionsGateway","CancelScheduledActionGateway"],"mappings":";;;;;;AAWA,MAAMA;IAGF,YACqBC,cAAuD,EACvDC,WAAkD,EAClDC,aAAqD,CACxE;aAHmBF,cAAc,GAAdA;aACAC,WAAW,GAAXA;aACAC,aAAa,GAAbA;QAEjBC,mBAAmB,IAAI;IAC3B;IAEA,IAAI,OAAgD;QAChD,OAAO,IAAI,CAAC,cAAc;IAC9B;IAEA,KAAKC,MAA6B,EAAE;QAChC,IAAI,CAAC,UAAU,GAAGA,OAAO,SAAS;QAClC,MAAMC,aAAa,IAAIC,wBAAwB,IAAI,CAAC,WAAW,EAAEF,OAAO,SAAS;QACjF,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC;YACrBC;YACA,aAAa;gBAAE,OAAO;gBAAgB,WAAW;YAAO;YACxD,OAAO;QACX;IACJ;IAEA,MAAM,WAAWE,EAAU,EAAE;QACzB,MAAM,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC;YAAE,WAAW,IAAI,CAAC,UAAU;YAAEA;QAAG;QAClE,MAAM,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,OAAO;IAC7C;AACJ;AAEO,MAAMC,gDAAyBC,uBAAAA,oBAAgC,CAAC;IACnE,gBAAgBV;IAChB,cAAc;QAACW;QAAeC;QAA6BC;KAA6B;AAC5F"}

package/presentation/schedulerList/abstractions.d.ts

@@ -0,0 +1,13 @@
+import type { ListPresenter } from "@webiny/app-admin/presentation/listPresenter/abstractions.js";
+import type { SchedulerEntry } from "../../types.js";
+export interface ISchedulerListPresenter {
+    readonly list: ListPresenter.Interface<SchedulerEntry>;
+    init(params: {
+        namespace: string;
+    }): void;
+    cancelItem(id: string): Promise<void>;
+}
+export declare const SchedulerListPresenter: import("@webiny/di").Abstraction<ISchedulerListPresenter>;
+export declare namespace SchedulerListPresenter {
+    type Interface = ISchedulerListPresenter;
+}

package/presentation/schedulerList/abstractions.js

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

package/presentation/schedulerList/abstractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/schedulerList/abstractions.js","sources":["../../../src/presentation/schedulerList/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { ListPresenter } from \"@webiny/app-admin/presentation/listPresenter/abstractions.js\";\nimport type { SchedulerEntry } from \"~/types.js\";\n\nexport interface ISchedulerListPresenter {\n    readonly list: ListPresenter.Interface<SchedulerEntry>;\n    init(params: { namespace: string }): void;\n    cancelItem(id: string): Promise<void>;\n}\n\nexport const SchedulerListPresenter =\n    createAbstraction<ISchedulerListPresenter>(\"Scheduler/ListPresenter\");\n\nexport namespace SchedulerListPresenter {\n    export type Interface = ISchedulerListPresenter;\n}\n"],"names":["SchedulerListPresenter","createAbstraction"],"mappings":";AAUO,MAAMA,yBACTC,kBAA2C"}

package/presentation/schedulerList/components/BottomInfoBar.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { ISchedulerListPresenter } from "../abstractions.js";
+interface BottomInfoBarProps {
+    presenter: ISchedulerListPresenter;
+}
+export declare const BottomInfoBar: (({ presenter }: BottomInfoBarProps) => React.JSX.Element) & React.NamedExoticComponent<BottomInfoBarProps> & {
+    readonly type: ({ presenter }: BottomInfoBarProps) => React.JSX.Element;
+};
+export {};

package/presentation/schedulerList/components/BottomInfoBar.js

@@ -0,0 +1,18 @@
+import react from "react";
+import { observer } from "mobx-react-lite";
+import { ListMeta } from "../../components/BottomInfoBar/ListMeta.js";
+import { ListStatus } from "../../components/BottomInfoBar/ListStatus.js";
+import { BottomInfoBarInner, BottomInfoBarWrapper } from "../../components/BottomInfoBar/BottomInfoBar.styled.js";
+const BottomInfoBar = observer(({ presenter })=>{
+    const { vm } = presenter.list;
+    return /*#__PURE__*/ react.createElement(BottomInfoBarWrapper, null, /*#__PURE__*/ react.createElement(BottomInfoBarInner, null, /*#__PURE__*/ react.createElement(ListMeta, {
+        loading: vm.pagination.loading,
+        totalCount: vm.pagination.totalCount,
+        currentCount: vm.pagination.currentCount
+    }), /*#__PURE__*/ react.createElement(ListStatus, {
+        loading: vm.pagination.loadingMore
+    })));
+});
+export { BottomInfoBar };
+
+//# sourceMappingURL=BottomInfoBar.js.map

package/presentation/schedulerList/components/BottomInfoBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/schedulerList/components/BottomInfoBar.js","sources":["../../../../src/presentation/schedulerList/components/BottomInfoBar.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { ListMeta } from \"~/presentation/components/BottomInfoBar/ListMeta.js\";\nimport { ListStatus } from \"~/presentation/components/BottomInfoBar/ListStatus.js\";\nimport {\n    BottomInfoBarInner,\n    BottomInfoBarWrapper\n} from \"~/presentation/components/BottomInfoBar/BottomInfoBar.styled.js\";\nimport type { ISchedulerListPresenter } from \"../abstractions.js\";\n\ninterface BottomInfoBarProps {\n    presenter: ISchedulerListPresenter;\n}\n\nexport const BottomInfoBar = observer(({ presenter }: BottomInfoBarProps) => {\n    const { vm } = presenter.list;\n\n    return (\n        <BottomInfoBarWrapper>\n            <BottomInfoBarInner>\n                <ListMeta\n                    loading={vm.pagination.loading}\n                    totalCount={vm.pagination.totalCount}\n                    currentCount={vm.pagination.currentCount}\n                />\n                <ListStatus loading={vm.pagination.loadingMore} />\n            </BottomInfoBarInner>\n        </BottomInfoBarWrapper>\n    );\n});\n"],"names":["BottomInfoBar","observer","presenter","vm","BottomInfoBarWrapper","BottomInfoBarInner","ListMeta","ListStatus"],"mappings":";;;;;AAcO,MAAMA,gBAAgBC,SAAS,CAAC,EAAEC,SAAS,EAAsB;IACpE,MAAM,EAAEC,EAAE,EAAE,GAAGD,UAAU,IAAI;IAE7B,OAAO,WAAP,GACI,oBAACE,sBAAoBA,MAAAA,WAAAA,GACjB,oBAACC,oBAAkBA,MAAAA,WAAAA,GACf,oBAACC,UAAQA;QACL,SAASH,GAAG,UAAU,CAAC,OAAO;QAC9B,YAAYA,GAAG,UAAU,CAAC,UAAU;QACpC,cAAcA,GAAG,UAAU,CAAC,YAAY;sBAE5C,oBAACI,YAAUA;QAAC,SAASJ,GAAG,UAAU,CAAC,WAAW;;AAI9D"}

package/presentation/schedulerList/components/Empty.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { ISchedulerListPresenter } from "../abstractions.js";
+interface EmptyProps {
+    presenter: ISchedulerListPresenter;
+}
+export declare const Empty: (({ presenter }: EmptyProps) => React.JSX.Element) & React.NamedExoticComponent<EmptyProps> & {
+    readonly type: ({ presenter }: EmptyProps) => React.JSX.Element;
+};
+export {};

package/presentation/schedulerList/components/Empty.js

@@ -0,0 +1,21 @@
+import react from "react";
+import { observer } from "mobx-react-lite";
+import { ReactComponent } from "@material-design-icons/svg/outlined/search.svg";
+import { ReactComponent as view_list_svg_ReactComponent } from "@material-design-icons/svg/outlined/view_list.svg";
+import { EmptyView } from "@webiny/app-admin";
+import { EmptyOuter, EmptyWrapper } from "../../components/Empty/Empty.styled.js";
+const Empty = observer(({ presenter })=>{
+    const { vm } = presenter.list;
+    return /*#__PURE__*/ react.createElement(EmptyWrapper, null, /*#__PURE__*/ react.createElement(EmptyOuter, null, vm.emptyWithFilters ? /*#__PURE__*/ react.createElement(EmptyView, {
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        title: "No items found.",
+        action: null
+    }) : /*#__PURE__*/ react.createElement(EmptyView, {
+        icon: /*#__PURE__*/ react.createElement(view_list_svg_ReactComponent, null),
+        title: "No scheduled items.",
+        action: null
+    })));
+});
+export { Empty };
+
+//# sourceMappingURL=Empty.js.map

package/presentation/schedulerList/components/Empty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/schedulerList/components/Empty.js","sources":["../../../../src/presentation/schedulerList/components/Empty.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { ReactComponent as SearchIcon } from \"@material-design-icons/svg/outlined/search.svg\";\nimport { ReactComponent as ListIcon } from \"@material-design-icons/svg/outlined/view_list.svg\";\nimport { EmptyView } from \"@webiny/app-admin\";\nimport { EmptyOuter, EmptyWrapper } from \"~/presentation/components/Empty/Empty.styled.js\";\nimport type { ISchedulerListPresenter } from \"../abstractions.js\";\n\ninterface EmptyProps {\n    presenter: ISchedulerListPresenter;\n}\n\nexport const Empty = observer(({ presenter }: EmptyProps) => {\n    const { vm } = presenter.list;\n\n    return (\n        <EmptyWrapper>\n            <EmptyOuter>\n                {vm.emptyWithFilters ? (\n                    <EmptyView icon={<SearchIcon />} title={\"No items found.\"} action={null} />\n                ) : (\n                    <EmptyView icon={<ListIcon />} title={`No scheduled items.`} action={null} />\n                )}\n            </EmptyOuter>\n        </EmptyWrapper>\n    );\n});\n"],"names":["Empty","observer","presenter","vm","EmptyWrapper","EmptyOuter","EmptyView","SearchIcon","ListIcon"],"mappings":";;;;;;AAYO,MAAMA,QAAQC,SAAS,CAAC,EAAEC,SAAS,EAAc;IACpD,MAAM,EAAEC,EAAE,EAAE,GAAGD,UAAU,IAAI;IAE7B,OAAO,WAAP,GACI,oBAACE,cAAYA,MAAAA,WAAAA,GACT,oBAACC,YAAUA,MACNF,GAAG,gBAAgB,GAAG,WAAH,GAChB,oBAACG,WAASA;QAAC,oBAAM,oBAACC,gBAAUA;QAAK,OAAO;QAAmB,QAAQ;uBAEnE,oBAACD,WAASA;QAAC,oBAAM,oBAACE,8BAAQA;QAAK,OAAO;QAAuB,QAAQ;;AAKzF"}

package/presentation/schedulerList/components/SchedulerListView.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface SchedulerListViewProps {
+    namespace: string;
+    onClose: () => void;
+    title: string;
+}
+export declare const SchedulerListView: (props: SchedulerListViewProps) => React.JSX.Element;
+export {};

package/presentation/schedulerList/components/SchedulerListView.js

@@ -0,0 +1,40 @@
+import react, { useEffect, useMemo } from "react";
+import { observer } from "mobx-react-lite";
+import { DiContainerProvider, useContainer } from "@webiny/app";
+import { SchedulerListPresenterFeature } from "../feature.js";
+import { useSchedulerListPresenter } from "../useSchedulerListPresenter.js";
+import { ListScheduledActionsFeature } from "../../../features/listScheduledActions/feature.js";
+import { CancelScheduledActionFeature } from "../../../features/cancelScheduledAction/feature.js";
+import { SchedulerOverlay } from "./SchedulerOverlay.js";
+const SchedulerListView_SchedulerListViewInner = observer(function(props) {
+    const presenter = useSchedulerListPresenter();
+    useEffect(()=>{
+        presenter.init({
+            namespace: props.namespace
+        });
+    }, [
+        presenter,
+        props.namespace
+    ]);
+    return /*#__PURE__*/ react.createElement(SchedulerOverlay, {
+        presenter: presenter,
+        onExited: props.onClose,
+        title: props.title
+    });
+});
+const SchedulerListView = (props)=>{
+    const container = useContainer();
+    const scopedContainer = useMemo(()=>{
+        const child = container.createChildContainer();
+        ListScheduledActionsFeature.register(child);
+        CancelScheduledActionFeature.register(child);
+        SchedulerListPresenterFeature.register(child);
+        return child;
+    }, []);
+    return /*#__PURE__*/ react.createElement(DiContainerProvider, {
+        container: scopedContainer
+    }, /*#__PURE__*/ react.createElement(SchedulerListView_SchedulerListViewInner, props));
+};
+export { SchedulerListView };
+
+//# sourceMappingURL=SchedulerListView.js.map

package/presentation/schedulerList/components/SchedulerListView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/schedulerList/components/SchedulerListView.js","sources":["../../../../src/presentation/schedulerList/components/SchedulerListView.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { DiContainerProvider, useContainer } from \"@webiny/app\";\nimport { SchedulerListPresenterFeature } from \"../feature.js\";\nimport { useSchedulerListPresenter } from \"../useSchedulerListPresenter.js\";\nimport { ListScheduledActionsFeature } from \"~/features/listScheduledActions/feature.js\";\nimport { CancelScheduledActionFeature } from \"~/features/cancelScheduledAction/feature.js\";\nimport { SchedulerOverlay } from \"./SchedulerOverlay.js\";\n\ninterface SchedulerListViewProps {\n    namespace: string;\n    onClose: () => void;\n    title: string;\n}\n\nconst SchedulerListViewInner = observer(function SchedulerListViewInner(\n    props: SchedulerListViewProps\n) {\n    const presenter = useSchedulerListPresenter();\n\n    useEffect(() => {\n        presenter.init({ namespace: props.namespace });\n    }, [presenter, props.namespace]);\n\n    return <SchedulerOverlay presenter={presenter} onExited={props.onClose} title={props.title} />;\n});\n\nexport const SchedulerListView = (props: SchedulerListViewProps) => {\n    const container = useContainer();\n\n    const scopedContainer = useMemo(() => {\n        const child = container.createChildContainer();\n        ListScheduledActionsFeature.register(child);\n        CancelScheduledActionFeature.register(child);\n        SchedulerListPresenterFeature.register(child);\n        return child;\n    }, []);\n\n    return (\n        <DiContainerProvider container={scopedContainer}>\n            <SchedulerListViewInner {...props} />\n        </DiContainerProvider>\n    );\n};\n"],"names":["SchedulerListViewInner","observer","props","presenter","useSchedulerListPresenter","useEffect","SchedulerOverlay","SchedulerListView","container","useContainer","scopedContainer","useMemo","child","ListScheduledActionsFeature","CancelScheduledActionFeature","SchedulerListPresenterFeature","DiContainerProvider"],"mappings":";;;;;;;;AAeA,MAAMA,2CAAyBC,SAAS,SACpCC,KAA6B;IAE7B,MAAMC,YAAYC;IAElBC,UAAU;QACNF,UAAU,IAAI,CAAC;YAAE,WAAWD,MAAM,SAAS;QAAC;IAChD,GAAG;QAACC;QAAWD,MAAM,SAAS;KAAC;IAE/B,OAAO,WAAP,GAAO,oBAACI,kBAAgBA;QAAC,WAAWH;QAAW,UAAUD,MAAM,OAAO;QAAE,OAAOA,MAAM,KAAK;;AAC9F;AAEO,MAAMK,oBAAoB,CAACL;IAC9B,MAAMM,YAAYC;IAElB,MAAMC,kBAAkBC,QAAQ;QAC5B,MAAMC,QAAQJ,UAAU,oBAAoB;QAC5CK,4BAA4B,QAAQ,CAACD;QACrCE,6BAA6B,QAAQ,CAACF;QACtCG,8BAA8B,QAAQ,CAACH;QACvC,OAAOA;IACX,GAAG,EAAE;IAEL,OAAO,WAAP,GACI,oBAACI,qBAAmBA;QAAC,WAAWN;qBAC5B,oBAACV,0CAA2BE;AAGxC"}

package/presentation/schedulerList/components/SchedulerOverlay.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import type { ISchedulerListPresenter } from "../abstractions.js";
+interface SchedulerOverlayProps {
+    presenter: ISchedulerListPresenter;
+    title: string;
+    onExited: () => void;
+}
+export declare const SchedulerOverlay: (({ presenter, title, onExited }: SchedulerOverlayProps) => React.JSX.Element) & React.NamedExoticComponent<SchedulerOverlayProps> & {
+    readonly type: ({ presenter, title, onExited }: SchedulerOverlayProps) => React.JSX.Element;
+};
+export {};

package/presentation/schedulerList/components/SchedulerOverlay.js

@@ -0,0 +1,38 @@
+import react from "react";
+import { observer } from "mobx-react-lite";
+import debounce from "lodash/debounce.js";
+import { OverlayLayout } from "@webiny/app-admin";
+import { Scrollbar } from "@webiny/admin-ui";
+import { Title } from "../../components/Title/index.js";
+import { SearchInput } from "./SearchInput.js";
+import { Empty } from "./Empty.js";
+import { SchedulerTable } from "./SchedulerTable.js";
+import { BottomInfoBar } from "./BottomInfoBar.js";
+const SchedulerOverlay = observer(({ presenter, title, onExited })=>{
+    const { vm } = presenter.list;
+    const onTableScroll = debounce(async ({ scrollFrame })=>{
+        if (scrollFrame.top > 0.8) await presenter.list.actions.loadMore();
+    }, 200);
+    return /*#__PURE__*/ react.createElement(OverlayLayout, {
+        onExited: onExited,
+        barLeft: /*#__PURE__*/ react.createElement(Title, {
+            title: title
+        }),
+        barMiddle: /*#__PURE__*/ react.createElement(SearchInput, {
+            presenter: presenter
+        })
+    }, /*#__PURE__*/ react.createElement(Scrollbar, {
+        onScrollFrame: (scrollFrame)=>onTableScroll({
+                scrollFrame
+            })
+    }, vm.empty ? /*#__PURE__*/ react.createElement(Empty, {
+        presenter: presenter
+    }) : /*#__PURE__*/ react.createElement(SchedulerTable, {
+        presenter: presenter
+    })), /*#__PURE__*/ react.createElement(BottomInfoBar, {
+        presenter: presenter
+    }));
+});
+export { SchedulerOverlay };
+
+//# sourceMappingURL=SchedulerOverlay.js.map

package/presentation/schedulerList/components/SchedulerOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/schedulerList/components/SchedulerOverlay.js","sources":["../../../../src/presentation/schedulerList/components/SchedulerOverlay.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport debounce from \"lodash/debounce.js\";\nimport { OverlayLayout } from \"@webiny/app-admin\";\nimport { Scrollbar } from \"@webiny/admin-ui\";\nimport { Title } from \"~/presentation/components/Title/index.js\";\nimport { SearchInput } from \"./SearchInput.js\";\nimport { Empty } from \"./Empty.js\";\nimport { SchedulerTable } from \"./SchedulerTable.js\";\nimport { BottomInfoBar } from \"./BottomInfoBar.js\";\nimport type { ISchedulerListPresenter } from \"../abstractions.js\";\n\ninterface SchedulerOverlayProps {\n    presenter: ISchedulerListPresenter;\n    title: string;\n    onExited: () => void;\n}\n\nexport const SchedulerOverlay = observer(\n    ({ presenter, title, onExited }: SchedulerOverlayProps) => {\n        const { vm } = presenter.list;\n\n        const onTableScroll = debounce(async ({ scrollFrame }) => {\n            if (scrollFrame.top > 0.8) {\n                await presenter.list.actions.loadMore();\n            }\n        }, 200);\n\n        return (\n            <OverlayLayout\n                onExited={onExited}\n                barLeft={<Title title={title} />}\n                barMiddle={<SearchInput presenter={presenter} />}\n            >\n                <Scrollbar onScrollFrame={scrollFrame => onTableScroll({ scrollFrame })}>\n                    {vm.empty ? (\n                        <Empty presenter={presenter} />\n                    ) : (\n                        <SchedulerTable presenter={presenter} />\n                    )}\n                </Scrollbar>\n                <BottomInfoBar presenter={presenter} />\n            </OverlayLayout>\n        );\n    }\n);\n"],"names":["SchedulerOverlay","observer","presenter","title","onExited","vm","onTableScroll","debounce","scrollFrame","OverlayLayout","Title","SearchInput","Scrollbar","Empty","SchedulerTable","BottomInfoBar"],"mappings":";;;;;;;;;;AAkBO,MAAMA,mBAAmBC,SAC5B,CAAC,EAAEC,SAAS,EAAEC,KAAK,EAAEC,QAAQ,EAAyB;IAClD,MAAM,EAAEC,EAAE,EAAE,GAAGH,UAAU,IAAI;IAE7B,MAAMI,gBAAgBC,SAAS,OAAO,EAAEC,WAAW,EAAE;QACjD,IAAIA,YAAY,GAAG,GAAG,KAClB,MAAMN,UAAU,IAAI,CAAC,OAAO,CAAC,QAAQ;IAE7C,GAAG;IAEH,OAAO,WAAP,GACI,oBAACO,eAAaA;QACV,UAAUL;QACV,uBAAS,oBAACM,OAAKA;YAAC,OAAOP;;QACvB,yBAAW,oBAACQ,aAAWA;YAAC,WAAWT;;qBAEnC,oBAACU,WAASA;QAAC,eAAeJ,CAAAA,cAAeF,cAAc;gBAAEE;YAAY;OAChEH,GAAG,KAAK,GAAG,WAAH,GACL,oBAACQ,OAAKA;QAAC,WAAWX;uBAElB,oBAACY,gBAAcA;QAAC,WAAWZ;uBAGnC,oBAACa,eAAaA;QAAC,WAAWb;;AAGtC"}

package/presentation/schedulerList/components/SchedulerTable.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { ISchedulerListPresenter } from "../abstractions.js";
+interface SchedulerTableProps {
+    presenter: ISchedulerListPresenter;
+}
+export declare const SchedulerTable: (({ presenter }: SchedulerTableProps) => React.JSX.Element) & React.NamedExoticComponent<SchedulerTableProps> & {
+    readonly type: ({ presenter }: SchedulerTableProps) => React.JSX.Element;
+};
+export {};