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

package/presentation/schedulerList/components/SchedulerTable.js

@@ -0,0 +1,48 @@
+import react, { useMemo } from "react";
+import { observer } from "mobx-react-lite";
+import { Table, createRecordsData } from "@webiny/app-aco";
+import { useSchedulerListConfig } from "../../configs/index.js";
+const SchedulerTable = observer(({ presenter })=>{
+    const { vm } = presenter.list;
+    const { browser } = useSchedulerListConfig();
+    const data = useMemo(()=>createRecordsData(vm.rows), [
+        vm.rows
+    ]);
+    const selected = useMemo(()=>{
+        const selectedIds = vm.selection.selectedIds;
+        return data.filter((row)=>selectedIds.has(row.id));
+    }, [
+        data,
+        vm.selection.selectedIds
+    ]);
+    const sorting = useMemo(()=>{
+        if (!vm.sort) return [];
+        return [
+            {
+                id: vm.sort.field,
+                desc: "DESC" === vm.sort.direction
+            }
+        ];
+    }, [
+        vm.sort
+    ]);
+    return /*#__PURE__*/ react.createElement(Table, {
+        columns: browser.table.columns,
+        data: data,
+        loading: vm.pagination.loading,
+        onSelectRow: (entries)=>presenter.list.actions.selection.selectRows(entries.map((entry)=>entry.id)),
+        sorting: sorting,
+        onSortingChange: (sort)=>{
+            if ("function" == typeof sort) {
+                const newSort = sort(sorting);
+                if (newSort.length > 0) presenter.list.actions.sort.set(newSort[0].id, newSort[0].desc ? "DESC" : "ASC");
+            }
+        },
+        selected: selected,
+        nameColumnId: "title",
+        namespace: "scheduler/list"
+    });
+});
+export { SchedulerTable };
+
+//# sourceMappingURL=SchedulerTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/schedulerList/components/SchedulerTable.js","sources":["../../../../src/presentation/schedulerList/components/SchedulerTable.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { createRecordsData, Table as AcoTable } from \"@webiny/app-aco\";\nimport { useSchedulerListConfig } from \"~/presentation/configs/index.js\";\nimport type { SchedulerEntryTableRow } from \"~/types.js\";\nimport type { ISchedulerListPresenter } from \"../abstractions.js\";\n\ninterface SchedulerTableProps {\n    presenter: ISchedulerListPresenter;\n}\n\nexport const SchedulerTable = observer(({ presenter }: SchedulerTableProps) => {\n    const { vm } = presenter.list;\n    const { browser } = useSchedulerListConfig();\n\n    const data = useMemo<SchedulerEntryTableRow[]>(() => {\n        return createRecordsData(vm.rows);\n    }, [vm.rows]);\n\n    const selected = useMemo<SchedulerEntryTableRow[]>(() => {\n        const selectedIds = vm.selection.selectedIds;\n        return data.filter(row => selectedIds.has(row.id));\n    }, [data, vm.selection.selectedIds]);\n\n    const sorting = useMemo(() => {\n        if (!vm.sort) {\n            return [];\n        }\n        return [{ id: vm.sort.field, desc: vm.sort.direction === \"DESC\" }];\n    }, [vm.sort]);\n\n    return (\n        <AcoTable<SchedulerEntryTableRow>\n            columns={browser.table.columns}\n            data={data}\n            loading={vm.pagination.loading}\n            onSelectRow={entries =>\n                presenter.list.actions.selection.selectRows(entries.map(entry => entry.id))\n            }\n            sorting={sorting}\n            onSortingChange={sort => {\n                if (typeof sort === \"function\") {\n                    const newSort = sort(sorting);\n                    if (newSort.length > 0) {\n                        presenter.list.actions.sort.set(\n                            newSort[0].id,\n                            newSort[0].desc ? \"DESC\" : \"ASC\"\n                        );\n                    }\n                }\n            }}\n            selected={selected}\n            nameColumnId={\"title\"}\n            namespace={\"scheduler/list\"}\n        />\n    );\n});\n"],"names":["SchedulerTable","observer","presenter","vm","browser","useSchedulerListConfig","data","useMemo","createRecordsData","selected","selectedIds","row","sorting","AcoTable","entries","entry","sort","newSort"],"mappings":";;;;AAWO,MAAMA,iBAAiBC,SAAS,CAAC,EAAEC,SAAS,EAAuB;IACtE,MAAM,EAAEC,EAAE,EAAE,GAAGD,UAAU,IAAI;IAC7B,MAAM,EAAEE,OAAO,EAAE,GAAGC;IAEpB,MAAMC,OAAOC,QAAkC,IACpCC,kBAAkBL,GAAG,IAAI,GACjC;QAACA,GAAG,IAAI;KAAC;IAEZ,MAAMM,WAAWF,QAAkC;QAC/C,MAAMG,cAAcP,GAAG,SAAS,CAAC,WAAW;QAC5C,OAAOG,KAAK,MAAM,CAACK,CAAAA,MAAOD,YAAY,GAAG,CAACC,IAAI,EAAE;IACpD,GAAG;QAACL;QAAMH,GAAG,SAAS,CAAC,WAAW;KAAC;IAEnC,MAAMS,UAAUL,QAAQ;QACpB,IAAI,CAACJ,GAAG,IAAI,EACR,OAAO,EAAE;QAEb,OAAO;YAAC;gBAAE,IAAIA,GAAG,IAAI,CAAC,KAAK;gBAAE,MAAMA,AAAsB,WAAtBA,GAAG,IAAI,CAAC,SAAS;YAAY;SAAE;IACtE,GAAG;QAACA,GAAG,IAAI;KAAC;IAEZ,OAAO,WAAP,GACI,oBAACU,OAAQA;QACL,SAAST,QAAQ,KAAK,CAAC,OAAO;QAC9B,MAAME;QACN,SAASH,GAAG,UAAU,CAAC,OAAO;QAC9B,aAAaW,CAAAA,UACTZ,UAAU,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,UAAU,CAACY,QAAQ,GAAG,CAACC,CAAAA,QAASA,MAAM,EAAE;QAE7E,SAASH;QACT,iBAAiBI,CAAAA;YACb,IAAI,AAAgB,cAAhB,OAAOA,MAAqB;gBAC5B,MAAMC,UAAUD,KAAKJ;gBACrB,IAAIK,QAAQ,MAAM,GAAG,GACjBf,UAAU,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAC3Be,OAAO,CAAC,EAAE,CAAC,EAAE,EACbA,OAAO,CAAC,EAAE,CAAC,IAAI,GAAG,SAAS;YAGvC;QACJ;QACA,UAAUR;QACV,cAAc;QACd,WAAW;;AAGvB"}

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

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

package/presentation/schedulerList/components/SearchInput.js

@@ -0,0 +1,30 @@
+import react from "react";
+import { observer } from "mobx-react-lite";
+import { ReactComponent } from "@webiny/icons/search.svg";
+import { DelayedOnChange, Icon, Input } from "@webiny/admin-ui";
+const SearchInput = observer(({ presenter })=>{
+    const { vm } = presenter.list;
+    return /*#__PURE__*/ react.createElement(DelayedOnChange, {
+        value: vm.search,
+        onChange: (value)=>{
+            if (value === vm.search) return;
+            presenter.list.actions.search.set(value);
+        }
+    }, ({ value, onChange })=>/*#__PURE__*/ react.createElement(Input, {
+            id: "scheduler__search-input",
+            value: value,
+            onChange: (e)=>onChange(e.target.value),
+            forwardEventOnChange: true,
+            placeholder: "Search all items",
+            "data-testid": "scheduler.search-input",
+            startIcon: /*#__PURE__*/ react.createElement(Icon, {
+                icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+                label: "Search"
+            }),
+            size: "md",
+            variant: "ghost"
+        }));
+});
+export { SearchInput };
+
+//# sourceMappingURL=SearchInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/schedulerList/components/SearchInput.js","sources":["../../../../src/presentation/schedulerList/components/SearchInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\nimport { DelayedOnChange, Icon, Input } from \"@webiny/admin-ui\";\nimport type { ISchedulerListPresenter } from \"../abstractions.js\";\n\ninterface SearchInputProps {\n    presenter: ISchedulerListPresenter;\n}\n\nexport const SearchInput = observer(({ presenter }: SearchInputProps) => {\n    const { vm } = presenter.list;\n\n    return (\n        <DelayedOnChange\n            value={vm.search}\n            onChange={value => {\n                if (value === vm.search) {\n                    return;\n                }\n                presenter.list.actions.search.set(value);\n            }}\n        >\n            {({ value, onChange }) => (\n                <Input\n                    id={\"scheduler__search-input\"}\n                    value={value}\n                    onChange={e => onChange(e.target.value)}\n                    forwardEventOnChange={true}\n                    placeholder={\"Search all items\"}\n                    data-testid={\"scheduler.search-input\"}\n                    startIcon={<Icon icon={<SearchIcon />} label=\"Search\" />}\n                    size={\"md\"}\n                    variant={\"ghost\"}\n                />\n            )}\n        </DelayedOnChange>\n    );\n});\n"],"names":["SearchInput","observer","presenter","vm","DelayedOnChange","value","onChange","Input","e","Icon","SearchIcon"],"mappings":";;;;AAUO,MAAMA,cAAcC,SAAS,CAAC,EAAEC,SAAS,EAAoB;IAChE,MAAM,EAAEC,EAAE,EAAE,GAAGD,UAAU,IAAI;IAE7B,OAAO,WAAP,GACI,oBAACE,iBAAeA;QACZ,OAAOD,GAAG,MAAM;QAChB,UAAUE,CAAAA;YACN,IAAIA,UAAUF,GAAG,MAAM,EACnB;YAEJD,UAAU,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAACG;QACtC;OAEC,CAAC,EAAEA,KAAK,EAAEC,QAAQ,EAAE,iBACjB,oBAACC,OAAKA;YACF,IAAI;YACJ,OAAOF;YACP,UAAUG,CAAAA,IAAKF,SAASE,EAAE,MAAM,CAAC,KAAK;YACtC,sBAAsB;YACtB,aAAa;YACb,eAAa;YACb,yBAAW,oBAACC,MAAIA;gBAAC,oBAAM,oBAACC,gBAAUA;gBAAK,OAAM;;YAC7C,MAAM;YACN,SAAS;;AAK7B"}

package/presentation/schedulerList/feature.d.ts

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

package/presentation/schedulerList/feature.js

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

package/presentation/schedulerList/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/schedulerList/feature.js","sources":["../../../src/presentation/schedulerList/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { SchedulerListPresenter as PresenterAbstraction } from \"./abstractions.js\";\nimport { SchedulerListPresenter } from \"./SchedulerListPresenter.js\";\n\nexport const SchedulerListPresenterFeature = createFeature({\n    name: \"Scheduler/ListPresenter\",\n    register(container) {\n        container.register(SchedulerListPresenter).inSingletonScope();\n    },\n    resolve(container) {\n        return { presenter: container.resolve(PresenterAbstraction) };\n    }\n});\n"],"names":["SchedulerListPresenterFeature","createFeature","container","SchedulerListPresenter","PresenterAbstraction"],"mappings":";;;AAIO,MAAMA,gCAAgCC,cAAc;IACvD,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC,2DAAwB,gBAAgB;IAC/D;IACA,SAAQD,SAAS;QACb,OAAO;YAAE,WAAWA,UAAU,OAAO,CAACE;QAAsB;IAChE;AACJ"}

package/presentation/schedulerList/useSchedulerListPresenter.d.ts

@@ -0,0 +1 @@
+export declare const useSchedulerListPresenter: () => import("./abstractions.js").ISchedulerListPresenter;

package/presentation/schedulerList/useSchedulerListPresenter.js

@@ -0,0 +1,6 @@
+import { useFeature } from "@webiny/app";
+import { SchedulerListPresenterFeature } from "./feature.js";
+const useSchedulerListPresenter = ()=>useFeature(SchedulerListPresenterFeature).presenter;
+export { useSchedulerListPresenter };
+
+//# sourceMappingURL=useSchedulerListPresenter.js.map

package/presentation/schedulerList/useSchedulerListPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/schedulerList/useSchedulerListPresenter.js","sources":["../../../src/presentation/schedulerList/useSchedulerListPresenter.ts"],"sourcesContent":["import { useFeature } from \"@webiny/app\";\nimport { SchedulerListPresenterFeature } from \"./feature.js\";\n\nexport const useSchedulerListPresenter = () => {\n    return useFeature(SchedulerListPresenterFeature).presenter;\n};\n"],"names":["useSchedulerListPresenter","useFeature","SchedulerListPresenterFeature"],"mappings":";;AAGO,MAAMA,4BAA4B,IAC9BC,WAAWC,+BAA+B,SAAS"}

package/types.d.ts

@@ -0,0 +1,30 @@
+import type { CmsIdentity } from "@webiny/app-headless-cms-common/types/index.js";
+import type { TableRow } from "@webiny/app-aco";
+type SchedulerIdentity = Pick<CmsIdentity, "id" | "displayName" | "type">;
+export type { SchedulerIdentity };
+export declare enum ScheduleActionType {
+    publish = "publish",
+    unpublish = "unpublish"
+}
+export interface SchedulerErrorResponse {
+    code: string;
+    message: string;
+    data?: Record<string, any>;
+    stack?: string;
+}
+export interface SchedulerMetaResponse {
+    totalCount: number;
+    cursor: string | null;
+    hasMoreItems: boolean;
+}
+export interface SchedulerEntry {
+    id: string;
+    targetId: string;
+    namespace: string;
+    scheduledBy: SchedulerIdentity;
+    publishOn?: Date;
+    unpublishOn?: Date;
+    actionType: ScheduleActionType;
+    title: string;
+}
+export type SchedulerEntryTableRow = TableRow<SchedulerEntry>;

package/types.js

@@ -0,0 +1,8 @@
+var types_ScheduleActionType = /*#__PURE__*/ function(ScheduleActionType) {
+    ScheduleActionType["publish"] = "publish";
+    ScheduleActionType["unpublish"] = "unpublish";
+    return ScheduleActionType;
+}({});
+export { types_ScheduleActionType as ScheduleActionType };
+
+//# sourceMappingURL=types.js.map

package/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../src/types.ts"],"sourcesContent":["import type { CmsIdentity } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport type { TableRow } from \"@webiny/app-aco\";\n\ntype SchedulerIdentity = Pick<CmsIdentity, \"id\" | \"displayName\" | \"type\">;\n\nexport type { SchedulerIdentity };\n\nexport enum ScheduleActionType {\n    publish = \"publish\",\n    unpublish = \"unpublish\"\n}\n\nexport interface SchedulerErrorResponse {\n    code: string;\n    message: string;\n    data?: Record<string, any>;\n    stack?: string;\n}\n\nexport interface SchedulerMetaResponse {\n    totalCount: number;\n    cursor: string | null;\n    hasMoreItems: boolean;\n}\n\nexport interface SchedulerEntry {\n    id: string;\n    targetId: string;\n    namespace: string;\n    scheduledBy: SchedulerIdentity;\n    publishOn?: Date;\n    unpublishOn?: Date;\n    actionType: ScheduleActionType;\n    title: string;\n}\n\nexport type SchedulerEntryTableRow = TableRow<SchedulerEntry>;\n"],"names":["ScheduleActionType"],"mappings":"AAOO,IAAKA,2BAAkBA,WAAAA,GAAAA,SAAlBA,kBAAkB;;;WAAlBA"}