@webiny/app-headless-cms 0.0.0-unstable.78f581c1d2 → 0.0.0-unstable.7be00a75a9

package/admin/views/contentEntries/ContentEntry/FullScreenContentEntry/FullScreenContentEntry.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/views/contentEntries/ContentEntry/FullScreenContentEntry/FullScreenContentEntry.styled.js","sources":["../../../../../../src/admin/views/contentEntries/ContentEntry/FullScreenContentEntry/FullScreenContentEntry.styled.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { cn } from \"@webiny/admin-ui\";\n\nconst Wrapper = styled.div`\n    #headerToolbarGrid {\n        margin: 0;\n        padding: 0;\n        border: 0;\n    }\n\n    #cms-content-details-tabs > [role=\"tablist\"] {\n        display: none;\n    }\n`;\n\nexport const Container = ({\n    children,\n    className,\n    ...props\n}: React.HTMLAttributes<HTMLDivElement>) => {\n    return (\n        <Wrapper>\n            <div\n                className={cn(\n                    [\"bg-neutral-light\", \"fixed z-overlay top-0 left-0\", \"w-full h-screen\"],\n                    className\n                )}\n                {...props}\n            >\n                {children}\n            </div>\n        </Wrapper>\n    );\n};\n\n/**\n * FORM\n */\nexport const Content = ({\n    children,\n    className,\n    ...props\n}: React.HTMLAttributes<HTMLDivElement>) => {\n    return (\n        <div className={cn(\"overflow-y-auto h-main-content\", className)} {...props}>\n            {children}\n        </div>\n    );\n};\n\nexport const ContentFormWrapper = ({\n    children,\n    className,\n    ...props\n}: React.HTMLAttributes<HTMLDivElement>) => {\n    return (\n        <div className={cn(\"flex justify-center pt-xl\", className)} {...props}>\n            {children}\n        </div>\n    );\n};\n\ntype ContentFormInnerProps = { width: string };\n\nexport const ContentFormInner = styled.div<ContentFormInnerProps>`\n    width: ${props => props.width};\n`;\n"],"names":["Wrapper","styled","Container","children","className","props","cn","Content","ContentFormWrapper","ContentFormInner"],"mappings":";;;AAIA,MAAMA,UAAUC,OAAO,GAAG,CAAC;;;;;;;;;;AAU3B,CAAC;AAEM,MAAMC,YAAY,CAAC,EACtBC,QAAQ,EACRC,SAAS,EACT,GAAGC,OACgC,GAC5B,WAAP,GACI,oBAACL,SAAOA,MAAAA,WAAAA,GACJ,oBAAC;QACG,WAAWM,GACP;YAAC;YAAoB;YAAgC;SAAkB,EACvEF;QAEH,GAAGC,KAAK;OAERF;AASV,MAAMI,UAAU,CAAC,EACpBJ,QAAQ,EACRC,SAAS,EACT,GAAGC,OACgC,GAC5B,WAAP,GACI,oBAAC;QAAI,WAAWC,GAAG,kCAAkCF;QAAa,GAAGC,KAAK;OACrEF;AAKN,MAAMK,qBAAqB,CAAC,EAC/BL,QAAQ,EACRC,SAAS,EACT,GAAGC,OACgC,GAC5B,WAAP,GACI,oBAAC;QAAI,WAAWC,GAAG,6BAA6BF;QAAa,GAAGC,KAAK;OAChEF;AAON,MAAMM,mBAAmBR,OAAO,GAA0B,CAAC;WACvD,EAAEI,CAAAA,QAASA,MAAM,KAAK,CAAC;AAClC,CAAC"}

package/admin/views/contentEntries/ContentEntry/FullScreenContentEntry/FullScreenContentEntryHeaderLeft.d.ts

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

package/admin/views/contentEntries/ContentEntry/FullScreenContentEntry/FullScreenContentEntryHeaderLeft.js

@@ -0,0 +1,45 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/arrow_back.svg";
+import { ReactComponent as info_svg_ReactComponent } from "@webiny/icons/info.svg";
+import { useNavigateFolder } from "@webiny/app-aco";
+import { makeDecoratable } from "@webiny/react-composition";
+import { useContentEntry } from "../../hooks/index.js";
+import { Heading, Icon, IconButton, Tooltip, cn } from "@webiny/admin-ui";
+import { IsModelPublishable } from "../../../../../exports/admin/cms.js";
+const ContentEntryFormMeta = makeDecoratable("ContentEntryFormMeta", ()=>{
+    const { entry, contentModel } = useContentEntry();
+    const status = entry.meta?.status ?? null;
+    return /*#__PURE__*/ react.createElement(Tooltip, {
+        content: `Model: ${contentModel.name} ${status ? `- Status: ${status}` : ""}`,
+        trigger: /*#__PURE__*/ react.createElement(Icon, {
+            icon: /*#__PURE__*/ react.createElement(info_svg_ReactComponent, null),
+            label: "Info",
+            size: "sm",
+            color: "neutral-light"
+        })
+    });
+});
+const ContentEntryFormTitle = makeDecoratable("ContentEntryFormTitle", ()=>{
+    const { entry, contentModel } = useContentEntry();
+    const title = entry?.meta?.title || `New ${contentModel.name}`;
+    const isNewEntry = !entry.meta?.title;
+    return /*#__PURE__*/ react.createElement(Heading, {
+        level: 5,
+        className: cn("text-neutral-primary", {
+            "opacity-50": isNewEntry
+        })
+    }, title);
+});
+const FullScreenContentEntryHeaderLeft = ()=>{
+    const { navigateToFolder, currentFolderId } = useNavigateFolder();
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center gap-sm"
+    }, /*#__PURE__*/ react.createElement(IconButton, {
+        variant: "ghost",
+        onClick: ()=>navigateToFolder(currentFolderId),
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
+    }), /*#__PURE__*/ react.createElement(ContentEntryFormTitle, null), /*#__PURE__*/ react.createElement(IsModelPublishable, null, /*#__PURE__*/ react.createElement(ContentEntryFormMeta, null)));
+};
+export { ContentEntryFormMeta, ContentEntryFormTitle, FullScreenContentEntryHeaderLeft };
+
+//# sourceMappingURL=FullScreenContentEntryHeaderLeft.js.map

package/admin/views/contentEntries/ContentEntry/FullScreenContentEntry/FullScreenContentEntryHeaderLeft.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/views/contentEntries/ContentEntry/FullScreenContentEntry/FullScreenContentEntryHeaderLeft.js","sources":["../../../../../../src/admin/views/contentEntries/ContentEntry/FullScreenContentEntry/FullScreenContentEntryHeaderLeft.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as BackIcon } from \"@webiny/icons/arrow_back.svg\";\nimport { ReactComponent as InfoIcon } from \"@webiny/icons/info.svg\";\nimport { useNavigateFolder } from \"@webiny/app-aco\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/index.js\";\nimport { cn, Heading, Icon, IconButton, Tooltip } from \"@webiny/admin-ui\";\nimport { IsModelPublishable } from \"~/exports/admin/cms.js\";\n\nexport const ContentEntryFormMeta = makeDecoratable(\"ContentEntryFormMeta\", () => {\n    const { entry, contentModel } = useContentEntry();\n    const status = entry.meta?.status ?? null;\n\n    return (\n        <Tooltip\n            content={`Model: ${contentModel.name} ${status ? `- Status: ${status}` : \"\"}`}\n            trigger={\n                <Icon icon={<InfoIcon />} label={\"Info\"} size={\"sm\"} color={\"neutral-light\"} />\n            }\n        />\n    );\n});\n\nexport const ContentEntryFormTitle = makeDecoratable(\"ContentEntryFormTitle\", () => {\n    const { entry, contentModel } = useContentEntry();\n\n    const title = entry?.meta?.title || `New ${contentModel.name}`;\n    const isNewEntry = !entry.meta?.title;\n\n    return (\n        <Heading\n            level={5}\n            className={cn(\"text-neutral-primary\", {\n                \"opacity-50\": isNewEntry\n            })}\n        >\n            {title}\n        </Heading>\n    );\n});\n\nexport const FullScreenContentEntryHeaderLeft = () => {\n    const { navigateToFolder, currentFolderId } = useNavigateFolder();\n\n    return (\n        <div className={\"flex items-center gap-sm\"}>\n            <IconButton\n                variant={\"ghost\"}\n                onClick={() => navigateToFolder(currentFolderId)}\n                icon={<BackIcon />}\n            />\n            <ContentEntryFormTitle />\n            <IsModelPublishable>\n                <ContentEntryFormMeta />\n            </IsModelPublishable>\n        </div>\n    );\n};\n"],"names":["ContentEntryFormMeta","makeDecoratable","entry","contentModel","useContentEntry","status","Tooltip","Icon","InfoIcon","ContentEntryFormTitle","title","isNewEntry","Heading","cn","FullScreenContentEntryHeaderLeft","navigateToFolder","currentFolderId","useNavigateFolder","IconButton","BackIcon","IsModelPublishable"],"mappings":";;;;;;;;AASO,MAAMA,uBAAuBC,gBAAgB,wBAAwB;IACxE,MAAM,EAAEC,KAAK,EAAEC,YAAY,EAAE,GAAGC;IAChC,MAAMC,SAASH,MAAM,IAAI,EAAE,UAAU;IAErC,OAAO,WAAP,GACI,oBAACI,SAAOA;QACJ,SAAS,CAAC,OAAO,EAAEH,aAAa,IAAI,CAAC,CAAC,EAAEE,SAAS,CAAC,UAAU,EAAEA,QAAQ,GAAG,IAAI;QAC7E,uBACI,oBAACE,MAAIA;YAAC,oBAAM,oBAACC,yBAAQA;YAAK,OAAO;YAAQ,MAAM;YAAM,OAAO;;;AAI5E;AAEO,MAAMC,wBAAwBR,gBAAgB,yBAAyB;IAC1E,MAAM,EAAEC,KAAK,EAAEC,YAAY,EAAE,GAAGC;IAEhC,MAAMM,QAAQR,OAAO,MAAM,SAAS,CAAC,IAAI,EAAEC,aAAa,IAAI,EAAE;IAC9D,MAAMQ,aAAa,CAACT,MAAM,IAAI,EAAE;IAEhC,OAAO,WAAP,GACI,oBAACU,SAAOA;QACJ,OAAO;QACP,WAAWC,GAAG,wBAAwB;YAClC,cAAcF;QAClB;OAECD;AAGb;AAEO,MAAMI,mCAAmC;IAC5C,MAAM,EAAEC,gBAAgB,EAAEC,eAAe,EAAE,GAAGC;IAE9C,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACC,YAAUA;QACP,SAAS;QACT,SAAS,IAAMH,iBAAiBC;QAChC,oBAAM,oBAACG,gBAAQA;sBAEnB,oBAACV,uBAAqBA,OAAAA,WAAAA,GACtB,oBAACW,oBAAkBA,MAAAA,WAAAA,GACf,oBAACpB,sBAAoBA;AAIrC"}

package/admin/views/contentEntries/ContentEntry/FullScreenContentEntry/RevisionListDrawer/RevisionListDrawer.d.ts

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

package/admin/views/contentEntries/ContentEntry/FullScreenContentEntry/RevisionListDrawer/RevisionListDrawer.js

@@ -0,0 +1,32 @@
+import react from "react";
+import { useHotkeys } from "@webiny/app-admin";
+import { RevisionsList } from "../../RevisionsList/RevisionsList.js";
+import { useFullScreenContentEntry } from "../useFullScreenContentEntry.js";
+import { Drawer } from "@webiny/admin-ui";
+import { useContentEntry } from "../../../hooks/index.js";
+const RevisionListDrawer = ()=>{
+    const { isRevisionListOpen, openRevisionList } = useFullScreenContentEntry();
+    const { revisions, loading } = useContentEntry();
+    useHotkeys({
+        zIndex: 55,
+        disabled: !isRevisionListOpen,
+        keys: {
+            esc: ()=>openRevisionList(false)
+        }
+    });
+    return /*#__PURE__*/ react.createElement(Drawer, {
+        title: "Entry revisions",
+        open: isRevisionListOpen,
+        onOpenChange: (open)=>openRevisionList(open),
+        modal: true,
+        bodyPadding: false,
+        headerSeparator: true,
+        width: 1000
+    }, /*#__PURE__*/ react.createElement(RevisionsList, {
+        revisions: revisions,
+        loading: loading
+    }));
+};
+export { RevisionListDrawer };
+
+//# sourceMappingURL=RevisionListDrawer.js.map

package/admin/views/contentEntries/ContentEntry/FullScreenContentEntry/RevisionListDrawer/RevisionListDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/views/contentEntries/ContentEntry/FullScreenContentEntry/RevisionListDrawer/RevisionListDrawer.js","sources":["../../../../../../../src/admin/views/contentEntries/ContentEntry/FullScreenContentEntry/RevisionListDrawer/RevisionListDrawer.tsx"],"sourcesContent":["import React from \"react\";\nimport { useHotkeys } from \"@webiny/app-admin\";\nimport { RevisionsList } from \"~/admin/views/contentEntries/ContentEntry/RevisionsList/RevisionsList.js\";\nimport { useFullScreenContentEntry } from \"../useFullScreenContentEntry.js\";\nimport { Drawer } from \"@webiny/admin-ui\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/index.js\";\n\nexport const RevisionListDrawer = () => {\n    const { isRevisionListOpen, openRevisionList } = useFullScreenContentEntry();\n    const { revisions, loading } = useContentEntry();\n\n    useHotkeys({\n        zIndex: 55,\n        disabled: !isRevisionListOpen,\n        keys: {\n            esc: () => openRevisionList(false)\n        }\n    });\n\n    return (\n        <Drawer\n            title={\"Entry revisions\"}\n            open={isRevisionListOpen}\n            onOpenChange={open => openRevisionList(open)}\n            modal\n            bodyPadding={false}\n            headerSeparator={true}\n            width={1000}\n        >\n            <RevisionsList revisions={revisions} loading={loading} />\n        </Drawer>\n    );\n};\n"],"names":["RevisionListDrawer","isRevisionListOpen","openRevisionList","useFullScreenContentEntry","revisions","loading","useContentEntry","useHotkeys","Drawer","open","RevisionsList"],"mappings":";;;;;;AAOO,MAAMA,qBAAqB;IAC9B,MAAM,EAAEC,kBAAkB,EAAEC,gBAAgB,EAAE,GAAGC;IACjD,MAAM,EAAEC,SAAS,EAAEC,OAAO,EAAE,GAAGC;IAE/BC,WAAW;QACP,QAAQ;QACR,UAAU,CAACN;QACX,MAAM;YACF,KAAK,IAAMC,iBAAiB;QAChC;IACJ;IAEA,OAAO,WAAP,GACI,oBAACM,QAAMA;QACH,OAAO;QACP,MAAMP;QACN,cAAcQ,CAAAA,OAAQP,iBAAiBO;QACvC;QACA,aAAa;QACb,iBAAiB;QACjB,OAAO;qBAEP,oBAACC,eAAaA;QAAC,WAAWN;QAAW,SAASC;;AAG1D"}

package/admin/views/contentEntries/ContentEntry/FullScreenContentEntry/RevisionListDrawer/index.d.ts

@@ -0,0 +1 @@
+export * from "./RevisionListDrawer.js";

package/admin/views/contentEntries/ContentEntry/FullScreenContentEntry/RevisionListDrawer/index.js

@@ -0,0 +1 @@
+export * from "./RevisionListDrawer.js";

package/admin/views/contentEntries/ContentEntry/FullScreenContentEntry/index.d.ts

@@ -0,0 +1 @@
+export * from "./FullScreenContentEntry.js";

package/admin/views/contentEntries/ContentEntry/FullScreenContentEntry/index.js

@@ -0,0 +1 @@
+export * from "./FullScreenContentEntry.js";

package/admin/views/contentEntries/ContentEntry/FullScreenContentEntry/useFullScreenContentEntry.d.ts

@@ -0,0 +1,11 @@
+export interface FullScreenContentEntryContext {
+    isRevisionListOpen: boolean;
+    openRevisionList: (open: boolean) => void;
+}
+export declare const useFullScreenContentEntry: () => FullScreenContentEntryContext;
+export declare const FullScreenContentEntryProvider: {
+    ({ children, ...props }: FullScreenContentEntryContext & {
+        children: React.ReactNode;
+    }): React.JSX.Element;
+    displayName: string;
+};

package/admin/views/contentEntries/ContentEntry/FullScreenContentEntry/useFullScreenContentEntry.js

@@ -0,0 +1,7 @@
+import { createGenericContext } from "@webiny/app";
+const { Provider: Provider, useHook: useHook } = createGenericContext("FullScreenContentEntryContext");
+const useFullScreenContentEntry = useHook;
+const FullScreenContentEntryProvider = Provider;
+export { FullScreenContentEntryProvider, useFullScreenContentEntry };
+
+//# sourceMappingURL=useFullScreenContentEntry.js.map

package/admin/views/contentEntries/ContentEntry/FullScreenContentEntry/useFullScreenContentEntry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/views/contentEntries/ContentEntry/FullScreenContentEntry/useFullScreenContentEntry.js","sources":["../../../../../../src/admin/views/contentEntries/ContentEntry/FullScreenContentEntry/useFullScreenContentEntry.ts"],"sourcesContent":["import { createGenericContext } from \"@webiny/app\";\n\nexport interface FullScreenContentEntryContext {\n    isRevisionListOpen: boolean;\n    openRevisionList: (open: boolean) => void;\n}\n\nconst { Provider, useHook } = createGenericContext<FullScreenContentEntryContext>(\n    \"FullScreenContentEntryContext\"\n);\n\nexport const useFullScreenContentEntry = useHook;\nexport const FullScreenContentEntryProvider = Provider;\n"],"names":["Provider","useHook","createGenericContext","useFullScreenContentEntry","FullScreenContentEntryProvider"],"mappings":";AAOA,MAAM,EAAEA,UAAAA,QAAQ,EAAEC,SAAAA,OAAO,EAAE,GAAGC,qBAC1B;AAGG,MAAMC,4BAA4BF;AAClC,MAAMG,iCAAiCJ"}

package/admin/views/contentEntries/ContentEntry/RevisionsList/PublishEntryRevisionListItem.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import { type DropdownMenuItemProps } from "@webiny/admin-ui";
+export declare const PublishEntryRevisionListItem: ((props: DropdownMenuItemProps) => React.JSX.Element) & {
+    original: (props: DropdownMenuItemProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: DropdownMenuItemProps) => React.JSX.Element) & {
+        original: (props: DropdownMenuItemProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: DropdownMenuItemProps) => React.JSX.Element) & {
+        original: (props: DropdownMenuItemProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/admin/views/contentEntries/ContentEntry/RevisionsList/PublishEntryRevisionListItem.js

@@ -0,0 +1,8 @@
+import react from "react";
+import { DropdownMenu } from "@webiny/admin-ui";
+import { makeDecoratable } from "@webiny/react-composition";
+const PublishEntryRevisionListItemComponent = (props)=>/*#__PURE__*/ react.createElement(DropdownMenu.Item, props);
+const PublishEntryRevisionListItem = makeDecoratable("PublishEntryRevisionListItem", PublishEntryRevisionListItemComponent);
+export { PublishEntryRevisionListItem };
+
+//# sourceMappingURL=PublishEntryRevisionListItem.js.map

package/admin/views/contentEntries/ContentEntry/RevisionsList/PublishEntryRevisionListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/views/contentEntries/ContentEntry/RevisionsList/PublishEntryRevisionListItem.js","sources":["../../../../../../src/admin/views/contentEntries/ContentEntry/RevisionsList/PublishEntryRevisionListItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { DropdownMenu, type DropdownMenuItemProps } from \"@webiny/admin-ui\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\n\nconst PublishEntryRevisionListItemComponent = (props: DropdownMenuItemProps) => {\n    return <DropdownMenu.Item {...props} />;\n};\n\nexport const PublishEntryRevisionListItem = makeDecoratable(\n    \"PublishEntryRevisionListItem\",\n    PublishEntryRevisionListItemComponent\n);\n"],"names":["PublishEntryRevisionListItemComponent","props","DropdownMenu","PublishEntryRevisionListItem","makeDecoratable"],"mappings":";;;AAIA,MAAMA,wCAAwC,CAACC,QACpC,WAAP,GAAO,oBAACC,aAAa,IAAI,EAAKD;AAG3B,MAAME,+BAA+BC,gBACxC,gCACAJ"}

package/admin/views/contentEntries/ContentEntry/RevisionsList/RevisionListItem.d.ts

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

package/admin/views/contentEntries/ContentEntry/RevisionsList/RevisionListItem.js

@@ -0,0 +1,132 @@
+import react from "react";
+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 visibility_svg_ReactComponent } from "@webiny/icons/visibility.svg";
+import { ReactComponent as visibility_off_svg_ReactComponent } from "@webiny/icons/visibility_off.svg";
+import { ReactComponent as delete_svg_ReactComponent } from "@webiny/icons/delete.svg";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { useRevision } from "./useRevision.js";
+import { usePermission } from "../../../../hooks/usePermission.js";
+import { useContentEntry } from "../../hooks/useContentEntry.js";
+import { PublishEntryRevisionListItem } from "./PublishEntryRevisionListItem.js";
+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 t = i18n.ns("app-headless-cms/admin/plugins/content-details/content-revisions");
+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 { createRevision, deleteRevision, unpublishRevision, editRevision, publishRevision } = useRevision({
+        revision
+    });
+    const { entry, setActiveTab } = useContentEntry();
+    const { canEdit, canDelete, canPublish, canUnpublish } = usePermission();
+    const { icon, text: tooltipText } = getIcon(revision);
+    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
+        }))),
+        about: revision.revisionDescription,
+        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, canEdit(entry, "cms.contentEntry") && /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+            onClick: ()=>createRevision(),
+            "data-testid": "cms.revision.create-revision",
+            icon: /*#__PURE__*/ react.createElement(add_svg_ReactComponent, null),
+            text: t`New revision from current`
+        }), !revision.meta.locked && canEdit(entry, "cms.contentEntry") && /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+            onClick: ()=>{
+                editRevision();
+                setActiveTab("content");
+            },
+            icon: /*#__PURE__*/ react.createElement(edit_svg_ReactComponent, null),
+            text: t`Edit revision`
+        }), "published" !== revision.meta.status && canPublish("cms.contentEntry") && /*#__PURE__*/ react.createElement(PublishEntryRevisionListItem, {
+            onClick: ()=>publishRevision(),
+            icon: /*#__PURE__*/ react.createElement(visibility_svg_ReactComponent, null),
+            text: t`Publish revision`
+        }), "published" === revision.meta.status && canUnpublish("cms.contentEntry") && /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+            onClick: ()=>unpublishRevision(),
+            "data-testid": "cms.revision.unpublish",
+            icon: /*#__PURE__*/ react.createElement(visibility_off_svg_ReactComponent, null),
+            text: t`Unpublish revision`
+        }), !revision.meta.locked && canDelete(entry, "cms.contentEntry") && /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(DropdownMenu.Separator, null), /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+            onClick: ()=>deleteRevision(),
+            icon: /*#__PURE__*/ react.createElement(delete_svg_ReactComponent, null),
+            text: t` Delete revision`,
+            className: "text-destructive-primary! [&_svg]:fill-destructive"
+        }))))
+    });
+};
+const RevisionsList_RevisionListItem = RevisionListItem;
+export default RevisionsList_RevisionListItem;
+
+//# sourceMappingURL=RevisionListItem.js.map

package/admin/views/contentEntries/ContentEntry/RevisionsList/RevisionListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/views/contentEntries/ContentEntry/RevisionsList/RevisionListItem.js","sources":["../../../../../../src/admin/views/contentEntries/ContentEntry/RevisionsList/RevisionListItem.tsx"],"sourcesContent":["import React from \"react\";\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};\nimport { DropdownMenu, Icon, IconButton, List, Tooltip, Text } 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\";\nimport { ReactComponent as PublishIcon } from \"@webiny/icons/visibility.svg\";\nimport { 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 { useRevision } from \"./useRevision.js\";\nimport { usePermission } from \"~/admin/hooks/usePermission.js\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry.js\";\nimport { PublishEntryRevisionListItem } from \"./PublishEntryRevisionListItem.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/plugins/content-details/content-revisions\");\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\nconst RevisionListItem = ({ revision }: RevisionListItemProps) => {\n    const { createRevision, deleteRevision, unpublishRevision, editRevision, publishRevision } =\n        useRevision({\n            revision\n        });\n\n    const { entry, setActiveTab } = useContentEntry();\n    const { canEdit, canDelete, canPublish, canUnpublish } = usePermission();\n    const { icon, text: tooltipText } = getIcon(revision);\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                            // Added this because revisionCreatedBy can be returned as null from GraphQL.\n                            author: revision.revisionCreatedBy?.displayName,\n                            time: <DateDisplay date={revision.revisionSavedOn} />,\n                            version: revision.meta.version\n                        })}\n                    </Text>\n                </>\n            }\n            about={revision.revisionDescription}\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                        {canEdit(entry, \"cms.contentEntry\") && (\n                            <DropdownMenu.Item\n                                onClick={() => createRevision()}\n                                data-testid={\"cms.revision.create-revision\"}\n                                icon={<AddIcon />}\n                                text={t`New revision from current`}\n                            />\n                        )}\n\n                        {!revision.meta.locked && canEdit(entry, \"cms.contentEntry\") && (\n                            <DropdownMenu.Item\n                                onClick={() => {\n                                    editRevision();\n                                    setActiveTab(\"content\");\n                                }}\n                                icon={<EditIcon />}\n                                text={t`Edit revision`}\n                            />\n                        )}\n\n                        {revision.meta.status !== \"published\" && canPublish(\"cms.contentEntry\") && (\n                            <PublishEntryRevisionListItem\n                                onClick={() => publishRevision()}\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={() => unpublishRevision()}\n                                    data-testid={\"cms.revision.unpublish\"}\n                                    icon={<UnpublishIcon />}\n                                    text={t`Unpublish revision`}\n                                />\n                            )}\n\n                        {!revision.meta.locked && canDelete(entry, \"cms.contentEntry\") && (\n                            <>\n                                <DropdownMenu.Separator />\n                                <DropdownMenu.Item\n                                    onClick={() => deleteRevision()}\n                                    icon={<DeleteIcon />}\n                                    text={t` Delete revision`}\n                                    className={\"text-destructive-primary! [&_svg]:fill-destructive\"}\n                                />\n                            </>\n                        )}\n                    </>\n                </DropdownMenu>\n            }\n        />\n    );\n};\n\nexport default RevisionListItem;\n"],"names":["DateDisplay","date","formatted","React","d","globalThis","isNaN","Intl","navigator","t","i18n","getIcon","rev","Icon","LockIcon","BeenHereIcon","GestureIcon","RevisionListItem","revision","createRevision","deleteRevision","unpublishRevision","editRevision","publishRevision","useRevision","entry","setActiveTab","useContentEntry","canEdit","canDelete","canPublish","canUnpublish","usePermission","icon","tooltipText","List","Tooltip","Text","DropdownMenu","IconButton","MoreVerticalIcon","AddIcon","EditIcon","PublishEntryRevisionListItem","PublishIcon","UnpublishIcon","DeleteIcon"],"mappings":"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"}

package/admin/views/contentEntries/ContentEntry/RevisionsList/RevisionsList.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { CmsContentEntryRevision } from "@webiny/app-headless-cms-common/types/index.js";
+interface IRevisionsListProps {
+    revisions: CmsContentEntryRevision[];
+    loading: boolean;
+}
+export declare const RevisionsList: (props: IRevisionsListProps) => React.JSX.Element;
+export {};

package/admin/views/contentEntries/ContentEntry/RevisionsList/RevisionsList.js

@@ -0,0 +1,21 @@
+import react from "react";
+import { List, OverlayLoader } from "@webiny/admin-ui";
+import { i18n } from "@webiny/app/i18n/index.js";
+import RevisionListItem from "./RevisionListItem.js";
+const t = i18n.ns("app-headless-cms/admin/plugins/content-details/content-revisions");
+const RevisionsList = (props)=>{
+    const { revisions, loading } = props;
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "relative"
+    }, loading && /*#__PURE__*/ react.createElement(OverlayLoader, null), revisions?.length ? /*#__PURE__*/ react.createElement(List, {
+        "data-testid": "cms.content-form.revisions"
+    }, 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/admin/views/contentEntries/ContentEntry/RevisionsList/RevisionsList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/views/contentEntries/ContentEntry/RevisionsList/RevisionsList.js","sources":["../../../../../../src/admin/views/contentEntries/ContentEntry/RevisionsList/RevisionsList.tsx"],"sourcesContent":["import React from \"react\";\nimport { List, OverlayLoader } from \"@webiny/admin-ui\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport RevisionListItem from \"./RevisionListItem.js\";\nimport type { CmsContentEntryRevision } from \"@webiny/app-headless-cms-common/types/index.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/plugins/content-details/content-revisions\");\n\ninterface IRevisionsListProps {\n    revisions: CmsContentEntryRevision[];\n    loading: boolean;\n}\n\nexport const RevisionsList = (props: IRevisionsListProps) => {\n    const { revisions, loading } = props;\n\n    return (\n        <div className={\"relative\"}>\n            {loading && <OverlayLoader />}\n            {revisions?.length ? (\n                <List data-testid={\"cms.content-form.revisions\"}>\n                    {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","props","revisions","loading","OverlayLoader","List","revision","RevisionListItem"],"mappings":";;;;AAMA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAOX,MAAMC,gBAAgB,CAACC;IAC1B,MAAM,EAAEC,SAAS,EAAEC,OAAO,EAAE,GAAGF;IAE/B,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;OACXE,WAAW,WAAXA,GAAW,oBAACC,eAAaA,OACzBF,WAAW,SAAS,WAAT,GACR,oBAACG,MAAIA;QAAC,eAAa;OACdH,UAAU,GAAG,CAACI,CAAAA,WAAAA,WAAAA,GACX,oBAACC,kBAAgBA;YAAC,UAAUD;YAAU,KAAKA,SAAS,EAAE;6BAI9D,oBAAC;QAAI,WAAW;OAASR,CAAC,CAAC,qBAAqB,CAAC;AAIjE"}

package/admin/views/contentEntries/ContentEntry/RevisionsList/useRevision.d.ts

@@ -0,0 +1,29 @@
+import type { CmsContentEntry } from "../../../../../types.js";
+import type { PublishEntryRevisionResponse } from "../../../../../admin/contexts/Cms/index.js";
+export interface CreateRevisionHandler {
+    (id?: string): Promise<void>;
+}
+export interface EditRevisionHandler {
+    (id?: string): void;
+}
+export interface DeleteRevisionHandler {
+    (id?: string): Promise<void>;
+}
+export interface PublishRevisionHandler {
+    (id?: string): Promise<PublishEntryRevisionResponse>;
+}
+export interface UnpublishRevisionHandler {
+    (id?: string): Promise<void>;
+}
+export interface UseRevisionProps {
+    revision: Pick<CmsContentEntry, "id"> & {
+        meta: Pick<CmsContentEntry["meta"], "version">;
+    };
+}
+export declare const useRevision: ({ revision }: UseRevisionProps) => {
+    createRevision: CreateRevisionHandler;
+    editRevision: EditRevisionHandler;
+    deleteRevision: DeleteRevisionHandler;
+    publishRevision: PublishRevisionHandler;
+    unpublishRevision: UnpublishRevisionHandler;
+};

package/admin/views/contentEntries/ContentEntry/RevisionsList/useRevision.js

@@ -0,0 +1,87 @@
+import react from "react";
+import { useToast } from "@webiny/admin-ui";
+import { useRoute, useRouter } from "@webiny/app-admin";
+import { useHandlers } from "@webiny/app/hooks/useHandlers.js";
+import { useContentEntry } from "../../hooks/useContentEntry.js";
+import { Routes } from "../../../../../routes.js";
+const useRevision = ({ revision })=>{
+    const contentEntry = useContentEntry();
+    const { goToRoute } = useRouter();
+    const { route } = useRoute(Routes.ContentEntries.List);
+    const { showSuccessToast, showWarningToast } = useToast();
+    const { contentModel } = contentEntry;
+    const { modelId } = contentModel;
+    const { createRevision, editRevision, deleteRevision, publishRevision, unpublishRevision } = useHandlers({
+        entry: revision,
+        contentEntryHook: contentEntry
+    }, {
+        createRevision: ({ contentEntryHook })=>async (id)=>{
+                const { entry, error } = await contentEntryHook.createEntryRevisionFrom({
+                    id: id || revision.id
+                });
+                if (error) return void showWarningToast(error.message);
+                goToRoute(Routes.ContentEntries.List, {
+                    ...route.params,
+                    id: entry.id
+                });
+            },
+        editRevision: ()=>(id)=>{
+                goToRoute(Routes.ContentEntries.List, {
+                    ...route.params,
+                    id: id || revision.id
+                });
+            },
+        deleteRevision: ({ entry, contentEntryHook })=>async (id)=>{
+                const revisionId = id || entry.id;
+                const response = await contentEntryHook.deleteEntryRevision({
+                    id: revisionId
+                });
+                if ("object" == typeof response && response.error) return;
+                const { newLatestRevision } = response;
+                goToRoute(Routes.ContentEntries.List, {
+                    modelId,
+                    id: newLatestRevision?.id
+                });
+            },
+        publishRevision: ({ entry, contentEntryHook })=>async (id)=>{
+                const response = await contentEntryHook.publishEntryRevision({
+                    id: id || entry.id
+                });
+                if (response.error) {
+                    showWarningToast({
+                        title: "Failed to publish",
+                        description: response.error.message
+                    });
+                    return response;
+                }
+                showSuccessToast({
+                    title: "Revision published!",
+                    description: /*#__PURE__*/ react.createElement("span", null, "Successfully published revision", " ", /*#__PURE__*/ react.createElement("strong", null, "#", response.entry.meta.version), "!")
+                });
+                return response;
+            },
+        unpublishRevision: ({ entry, contentEntryHook })=>async (id)=>{
+                const { error } = await contentEntryHook.unpublishEntryRevision({
+                    id: id || entry.id
+                });
+                if (error) return void showWarningToast({
+                    title: "Failed to unpublish",
+                    description: error.message
+                });
+                showSuccessToast({
+                    title: "Revision unpublished",
+                    description: /*#__PURE__*/ react.createElement("span", null, "Successfully unpublished revision", " ", /*#__PURE__*/ react.createElement("strong", null, "#", revision.meta.version), "!")
+                });
+            }
+    });
+    return {
+        createRevision,
+        editRevision,
+        deleteRevision,
+        publishRevision,
+        unpublishRevision
+    };
+};
+export { useRevision };
+
+//# sourceMappingURL=useRevision.js.map

package/admin/views/contentEntries/ContentEntry/RevisionsList/useRevision.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/views/contentEntries/ContentEntry/RevisionsList/useRevision.js","sources":["../../../../../../src/admin/views/contentEntries/ContentEntry/RevisionsList/useRevision.tsx"],"sourcesContent":["import React from \"react\";\nimport { useToast } from \"@webiny/admin-ui\";\nimport { useRoute, useRouter } from \"@webiny/app-admin\";\nimport { useHandlers } from \"@webiny/app/hooks/useHandlers.js\";\nimport type { CmsContentEntry } from \"~/types.js\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry.js\";\nimport type { PublishEntryRevisionResponse } from \"~/admin/contexts/Cms/index.js\";\nimport { Routes } from \"~/routes.js\";\n\nexport interface CreateRevisionHandler {\n    (id?: string): Promise<void>;\n}\n\nexport interface EditRevisionHandler {\n    (id?: string): void;\n}\n\nexport interface DeleteRevisionHandler {\n    (id?: string): Promise<void>;\n}\n\nexport interface PublishRevisionHandler {\n    (id?: string): Promise<PublishEntryRevisionResponse>;\n}\n\nexport interface UnpublishRevisionHandler {\n    (id?: string): Promise<void>;\n}\n\ninterface UseRevisionHandlers {\n    createRevision: CreateRevisionHandler;\n    editRevision: EditRevisionHandler;\n    deleteRevision: DeleteRevisionHandler;\n    publishRevision: PublishRevisionHandler;\n    unpublishRevision: UnpublishRevisionHandler;\n}\n\nexport interface UseRevisionProps {\n    revision: Pick<CmsContentEntry, \"id\"> & {\n        meta: Pick<CmsContentEntry[\"meta\"], \"version\">;\n    };\n}\n\nexport const useRevision = ({ revision }: UseRevisionProps) => {\n    const contentEntry = useContentEntry();\n    const { goToRoute } = useRouter();\n    const { route } = useRoute(Routes.ContentEntries.List);\n    const { showSuccessToast, showWarningToast } = useToast();\n    const { contentModel } = contentEntry;\n    const { modelId } = contentModel;\n\n    const { createRevision, editRevision, deleteRevision, publishRevision, unpublishRevision } =\n        useHandlers<UseRevisionHandlers>(\n            { entry: revision, contentEntryHook: contentEntry },\n            {\n                createRevision:\n                    ({ contentEntryHook }): CreateRevisionHandler =>\n                    async (id): Promise<void> => {\n                        const { entry, error } = await contentEntryHook.createEntryRevisionFrom({\n                            id: id || revision.id\n                        });\n\n                        if (error) {\n                            showWarningToast(error.message);\n                            return;\n                        }\n\n                        goToRoute(Routes.ContentEntries.List, {\n                            ...route.params,\n                            id: entry.id\n                        });\n                    },\n                editRevision:\n                    (): EditRevisionHandler =>\n                    (id): void => {\n                        goToRoute(Routes.ContentEntries.List, {\n                            ...route.params,\n                            id: id || revision.id\n                        });\n                    },\n                deleteRevision:\n                    ({ entry, contentEntryHook }): DeleteRevisionHandler =>\n                    async (id): Promise<void> => {\n                        const revisionId = id || entry.id;\n\n                        const response = await contentEntryHook.deleteEntryRevision({\n                            id: revisionId\n                        });\n\n                        if (typeof response === \"object\" && response.error) {\n                            return;\n                        }\n\n                        const { newLatestRevision } = response;\n\n                        goToRoute(Routes.ContentEntries.List, {\n                            modelId,\n                            id: newLatestRevision?.id\n                        });\n                    },\n                publishRevision:\n                    ({ entry, contentEntryHook }): PublishRevisionHandler =>\n                    async id => {\n                        const response = await contentEntryHook.publishEntryRevision({\n                            id: id || entry.id\n                        });\n\n                        if (response.error) {\n                            showWarningToast({\n                                title: \"Failed to publish\",\n                                description: response.error.message\n                            });\n                            return response;\n                        }\n\n                        showSuccessToast({\n                            title: \"Revision published!\",\n                            description: (\n                                <span>\n                                    Successfully published revision{\" \"}\n                                    <strong>#{response.entry.meta.version}</strong>!\n                                </span>\n                            )\n                        });\n\n                        return response;\n                    },\n                unpublishRevision:\n                    ({ entry, contentEntryHook }): UnpublishRevisionHandler =>\n                    async id => {\n                        const { error } = await contentEntryHook.unpublishEntryRevision({\n                            id: id || entry.id\n                        });\n\n                        if (error) {\n                            showWarningToast({\n                                title: \"Failed to unpublish\",\n                                description: error.message\n                            });\n                            return;\n                        }\n\n                        showSuccessToast({\n                            title: \"Revision unpublished\",\n                            description: (\n                                <span>\n                                    Successfully unpublished revision{\" \"}\n                                    <strong>#{revision.meta.version}</strong>!\n                                </span>\n                            )\n                        });\n                    }\n            }\n        );\n\n    return {\n        createRevision,\n        editRevision,\n        deleteRevision,\n        publishRevision,\n        unpublishRevision\n    };\n};\n"],"names":["useRevision","revision","contentEntry","useContentEntry","goToRoute","useRouter","route","useRoute","Routes","showSuccessToast","showWarningToast","useToast","contentModel","modelId","createRevision","editRevision","deleteRevision","publishRevision","unpublishRevision","useHandlers","contentEntryHook","id","entry","error","revisionId","response","newLatestRevision"],"mappings":";;;;;;AA2CO,MAAMA,cAAc,CAAC,EAAEC,QAAQ,EAAoB;IACtD,MAAMC,eAAeC;IACrB,MAAM,EAAEC,SAAS,EAAE,GAAGC;IACtB,MAAM,EAAEC,KAAK,EAAE,GAAGC,SAASC,OAAO,cAAc,CAAC,IAAI;IACrD,MAAM,EAAEC,gBAAgB,EAAEC,gBAAgB,EAAE,GAAGC;IAC/C,MAAM,EAAEC,YAAY,EAAE,GAAGV;IACzB,MAAM,EAAEW,OAAO,EAAE,GAAGD;IAEpB,MAAM,EAAEE,cAAc,EAAEC,YAAY,EAAEC,cAAc,EAAEC,eAAe,EAAEC,iBAAiB,EAAE,GACtFC,YACI;QAAE,OAAOlB;QAAU,kBAAkBC;IAAa,GAClD;QACI,gBACI,CAAC,EAAEkB,gBAAgB,EAAE,GACrB,OAAOC;gBACH,MAAM,EAAEC,KAAK,EAAEC,KAAK,EAAE,GAAG,MAAMH,iBAAiB,uBAAuB,CAAC;oBACpE,IAAIC,MAAMpB,SAAS,EAAE;gBACzB;gBAEA,IAAIsB,OAAO,YACPb,iBAAiBa,MAAM,OAAO;gBAIlCnB,UAAUI,OAAO,cAAc,CAAC,IAAI,EAAE;oBAClC,GAAGF,MAAM,MAAM;oBACf,IAAIgB,MAAM,EAAE;gBAChB;YACJ;QACJ,cACI,IACA,CAACD;gBACGjB,UAAUI,OAAO,cAAc,CAAC,IAAI,EAAE;oBAClC,GAAGF,MAAM,MAAM;oBACf,IAAIe,MAAMpB,SAAS,EAAE;gBACzB;YACJ;QACJ,gBACI,CAAC,EAAEqB,KAAK,EAAEF,gBAAgB,EAAE,GAC5B,OAAOC;gBACH,MAAMG,aAAaH,MAAMC,MAAM,EAAE;gBAEjC,MAAMG,WAAW,MAAML,iBAAiB,mBAAmB,CAAC;oBACxD,IAAII;gBACR;gBAEA,IAAI,AAAoB,YAApB,OAAOC,YAAyBA,SAAS,KAAK,EAC9C;gBAGJ,MAAM,EAAEC,iBAAiB,EAAE,GAAGD;gBAE9BrB,UAAUI,OAAO,cAAc,CAAC,IAAI,EAAE;oBAClCK;oBACA,IAAIa,mBAAmB;gBAC3B;YACJ;QACJ,iBACI,CAAC,EAAEJ,KAAK,EAAEF,gBAAgB,EAAE,GAC5B,OAAMC;gBACF,MAAMI,WAAW,MAAML,iBAAiB,oBAAoB,CAAC;oBACzD,IAAIC,MAAMC,MAAM,EAAE;gBACtB;gBAEA,IAAIG,SAAS,KAAK,EAAE;oBAChBf,iBAAiB;wBACb,OAAO;wBACP,aAAae,SAAS,KAAK,CAAC,OAAO;oBACvC;oBACA,OAAOA;gBACX;gBAEAhB,iBAAiB;oBACb,OAAO;oBACP,aAAa,WAAb,GACI,oBAAC,cAAK,mCAC8B,mBAChC,oBAAC,gBAAO,KAAEgB,SAAS,KAAK,CAAC,IAAI,CAAC,OAAO,GAAU;gBAG3D;gBAEA,OAAOA;YACX;QACJ,mBACI,CAAC,EAAEH,KAAK,EAAEF,gBAAgB,EAAE,GAC5B,OAAMC;gBACF,MAAM,EAAEE,KAAK,EAAE,GAAG,MAAMH,iBAAiB,sBAAsB,CAAC;oBAC5D,IAAIC,MAAMC,MAAM,EAAE;gBACtB;gBAEA,IAAIC,OAAO,YACPb,iBAAiB;oBACb,OAAO;oBACP,aAAaa,MAAM,OAAO;gBAC9B;gBAIJd,iBAAiB;oBACb,OAAO;oBACP,aAAa,WAAb,GACI,oBAAC,cAAK,qCACgC,mBAClC,oBAAC,gBAAO,KAAER,SAAS,IAAI,CAAC,OAAO,GAAU;gBAGrD;YACJ;IACR;IAGR,OAAO;QACHa;QACAC;QACAC;QACAC;QACAC;IACJ;AACJ"}

package/admin/views/contentEntries/ContentEntry/SingletonContentEntry.d.ts

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