@webiny/app-headless-cms 0.0.0-unstable.e6f0dc8ca7 → 0.0.0-unstable.eb81deee7e

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";
+import { OlderRevisionAlert } from "./OlderRevisionAlert.js";
+const ContentEntryFormView = observer(()=>{
+    const listPresenter = useContentEntriesPresenter();
+    const formPresenter = useContentEntryFormPresenter();
+    const { presenter: revisionsPresenter } = useFeature(RevisionsListFeature);
+    const { newEntryWizard, width } = 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, /*#__PURE__*/ react.createElement(OlderRevisionAlert, null), showWizard ? newEntryWizard : /*#__PURE__*/ react.createElement(ContentEntryFormContent, {
+        width: width
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "bg-neutral-base rounded-lg p-lg"
+    }, /*#__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\";\nimport { OlderRevisionAlert } from \"./OlderRevisionAlert.js\";\n\nexport const ContentEntryFormView = observer(() => {\n    const listPresenter = useContentEntriesPresenter();\n    const formPresenter = useContentEntryFormPresenter();\n    const { presenter: revisionsPresenter } = useFeature(RevisionsListFeature);\n    const { newEntryWizard, width } = 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                <OlderRevisionAlert />\n                {showWizard ? (\n                    newEntryWizard\n                ) : (\n                    <ContentEntryFormContent width={width}>\n                        <div className={\"bg-neutral-base rounded-lg p-lg\"}>\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","newEntryWizard","width","useContentEntryEditorConfig","router","useRouter","dialogs","useDialogs","route","useRoute","Routes","entryId","vm","hasWizard","showWizard","useEffect","handleBack","modelId","folderId","Container","Helmet","HeaderBar","EntryFormHeaderLeft","EntryFormHeaderRight","ScrollArea","OverlayLoader","OlderRevisionAlert","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

@@ -0,0 +1,73 @@
+import sortBy from "lodash/sortBy.js";
+class FieldsMapper {
+    static{
+        this.excluded = [
+            "rich-text",
+            "file",
+            "object",
+            "dynamicZone"
+        ];
+    }
+    static{
+        this.defaultFields = [
+            {
+                id: "status",
+                type: "text",
+                label: "Status",
+                list: false,
+                predefinedValues: {
+                    enabled: true,
+                    values: [
+                        {
+                            label: "Draft",
+                            value: "draft"
+                        },
+                        {
+                            label: "Published",
+                            value: "published"
+                        },
+                        {
+                            label: "Unpublished",
+                            value: "unpublished"
+                        }
+                    ]
+                }
+            },
+            {
+                id: "createdOn",
+                type: "datetime",
+                label: "Created on",
+                settings: {
+                    type: "dateTimeWithoutTimezone"
+                }
+            },
+            {
+                id: "savedOn",
+                type: "datetime",
+                label: "Modified on",
+                settings: {
+                    type: "dateTimeWithoutTimezone"
+                }
+            }
+        ];
+    }
+    static toRaw(model) {
+        const modelFields = model.fields.filter((modelField)=>!this.excluded.includes(modelField.type)).map((modelField)=>({
+                id: modelField.fieldId,
+                type: modelField.type,
+                label: modelField.label,
+                list: modelField.list || false,
+                predefinedValues: modelField?.predefinedValues || void 0,
+                settings: modelField.settings
+            }));
+        return sortBy([
+            ...this.defaultFields,
+            ...modelFields
+        ], [
+            "label"
+        ]);
+    }
+}
+export { FieldsMapper };
+
+//# sourceMappingURL=FieldsMapper.js.map

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/views/ModelLoader.js","sources":["../../../../src/presentation/contentEntries/views/ModelLoader.tsx"],"sourcesContent":["import React from \"react\";\nimport { CMS_MODEL_SINGLETON_TAG } from \"@webiny/app-headless-cms-common\";\nimport { GenericModelLoader } from \"./GenericModelLoader.js\";\nimport { SingleEntryView } from \"./SingleEntryView.js\";\nimport { ListView } from \"./ListView.js\";\n\ninterface ModelLoaderProps {\n    modelId: string;\n    initialFolderId?: string;\n    initialSearch?: string;\n    syncToUrl?: boolean;\n}\n\nexport const ModelLoader = ({\n    modelId,\n    initialFolderId,\n    initialSearch,\n    syncToUrl\n}: ModelLoaderProps) => {\n    return (\n        <GenericModelLoader modelId={modelId}>\n            {model => {\n                if (model.tags.includes(CMS_MODEL_SINGLETON_TAG)) {\n                    return <SingleEntryView model={model} />;\n                }\n\n                return (\n                    <ListView\n                        model={model}\n                        initialFolderId={initialFolderId}\n                        initialSearch={initialSearch}\n                        syncToUrl={syncToUrl}\n                    />\n                );\n            }}\n        </GenericModelLoader>\n    );\n};\n"],"names":["ModelLoader","modelId","initialFolderId","initialSearch","syncToUrl","GenericModelLoader","model","CMS_MODEL_SINGLETON_TAG","SingleEntryView","ListView"],"mappings":";;;;;AAaO,MAAMA,cAAc,CAAC,EACxBC,OAAO,EACPC,eAAe,EACfC,aAAa,EACbC,SAAS,EACM,GACR,WAAP,GACI,oBAACC,oBAAkBA;QAAC,SAASJ;OACxBK,CAAAA;QACG,IAAIA,MAAM,IAAI,CAAC,QAAQ,CAACC,0BACpB,OAAO,WAAP,GAAO,oBAACC,iBAAeA;YAAC,OAAOF;;QAGnC,OAAO,WAAP,GACI,oBAACG,UAAQA;YACL,OAAOH;YACP,iBAAiBJ;YACjB,eAAeC;YACf,WAAWC;;IAGvB"}

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

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const OlderRevisionAlert: (() => React.JSX.Element | null) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element | null;
+};

package/presentation/contentEntries/views/OlderRevisionAlert.js

@@ -0,0 +1,43 @@
+import react from "react";
+import { observer } from "mobx-react-lite";
+import { useFeature, useRouter } from "@webiny/app";
+import { useRoute } from "@webiny/app-admin";
+import { Alert } from "@webiny/admin-ui";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { useContentEntryFormPresenter } from "../form/useContentEntryFormPresenter.js";
+import { RevisionsListFeature } from "../revisionsList/feature.js";
+import { Routes } from "../../../routes.js";
+const t = i18n.ns("app-headless-cms/admin/plugins/content-details/content-revisions");
+const OlderRevisionAlert = observer(()=>{
+    const formPresenter = useContentEntryFormPresenter();
+    const { presenter: revisionsPresenter } = useFeature(RevisionsListFeature);
+    const router = useRouter();
+    const { route } = useRoute(Routes.ContentEntries.List);
+    const revisions = revisionsPresenter.vm.revisions;
+    const currentVersion = formPresenter.vm.entry?.meta?.version;
+    const latestRevision = revisions[0];
+    if (!currentVersion || !latestRevision || currentVersion >= latestRevision.meta.version) return null;
+    const goToLatest = (e)=>{
+        e.preventDefault();
+        router.goToRoute(Routes.ContentEntries.List, {
+            ...route.params,
+            id: latestRevision.id
+        });
+    };
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "px-lg pt-md"
+    }, /*#__PURE__*/ react.createElement(Alert, {
+        type: "warning",
+        variant: "subtle"
+    }, t`You're looking at revision #{currentVersion}. The latest is #{latestVersion} ({link}).`({
+        currentVersion,
+        latestVersion: latestRevision.meta.version,
+        link: /*#__PURE__*/ react.createElement("a", {
+            href: "#",
+            onClick: goToLatest
+        }, t`go to latest`)
+    })));
+});
+export { OlderRevisionAlert };
+
+//# sourceMappingURL=OlderRevisionAlert.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/views/OlderRevisionAlert.js","sources":["../../../../src/presentation/contentEntries/views/OlderRevisionAlert.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { useFeature, useRouter } from \"@webiny/app\";\nimport { useRoute } from \"@webiny/app-admin\";\nimport { Alert } from \"@webiny/admin-ui\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { useContentEntryFormPresenter } from \"~/presentation/contentEntries/form/useContentEntryFormPresenter.js\";\nimport { RevisionsListFeature } from \"../revisionsList/feature.js\";\nimport { Routes } from \"~/routes.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/plugins/content-details/content-revisions\");\n\nexport const OlderRevisionAlert = observer(() => {\n    const formPresenter = useContentEntryFormPresenter();\n    const { presenter: revisionsPresenter } = useFeature(RevisionsListFeature);\n    const router = useRouter();\n    const { route } = useRoute(Routes.ContentEntries.List);\n\n    const revisions = revisionsPresenter.vm.revisions;\n    const currentVersion = formPresenter.vm.entry?.meta?.version;\n    const latestRevision = revisions[0];\n\n    if (!currentVersion || !latestRevision || currentVersion >= latestRevision.meta.version) {\n        return null;\n    }\n\n    const goToLatest = (e: React.MouseEvent) => {\n        e.preventDefault();\n        router.goToRoute(Routes.ContentEntries.List, {\n            ...route.params,\n            id: latestRevision.id\n        });\n    };\n\n    return (\n        <div className={\"px-lg pt-md\"}>\n            <Alert type={\"warning\"} variant={\"subtle\"}>\n                {t`You're looking at revision #{currentVersion}. The latest is #{latestVersion} ({link}).`(\n                    {\n                        currentVersion,\n                        latestVersion: latestRevision.meta.version,\n                        link: (\n                            <a href={\"#\"} onClick={goToLatest}>\n                                {t`go to latest`}\n                            </a>\n                        )\n                    }\n                )}\n            </Alert>\n        </div>\n    );\n});\n"],"names":["t","i18n","OlderRevisionAlert","observer","formPresenter","useContentEntryFormPresenter","revisionsPresenter","useFeature","RevisionsListFeature","router","useRouter","route","useRoute","Routes","revisions","currentVersion","latestRevision","goToLatest","e","Alert"],"mappings":";;;;;;;;;AAUA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAEX,MAAMC,qBAAqBC,SAAS;IACvC,MAAMC,gBAAgBC;IACtB,MAAM,EAAE,WAAWC,kBAAkB,EAAE,GAAGC,WAAWC;IACrD,MAAMC,SAASC;IACf,MAAM,EAAEC,KAAK,EAAE,GAAGC,SAASC,OAAO,cAAc,CAAC,IAAI;IAErD,MAAMC,YAAYR,mBAAmB,EAAE,CAAC,SAAS;IACjD,MAAMS,iBAAiBX,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM;IACrD,MAAMY,iBAAiBF,SAAS,CAAC,EAAE;IAEnC,IAAI,CAACC,kBAAkB,CAACC,kBAAkBD,kBAAkBC,eAAe,IAAI,CAAC,OAAO,EACnF,OAAO;IAGX,MAAMC,aAAa,CAACC;QAChBA,EAAE,cAAc;QAChBT,OAAO,SAAS,CAACI,OAAO,cAAc,CAAC,IAAI,EAAE;YACzC,GAAGF,MAAM,MAAM;YACf,IAAIK,eAAe,EAAE;QACzB;IACJ;IAEA,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACG,OAAKA;QAAC,MAAM;QAAW,SAAS;OAC5BnB,CAAC,CAAC,sFAAsF,CAAC,CACtF;QACIe;QACA,eAAeC,eAAe,IAAI,CAAC,OAAO;QAC1C,MAAM,WAAN,GACI,oBAAC;YAAE,MAAM;YAAK,SAASC;WAClBjB,CAAC,CAAC,YAAY,CAAC;IAG5B;AAKpB"}

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

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const RevisionDrawer: (() => React.JSX.Element) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element;
+};

package/presentation/contentEntries/views/RevisionDrawer.js

@@ -0,0 +1,36 @@
+import react from "react";
+import { observer } from "mobx-react-lite";
+import { useFeature } from "@webiny/app";
+import { useHotkeys } from "@webiny/app-admin";
+import { Drawer } from "@webiny/admin-ui";
+import { RevisionsListFeature } from "../revisionsList/feature.js";
+import { RevisionsList } from "./RevisionsList.js";
+const RevisionDrawer = observer(()=>{
+    const { presenter: revisionsPresenter } = useFeature(RevisionsListFeature);
+    const { vm } = revisionsPresenter;
+    useHotkeys({
+        zIndex: 55,
+        disabled: !vm.visible,
+        keys: {
+            esc: ()=>revisionsPresenter.hide()
+        }
+    });
+    return /*#__PURE__*/ react.createElement(Drawer, {
+        title: "Entry revisions",
+        open: vm.visible,
+        onOpenChange: (open)=>{
+            if (!open) revisionsPresenter.hide();
+        },
+        onInteractOutside: (e)=>{
+            const target = e.target;
+            if (target.closest("[data-role='dialog']")) e.preventDefault();
+        },
+        modal: true,
+        bodyPadding: false,
+        headerSeparator: true,
+        width: 1000
+    }, /*#__PURE__*/ react.createElement(RevisionsList, null));
+});
+export { RevisionDrawer };
+
+//# sourceMappingURL=RevisionDrawer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/views/RevisionDrawer.js","sources":["../../../../src/presentation/contentEntries/views/RevisionDrawer.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { useFeature } from \"@webiny/app\";\nimport { useHotkeys } from \"@webiny/app-admin\";\nimport { Drawer } from \"@webiny/admin-ui\";\nimport { RevisionsListFeature } from \"../revisionsList/feature.js\";\nimport { RevisionsList } from \"./RevisionsList.js\";\n\nexport const RevisionDrawer = observer(() => {\n    const { presenter: revisionsPresenter } = useFeature(RevisionsListFeature);\n    const { vm } = revisionsPresenter;\n\n    useHotkeys({\n        zIndex: 55,\n        disabled: !vm.visible,\n        keys: {\n            esc: () => revisionsPresenter.hide()\n        }\n    });\n\n    return (\n        <Drawer\n            title={\"Entry revisions\"}\n            open={vm.visible}\n            onOpenChange={open => {\n                if (!open) {\n                    revisionsPresenter.hide();\n                }\n            }}\n            onInteractOutside={e => {\n                const target = e.target as HTMLElement;\n                if (target.closest(\"[data-role='dialog']\")) {\n                    e.preventDefault();\n                }\n            }}\n            modal\n            bodyPadding={false}\n            headerSeparator={true}\n            width={1000}\n        >\n            <RevisionsList />\n        </Drawer>\n    );\n});\n"],"names":["RevisionDrawer","observer","revisionsPresenter","useFeature","RevisionsListFeature","vm","useHotkeys","Drawer","open","e","target","RevisionsList"],"mappings":";;;;;;;AAQO,MAAMA,iBAAiBC,SAAS;IACnC,MAAM,EAAE,WAAWC,kBAAkB,EAAE,GAAGC,WAAWC;IACrD,MAAM,EAAEC,EAAE,EAAE,GAAGH;IAEfI,WAAW;QACP,QAAQ;QACR,UAAU,CAACD,GAAG,OAAO;QACrB,MAAM;YACF,KAAK,IAAMH,mBAAmB,IAAI;QACtC;IACJ;IAEA,OAAO,WAAP,GACI,oBAACK,QAAMA;QACH,OAAO;QACP,MAAMF,GAAG,OAAO;QAChB,cAAcG,CAAAA;YACV,IAAI,CAACA,MACDN,mBAAmB,IAAI;QAE/B;QACA,mBAAmBO,CAAAA;YACf,MAAMC,SAASD,EAAE,MAAM;YACvB,IAAIC,OAAO,OAAO,CAAC,yBACfD,EAAE,cAAc;QAExB;QACA;QACA,aAAa;QACb,iBAAiB;QACjB,OAAO;qBAEP,oBAACE,eAAaA;AAG1B"}

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

@@ -0,0 +1,7 @@
+import React from "react";
+import type { CmsContentEntryRevision } from "../../../types.js";
+interface RevisionListItemProps {
+    revision: CmsContentEntryRevision;
+}
+export declare const RevisionListItem: ({ revision }: RevisionListItemProps) => React.JSX.Element;
+export {};