@webiny/app-headless-cms 6.4.5 → 6.6.0-alpha.0

package/presentation/contentEntries/views/CmsAdvancedSearch.js

@@ -0,0 +1,50 @@
+import react, { useCallback, useMemo } from "react";
+import { observer } from "mobx-react-lite";
+import { AdvancedSearch, GraphQLInputMapper, useFilterRepository } from "@webiny/app-aco";
+import { useContentEntryListConfig } from "../../../admin/config/contentEntries/index.js";
+import { useContentEntriesPresenter } from "../list/useContentEntriesPresenter.js";
+import { FieldsMapper } from "./FieldsMapper.js";
+const SYSTEM_FIELD_PREFIXES = [
+    "status",
+    "createdOn",
+    "savedOn",
+    "AND",
+    "OR"
+];
+function isSystemKey(key) {
+    return SYSTEM_FIELD_PREFIXES.some((prefix)=>key === prefix || key.startsWith(`${prefix}_`));
+}
+function wrapUserFields(where) {
+    const result = {};
+    const values = {};
+    for (const [key, value] of Object.entries(where))if ("AND" === key || "OR" === key) result[key] = value.map((item)=>wrapUserFields(item));
+    else if (isSystemKey(key)) result[key] = value;
+    else values[key] = value;
+    if (Object.keys(values).length > 0) result["values"] = values;
+    return result;
+}
+const CmsAdvancedSearch = observer(()=>{
+    const presenter = useContentEntriesPresenter();
+    const { browser } = useContentEntryListConfig();
+    const model = presenter.vm.model;
+    const fields = useMemo(()=>FieldsMapper.toRaw(model), [
+        model
+    ]);
+    const repository = useFilterRepository(`cms:${model.modelId}`);
+    const onApplyFilter = useCallback((data)=>{
+        if (!data || !Object.keys(data).length) return void presenter.list.actions.filter.clearAll();
+        const where = wrapUserFields(GraphQLInputMapper.toGraphQL(data));
+        for (const [key, value] of Object.entries(where))presenter.list.actions.filter.set(key, value);
+    }, [
+        presenter
+    ]);
+    return /*#__PURE__*/ react.createElement(AdvancedSearch, {
+        fields: fields,
+        fieldRenderers: browser.advancedSearch.fieldRenderers,
+        repository: repository,
+        onApplyFilter: onApplyFilter
+    });
+});
+export { CmsAdvancedSearch };
+
+//# sourceMappingURL=CmsAdvancedSearch.js.map

package/presentation/contentEntries/views/CmsAdvancedSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/views/CmsAdvancedSearch.js","sources":["../../../../src/presentation/contentEntries/views/CmsAdvancedSearch.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { AdvancedSearch, GraphQLInputMapper, useFilterRepository } from \"@webiny/app-aco\";\nimport type { FilterDTO } from \"@webiny/app-aco/components/AdvancedSearch/domain/index.js\";\nimport { useContentEntryListConfig } from \"~/admin/config/contentEntries/index.js\";\nimport { useContentEntriesPresenter } from \"~/presentation/contentEntries/list/useContentEntriesPresenter.js\";\nimport { FieldsMapper } from \"./FieldsMapper.js\";\n\nconst SYSTEM_FIELD_PREFIXES = [\"status\", \"createdOn\", \"savedOn\", \"AND\", \"OR\"];\n\nfunction isSystemKey(key: string): boolean {\n    return SYSTEM_FIELD_PREFIXES.some(prefix => key === prefix || key.startsWith(`${prefix}_`));\n}\n\nfunction wrapUserFields(where: Record<string, unknown>): Record<string, unknown> {\n    const result: Record<string, unknown> = {};\n    const values: Record<string, unknown> = {};\n\n    for (const [key, value] of Object.entries(where)) {\n        if (key === \"AND\" || key === \"OR\") {\n            result[key] = (value as Record<string, unknown>[]).map(item => wrapUserFields(item));\n        } else if (isSystemKey(key)) {\n            result[key] = value;\n        } else {\n            values[key] = value;\n        }\n    }\n\n    if (Object.keys(values).length > 0) {\n        result[\"values\"] = values;\n    }\n\n    return result;\n}\n\nexport const CmsAdvancedSearch = observer(() => {\n    const presenter = useContentEntriesPresenter();\n    const { browser } = useContentEntryListConfig();\n    const model = presenter.vm.model;\n    const fields = useMemo(() => FieldsMapper.toRaw(model), [model]);\n    const repository = useFilterRepository(`cms:${model.modelId}`);\n\n    const onApplyFilter = useCallback(\n        (data: FilterDTO | null) => {\n            if (!data || !Object.keys(data).length) {\n                presenter.list.actions.filter.clearAll();\n                return;\n            }\n\n            const where = wrapUserFields(GraphQLInputMapper.toGraphQL(data));\n            for (const [key, value] of Object.entries(where)) {\n                presenter.list.actions.filter.set(key, value);\n            }\n        },\n        [presenter]\n    );\n\n    return (\n        <AdvancedSearch\n            fields={fields}\n            fieldRenderers={browser.advancedSearch.fieldRenderers}\n            repository={repository}\n            onApplyFilter={onApplyFilter}\n        />\n    );\n});\n"],"names":["SYSTEM_FIELD_PREFIXES","isSystemKey","key","prefix","wrapUserFields","where","result","values","value","Object","item","CmsAdvancedSearch","observer","presenter","useContentEntriesPresenter","browser","useContentEntryListConfig","model","fields","useMemo","FieldsMapper","repository","useFilterRepository","onApplyFilter","useCallback","data","GraphQLInputMapper","AdvancedSearch"],"mappings":";;;;;;AAQA,MAAMA,wBAAwB;IAAC;IAAU;IAAa;IAAW;IAAO;CAAK;AAE7E,SAASC,YAAYC,GAAW;IAC5B,OAAOF,sBAAsB,IAAI,CAACG,CAAAA,SAAUD,QAAQC,UAAUD,IAAI,UAAU,CAAC,GAAGC,OAAO,CAAC,CAAC;AAC7F;AAEA,SAASC,eAAeC,KAA8B;IAClD,MAAMC,SAAkC,CAAC;IACzC,MAAMC,SAAkC,CAAC;IAEzC,KAAK,MAAM,CAACL,KAAKM,MAAM,IAAIC,OAAO,OAAO,CAACJ,OACtC,IAAIH,AAAQ,UAARA,OAAiBA,AAAQ,SAARA,KACjBI,MAAM,CAACJ,IAAI,GAAIM,MAAoC,GAAG,CAACE,CAAAA,OAAQN,eAAeM;SAC3E,IAAIT,YAAYC,MACnBI,MAAM,CAACJ,IAAI,GAAGM;SAEdD,MAAM,CAACL,IAAI,GAAGM;IAItB,IAAIC,OAAO,IAAI,CAACF,QAAQ,MAAM,GAAG,GAC7BD,MAAM,CAAC,SAAS,GAAGC;IAGvB,OAAOD;AACX;AAEO,MAAMK,oBAAoBC,SAAS;IACtC,MAAMC,YAAYC;IAClB,MAAM,EAAEC,OAAO,EAAE,GAAGC;IACpB,MAAMC,QAAQJ,UAAU,EAAE,CAAC,KAAK;IAChC,MAAMK,SAASC,QAAQ,IAAMC,aAAa,KAAK,CAACH,QAAQ;QAACA;KAAM;IAC/D,MAAMI,aAAaC,oBAAoB,CAAC,IAAI,EAAEL,MAAM,OAAO,EAAE;IAE7D,MAAMM,gBAAgBC,YAClB,CAACC;QACG,IAAI,CAACA,QAAQ,CAAChB,OAAO,IAAI,CAACgB,MAAM,MAAM,EAAE,YACpCZ,UAAU,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ;QAI1C,MAAMR,QAAQD,eAAesB,mBAAmB,SAAS,CAACD;QAC1D,KAAK,MAAM,CAACvB,KAAKM,MAAM,IAAIC,OAAO,OAAO,CAACJ,OACtCQ,UAAU,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAACX,KAAKM;IAE/C,GACA;QAACK;KAAU;IAGf,OAAO,WAAP,GACI,oBAACc,gBAAcA;QACX,QAAQT;QACR,gBAAgBH,QAAQ,cAAc,CAAC,cAAc;QACrD,YAAYM;QACZ,eAAeE;;AAG3B"}

package/presentation/contentEntries/views/ContentEntriesListLayout.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const ContentEntriesListLayout: (() => React.JSX.Element) & {
+    displayName: string;
+};

package/presentation/contentEntries/views/ContentEntriesListLayout.js

@@ -0,0 +1,116 @@
+import react, { useCallback } from "react";
+import { observer } from "mobx-react-lite";
+import { useCreateDialog } from "@webiny/app-aco";
+import { EmptyView, ListView } from "@webiny/app-admin";
+import { Button } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/home.svg";
+import { ReactComponent as folder_svg_ReactComponent } from "@webiny/icons/folder.svg";
+import { FolderTree } from "@webiny/app-aco/presentation/folderTree/FolderTree.js";
+import { useContentEntryListConfig } from "../../../admin/config/contentEntries/list/ContentEntryListConfig.js";
+import { useContentEntriesPresenter } from "../list/useContentEntriesPresenter.js";
+import { ContentEntryFormView } from "./ContentEntryFormView.js";
+import { Table } from "./Table/Table.js";
+import { CmsAdvancedSearch } from "./CmsAdvancedSearch.js";
+import { SidebarFooter } from "./SidebarFooter.js";
+const ContentEntriesListLayout = observer(()=>{
+    const presenter = useContentEntriesPresenter();
+    if (presenter.vm.showingEntry) return /*#__PURE__*/ react.createElement(ContentEntryFormView, null);
+    return /*#__PURE__*/ react.createElement(DocumentList, null);
+});
+const DocumentList = observer(()=>{
+    const presenter = useContentEntriesPresenter();
+    const { browser } = useContentEntryListConfig();
+    const { showDialog: showCreateFolderDialog } = useCreateDialog();
+    const folderId = presenter.folders.vm.currentFolderId ?? "root";
+    const isRoot = "root" === folderId;
+    const hasFolders = presenter.vm.showFolders && presenter.vm.childFolders.length > 0;
+    const onCreateFolder = useCallback(()=>{
+        showCreateFolderDialog({
+            currentParentId: folderId
+        });
+    }, [
+        folderId
+    ]);
+    const onCreateEntry = useCallback(()=>{
+        presenter.createEntry();
+    }, [
+        presenter
+    ]);
+    return /*#__PURE__*/ react.createElement(ListView, {
+        list: presenter.list.vm,
+        actions: presenter.list.actions,
+        namespace: `cms/${presenter.vm.model.modelId}/list`,
+        showingFilters: presenter.list.vm.showingFilters,
+        onToggleFilters: ()=>{
+            presenter.list.vm.showingFilters ? presenter.list.actions.filter.hide() : presenter.list.actions.filter.show();
+        },
+        sidebar: /*#__PURE__*/ react.createElement(ListView.Sidebar, {
+            title: presenter.vm.model.name
+        }, /*#__PURE__*/ react.createElement(ListView.Sidebar.Section, {
+            grow: true
+        }, /*#__PURE__*/ react.createElement(FolderTree, {
+            vm: presenter.folders.vm,
+            actions: presenter.folders,
+            folderActions: browser.folder.actions,
+            enableActions: true,
+            enableCreate: true
+        })), /*#__PURE__*/ react.createElement(ListView.Sidebar.Section, {
+            scrollable: false
+        }, /*#__PURE__*/ react.createElement(SidebarFooter, null))),
+        header: /*#__PURE__*/ react.createElement(ListView.Header, {
+            title: {
+                icon: isRoot ? /*#__PURE__*/ react.createElement(ReactComponent, null) : /*#__PURE__*/ react.createElement(folder_svg_ReactComponent, null),
+                text: isRoot ? "Home" : presenter.folders.vm.currentFolderTitle
+            },
+            search: true,
+            filtersToggle: true,
+            actions: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Button, {
+                variant: "secondary",
+                onClick: onCreateFolder,
+                text: "New Folder"
+            }), /*#__PURE__*/ react.createElement(Button, {
+                variant: "primary",
+                onClick: onCreateEntry,
+                text: "New Entry"
+            }))
+        }),
+        bulkActions: /*#__PURE__*/ react.createElement(ListView.BulkActions, {
+            itemLabel: "entry",
+            actions: browser.bulkActions
+        }),
+        filters: /*#__PURE__*/ react.createElement(ListView.Filters, {
+            filters: browser.filters,
+            filtersToWhere: browser.filtersToWhere
+        }, /*#__PURE__*/ react.createElement(CmsAdvancedSearch, null)),
+        content: /*#__PURE__*/ react.createElement(ListView.Content, {
+            empty: hasFolders ? void 0 : /*#__PURE__*/ react.createElement(EmptyView, {
+                title: "No entries yet. Create your first entry.",
+                action: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Button, {
+                    variant: "secondary",
+                    onClick: onCreateFolder,
+                    text: "New Folder"
+                }), /*#__PURE__*/ react.createElement(Button, {
+                    variant: "primary",
+                    onClick: onCreateEntry,
+                    text: "New Entry"
+                }))
+            }),
+            searchEmpty: /*#__PURE__*/ react.createElement(EmptyView, {
+                title: "No results found.",
+                action: null
+            })
+        }, /*#__PURE__*/ react.createElement(Table, null)),
+        bottomBar: /*#__PURE__*/ react.createElement(ListView.BottomBar, {
+            meta: {
+                itemLabel: {
+                    singular: "entry",
+                    plural: "entries"
+                }
+            },
+            status: true
+        })
+    });
+});
+export { ContentEntriesListLayout };
+
+//# sourceMappingURL=ContentEntriesListLayout.js.map

package/presentation/contentEntries/views/ContentEntriesListLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/views/ContentEntriesListLayout.js","sources":["../../../../src/presentation/contentEntries/views/ContentEntriesListLayout.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { useCreateDialog } from \"@webiny/app-aco\";\nimport { ListView, EmptyView } from \"@webiny/app-admin\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { ReactComponent as HomeIcon } from \"@webiny/icons/home.svg\";\nimport { ReactComponent as FolderIcon } from \"@webiny/icons/folder.svg\";\nimport { FolderTree } from \"@webiny/app-aco/presentation/folderTree/FolderTree.js\";\nimport { useContentEntryListConfig } from \"~/admin/config/contentEntries/list/ContentEntryListConfig.js\";\nimport { useContentEntriesPresenter } from \"~/presentation/contentEntries/list/useContentEntriesPresenter.js\";\nimport { ContentEntryFormView } from \"./ContentEntryFormView.js\";\nimport { Table } from \"./Table/Table.js\";\nimport { CmsAdvancedSearch } from \"./CmsAdvancedSearch.js\";\nimport { SidebarFooter } from \"./SidebarFooter.js\";\n\nexport const ContentEntriesListLayout = observer(() => {\n    const presenter = useContentEntriesPresenter();\n\n    if (presenter.vm.showingEntry) {\n        return <ContentEntryFormView />;\n    }\n\n    return <DocumentList />;\n});\n\nconst DocumentList = observer(() => {\n    const presenter = useContentEntriesPresenter();\n    const { browser } = useContentEntryListConfig();\n    const { showDialog: showCreateFolderDialog } = useCreateDialog();\n\n    const folderId = presenter.folders.vm.currentFolderId ?? \"root\";\n    const isRoot = folderId === \"root\";\n    const hasFolders = presenter.vm.showFolders && presenter.vm.childFolders.length > 0;\n\n    const onCreateFolder = useCallback(() => {\n        showCreateFolderDialog({ currentParentId: folderId });\n    }, [folderId]);\n\n    const onCreateEntry = useCallback(() => {\n        presenter.createEntry();\n    }, [presenter]);\n\n    return (\n        <ListView\n            list={presenter.list.vm}\n            actions={presenter.list.actions}\n            namespace={`cms/${presenter.vm.model.modelId}/list`}\n            showingFilters={presenter.list.vm.showingFilters}\n            onToggleFilters={() => {\n                presenter.list.vm.showingFilters\n                    ? presenter.list.actions.filter.hide()\n                    : presenter.list.actions.filter.show();\n            }}\n            sidebar={\n                <ListView.Sidebar title={presenter.vm.model.name}>\n                    <ListView.Sidebar.Section grow>\n                        <FolderTree\n                            vm={presenter.folders.vm}\n                            actions={presenter.folders}\n                            folderActions={browser.folder.actions}\n                            enableActions={true}\n                            enableCreate={true}\n                        />\n                    </ListView.Sidebar.Section>\n                    <ListView.Sidebar.Section scrollable={false}>\n                        <SidebarFooter />\n                    </ListView.Sidebar.Section>\n                </ListView.Sidebar>\n            }\n            header={\n                <ListView.Header\n                    title={{\n                        icon: isRoot ? <HomeIcon /> : <FolderIcon />,\n                        text: isRoot ? \"Home\" : presenter.folders.vm.currentFolderTitle\n                    }}\n                    search\n                    filtersToggle\n                    actions={\n                        <>\n                            <Button\n                                variant={\"secondary\"}\n                                onClick={onCreateFolder}\n                                text={\"New Folder\"}\n                            />\n                            <Button\n                                variant={\"primary\"}\n                                onClick={onCreateEntry}\n                                text={\"New Entry\"}\n                            />\n                        </>\n                    }\n                />\n            }\n            bulkActions={<ListView.BulkActions itemLabel=\"entry\" actions={browser.bulkActions} />}\n            filters={\n                <ListView.Filters filters={browser.filters} filtersToWhere={browser.filtersToWhere}>\n                    <CmsAdvancedSearch />\n                </ListView.Filters>\n            }\n            content={\n                <ListView.Content\n                    empty={\n                        hasFolders ? undefined : (\n                            <EmptyView\n                                title={\"No entries yet. Create your first entry.\"}\n                                action={\n                                    <>\n                                        <Button\n                                            variant={\"secondary\"}\n                                            onClick={onCreateFolder}\n                                            text={\"New Folder\"}\n                                        />\n                                        <Button\n                                            variant={\"primary\"}\n                                            onClick={onCreateEntry}\n                                            text={\"New Entry\"}\n                                        />\n                                    </>\n                                }\n                            />\n                        )\n                    }\n                    searchEmpty={<EmptyView title={\"No results found.\"} action={null} />}\n                >\n                    <Table />\n                </ListView.Content>\n            }\n            bottomBar={\n                <ListView.BottomBar\n                    meta={{ itemLabel: { singular: \"entry\", plural: \"entries\" } }}\n                    status\n                />\n            }\n        />\n    );\n});\n"],"names":["ContentEntriesListLayout","observer","presenter","useContentEntriesPresenter","ContentEntryFormView","DocumentList","browser","useContentEntryListConfig","showCreateFolderDialog","useCreateDialog","folderId","isRoot","hasFolders","onCreateFolder","useCallback","onCreateEntry","ListView","FolderTree","SidebarFooter","HomeIcon","FolderIcon","Button","CmsAdvancedSearch","undefined","EmptyView","Table"],"mappings":"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"}

package/presentation/contentEntries/views/ContentEntriesRouteAdapter.d.ts

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

package/presentation/contentEntries/views/ContentEntriesRouteAdapter.js

@@ -0,0 +1,24 @@
+import react from "react";
+import { useRoute } from "@webiny/app-admin";
+import { useLocalStorage } from "@webiny/app";
+import { Routes } from "../../../routes.js";
+import { createLastVisitedFolderKey } from "../../../admin/constants.js";
+import { ContentEntriesView } from "./ContentEntriesView.js";
+const ContentEntriesRouteAdapter = ()=>{
+    const { route } = useRoute(Routes.ContentEntries.List);
+    const localStorage = useLocalStorage();
+    const { modelId, folderId: urlFolderId, search } = route.params;
+    if (!modelId) return null;
+    const storageKey = createLastVisitedFolderKey(modelId);
+    const initialFolderId = urlFolderId ?? localStorage.get(storageKey) ?? void 0;
+    return /*#__PURE__*/ react.createElement(ContentEntriesView, {
+        key: modelId,
+        modelId: modelId,
+        initialFolderId: initialFolderId,
+        initialSearch: search,
+        syncToUrl: true
+    });
+};
+export { ContentEntriesRouteAdapter };
+
+//# sourceMappingURL=ContentEntriesRouteAdapter.js.map

package/presentation/contentEntries/views/ContentEntriesRouteAdapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/views/ContentEntriesRouteAdapter.js","sources":["../../../../src/presentation/contentEntries/views/ContentEntriesRouteAdapter.tsx"],"sourcesContent":["import React from \"react\";\nimport { useRoute } from \"@webiny/app-admin\";\nimport { useLocalStorage } from \"@webiny/app\";\nimport { Routes } from \"~/routes.js\";\nimport { createLastVisitedFolderKey } from \"~/admin/constants.js\";\nimport { ContentEntriesView } from \"./ContentEntriesView.js\";\n\nexport const ContentEntriesRouteAdapter = () => {\n    const { route } = useRoute(Routes.ContentEntries.List);\n    const localStorage = useLocalStorage();\n    const { modelId, folderId: urlFolderId, search } = route.params;\n\n    if (!modelId) {\n        return null;\n    }\n\n    const storageKey = createLastVisitedFolderKey(modelId);\n    const initialFolderId = urlFolderId ?? localStorage.get<string>(storageKey) ?? undefined;\n\n    return (\n        <ContentEntriesView\n            key={modelId}\n            modelId={modelId}\n            initialFolderId={initialFolderId}\n            initialSearch={search}\n            syncToUrl\n        />\n    );\n};\n"],"names":["ContentEntriesRouteAdapter","route","useRoute","Routes","localStorage","useLocalStorage","modelId","urlFolderId","search","storageKey","createLastVisitedFolderKey","initialFolderId","undefined","ContentEntriesView"],"mappings":";;;;;;AAOO,MAAMA,6BAA6B;IACtC,MAAM,EAAEC,KAAK,EAAE,GAAGC,SAASC,OAAO,cAAc,CAAC,IAAI;IACrD,MAAMC,eAAeC;IACrB,MAAM,EAAEC,OAAO,EAAE,UAAUC,WAAW,EAAEC,MAAM,EAAE,GAAGP,MAAM,MAAM;IAE/D,IAAI,CAACK,SACD,OAAO;IAGX,MAAMG,aAAaC,2BAA2BJ;IAC9C,MAAMK,kBAAkBJ,eAAeH,aAAa,GAAG,CAASK,eAAeG;IAE/E,OAAO,WAAP,GACI,oBAACC,oBAAkBA;QACf,KAAKP;QACL,SAASA;QACT,iBAAiBK;QACjB,eAAeH;QACf;;AAGZ"}

package/presentation/contentEntries/views/ContentEntriesView.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface ContentEntriesViewProps {
+    modelId: string;
+    initialFolderId?: string;
+    initialSearch?: string;
+    syncToUrl?: boolean;
+}
+export declare const ContentEntriesView: ({ modelId, initialFolderId, initialSearch, syncToUrl }: ContentEntriesViewProps) => React.JSX.Element;

package/presentation/contentEntries/views/ContentEntriesView.js

@@ -0,0 +1,45 @@
+import react, { useMemo } from "react";
+import { DiContainerProvider, useContainer } from "@webiny/app";
+import { DialogsProvider } from "@webiny/app-admin";
+import { FoldersFeature } from "@webiny/app-aco/features/folders/feature.js";
+import { FolderTreePresenterFeature } from "@webiny/app-aco/presentation/folderTree/feature.js";
+import { CmsModelContext } from "../../../features/contentEntry/CmsModelContext.js";
+import { ContentEntriesPresenterFeature } from "../list/feature.js";
+import { ContentEntryFormPresenterFeature } from "../form/feature.js";
+import { SingleEntryPresenterFeature } from "../singleEntry/feature.js";
+import { BulkDeleteFeature, BulkMoveFeature, BulkPublishFeature, BulkUnpublishFeature } from "../bulkActions/feature.js";
+import { RevisionsListFeature } from "../revisionsList/feature.js";
+import { TableRowMapper } from "./Table/TableRowMapper.js";
+import { ModelLoader } from "./ModelLoader.js";
+const ContentEntriesView = ({ modelId, initialFolderId, initialSearch, syncToUrl })=>{
+    const container = useContainer();
+    const scopedContainer = useMemo(()=>{
+        const child = container.createChildContainer();
+        FoldersFeature.register(child, {
+            type: `cms:${modelId}`
+        });
+        FolderTreePresenterFeature.register(child);
+        child.register(CmsModelContext).inSingletonScope();
+        ContentEntriesPresenterFeature.register(child);
+        ContentEntryFormPresenterFeature.register(child);
+        RevisionsListFeature.register(child);
+        SingleEntryPresenterFeature.register(child);
+        BulkPublishFeature.register(child);
+        BulkUnpublishFeature.register(child);
+        BulkDeleteFeature.register(child);
+        BulkMoveFeature.register(child);
+        child.register(TableRowMapper);
+        return child;
+    }, []);
+    return /*#__PURE__*/ react.createElement(DiContainerProvider, {
+        container: scopedContainer
+    }, /*#__PURE__*/ react.createElement(DialogsProvider, null, /*#__PURE__*/ react.createElement(ModelLoader, {
+        modelId: modelId,
+        initialFolderId: initialFolderId,
+        initialSearch: initialSearch,
+        syncToUrl: syncToUrl
+    })));
+};
+export { ContentEntriesView };
+
+//# sourceMappingURL=ContentEntriesView.js.map

package/presentation/contentEntries/views/ContentEntriesView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/views/ContentEntriesView.js","sources":["../../../../src/presentation/contentEntries/views/ContentEntriesView.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { DiContainerProvider, useContainer } from \"@webiny/app\";\nimport { DialogsProvider } from \"@webiny/app-admin\";\nimport { FoldersFeature } from \"@webiny/app-aco/features/folders/feature.js\";\nimport { FolderTreePresenterFeature } from \"@webiny/app-aco/presentation/folderTree/feature.js\";\nimport { CmsModelContext } from \"~/features/contentEntry/CmsModelContext.js\";\nimport { ContentEntriesPresenterFeature } from \"../list/feature.js\";\nimport { ContentEntryFormPresenterFeature } from \"../form/feature.js\";\nimport { SingleEntryPresenterFeature } from \"../singleEntry/feature.js\";\nimport {\n    BulkPublishFeature,\n    BulkUnpublishFeature,\n    BulkDeleteFeature,\n    BulkMoveFeature\n} from \"../bulkActions/feature.js\";\nimport { RevisionsListFeature } from \"../revisionsList/feature.js\";\nimport { TableRowMapper } from \"./Table/TableRowMapper.js\";\nimport { ModelLoader } from \"./ModelLoader.js\";\n\nexport interface ContentEntriesViewProps {\n    modelId: string;\n    initialFolderId?: string;\n    initialSearch?: string;\n    syncToUrl?: boolean;\n}\n\nexport const ContentEntriesView = ({\n    modelId,\n    initialFolderId,\n    initialSearch,\n    syncToUrl\n}: ContentEntriesViewProps) => {\n    const container = useContainer();\n\n    const scopedContainer = useMemo(() => {\n        const child = container.createChildContainer();\n\n        FoldersFeature.register(child, { type: `cms:${modelId}` });\n        FolderTreePresenterFeature.register(child);\n        child.register(CmsModelContext).inSingletonScope();\n        ContentEntriesPresenterFeature.register(child);\n        ContentEntryFormPresenterFeature.register(child);\n        RevisionsListFeature.register(child);\n        SingleEntryPresenterFeature.register(child);\n        BulkPublishFeature.register(child);\n        BulkUnpublishFeature.register(child);\n        BulkDeleteFeature.register(child);\n        BulkMoveFeature.register(child);\n        child.register(TableRowMapper);\n\n        return child;\n    }, []);\n\n    return (\n        <DiContainerProvider container={scopedContainer}>\n            <DialogsProvider>\n                <ModelLoader\n                    modelId={modelId}\n                    initialFolderId={initialFolderId}\n                    initialSearch={initialSearch}\n                    syncToUrl={syncToUrl}\n                />\n            </DialogsProvider>\n        </DiContainerProvider>\n    );\n};\n"],"names":["ContentEntriesView","modelId","initialFolderId","initialSearch","syncToUrl","container","useContainer","scopedContainer","useMemo","child","FoldersFeature","FolderTreePresenterFeature","CmsModelContext","ContentEntriesPresenterFeature","ContentEntryFormPresenterFeature","RevisionsListFeature","SingleEntryPresenterFeature","BulkPublishFeature","BulkUnpublishFeature","BulkDeleteFeature","BulkMoveFeature","TableRowMapper","DiContainerProvider","DialogsProvider","ModelLoader"],"mappings":";;;;;;;;;;;;;AA0BO,MAAMA,qBAAqB,CAAC,EAC/BC,OAAO,EACPC,eAAe,EACfC,aAAa,EACbC,SAAS,EACa;IACtB,MAAMC,YAAYC;IAElB,MAAMC,kBAAkBC,QAAQ;QAC5B,MAAMC,QAAQJ,UAAU,oBAAoB;QAE5CK,eAAe,QAAQ,CAACD,OAAO;YAAE,MAAM,CAAC,IAAI,EAAER,SAAS;QAAC;QACxDU,2BAA2B,QAAQ,CAACF;QACpCA,MAAM,QAAQ,CAACG,iBAAiB,gBAAgB;QAChDC,+BAA+B,QAAQ,CAACJ;QACxCK,iCAAiC,QAAQ,CAACL;QAC1CM,qBAAqB,QAAQ,CAACN;QAC9BO,4BAA4B,QAAQ,CAACP;QACrCQ,mBAAmB,QAAQ,CAACR;QAC5BS,qBAAqB,QAAQ,CAACT;QAC9BU,kBAAkB,QAAQ,CAACV;QAC3BW,gBAAgB,QAAQ,CAACX;QACzBA,MAAM,QAAQ,CAACY;QAEf,OAAOZ;IACX,GAAG,EAAE;IAEL,OAAO,WAAP,GACI,oBAACa,qBAAmBA;QAAC,WAAWf;qBAC5B,oBAACgB,iBAAeA,MAAAA,WAAAA,GACZ,oBAACC,aAAWA;QACR,SAASvB;QACT,iBAAiBC;QACjB,eAAeC;QACf,WAAWC;;AAK/B"}

package/presentation/contentEntries/views/ContentEntryFormView.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const ContentEntryFormView: (() => React.JSX.Element) & {
+    displayName: string;
+};

package/presentation/contentEntries/views/ContentEntryFormView.js

@@ -0,0 +1,116 @@
+import react, { useEffect } from "react";
+import { Helmet } from "react-helmet";
+import { observer } from "mobx-react-lite";
+import { useFeature, useRouter } from "@webiny/app";
+import { Buttons, useDialogs, useRoute } from "@webiny/app-admin";
+import { HeaderBar, Heading, Icon, IconButton, OverlayLoader, Tooltip } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/arrow_back.svg";
+import { ReactComponent as info_svg_ReactComponent } from "@webiny/icons/info.svg";
+import { useContentEntryEditorConfig } from "../../../admin/config/contentEntries/index.js";
+import { Routes } from "../../../routes.js";
+import { Container, ContentEntryForm, ContentEntryFormContent, ScrollArea } from "./layout/index.js";
+import { RevisionsListFeature } from "../revisionsList/feature.js";
+import { useContentEntriesPresenter } from "../list/useContentEntriesPresenter.js";
+import { useContentEntryFormPresenter } from "../form/useContentEntryFormPresenter.js";
+import { RevisionDrawer } from "./RevisionDrawer.js";
+const ContentEntryFormView = observer(()=>{
+    const listPresenter = useContentEntriesPresenter();
+    const formPresenter = useContentEntryFormPresenter();
+    const { presenter: revisionsPresenter } = useFeature(RevisionsListFeature);
+    const { width, newEntryWizard } = useContentEntryEditorConfig();
+    const router = useRouter();
+    const dialogs = useDialogs();
+    const { route } = useRoute(Routes.ContentEntries.List);
+    const entryId = listPresenter.vm.selectedEntryId;
+    const { vm } = formPresenter;
+    const hasWizard = "new" === entryId && null !== newEntryWizard;
+    const showWizard = hasWizard && null === vm.form;
+    useEffect(()=>{
+        if ("new" === entryId) {
+            if (!newEntryWizard) formPresenter.newEntry();
+        } else if (entryId) {
+            formPresenter.loadRevision(entryId);
+            revisionsPresenter.init(entryId);
+        }
+        return ()=>{
+            formPresenter.reset();
+            revisionsPresenter.dispose();
+        };
+    }, [
+        entryId
+    ]);
+    useEffect(()=>router.addTransitionGuard({
+            guard: ()=>formPresenter.vm.isDirty,
+            onBlocked: ()=>{
+                dialogs.showDialog({
+                    title: "Confirm Navigation",
+                    content: "There are some unsaved changes! Are you sure you want to navigate away and discard all changes?",
+                    acceptLabel: "Yes!",
+                    cancelLabel: "No, stay here.",
+                    onAccept: ()=>{
+                        formPresenter.reset();
+                        router.confirmTransition();
+                    },
+                    onClose: ()=>router.cancelTransition()
+                });
+            }
+        }), []);
+    const handleBack = ()=>{
+        const { modelId, folderId } = route.params;
+        router.goToRoute(Routes.ContentEntries.List, {
+            modelId,
+            folderId
+        });
+    };
+    return /*#__PURE__*/ react.createElement(Container, null, /*#__PURE__*/ react.createElement(Helmet, {
+        title: vm.entry?.meta?.title || listPresenter.vm.model.name
+    }), /*#__PURE__*/ react.createElement(HeaderBar, {
+        start: /*#__PURE__*/ react.createElement(EntryFormHeaderLeft, {
+            onBack: handleBack,
+            title: vm.entry?.meta?.title || `New ${listPresenter.vm.model.name}`,
+            isNewEntry: vm.isNewEntry,
+            modelName: listPresenter.vm.model.name,
+            status: vm.entry?.meta?.status ?? null
+        }),
+        end: /*#__PURE__*/ react.createElement(EntryFormHeaderRight, null)
+    }), /*#__PURE__*/ react.createElement(ScrollArea, null, vm.loading ? /*#__PURE__*/ react.createElement(OverlayLoader, {
+        text: vm.loading
+    }) : null, showWizard ? newEntryWizard : /*#__PURE__*/ react.createElement(ContentEntryFormContent, null, /*#__PURE__*/ react.createElement("div", {
+        className: "bg-neutral-base rounded-lg p-lg",
+        style: {
+            width
+        }
+    }, /*#__PURE__*/ react.createElement(ContentEntryForm, null)))), /*#__PURE__*/ react.createElement(RevisionDrawer, null));
+});
+const EntryFormHeaderLeft = ({ onBack, title, isNewEntry, modelName, status })=>/*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center gap-sm"
+    }, /*#__PURE__*/ react.createElement(IconButton, {
+        variant: "ghost",
+        onClick: onBack,
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
+    }), /*#__PURE__*/ react.createElement(Heading, {
+        level: 5,
+        className: `text-neutral-primary${isNewEntry ? " opacity-50" : ""}`
+    }, title), /*#__PURE__*/ react.createElement(Tooltip, {
+        content: `Model: ${modelName}${status ? ` - Status: ${status}` : ""}`,
+        trigger: /*#__PURE__*/ react.createElement(Icon, {
+            icon: /*#__PURE__*/ react.createElement(info_svg_ReactComponent, null),
+            label: "Info",
+            size: "sm",
+            color: "neutral-light"
+        })
+    }));
+const EntryFormHeaderRight = observer(()=>{
+    const presenter = useContentEntryFormPresenter();
+    const { buttonActions } = useContentEntryEditorConfig();
+    const { canSave, canPublish, canUnpublish, canDelete } = presenter.vm;
+    if (!canSave && !canPublish && !canUnpublish && !canDelete) return /*#__PURE__*/ react.createElement("div", null);
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center gap-sm"
+    }, /*#__PURE__*/ react.createElement(Buttons, {
+        actions: buttonActions
+    }));
+});
+export { ContentEntryFormView };
+
+//# sourceMappingURL=ContentEntryFormView.js.map

package/presentation/contentEntries/views/ContentEntryFormView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/views/ContentEntryFormView.js","sources":["../../../../src/presentation/contentEntries/views/ContentEntryFormView.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { Helmet } from \"react-helmet\";\nimport { observer } from \"mobx-react-lite\";\nimport { useFeature, useRouter } from \"@webiny/app\";\nimport { Buttons, useDialogs, useRoute } from \"@webiny/app-admin\";\nimport { HeaderBar, Heading, Icon, IconButton, OverlayLoader, Tooltip } from \"@webiny/admin-ui\";\nimport { ReactComponent as BackIcon } from \"@webiny/icons/arrow_back.svg\";\nimport { ReactComponent as InfoIcon } from \"@webiny/icons/info.svg\";\nimport { useContentEntryEditorConfig } from \"~/admin/config/contentEntries/index.js\";\nimport { Routes } from \"~/routes.js\";\nimport {\n    Container,\n    ScrollArea,\n    ContentEntryFormContent,\n    ContentEntryForm\n} from \"./layout/index.js\";\nimport { RevisionsListFeature } from \"../revisionsList/feature.js\";\nimport { useContentEntriesPresenter } from \"~/presentation/contentEntries/list/useContentEntriesPresenter.js\";\nimport { useContentEntryFormPresenter } from \"~/presentation/contentEntries/form/useContentEntryFormPresenter.js\";\nimport { RevisionDrawer } from \"./RevisionDrawer.js\";\n\nexport const ContentEntryFormView = observer(() => {\n    const listPresenter = useContentEntriesPresenter();\n    const formPresenter = useContentEntryFormPresenter();\n    const { presenter: revisionsPresenter } = useFeature(RevisionsListFeature);\n    const { width, newEntryWizard } = useContentEntryEditorConfig();\n    const router = useRouter();\n    const dialogs = useDialogs();\n    const { route } = useRoute(Routes.ContentEntries.List);\n\n    const entryId = listPresenter.vm.selectedEntryId;\n    const { vm } = formPresenter;\n\n    const hasWizard = entryId === \"new\" && newEntryWizard !== null;\n    const showWizard = hasWizard && vm.form === null;\n\n    useEffect(() => {\n        if (entryId === \"new\") {\n            if (!newEntryWizard) {\n                formPresenter.newEntry();\n            }\n        } else if (entryId) {\n            formPresenter.loadRevision(entryId);\n            revisionsPresenter.init(entryId);\n        }\n\n        return () => {\n            formPresenter.reset();\n            revisionsPresenter.dispose();\n        };\n    }, [entryId]);\n\n    useEffect(() => {\n        return router.addTransitionGuard({\n            guard: () => formPresenter.vm.isDirty,\n            onBlocked: () => {\n                dialogs.showDialog({\n                    title: \"Confirm Navigation\",\n                    content:\n                        \"There are some unsaved changes! Are you sure you want to navigate away and discard all changes?\",\n                    acceptLabel: \"Yes!\",\n                    cancelLabel: \"No, stay here.\",\n                    onAccept: () => {\n                        // We must reset the form to prevent the guard from kicking in again.\n                        formPresenter.reset();\n                        router.confirmTransition();\n                    },\n                    onClose: () => router.cancelTransition()\n                });\n            }\n        });\n    }, []);\n\n    const handleBack = () => {\n        const { modelId, folderId } = route.params;\n        router.goToRoute(Routes.ContentEntries.List, { modelId, folderId });\n    };\n\n    return (\n        <Container>\n            <Helmet title={vm.entry?.meta?.title || listPresenter.vm.model.name} />\n            <HeaderBar\n                start={\n                    <EntryFormHeaderLeft\n                        onBack={handleBack}\n                        title={vm.entry?.meta?.title || `New ${listPresenter.vm.model.name}`}\n                        isNewEntry={vm.isNewEntry}\n                        modelName={listPresenter.vm.model.name}\n                        status={vm.entry?.meta?.status ?? null}\n                    />\n                }\n                end={<EntryFormHeaderRight />}\n            />\n            <ScrollArea>\n                {vm.loading ? <OverlayLoader text={vm.loading} /> : null}\n                {showWizard ? (\n                    newEntryWizard\n                ) : (\n                    <ContentEntryFormContent>\n                        <div className={\"bg-neutral-base rounded-lg p-lg\"} style={{ width }}>\n                            <ContentEntryForm />\n                        </div>\n                    </ContentEntryFormContent>\n                )}\n            </ScrollArea>\n            <RevisionDrawer />\n        </Container>\n    );\n});\n\ninterface EntryFormHeaderLeftProps {\n    onBack: () => void;\n    title: string;\n    isNewEntry: boolean;\n    modelName: string;\n    status: string | null;\n}\n\nconst EntryFormHeaderLeft = ({\n    onBack,\n    title,\n    isNewEntry,\n    modelName,\n    status\n}: EntryFormHeaderLeftProps) => {\n    return (\n        <div className={\"flex items-center gap-sm\"}>\n            <IconButton variant={\"ghost\"} onClick={onBack} icon={<BackIcon />} />\n            <Heading level={5} className={`text-neutral-primary${isNewEntry ? \" opacity-50\" : \"\"}`}>\n                {title}\n            </Heading>\n            <Tooltip\n                content={`Model: ${modelName}${status ? ` - Status: ${status}` : \"\"}`}\n                trigger={\n                    <Icon icon={<InfoIcon />} label={\"Info\"} size={\"sm\"} color={\"neutral-light\"} />\n                }\n            />\n        </div>\n    );\n};\n\nconst EntryFormHeaderRight = observer(() => {\n    const presenter = useContentEntryFormPresenter();\n    const { buttonActions } = useContentEntryEditorConfig();\n\n    const { canSave, canPublish, canUnpublish, canDelete } = presenter.vm;\n\n    if (!canSave && !canPublish && !canUnpublish && !canDelete) {\n        return <div />;\n    }\n\n    return (\n        <div className={\"flex items-center gap-sm\"}>\n            <Buttons actions={buttonActions} />\n        </div>\n    );\n});\n"],"names":["ContentEntryFormView","observer","listPresenter","useContentEntriesPresenter","formPresenter","useContentEntryFormPresenter","revisionsPresenter","useFeature","RevisionsListFeature","width","newEntryWizard","useContentEntryEditorConfig","router","useRouter","dialogs","useDialogs","route","useRoute","Routes","entryId","vm","hasWizard","showWizard","useEffect","handleBack","modelId","folderId","Container","Helmet","HeaderBar","EntryFormHeaderLeft","EntryFormHeaderRight","ScrollArea","OverlayLoader","ContentEntryFormContent","ContentEntryForm","RevisionDrawer","onBack","title","isNewEntry","modelName","status","IconButton","BackIcon","Heading","Tooltip","Icon","InfoIcon","presenter","buttonActions","canSave","canPublish","canUnpublish","canDelete","Buttons"],"mappings":"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"}

package/presentation/contentEntries/views/FieldsMapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/views/FieldsMapper.js","sources":["../../../../src/presentation/contentEntries/views/FieldsMapper.ts"],"sourcesContent":["import sortBy from \"lodash/sortBy.js\";\nimport type { CmsModel } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport type { FieldRaw } from \"@webiny/app-aco/components/AdvancedSearch/domain/index.js\";\n\nexport class FieldsMapper {\n    private static excluded: FieldRaw[\"type\"][] = [\"rich-text\", \"file\", \"object\", \"dynamicZone\"];\n    private static defaultFields: FieldRaw[] = [\n        {\n            id: \"status\",\n            type: \"text\",\n            label: \"Status\",\n            list: false,\n            predefinedValues: {\n                enabled: true,\n                values: [\n                    {\n                        label: \"Draft\",\n                        value: \"draft\"\n                    },\n                    {\n                        label: \"Published\",\n                        value: \"published\"\n                    },\n                    {\n                        label: \"Unpublished\",\n                        value: \"unpublished\"\n                    }\n                ]\n            }\n        },\n        {\n            id: \"createdOn\",\n            type: \"datetime\",\n            label: \"Created on\",\n            settings: { type: \"dateTimeWithoutTimezone\" }\n        },\n        {\n            id: \"savedOn\",\n            type: \"datetime\",\n            label: \"Modified on\",\n            settings: { type: \"dateTimeWithoutTimezone\" }\n        }\n    ];\n\n    static toRaw(model: CmsModel): FieldRaw[] {\n        const modelFields = model.fields\n            .filter(modelField => !this.excluded.includes(modelField.type))\n            .map(modelField => {\n                return {\n                    id: modelField.fieldId,\n                    type: modelField.type,\n                    label: modelField.label,\n                    list: modelField.list || false,\n                    predefinedValues: modelField?.predefinedValues || undefined,\n                    settings: modelField.settings\n                };\n            });\n\n        return sortBy([...this.defaultFields, ...modelFields], [\"label\"]);\n    }\n}\n"],"names":["FieldsMapper","model","modelFields","modelField","undefined","sortBy"],"mappings":";AAIO,MAAMA;;aACM,QAAQ,GAAuB;YAAC;YAAa;YAAQ;YAAU;SAAc;;;aAC7E,aAAa,GAAe;YACvC;gBACI,IAAI;gBACJ,MAAM;gBACN,OAAO;gBACP,MAAM;gBACN,kBAAkB;oBACd,SAAS;oBACT,QAAQ;wBACJ;4BACI,OAAO;4BACP,OAAO;wBACX;wBACA;4BACI,OAAO;4BACP,OAAO;wBACX;wBACA;4BACI,OAAO;4BACP,OAAO;wBACX;qBACH;gBACL;YACJ;YACA;gBACI,IAAI;gBACJ,MAAM;gBACN,OAAO;gBACP,UAAU;oBAAE,MAAM;gBAA0B;YAChD;YACA;gBACI,IAAI;gBACJ,MAAM;gBACN,OAAO;gBACP,UAAU;oBAAE,MAAM;gBAA0B;YAChD;SACH;;IAED,OAAO,MAAMC,KAAe,EAAc;QACtC,MAAMC,cAAcD,MAAM,MAAM,CAC3B,MAAM,CAACE,CAAAA,aAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAACA,WAAW,IAAI,GAC5D,GAAG,CAACA,CAAAA,aACM;gBACH,IAAIA,WAAW,OAAO;gBACtB,MAAMA,WAAW,IAAI;gBACrB,OAAOA,WAAW,KAAK;gBACvB,MAAMA,WAAW,IAAI,IAAI;gBACzB,kBAAkBA,YAAY,oBAAoBC;gBAClD,UAAUD,WAAW,QAAQ;YACjC;QAGR,OAAOE,OAAO;eAAI,IAAI,CAAC,aAAa;eAAKH;SAAY,EAAE;YAAC;SAAQ;IACpE;AACJ"}

package/presentation/contentEntries/views/GenericModelLoader.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { CmsModel } from "../../../types.js";
+interface GenericModelLoaderProps {
+    modelId: string;
+    children: (model: CmsModel) => React.ReactNode;
+}
+export declare const GenericModelLoader: ({ modelId, children }: GenericModelLoaderProps) => React.JSX.Element;
+export {};

package/presentation/contentEntries/views/GenericModelLoader.js

@@ -0,0 +1,34 @@
+import react, { useEffect, useState } from "react";
+import { useContainer, useFeature } from "@webiny/app";
+import { CmsModelContext } from "../../../features/contentEntry/abstractions.js";
+import { GetModelFeature } from "../../../features/model/getModel/feature.js";
+import { OverlayLoader } from "@webiny/admin-ui";
+const GenericModelLoader = ({ modelId, children })=>{
+    const container = useContainer();
+    const { useCase: getModelUseCase } = useFeature(GetModelFeature);
+    const [model, setModel] = useState(null);
+    const [error, setError] = useState(null);
+    useEffect(()=>{
+        setModel(null);
+        setError(null);
+        getModelUseCase.execute({
+            modelId
+        }).then((loadedModel)=>{
+            container.resolve(CmsModelContext).setModel(loadedModel);
+            setModel(loadedModel);
+        }).catch((err)=>{
+            console.error("[GenericModelLoader] Failed to load model:", err);
+            setError(err instanceof Error ? err.message : String(err));
+        });
+    }, [
+        modelId
+    ]);
+    if (error) return /*#__PURE__*/ react.createElement("div", null, "Error loading model: ", error);
+    if (!model) return /*#__PURE__*/ react.createElement(OverlayLoader, {
+        text: "Loading model..."
+    });
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, children(model));
+};
+export { GenericModelLoader };
+
+//# sourceMappingURL=GenericModelLoader.js.map

package/presentation/contentEntries/views/GenericModelLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/views/GenericModelLoader.js","sources":["../../../../src/presentation/contentEntries/views/GenericModelLoader.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { useContainer, useFeature } from \"@webiny/app\";\nimport { CmsModelContext as CmsModelAccessorAbstraction } from \"~/features/contentEntry/abstractions.js\";\nimport { GetModelFeature } from \"~/features/model/getModel/feature.js\";\nimport type { CmsModel } from \"~/types.js\";\nimport { OverlayLoader } from \"@webiny/admin-ui\";\n\ninterface GenericModelLoaderProps {\n    modelId: string;\n    children: (model: CmsModel) => React.ReactNode;\n}\n\nexport const GenericModelLoader = ({ modelId, children }: GenericModelLoaderProps) => {\n    const container = useContainer();\n    const { useCase: getModelUseCase } = useFeature(GetModelFeature);\n    const [model, setModel] = useState<CmsModel | null>(null);\n    const [error, setError] = useState<string | null>(null);\n\n    useEffect(() => {\n        setModel(null);\n        setError(null);\n\n        getModelUseCase\n            .execute({ modelId })\n            .then(loadedModel => {\n                container.resolve(CmsModelAccessorAbstraction).setModel(loadedModel);\n                setModel(loadedModel);\n            })\n            .catch(err => {\n                console.error(\"[GenericModelLoader] Failed to load model:\", err);\n                setError(err instanceof Error ? err.message : String(err));\n            });\n    }, [modelId]);\n\n    if (error) {\n        return <div>Error loading model: {error}</div>;\n    }\n\n    if (!model) {\n        return <OverlayLoader text={\"Loading model...\"} />;\n    }\n\n    return <>{children(model)}</>;\n};\n"],"names":["GenericModelLoader","modelId","children","container","useContainer","getModelUseCase","useFeature","GetModelFeature","model","setModel","useState","error","setError","useEffect","loadedModel","CmsModelAccessorAbstraction","err","console","Error","String","OverlayLoader"],"mappings":";;;;;AAYO,MAAMA,qBAAqB,CAAC,EAAEC,OAAO,EAAEC,QAAQ,EAA2B;IAC7E,MAAMC,YAAYC;IAClB,MAAM,EAAE,SAASC,eAAe,EAAE,GAAGC,WAAWC;IAChD,MAAM,CAACC,OAAOC,SAAS,GAAGC,SAA0B;IACpD,MAAM,CAACC,OAAOC,SAAS,GAAGF,SAAwB;IAElDG,UAAU;QACNJ,SAAS;QACTG,SAAS;QAETP,gBACK,OAAO,CAAC;YAAEJ;QAAQ,GAClB,IAAI,CAACa,CAAAA;YACFX,UAAU,OAAO,CAACY,iBAA6B,QAAQ,CAACD;YACxDL,SAASK;QACb,GACC,KAAK,CAACE,CAAAA;YACHC,QAAQ,KAAK,CAAC,8CAA8CD;YAC5DJ,SAASI,eAAeE,QAAQF,IAAI,OAAO,GAAGG,OAAOH;QACzD;IACR,GAAG;QAACf;KAAQ;IAEZ,IAAIU,OACA,OAAO,WAAP,GAAO,oBAAC,aAAI,yBAAsBA;IAGtC,IAAI,CAACH,OACD,OAAO,WAAP,GAAO,oBAACY,eAAaA;QAAC,MAAM;;IAGhC,OAAO,WAAP,GAAO,0CAAGlB,SAASM;AACvB"}

package/presentation/contentEntries/views/ListView.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import type { CmsModel } from "../../../types.js";
+interface ListViewProps {
+    model: CmsModel;
+    initialFolderId?: string;
+    initialSearch?: string;
+    syncToUrl?: boolean;
+}
+export declare const ListView: ({ model, initialFolderId, initialSearch, syncToUrl }: ListViewProps) => React.JSX.Element;
+export {};

package/presentation/contentEntries/views/ListView.js

@@ -0,0 +1,39 @@
+import react, { useEffect } from "react";
+import { useFeature } from "@webiny/app";
+import { ContentEntriesPresenterFeature } from "../list/feature.js";
+import { ContentEntryListWithConfig, useContentEntryListConfig } from "../../../admin/config/contentEntries/list/ContentEntryListConfig.js";
+import { ContentEntryEditorWithConfig } from "../../../admin/config/contentEntries/editor/ContentEntryEditorConfig.js";
+import { ModelProvider } from "../../../admin/components/ModelProvider/index.js";
+import { ContentEntriesListLayout } from "./ContentEntriesListLayout.js";
+import { RouteParamsSync } from "./RouteParamsSync.js";
+const ListView = ({ model, initialFolderId, initialSearch, syncToUrl })=>{
+    const { presenter: listPresenter } = useFeature(ContentEntriesPresenterFeature);
+    return /*#__PURE__*/ react.createElement(ModelProvider, {
+        model: model
+    }, /*#__PURE__*/ react.createElement(ContentEntryListWithConfig, null, /*#__PURE__*/ react.createElement(ContentEntryEditorWithConfig, null, /*#__PURE__*/ react.createElement(ListViewInit, {
+        model: model,
+        listPresenter: listPresenter,
+        initialFolderId: initialFolderId,
+        initialSearch: initialSearch
+    }, /*#__PURE__*/ react.createElement(ContentEntriesListLayout, null), syncToUrl && /*#__PURE__*/ react.createElement(RouteParamsSync, {
+        modelId: model.modelId
+    })))));
+};
+const ListViewInit = ({ listPresenter, initialFolderId, initialSearch, children })=>{
+    const { browser } = useContentEntryListConfig();
+    useEffect(()=>{
+        const filterNames = browser.filters.map((f)=>f.name);
+        listPresenter.init({
+            filterNames,
+            initialFolderId,
+            initialSearch
+        });
+        return ()=>{
+            listPresenter.dispose();
+        };
+    }, []);
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, children);
+};
+export { ListView };
+
+//# sourceMappingURL=ListView.js.map

package/presentation/contentEntries/views/ListView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/views/ListView.js","sources":["../../../../src/presentation/contentEntries/views/ListView.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { useFeature } from \"@webiny/app\";\nimport type { CmsModel } from \"~/types.js\";\nimport { ContentEntriesPresenterFeature } from \"../list/feature.js\";\nimport { ContentEntriesPresenter } from \"../list/abstractions.js\";\nimport {\n    ContentEntryListWithConfig,\n    useContentEntryListConfig\n} from \"~/admin/config/contentEntries/list/ContentEntryListConfig.js\";\nimport { ContentEntryEditorWithConfig } from \"~/admin/config/contentEntries/editor/ContentEntryEditorConfig.js\";\nimport { ModelProvider } from \"~/admin/components/ModelProvider/index.js\";\nimport { ContentEntriesListLayout } from \"./ContentEntriesListLayout.js\";\nimport { RouteParamsSync } from \"./RouteParamsSync.js\";\n\ninterface ListViewProps {\n    model: CmsModel;\n    initialFolderId?: string;\n    initialSearch?: string;\n    syncToUrl?: boolean;\n}\n\nexport const ListView = ({ model, initialFolderId, initialSearch, syncToUrl }: ListViewProps) => {\n    const { presenter: listPresenter } = useFeature(ContentEntriesPresenterFeature);\n\n    return (\n        <ModelProvider model={model}>\n            <ContentEntryListWithConfig>\n                <ContentEntryEditorWithConfig>\n                    <ListViewInit\n                        model={model}\n                        listPresenter={listPresenter}\n                        initialFolderId={initialFolderId}\n                        initialSearch={initialSearch}\n                    >\n                        <ContentEntriesListLayout />\n                        {syncToUrl && <RouteParamsSync modelId={model.modelId} />}\n                    </ListViewInit>\n                </ContentEntryEditorWithConfig>\n            </ContentEntryListWithConfig>\n        </ModelProvider>\n    );\n};\n\ninterface ListViewInitProps {\n    model: CmsModel;\n    listPresenter: ContentEntriesPresenter.Interface;\n    initialFolderId?: string;\n    initialSearch?: string;\n    children: React.ReactNode;\n}\n\nconst ListViewInit = ({\n    listPresenter,\n    initialFolderId,\n    initialSearch,\n    children\n}: ListViewInitProps) => {\n    const { browser } = useContentEntryListConfig();\n\n    useEffect(() => {\n        const filterNames = browser.filters.map(f => f.name);\n        listPresenter.init({ filterNames, initialFolderId, initialSearch });\n\n        return () => {\n            listPresenter.dispose();\n        };\n    }, []);\n\n    return <>{children}</>;\n};\n"],"names":["ListView","model","initialFolderId","initialSearch","syncToUrl","listPresenter","useFeature","ContentEntriesPresenterFeature","ModelProvider","ContentEntryListWithConfig","ContentEntryEditorWithConfig","ListViewInit","ContentEntriesListLayout","RouteParamsSync","children","browser","useContentEntryListConfig","useEffect","filterNames","f"],"mappings":";;;;;;;;AAqBO,MAAMA,WAAW,CAAC,EAAEC,KAAK,EAAEC,eAAe,EAAEC,aAAa,EAAEC,SAAS,EAAiB;IACxF,MAAM,EAAE,WAAWC,aAAa,EAAE,GAAGC,WAAWC;IAEhD,OAAO,WAAP,GACI,oBAACC,eAAaA;QAAC,OAAOP;qBAClB,oBAACQ,4BAA0BA,MAAAA,WAAAA,GACvB,oBAACC,8BAA4BA,MAAAA,WAAAA,GACzB,oBAACC,cAAYA;QACT,OAAOV;QACP,eAAeI;QACf,iBAAiBH;QACjB,eAAeC;qBAEf,oBAACS,0BAAwBA,OACxBR,aAAa,WAAbA,GAAa,oBAACS,iBAAeA;QAAC,SAASZ,MAAM,OAAO;;AAM7E;AAUA,MAAMU,eAAe,CAAC,EAClBN,aAAa,EACbH,eAAe,EACfC,aAAa,EACbW,QAAQ,EACQ;IAChB,MAAM,EAAEC,OAAO,EAAE,GAAGC;IAEpBC,UAAU;QACN,MAAMC,cAAcH,QAAQ,OAAO,CAAC,GAAG,CAACI,CAAAA,IAAKA,EAAE,IAAI;QACnDd,cAAc,IAAI,CAAC;YAAEa;YAAahB;YAAiBC;QAAc;QAEjE,OAAO;YACHE,cAAc,OAAO;QACzB;IACJ,GAAG,EAAE;IAEL,OAAO,WAAP,GAAO,0CAAGS;AACd"}

package/presentation/contentEntries/views/ModelLoader.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface ModelLoaderProps {
+    modelId: string;
+    initialFolderId?: string;
+    initialSearch?: string;
+    syncToUrl?: boolean;
+}
+export declare const ModelLoader: ({ modelId, initialFolderId, initialSearch, syncToUrl }: ModelLoaderProps) => React.JSX.Element;
+export {};

package/presentation/contentEntries/views/ModelLoader.js

@@ -0,0 +1,21 @@
+import react from "react";
+import { CMS_MODEL_SINGLETON_TAG } from "@webiny/app-headless-cms-common";
+import { GenericModelLoader } from "./GenericModelLoader.js";
+import { SingleEntryView } from "./SingleEntryView.js";
+import { ListView } from "./ListView.js";
+const ModelLoader = ({ modelId, initialFolderId, initialSearch, syncToUrl })=>/*#__PURE__*/ react.createElement(GenericModelLoader, {
+        modelId: modelId
+    }, (model)=>{
+        if (model.tags.includes(CMS_MODEL_SINGLETON_TAG)) return /*#__PURE__*/ react.createElement(SingleEntryView, {
+            model: model
+        });
+        return /*#__PURE__*/ react.createElement(ListView, {
+            model: model,
+            initialFolderId: initialFolderId,
+            initialSearch: initialSearch,
+            syncToUrl: syncToUrl
+        });
+    });
+export { ModelLoader };
+
+//# sourceMappingURL=ModelLoader.js.map