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

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/RevisionDrawer.d.ts

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

package/presentation/contentEntries/views/RevisionDrawer.js

@@ -0,0 +1,32 @@
+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();
+        },
+        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            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","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;QACA,aAAa;QACb,iBAAiB;QACjB,OAAO;qBAEP,oBAACO,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 {};

package/presentation/contentEntries/views/RevisionListItem.js

@@ -0,0 +1,146 @@
+import react from "react";
+import { useFeature } from "@webiny/app";
+import { useRoute, useRouter } from "@webiny/app-admin";
+import { DropdownMenu, Icon, IconButton, List, Text, Tooltip } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/more_vert.svg";
+import { ReactComponent as lock_svg_ReactComponent } from "@webiny/icons/lock.svg";
+import { ReactComponent as beenhere_svg_ReactComponent } from "@webiny/icons/beenhere.svg";
+import { ReactComponent as gesture_svg_ReactComponent } from "@webiny/icons/gesture.svg";
+import { ReactComponent as add_svg_ReactComponent } from "@webiny/icons/add.svg";
+import { ReactComponent as edit_svg_ReactComponent } from "@webiny/icons/edit.svg";
+import { ReactComponent as delete_svg_ReactComponent } from "@webiny/icons/delete.svg";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { usePermission } from "../../../admin/hooks/usePermission.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 DateDisplay = ({ date })=>{
+    const formatted = react.useMemo(()=>{
+        const d = new globalThis.Date(date);
+        if (isNaN(d.getTime())) return "";
+        return new Intl.DateTimeFormat(navigator.language, {
+            day: "numeric",
+            month: "long",
+            year: "numeric"
+        }).format(d);
+    }, [
+        date
+    ]);
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, formatted);
+};
+const getIcon = (rev)=>{
+    switch(true){
+        case rev.meta.locked && "published" !== rev.meta.status:
+            return {
+                icon: /*#__PURE__*/ react.createElement(Icon, {
+                    label: "Locked revision",
+                    icon: /*#__PURE__*/ react.createElement(lock_svg_ReactComponent, null),
+                    "data-testid": "cms.revision.status.locked"
+                }),
+                text: "This revision is locked (it has already been published)"
+            };
+        case "published" === rev.meta.status:
+            return {
+                icon: /*#__PURE__*/ react.createElement(Icon, {
+                    label: "Published revision",
+                    icon: /*#__PURE__*/ react.createElement(beenhere_svg_ReactComponent, null),
+                    color: "accent",
+                    "data-testid": "cms.revision.status.published"
+                }),
+                text: "This revision is currently published!"
+            };
+        default:
+            return {
+                icon: /*#__PURE__*/ react.createElement(Icon, {
+                    label: "Draft revision",
+                    icon: /*#__PURE__*/ react.createElement(gesture_svg_ReactComponent, null),
+                    "data-testid": "cms.revision.status.draft"
+                }),
+                text: "This is a draft"
+            };
+    }
+};
+const RevisionListItem = ({ revision })=>{
+    const presenter = useContentEntryFormPresenter();
+    const formVm = presenter.vm;
+    const { presenter: revisionsPresenter } = useFeature(RevisionsListFeature);
+    const { goToRoute } = useRouter();
+    const { route } = useRoute(Routes.ContentEntries.List);
+    const { canEdit, canDelete } = usePermission();
+    const { icon, text: tooltipText } = getIcon(revision);
+    const navigateToRevision = (id)=>{
+        goToRoute(Routes.ContentEntries.List, {
+            ...route.params,
+            id
+        });
+    };
+    const handleCreateRevision = async ()=>{
+        const entry = await revisionsPresenter.createRevision(revision.id);
+        if (entry) {
+            navigateToRevision(entry.id);
+            revisionsPresenter.hide();
+        }
+    };
+    const handleEditRevision = ()=>{
+        navigateToRevision(revision.id);
+        revisionsPresenter.hide();
+    };
+    const handleDeleteRevision = async ()=>{
+        const deleted = await revisionsPresenter.deleteRevision(revision.id);
+        if (deleted) {
+            const revisions = revisionsPresenter.vm.revisions;
+            const remaining = revisions.filter((r)=>r.id !== revision.id);
+            const latest = remaining[0];
+            if (latest) navigateToRevision(latest.id);
+            revisionsPresenter.hide();
+        }
+    };
+    return /*#__PURE__*/ react.createElement(List.Item, {
+        icon: /*#__PURE__*/ react.createElement(Tooltip, {
+            content: tooltipText,
+            trigger: icon
+        }),
+        title: revision.meta.title || t`N/A`,
+        description: /*#__PURE__*/ react.createElement(react.Fragment, null, revision.revisionDescription ? /*#__PURE__*/ react.createElement(Text, {
+            as: "div",
+            size: "md",
+            className: "mb-2"
+        }, revision.revisionDescription) : null, /*#__PURE__*/ react.createElement(Text, {
+            as: "div",
+            size: "sm"
+        }, t`Last modified by {author} on {time} (#{version})`({
+            author: revision.revisionCreatedBy?.displayName,
+            time: /*#__PURE__*/ react.createElement(DateDisplay, {
+                date: revision.revisionSavedOn
+            }),
+            version: revision.meta.version
+        }))),
+        actions: /*#__PURE__*/ react.createElement(DropdownMenu, {
+            trigger: /*#__PURE__*/ react.createElement(IconButton, {
+                variant: "ghost",
+                size: "sm",
+                iconSize: "lg",
+                icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
+            }),
+            "data-testid": "cms.content-form.revisions.more-options"
+        }, /*#__PURE__*/ react.createElement(react.Fragment, null, formVm.entry && canEdit(formVm.entry, "cms.contentEntry") && /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+            onClick: handleCreateRevision,
+            "data-testid": "cms.revision.create-revision",
+            icon: /*#__PURE__*/ react.createElement(add_svg_ReactComponent, null),
+            text: t`New revision from current`
+        }), !revision.meta.locked && formVm.entry && canEdit(formVm.entry, "cms.contentEntry") && /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+            onClick: handleEditRevision,
+            icon: /*#__PURE__*/ react.createElement(edit_svg_ReactComponent, null),
+            text: t`Edit revision`
+        }), !revision.meta.locked && formVm.entry && canDelete(formVm.entry, "cms.contentEntry") && /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(DropdownMenu.Separator, null), /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+            onClick: handleDeleteRevision,
+            icon: /*#__PURE__*/ react.createElement(delete_svg_ReactComponent, null),
+            text: t`Delete revision`,
+            variant: "destructive"
+        }))))
+    });
+};
+export { RevisionListItem };
+
+//# sourceMappingURL=RevisionListItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/views/RevisionListItem.js","sources":["../../../../src/presentation/contentEntries/views/RevisionListItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { useFeature } from \"@webiny/app\";\nimport { useRoute, useRouter } from \"@webiny/app-admin\";\nimport { DropdownMenu, Icon, IconButton, List, Text, Tooltip } from \"@webiny/admin-ui\";\nimport { ReactComponent as MoreVerticalIcon } from \"@webiny/icons/more_vert.svg\";\nimport { ReactComponent as LockIcon } from \"@webiny/icons/lock.svg\";\nimport { ReactComponent as BeenHereIcon } from \"@webiny/icons/beenhere.svg\";\nimport { ReactComponent as GestureIcon } from \"@webiny/icons/gesture.svg\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as EditIcon } from \"@webiny/icons/edit.svg\";\n// import { ReactComponent as PublishIcon } from \"@webiny/icons/visibility.svg\";\n// import { ReactComponent as UnpublishIcon } from \"@webiny/icons/visibility_off.svg\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport type { CmsContentEntryRevision } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { usePermission } from \"~/admin/hooks/usePermission.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\nconst DateDisplay = ({ date }: { date: string }) => {\n    const formatted = React.useMemo(() => {\n        const d = new globalThis.Date(date);\n        if (isNaN(d.getTime())) {\n            return \"\";\n        }\n        return new Intl.DateTimeFormat(navigator.language, {\n            day: \"numeric\",\n            month: \"long\",\n            year: \"numeric\"\n        }).format(d);\n    }, [date]);\n    return <>{formatted}</>;\n};\n\nconst getIcon = (rev: CmsContentEntryRevision) => {\n    switch (true) {\n        case rev.meta.locked && rev.meta.status !== \"published\":\n            return {\n                icon: (\n                    <Icon\n                        label={\"Locked revision\"}\n                        icon={<LockIcon />}\n                        data-testid={\"cms.revision.status.locked\"}\n                    />\n                ),\n                text: \"This revision is locked (it has already been published)\"\n            };\n        case rev.meta.status === \"published\":\n            return {\n                icon: (\n                    <Icon\n                        label=\"Published revision\"\n                        icon={<BeenHereIcon />}\n                        color={\"accent\"}\n                        data-testid={\"cms.revision.status.published\"}\n                    />\n                ),\n                text: \"This revision is currently published!\"\n            };\n        default:\n            return {\n                icon: (\n                    <Icon\n                        label={\"Draft revision\"}\n                        icon={<GestureIcon />}\n                        data-testid={\"cms.revision.status.draft\"}\n                    />\n                ),\n                text: \"This is a draft\"\n            };\n    }\n};\n\ninterface RevisionListItemProps {\n    revision: CmsContentEntryRevision;\n}\n\nexport const RevisionListItem = ({ revision }: RevisionListItemProps) => {\n    const presenter = useContentEntryFormPresenter();\n    const formVm = presenter.vm;\n    const { presenter: revisionsPresenter } = useFeature(RevisionsListFeature);\n    const { goToRoute } = useRouter();\n    const { route } = useRoute(Routes.ContentEntries.List);\n    const { canEdit, canDelete } = usePermission();\n    const { icon, text: tooltipText } = getIcon(revision);\n\n    const navigateToRevision = (id: string) => {\n        goToRoute(Routes.ContentEntries.List, { ...route.params, id });\n    };\n\n    const handleCreateRevision = async () => {\n        const entry = await revisionsPresenter.createRevision(revision.id);\n        if (entry) {\n            navigateToRevision(entry.id);\n            revisionsPresenter.hide();\n        }\n    };\n\n    const handleEditRevision = () => {\n        navigateToRevision(revision.id);\n        revisionsPresenter.hide();\n    };\n\n    const handleDeleteRevision = async () => {\n        const deleted = await revisionsPresenter.deleteRevision(revision.id);\n        if (deleted) {\n            const revisions = revisionsPresenter.vm.revisions;\n            const remaining = revisions.filter(r => r.id !== revision.id);\n            const latest = remaining[0];\n            if (latest) {\n                navigateToRevision(latest.id);\n            }\n            revisionsPresenter.hide();\n        }\n    };\n\n    return (\n        <List.Item\n            icon={<Tooltip content={tooltipText} trigger={icon} />}\n            title={revision.meta.title || t`N/A`}\n            description={\n                <>\n                    {revision.revisionDescription ? (\n                        <Text as={\"div\"} size={\"md\"} className={\"mb-2\"}>\n                            {revision.revisionDescription}\n                        </Text>\n                    ) : null}\n                    <Text as={\"div\"} size={\"sm\"}>\n                        {t`Last modified by {author} on {time} (#{version})`({\n                            author: revision.revisionCreatedBy?.displayName,\n                            time: <DateDisplay date={revision.revisionSavedOn} />,\n                            version: revision.meta.version\n                        })}\n                    </Text>\n                </>\n            }\n            actions={\n                <DropdownMenu\n                    trigger={\n                        <IconButton\n                            variant={\"ghost\"}\n                            size={\"sm\"}\n                            iconSize={\"lg\"}\n                            icon={<MoreVerticalIcon />}\n                        />\n                    }\n                    data-testid={\"cms.content-form.revisions.more-options\"}\n                >\n                    <>\n                        {formVm.entry && canEdit(formVm.entry, \"cms.contentEntry\") && (\n                            <DropdownMenu.Item\n                                onClick={handleCreateRevision}\n                                data-testid={\"cms.revision.create-revision\"}\n                                icon={<AddIcon />}\n                                text={t`New revision from current`}\n                            />\n                        )}\n\n                        {!revision.meta.locked &&\n                            formVm.entry &&\n                            canEdit(formVm.entry, \"cms.contentEntry\") && (\n                                <DropdownMenu.Item\n                                    onClick={handleEditRevision}\n                                    icon={<EditIcon />}\n                                    text={t`Edit revision`}\n                                />\n                            )}\n\n                        {/*{revision.meta.status !== \"published\" && canPublish(\"cms.contentEntry\") && (\n                            <DropdownMenu.Item\n                                onClick={handleEditRevision}\n                                icon={<PublishIcon />}\n                                text={t`Publish revision`}\n                            />\n                        )}\n\n                        {revision.meta.status === \"published\" &&\n                            canUnpublish(\"cms.contentEntry\") && (\n                                <DropdownMenu.Item\n                                    onClick={}\n                                    data-testid={\"cms.revision.unpublish\"}\n                                    icon={<UnpublishIcon />}\n                                    text={t`Unpublish revision`}\n                                />\n                            )}*/}\n\n                        {!revision.meta.locked &&\n                            formVm.entry &&\n                            canDelete(formVm.entry, \"cms.contentEntry\") && (\n                                <>\n                                    <DropdownMenu.Separator />\n                                    <DropdownMenu.Item\n                                        onClick={handleDeleteRevision}\n                                        icon={<DeleteIcon />}\n                                        text={t`Delete revision`}\n                                        variant={\"destructive\"}\n                                    />\n                                </>\n                            )}\n                    </>\n                </DropdownMenu>\n            }\n        />\n    );\n};\n"],"names":["t","i18n","DateDisplay","date","formatted","React","d","globalThis","isNaN","Intl","navigator","getIcon","rev","Icon","LockIcon","BeenHereIcon","GestureIcon","RevisionListItem","revision","presenter","useContentEntryFormPresenter","formVm","revisionsPresenter","useFeature","RevisionsListFeature","goToRoute","useRouter","route","useRoute","Routes","canEdit","canDelete","usePermission","icon","tooltipText","navigateToRevision","id","handleCreateRevision","entry","handleEditRevision","handleDeleteRevision","deleted","revisions","remaining","r","latest","List","Tooltip","Text","DropdownMenu","IconButton","MoreVerticalIcon","AddIcon","EditIcon","DeleteIcon"],"mappings":"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"}

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

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

package/presentation/contentEntries/views/RevisionsList.js

@@ -0,0 +1,25 @@
+import react from "react";
+import { observer } from "mobx-react-lite";
+import { useFeature } from "@webiny/app";
+import { List, OverlayLoader } from "@webiny/admin-ui";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { RevisionsListFeature } from "../revisionsList/feature.js";
+import { RevisionListItem } from "./RevisionListItem.js";
+const t = i18n.ns("app-headless-cms/admin/plugins/content-details/content-revisions");
+const RevisionsList = observer(()=>{
+    const { presenter: revisionsPresenter } = useFeature(RevisionsListFeature);
+    const { vm } = revisionsPresenter;
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "relative"
+    }, vm.loading && /*#__PURE__*/ react.createElement(OverlayLoader, null), vm.revisions.length ? /*#__PURE__*/ react.createElement(List, {
+        "data-testid": "cms.content-form.revisions"
+    }, vm.revisions.map((revision)=>/*#__PURE__*/ react.createElement(RevisionListItem, {
+            revision: revision,
+            key: revision.id
+        }))) : /*#__PURE__*/ react.createElement("div", {
+        className: "p-lg"
+    }, t`No revisions to show.`));
+});
+export { RevisionsList };
+
+//# sourceMappingURL=RevisionsList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/views/RevisionsList.js","sources":["../../../../src/presentation/contentEntries/views/RevisionsList.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { useFeature } from \"@webiny/app\";\nimport { List, OverlayLoader } from \"@webiny/admin-ui\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { RevisionsListFeature } from \"../revisionsList/feature.js\";\nimport { RevisionListItem } from \"./RevisionListItem.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/plugins/content-details/content-revisions\");\n\nexport const RevisionsList = observer(() => {\n    const { presenter: revisionsPresenter } = useFeature(RevisionsListFeature);\n    const { vm } = revisionsPresenter;\n\n    return (\n        <div className={\"relative\"}>\n            {vm.loading && <OverlayLoader />}\n            {vm.revisions.length ? (\n                <List data-testid={\"cms.content-form.revisions\"}>\n                    {vm.revisions.map(revision => (\n                        <RevisionListItem revision={revision} key={revision.id} />\n                    ))}\n                </List>\n            ) : (\n                <div className={\"p-lg\"}>{t`No revisions to show.`}</div>\n            )}\n        </div>\n    );\n});\n"],"names":["t","i18n","RevisionsList","observer","revisionsPresenter","useFeature","RevisionsListFeature","vm","OverlayLoader","List","revision","RevisionListItem"],"mappings":";;;;;;;AAQA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAEX,MAAMC,gBAAgBC,SAAS;IAClC,MAAM,EAAE,WAAWC,kBAAkB,EAAE,GAAGC,WAAWC;IACrD,MAAM,EAAEC,EAAE,EAAE,GAAGH;IAEf,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;OACXG,GAAG,OAAO,IAAI,WAAJ,GAAI,oBAACC,eAAaA,OAC5BD,GAAG,SAAS,CAAC,MAAM,GAAG,WAAH,GAChB,oBAACE,MAAIA;QAAC,eAAa;OACdF,GAAG,SAAS,CAAC,GAAG,CAACG,CAAAA,WAAAA,WAAAA,GACd,oBAACC,kBAAgBA;YAAC,UAAUD;YAAU,KAAKA,SAAS,EAAE;6BAI9D,oBAAC;QAAI,WAAW;OAASV,CAAC,CAAC,qBAAqB,CAAC;AAIjE"}

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

@@ -0,0 +1,6 @@
+import React from "react";
+interface RouteParamsSyncProps {
+    modelId: string;
+}
+export declare const RouteParamsSync: ({ modelId }: RouteParamsSyncProps) => React.JSX.Element;
+export {};

package/presentation/contentEntries/views/RouteParamsSync.js

@@ -0,0 +1,53 @@
+import react from "react";
+import { RouteParamsSync } from "@webiny/app/presentation/router/components/RouteParamsSync.js";
+import { Routes } from "../../../routes.js";
+import { createLastVisitedFolderKey } from "../../../admin/constants.js";
+import { useContentEntriesPresenter } from "../list/useContentEntriesPresenter.js";
+const RouteParamsSync_RouteParamsSync = ({ modelId })=>{
+    const presenter = useContentEntriesPresenter();
+    return /*#__PURE__*/ react.createElement(RouteParamsSync, {
+        route: Routes.ContentEntries.List,
+        fields: (fields)=>[
+                fields.create({
+                    param: "folderId",
+                    read: ()=>presenter.folders.vm.currentFolderId ?? void 0,
+                    write: (value)=>{
+                        presenter.folders.selectFolder(value ?? null);
+                    },
+                    storageKey: createLastVisitedFolderKey(modelId)
+                }),
+                fields.create({
+                    param: "search",
+                    read: ()=>presenter.list.vm.search || void 0,
+                    write: (value)=>{
+                        if (value) presenter.list.actions.search.set(value);
+                        else presenter.list.actions.search.clear();
+                    }
+                }),
+                fields.create({
+                    param: "id",
+                    read: ()=>{
+                        const id = presenter.vm.selectedEntryId;
+                        if (null !== id && "new" !== id) return id;
+                    },
+                    write: (value)=>{
+                        if (value && presenter.vm.selectedEntryId !== value) presenter.selectEntry(value);
+                        else if (!value && null !== presenter.vm.selectedEntryId && "new" !== presenter.vm.selectedEntryId) presenter.deselectEntry();
+                    }
+                }),
+                fields.create({
+                    param: "new",
+                    read: ()=>{
+                        if ("new" === presenter.vm.selectedEntryId) return true;
+                    },
+                    write: (value)=>{
+                        if (value && "new" !== presenter.vm.selectedEntryId) presenter.createEntry();
+                        else if (!value && "new" === presenter.vm.selectedEntryId) presenter.deselectEntry();
+                    }
+                })
+            ]
+    });
+};
+export { RouteParamsSync_RouteParamsSync as RouteParamsSync };
+
+//# sourceMappingURL=RouteParamsSync.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/views/RouteParamsSync.js","sources":["../../../../src/presentation/contentEntries/views/RouteParamsSync.tsx"],"sourcesContent":["import React from \"react\";\nimport { RouteParamsSync as GenericRouteParamsSync } from \"@webiny/app/presentation/router/components/RouteParamsSync.js\";\nimport { Routes } from \"~/routes.js\";\nimport { createLastVisitedFolderKey } from \"~/admin/constants.js\";\nimport { useContentEntriesPresenter } from \"~/presentation/contentEntries/list/useContentEntriesPresenter.js\";\n\ninterface RouteParamsSyncProps {\n    modelId: string;\n}\n\nexport const RouteParamsSync = ({ modelId }: RouteParamsSyncProps) => {\n    const presenter = useContentEntriesPresenter();\n\n    return (\n        <GenericRouteParamsSync\n            route={Routes.ContentEntries.List}\n            fields={fields => [\n                fields.create<string>({\n                    param: \"folderId\",\n                    read: () => presenter.folders.vm.currentFolderId ?? undefined,\n                    write: value => {\n                        presenter.folders.selectFolder(value ?? null);\n                    },\n                    storageKey: createLastVisitedFolderKey(modelId)\n                }),\n                fields.create<string>({\n                    param: \"search\",\n                    read: () => presenter.list.vm.search || undefined,\n                    write: value => {\n                        if (value) {\n                            presenter.list.actions.search.set(value);\n                        } else {\n                            presenter.list.actions.search.clear();\n                        }\n                    }\n                }),\n                fields.create<string>({\n                    param: \"id\",\n                    read: () => {\n                        const id = presenter.vm.selectedEntryId;\n                        if (id !== null && id !== \"new\") {\n                            return id;\n                        }\n                        return undefined;\n                    },\n                    write: value => {\n                        if (value && presenter.vm.selectedEntryId !== value) {\n                            presenter.selectEntry(value);\n                        } else if (\n                            !value &&\n                            presenter.vm.selectedEntryId !== null &&\n                            presenter.vm.selectedEntryId !== \"new\"\n                        ) {\n                            presenter.deselectEntry();\n                        }\n                    }\n                }),\n                fields.create<boolean>({\n                    param: \"new\",\n                    read: () => {\n                        if (presenter.vm.selectedEntryId === \"new\") {\n                            return true;\n                        }\n                        return undefined;\n                    },\n                    write: value => {\n                        if (value && presenter.vm.selectedEntryId !== \"new\") {\n                            presenter.createEntry();\n                        } else if (!value && presenter.vm.selectedEntryId === \"new\") {\n                            presenter.deselectEntry();\n                        }\n                    }\n                })\n            ]}\n        />\n    );\n};\n"],"names":["RouteParamsSync","modelId","presenter","useContentEntriesPresenter","GenericRouteParamsSync","Routes","fields","undefined","value","createLastVisitedFolderKey","id"],"mappings":";;;;;AAUO,MAAMA,kCAAkB,CAAC,EAAEC,OAAO,EAAwB;IAC7D,MAAMC,YAAYC;IAElB,OAAO,WAAP,GACI,oBAACC,iBAAsBA;QACnB,OAAOC,OAAO,cAAc,CAAC,IAAI;QACjC,QAAQC,CAAAA,SAAU;gBACdA,OAAO,MAAM,CAAS;oBAClB,OAAO;oBACP,MAAM,IAAMJ,UAAU,OAAO,CAAC,EAAE,CAAC,eAAe,IAAIK;oBACpD,OAAOC,CAAAA;wBACHN,UAAU,OAAO,CAAC,YAAY,CAACM,SAAS;oBAC5C;oBACA,YAAYC,2BAA2BR;gBAC3C;gBACAK,OAAO,MAAM,CAAS;oBAClB,OAAO;oBACP,MAAM,IAAMJ,UAAU,IAAI,CAAC,EAAE,CAAC,MAAM,IAAIK;oBACxC,OAAOC,CAAAA;wBACH,IAAIA,OACAN,UAAU,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAACM;6BAElCN,UAAU,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;oBAE3C;gBACJ;gBACAI,OAAO,MAAM,CAAS;oBAClB,OAAO;oBACP,MAAM;wBACF,MAAMI,KAAKR,UAAU,EAAE,CAAC,eAAe;wBACvC,IAAIQ,AAAO,SAAPA,MAAeA,AAAO,UAAPA,IACf,OAAOA;oBAGf;oBACA,OAAOF,CAAAA;wBACH,IAAIA,SAASN,UAAU,EAAE,CAAC,eAAe,KAAKM,OAC1CN,UAAU,WAAW,CAACM;6BACnB,IACH,CAACA,SACDN,AAAiC,SAAjCA,UAAU,EAAE,CAAC,eAAe,IAC5BA,AAAiC,UAAjCA,UAAU,EAAE,CAAC,eAAe,EAE5BA,UAAU,aAAa;oBAE/B;gBACJ;gBACAI,OAAO,MAAM,CAAU;oBACnB,OAAO;oBACP,MAAM;wBACF,IAAIJ,AAAiC,UAAjCA,UAAU,EAAE,CAAC,eAAe,EAC5B,OAAO;oBAGf;oBACA,OAAOM,CAAAA;wBACH,IAAIA,SAASN,AAAiC,UAAjCA,UAAU,EAAE,CAAC,eAAe,EACrCA,UAAU,WAAW;6BAClB,IAAI,CAACM,SAASN,AAAiC,UAAjCA,UAAU,EAAE,CAAC,eAAe,EAC7CA,UAAU,aAAa;oBAE/B;gBACJ;aACH;;AAGb"}

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

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

package/presentation/contentEntries/views/SidebarFooter.js

@@ -0,0 +1,13 @@
+import react from "react";
+import { useContentEntryListConfig } from "../../../admin/config/contentEntries/list/ContentEntryListConfig.js";
+const SidebarFooter = ()=>{
+    const { browser } = useContentEntryListConfig();
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "px-xs py-sm bg-neutral-base"
+    }, browser.sidebarFooter.map((footer)=>/*#__PURE__*/ react.cloneElement(footer.element, {
+            key: footer.name
+        })));
+};
+export { SidebarFooter };
+
+//# sourceMappingURL=SidebarFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/views/SidebarFooter.js","sources":["../../../../src/presentation/contentEntries/views/SidebarFooter.tsx"],"sourcesContent":["import React from \"react\";\nimport { useContentEntryListConfig } from \"~/admin/config/contentEntries/list/ContentEntryListConfig.js\";\n\nexport const SidebarFooter = () => {\n    const { browser } = useContentEntryListConfig();\n\n    return (\n        <div className={\"px-xs py-sm bg-neutral-base\"}>\n            {browser.sidebarFooter.map(footer => {\n                return React.cloneElement(footer.element, { key: footer.name });\n            })}\n        </div>\n    );\n};\n"],"names":["SidebarFooter","browser","useContentEntryListConfig","footer","React"],"mappings":";;AAGO,MAAMA,gBAAgB;IACzB,MAAM,EAAEC,OAAO,EAAE,GAAGC;IAEpB,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;OACXD,QAAQ,aAAa,CAAC,GAAG,CAACE,CAAAA,SAChB,WAAP,GAAOC,MAAAA,YAAkB,CAACD,OAAO,OAAO,EAAE;YAAE,KAAKA,OAAO,IAAI;QAAC;AAI7E"}

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

@@ -0,0 +1,20 @@
+import React from "react";
+export declare const SingleEntryFormContent: (({ children }: React.PropsWithChildren) => React.JSX.Element) & {
+    original: ({ children }: React.PropsWithChildren) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ children }: React.PropsWithChildren) => React.JSX.Element) & {
+        original: ({ children }: React.PropsWithChildren) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ children }: React.PropsWithChildren) => React.JSX.Element) & {
+        original: ({ children }: React.PropsWithChildren) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/presentation/contentEntries/views/SingleEntryFormContent.js

@@ -0,0 +1,6 @@
+import react from "react";
+import { makeDecoratable } from "@webiny/react-composition";
+const SingleEntryFormContent = makeDecoratable("SingleEntryContent", ({ children })=>/*#__PURE__*/ react.createElement(react.Fragment, null, children));
+export { SingleEntryFormContent };
+
+//# sourceMappingURL=SingleEntryFormContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/views/SingleEntryFormContent.js","sources":["../../../../src/presentation/contentEntries/views/SingleEntryFormContent.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\n\nexport const SingleEntryFormContent = makeDecoratable(\n    \"SingleEntryContent\",\n    ({ children }: React.PropsWithChildren) => {\n        return <>{children}</>;\n    }\n);\n"],"names":["SingleEntryFormContent","makeDecoratable","children"],"mappings":";;AAGO,MAAMA,yBAAyBC,gBAClC,sBACA,CAAC,EAAEC,QAAQ,EAA2B,GAC3B,WAAP,GAAO,0CAAGA"}

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

@@ -0,0 +1,10 @@
+import React from "react";
+import type { ISingleEntryPresenter } from "../singleEntry/abstractions.js";
+interface SingleEntryLayoutProps {
+    presenter: ISingleEntryPresenter;
+    modelName: string;
+}
+export declare const SingleEntryLayout: (({ presenter, modelName }: SingleEntryLayoutProps) => React.JSX.Element | null) & {
+    displayName: string;
+};
+export {};

package/presentation/contentEntries/views/SingleEntryLayout.js

@@ -0,0 +1,50 @@
+import react, { useCallback } from "react";
+import { observer } from "mobx-react-lite";
+import { FormView } from "@webiny/app-admin/features/formModel/FormView.js";
+import { SimpleForm, SimpleFormContent, SimpleFormHeader } from "@webiny/app-admin/components/SimpleForm/SimpleForm.js";
+import { Button, OverlayLoader, useToast } from "@webiny/admin-ui";
+import { FormErrors } from "@webiny/app-admin";
+import { SingleEntryFormContent } from "./SingleEntryFormContent.js";
+const SingleEntryLayout = observer(({ presenter, modelName })=>{
+    const toast = useToast();
+    const { vm } = presenter;
+    const handleSave = useCallback(async ()=>{
+        const success = await presenter.save();
+        if (success) toast.showSuccessToast({
+            title: `${modelName} saved successfully!`
+        });
+    }, [
+        presenter,
+        modelName
+    ]);
+    if (!vm.form) {
+        if (vm.loading) return /*#__PURE__*/ react.createElement(OverlayLoader, {
+            text: vm.loading
+        });
+        return null;
+    }
+    return /*#__PURE__*/ react.createElement(SingleEntryFormContent, null, /*#__PURE__*/ react.createElement(SimpleForm, {
+        size: "lg"
+    }, /*#__PURE__*/ react.createElement(FormErrors, {
+        form: vm.form,
+        className: "mb-md"
+    }), /*#__PURE__*/ react.createElement(SimpleFormHeader, {
+        title: modelName
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex justify-end"
+    }, vm.canSave ? /*#__PURE__*/ react.createElement(Button, {
+        text: "Save",
+        onClick: handleSave,
+        disabled: null !== vm.loading
+    }) : null)), /*#__PURE__*/ react.createElement(SimpleFormContent, {
+        className: "border-sm border-t-none border-neutral-dimmed-darker rounded-b-3xl"
+    }, vm.loading ? /*#__PURE__*/ react.createElement(OverlayLoader, {
+        text: vm.loading
+    }) : null, /*#__PURE__*/ react.createElement(FormView, {
+        name: "SingleEntryForm",
+        form: vm.form
+    }))));
+});
+export { SingleEntryLayout };
+
+//# sourceMappingURL=SingleEntryLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/views/SingleEntryLayout.js","sources":["../../../../src/presentation/contentEntries/views/SingleEntryLayout.tsx"],"sourcesContent":["import React from \"react\";\nimport { useCallback } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { FormView } from \"@webiny/app-admin/features/formModel/FormView.js\";\nimport {\n    SimpleForm,\n    SimpleFormHeader,\n    SimpleFormContent\n} from \"@webiny/app-admin/components/SimpleForm/SimpleForm.js\";\nimport { Button, OverlayLoader, useToast } from \"@webiny/admin-ui\";\nimport { FormErrors } from \"@webiny/app-admin\";\nimport type { ISingleEntryPresenter } from \"../singleEntry/abstractions.js\";\nimport { SingleEntryFormContent } from \"./SingleEntryFormContent.js\";\n\ninterface SingleEntryLayoutProps {\n    presenter: ISingleEntryPresenter;\n    modelName: string;\n}\n\nexport const SingleEntryLayout = observer(({ presenter, modelName }: SingleEntryLayoutProps) => {\n    const toast = useToast();\n    const { vm } = presenter;\n\n    const handleSave = useCallback(async () => {\n        const success = await presenter.save();\n        if (success) {\n            toast.showSuccessToast({\n                title: `${modelName} saved successfully!`\n            });\n        }\n    }, [presenter, modelName]);\n\n    if (!vm.form) {\n        if (vm.loading) {\n            return <OverlayLoader text={vm.loading} />;\n        }\n        return null;\n    }\n\n    return (\n        <SingleEntryFormContent>\n            <SimpleForm size={\"lg\"}>\n                <FormErrors form={vm.form} className={\"mb-md\"} />\n                <SimpleFormHeader title={modelName}>\n                    <div className={\"flex justify-end\"}>\n                        {vm.canSave ? (\n                            <Button\n                                text=\"Save\"\n                                onClick={handleSave}\n                                disabled={vm.loading !== null}\n                            />\n                        ) : null}\n                    </div>\n                </SimpleFormHeader>\n                <SimpleFormContent\n                    className={\"border-sm border-t-none border-neutral-dimmed-darker rounded-b-3xl\"}\n                >\n                    {vm.loading ? <OverlayLoader text={vm.loading} /> : null}\n                    <FormView name=\"SingleEntryForm\" form={vm.form} />\n                </SimpleFormContent>\n            </SimpleForm>\n        </SingleEntryFormContent>\n    );\n});\n"],"names":["SingleEntryLayout","observer","presenter","modelName","toast","useToast","vm","handleSave","useCallback","success","OverlayLoader","SingleEntryFormContent","SimpleForm","FormErrors","SimpleFormHeader","Button","SimpleFormContent","FormView"],"mappings":";;;;;;;AAmBO,MAAMA,oBAAoBC,SAAS,CAAC,EAAEC,SAAS,EAAEC,SAAS,EAA0B;IACvF,MAAMC,QAAQC;IACd,MAAM,EAAEC,EAAE,EAAE,GAAGJ;IAEf,MAAMK,aAAaC,YAAY;QAC3B,MAAMC,UAAU,MAAMP,UAAU,IAAI;QACpC,IAAIO,SACAL,MAAM,gBAAgB,CAAC;YACnB,OAAO,GAAGD,UAAU,oBAAoB,CAAC;QAC7C;IAER,GAAG;QAACD;QAAWC;KAAU;IAEzB,IAAI,CAACG,GAAG,IAAI,EAAE;QACV,IAAIA,GAAG,OAAO,EACV,OAAO,WAAP,GAAO,oBAACI,eAAaA;YAAC,MAAMJ,GAAG,OAAO;;QAE1C,OAAO;IACX;IAEA,OAAO,WAAP,GACI,oBAACK,wBAAsBA,MAAAA,WAAAA,GACnB,oBAACC,YAAUA;QAAC,MAAM;qBACd,oBAACC,YAAUA;QAAC,MAAMP,GAAG,IAAI;QAAE,WAAW;sBACtC,oBAACQ,kBAAgBA;QAAC,OAAOX;qBACrB,oBAAC;QAAI,WAAW;OACXG,GAAG,OAAO,GAAG,WAAH,GACP,oBAACS,QAAMA;QACH,MAAK;QACL,SAASR;QACT,UAAUD,AAAe,SAAfA,GAAG,OAAO;SAExB,sBAGZ,oBAACU,mBAAiBA;QACd,WAAW;OAEVV,GAAG,OAAO,GAAG,WAAH,GAAG,oBAACI,eAAaA;QAAC,MAAMJ,GAAG,OAAO;SAAO,oBACpD,oBAACW,UAAQA;QAAC,MAAK;QAAkB,MAAMX,GAAG,IAAI;;AAKlE"}

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

@@ -0,0 +1,7 @@
+import React from "react";
+import type { CmsModel } from "../../../types.js";
+interface SingleViewProps {
+    model: CmsModel;
+}
+export declare const SingleEntryView: ({ model }: SingleViewProps) => React.JSX.Element;
+export {};

package/presentation/contentEntries/views/SingleEntryView.js

@@ -0,0 +1,22 @@
+import react, { useEffect } from "react";
+import { useFeature } from "@webiny/app";
+import { SingleEntryPresenterFeature } from "../singleEntry/feature.js";
+import { SingleEntryLayout } from "./SingleEntryLayout.js";
+const SingleEntryView = ({ model })=>{
+    const { presenter } = useFeature(SingleEntryPresenterFeature);
+    useEffect(()=>{
+        presenter.init();
+        return ()=>{
+            presenter.dispose();
+        };
+    }, [
+        model
+    ]);
+    return /*#__PURE__*/ react.createElement(SingleEntryLayout, {
+        presenter: presenter,
+        modelName: model.name
+    });
+};
+export { SingleEntryView };
+
+//# sourceMappingURL=SingleEntryView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/views/SingleEntryView.js","sources":["../../../../src/presentation/contentEntries/views/SingleEntryView.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { useFeature } from \"@webiny/app\";\nimport type { CmsModel } from \"~/types.js\";\nimport { SingleEntryPresenterFeature } from \"../singleEntry/feature.js\";\nimport { SingleEntryLayout } from \"./SingleEntryLayout.js\";\n\ninterface SingleViewProps {\n    model: CmsModel;\n}\n\nexport const SingleEntryView = ({ model }: SingleViewProps) => {\n    const { presenter } = useFeature(SingleEntryPresenterFeature);\n\n    useEffect(() => {\n        presenter.init();\n\n        return () => {\n            presenter.dispose();\n        };\n    }, [model]);\n\n    return <SingleEntryLayout presenter={presenter} modelName={model.name} />;\n};\n"],"names":["SingleEntryView","model","presenter","useFeature","SingleEntryPresenterFeature","useEffect","SingleEntryLayout"],"mappings":";;;;AAUO,MAAMA,kBAAkB,CAAC,EAAEC,KAAK,EAAmB;IACtD,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IAEjCC,UAAU;QACNH,UAAU,IAAI;QAEd,OAAO;YACHA,UAAU,OAAO;QACrB;IACJ,GAAG;QAACD;KAAM;IAEV,OAAO,WAAP,GAAO,oBAACK,mBAAiBA;QAAC,WAAWJ;QAAW,WAAWD,MAAM,IAAI;;AACzE"}

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

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

package/presentation/contentEntries/views/Table/Table.js

@@ -0,0 +1,50 @@
+import react, { useMemo } from "react";
+import { observer } from "mobx-react-lite";
+import { Table } from "@webiny/app-aco";
+import { useListViewTableProps } from "@webiny/app-admin";
+import { useContainer } from "@webiny/app";
+import { useContentEntryListConfig } from "../../../../admin/config/contentEntries/list/ContentEntryListConfig.js";
+import { useContentEntriesPresenter } from "../../list/useContentEntriesPresenter.js";
+import { folderToTableRow } from "./TableRowMapper.js";
+import { TableRowMapper } from "./abstractions.js";
+const Table_Table = observer(()=>{
+    const presenter = useContentEntriesPresenter();
+    const { browser } = useContentEntryListConfig();
+    const container = useContainer();
+    const mapper = container.resolve(TableRowMapper);
+    const tableProps = useListViewTableProps({
+        namespace: `cms/${presenter.vm.model.modelId}/list`,
+        nameColumnId: "name"
+    });
+    const data = useMemo(()=>{
+        const entryRows = presenter.list.vm.rows.map((entry)=>mapper.fromEntry(entry));
+        if (!presenter.vm.showFolders) return entryRows;
+        const folderRows = presenter.vm.childFolders.map((f)=>folderToTableRow(f));
+        return [
+            ...folderRows,
+            ...entryRows
+        ];
+    }, [
+        presenter.list.vm.rows,
+        presenter.vm.childFolders,
+        presenter.vm.showFolders
+    ]);
+    const selected = useMemo(()=>data.filter((row)=>tableProps.selectedIds.has(row.id)), [
+        data,
+        tableProps.selectedIds
+    ]);
+    return /*#__PURE__*/ react.createElement(Table, {
+        columns: browser.table.columns,
+        data: data,
+        loading: tableProps.loading,
+        sorting: tableProps.sorting,
+        onSortingChange: tableProps.onSortingChange,
+        onSelectRow: tableProps.onSelectRow,
+        selected: selected,
+        nameColumnId: tableProps.nameColumnId,
+        namespace: tableProps.namespace
+    });
+});
+export { Table_Table as Table };
+
+//# sourceMappingURL=Table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/views/Table/Table.js","sources":["../../../../../src/presentation/contentEntries/views/Table/Table.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Table as AcoTable } from \"@webiny/app-aco\";\nimport { useListViewTableProps } from \"@webiny/app-admin\";\nimport { useContainer } from \"@webiny/app\";\nimport { useContentEntryListConfig } from \"~/admin/config/contentEntries/list/ContentEntryListConfig.js\";\nimport { useContentEntriesPresenter } from \"~/presentation/contentEntries/list/useContentEntriesPresenter.js\";\nimport { folderToTableRow } from \"./TableRowMapper.js\";\nimport { TableRowMapper } from \"./abstractions.js\";\n\nexport const Table = observer(() => {\n    const presenter = useContentEntriesPresenter();\n    const { browser } = useContentEntryListConfig();\n    const container = useContainer();\n    const mapper = container.resolve(TableRowMapper);\n\n    const tableProps = useListViewTableProps({\n        namespace: `cms/${presenter.vm.model.modelId}/list`,\n        nameColumnId: \"name\"\n    });\n\n    const data = useMemo<TableRowMapper.TableRow[]>(() => {\n        const entryRows = presenter.list.vm.rows.map(entry => mapper.fromEntry(entry));\n\n        if (!presenter.vm.showFolders) {\n            return entryRows;\n        }\n\n        const folderRows = presenter.vm.childFolders.map(f => folderToTableRow(f));\n        return [...folderRows, ...entryRows];\n    }, [presenter.list.vm.rows, presenter.vm.childFolders, presenter.vm.showFolders]);\n\n    const selected = useMemo<TableRowMapper.TableRow[]>(() => {\n        return data.filter(row => tableProps.selectedIds.has(row.id));\n    }, [data, tableProps.selectedIds]);\n\n    return (\n        <AcoTable<TableRowMapper.TableRow>\n            columns={browser.table.columns}\n            data={data}\n            loading={tableProps.loading}\n            sorting={tableProps.sorting}\n            onSortingChange={tableProps.onSortingChange}\n            onSelectRow={tableProps.onSelectRow}\n            selected={selected}\n            nameColumnId={tableProps.nameColumnId}\n            namespace={tableProps.namespace}\n        />\n    );\n});\n"],"names":["Table","observer","presenter","useContentEntriesPresenter","browser","useContentEntryListConfig","container","useContainer","mapper","TableRowMapper","tableProps","useListViewTableProps","data","useMemo","entryRows","entry","folderRows","f","folderToTableRow","selected","row","AcoTable"],"mappings":";;;;;;;;;AAUO,MAAMA,cAAQC,SAAS;IAC1B,MAAMC,YAAYC;IAClB,MAAM,EAAEC,OAAO,EAAE,GAAGC;IACpB,MAAMC,YAAYC;IAClB,MAAMC,SAASF,UAAU,OAAO,CAACG;IAEjC,MAAMC,aAAaC,sBAAsB;QACrC,WAAW,CAAC,IAAI,EAAET,UAAU,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QACnD,cAAc;IAClB;IAEA,MAAMU,OAAOC,QAAmC;QAC5C,MAAMC,YAAYZ,UAAU,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAACa,CAAAA,QAASP,OAAO,SAAS,CAACO;QAEvE,IAAI,CAACb,UAAU,EAAE,CAAC,WAAW,EACzB,OAAOY;QAGX,MAAME,aAAad,UAAU,EAAE,CAAC,YAAY,CAAC,GAAG,CAACe,CAAAA,IAAKC,iBAAiBD;QACvE,OAAO;eAAID;eAAeF;SAAU;IACxC,GAAG;QAACZ,UAAU,IAAI,CAAC,EAAE,CAAC,IAAI;QAAEA,UAAU,EAAE,CAAC,YAAY;QAAEA,UAAU,EAAE,CAAC,WAAW;KAAC;IAEhF,MAAMiB,WAAWN,QAAmC,IACzCD,KAAK,MAAM,CAACQ,CAAAA,MAAOV,WAAW,WAAW,CAAC,GAAG,CAACU,IAAI,EAAE,IAC5D;QAACR;QAAMF,WAAW,WAAW;KAAC;IAEjC,OAAO,WAAP,GACI,oBAACW,OAAQA;QACL,SAASjB,QAAQ,KAAK,CAAC,OAAO;QAC9B,MAAMQ;QACN,SAASF,WAAW,OAAO;QAC3B,SAASA,WAAW,OAAO;QAC3B,iBAAiBA,WAAW,eAAe;QAC3C,aAAaA,WAAW,WAAW;QACnC,UAAUS;QACV,cAAcT,WAAW,YAAY;QACrC,WAAWA,WAAW,SAAS;;AAG3C"}

package/presentation/contentEntries/views/Table/TableRowMapper.d.ts

@@ -0,0 +1,12 @@
+import { CmsContentEntry } from "../../../../types.js";
+import { TableRowMapper as Abstraction } from "./abstractions.js";
+import type { IEntryTableRow, IFolderTableRow } from "./abstractions.js";
+import type { FolderDto } from "@webiny/app-aco";
+declare class TableRowMapperImpl implements Abstraction.Interface {
+    fromEntry(entry: CmsContentEntry): IEntryTableRow;
+}
+export declare const TableRowMapper: typeof TableRowMapperImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("./abstractions.js").ITableRowMapper>;
+};
+export declare function folderToTableRow(folder: FolderDto): IFolderTableRow;
+export {};