@webiny/app-headless-cms 6.0.0-beta.0 → 6.0.0-rc.0

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

@@ -0,0 +1,15 @@
+import React from "react";
+export declare const Container: ({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
+/**
+ * FORM
+ */
+export declare const Content: ({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
+export declare const ContentFormWrapper: ({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
+type ContentFormInnerProps = {
+    width: string;
+};
+export declare const ContentFormInner: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & ContentFormInnerProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};

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

@@ -0,0 +1,56 @@
+import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+import React from "react";
+import { cn } from "@webiny/admin-ui";
+const Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "eyjjcxh1"
+} : {
+  target: "eyjjcxh1",
+  label: "Wrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1u1tlpa",
+  styles: "#headerToolbarGrid{margin:0;padding:0;border:0;}#cms-content-details-tabs>[role=\"tablist\"]{display:none;}"
+} : {
+  name: "1u1tlpa",
+  styles: "#headerToolbarGrid{margin:0;padding:0;border:0;}#cms-content-details-tabs>[role=\"tablist\"]{display:none;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZ1bGxTY3JlZW5Db250ZW50RW50cnkuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJMEIiLCJmaWxlIjoiRnVsbFNjcmVlbkNvbnRlbnRFbnRyeS5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjbiB9IGZyb20gXCJAd2ViaW55L2FkbWluLXVpXCI7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgICNoZWFkZXJUb29sYmFyR3JpZCB7XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgcGFkZGluZzogMDtcbiAgICAgICAgYm9yZGVyOiAwO1xuICAgIH1cblxuICAgICNjbXMtY29udGVudC1kZXRhaWxzLXRhYnMgPiBbcm9sZT1cInRhYmxpc3RcIl0ge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSAoe1xuICAgIGNoaWxkcmVuLFxuICAgIGNsYXNzTmFtZSxcbiAgICAuLi5wcm9wc1xufTogUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPFdyYXBwZXI+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbihcbiAgICAgICAgICAgICAgICAgICAgW1wiYmctbmV1dHJhbC1saWdodFwiLCBcImZpeGVkIHotb3ZlcmxheSB0b3AtMCBsZWZ0LTBcIiwgXCJ3LWZ1bGwgaC1zY3JlZW5cIl0sXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZVxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L1dyYXBwZXI+XG4gICAgKTtcbn07XG5cbi8qKlxuICogRk9STVxuICovXG5leHBvcnQgY29uc3QgQ29udGVudCA9ICh7XG4gICAgY2hpbGRyZW4sXG4gICAgY2xhc3NOYW1lLFxuICAgIC4uLnByb3BzXG59OiBSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4pID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17Y24oXCJvdmVyZmxvdy15LWF1dG8gaC1tYWluLWNvbnRlbnRcIiwgY2xhc3NOYW1lKX0gey4uLnByb3BzfT5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9kaXY+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBDb250ZW50Rm9ybVdyYXBwZXIgPSAoe1xuICAgIGNoaWxkcmVuLFxuICAgIGNsYXNzTmFtZSxcbiAgICAuLi5wcm9wc1xufTogUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPGRpdiBjbGFzc05hbWU9e2NuKFwiZmxleCBqdXN0aWZ5LWNlbnRlciBwdC14bFwiLCBjbGFzc05hbWUpfSB7Li4ucHJvcHN9PlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L2Rpdj5cbiAgICApO1xufTtcblxudHlwZSBDb250ZW50Rm9ybUlubmVyUHJvcHMgPSB7IHdpZHRoOiBzdHJpbmcgfTtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRGb3JtSW5uZXIgPSBzdHlsZWQuZGl2PENvbnRlbnRGb3JtSW5uZXJQcm9wcz5gXG4gICAgd2lkdGg6ICR7cHJvcHMgPT4gcHJvcHMud2lkdGh9O1xuYDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const Container = ({
+  children,
+  className,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement("div", Object.assign({
+    className: cn(["bg-neutral-light", "fixed z-overlay top-0 left-0", "w-full h-screen"], className)
+  }, props), children));
+};
+
+/**
+ * FORM
+ */
+export const Content = ({
+  children,
+  className,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement("div", Object.assign({
+    className: cn("overflow-y-auto h-main-content", className)
+  }, props), children);
+};
+export const ContentFormWrapper = ({
+  children,
+  className,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement("div", Object.assign({
+    className: cn("flex justify-center pt-xl", className)
+  }, props), children);
+};
+export const ContentFormInner = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "eyjjcxh0"
+} : {
+  target: "eyjjcxh0",
+  label: "ContentFormInner"
+})("width:", props => props.width, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZ1bGxTY3JlZW5Db250ZW50RW50cnkuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRWlFIiwiZmlsZSI6IkZ1bGxTY3JlZW5Db250ZW50RW50cnkuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgY24gfSBmcm9tIFwiQHdlYmlueS9hZG1pbi11aVwiO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICAjaGVhZGVyVG9vbGJhckdyaWQge1xuICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgIGJvcmRlcjogMDtcbiAgICB9XG5cbiAgICAjY21zLWNvbnRlbnQtZGV0YWlscy10YWJzID4gW3JvbGU9XCJ0YWJsaXN0XCJdIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gKHtcbiAgICBjaGlsZHJlbixcbiAgICBjbGFzc05hbWUsXG4gICAgLi4ucHJvcHNcbn06IFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICAgIDxXcmFwcGVyPlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y24oXG4gICAgICAgICAgICAgICAgICAgIFtcImJnLW5ldXRyYWwtbGlnaHRcIiwgXCJmaXhlZCB6LW92ZXJsYXkgdG9wLTAgbGVmdC0wXCIsIFwidy1mdWxsIGgtc2NyZWVuXCJdLFxuICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWVcbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9XcmFwcGVyPlxuICAgICk7XG59O1xuXG4vKipcbiAqIEZPUk1cbiAqL1xuZXhwb3J0IGNvbnN0IENvbnRlbnQgPSAoe1xuICAgIGNoaWxkcmVuLFxuICAgIGNsYXNzTmFtZSxcbiAgICAuLi5wcm9wc1xufTogUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPGRpdiBjbGFzc05hbWU9e2NuKFwib3ZlcmZsb3cteS1hdXRvIGgtbWFpbi1jb250ZW50XCIsIGNsYXNzTmFtZSl9IHsuLi5wcm9wc30+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvZGl2PlxuICAgICk7XG59O1xuXG5leHBvcnQgY29uc3QgQ29udGVudEZvcm1XcmFwcGVyID0gKHtcbiAgICBjaGlsZHJlbixcbiAgICBjbGFzc05hbWUsXG4gICAgLi4ucHJvcHNcbn06IFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtjbihcImZsZXgganVzdGlmeS1jZW50ZXIgcHQteGxcIiwgY2xhc3NOYW1lKX0gey4uLnByb3BzfT5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9kaXY+XG4gICAgKTtcbn07XG5cbnR5cGUgQ29udGVudEZvcm1Jbm5lclByb3BzID0geyB3aWR0aDogc3RyaW5nIH07XG5cbmV4cG9ydCBjb25zdCBDb250ZW50Rm9ybUlubmVyID0gc3R5bGVkLmRpdjxDb250ZW50Rm9ybUlubmVyUHJvcHM+YFxuICAgIHdpZHRoOiAke3Byb3BzID0+IHByb3BzLndpZHRofTtcbmA7XG4iXX0= */"));
+
+//# sourceMappingURL=FullScreenContentEntry.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","Wrapper","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","Container","children","className","props","createElement","Object","assign","Content","ContentFormWrapper","ContentFormInner","width"],"sources":["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"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,EAAE,QAAQ,kBAAkB;AAErC,MAAMC,OAAO,gBAAAC,OAAA,QAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,EAUZ;AAED,OAAO,MAAMC,SAAS,GAAGA,CAAC;EACtBC,QAAQ;EACRC,SAAS;EACT,GAAGC;AAC+B,CAAC,KAAK;EACxC,oBACIhB,KAAA,CAAAiB,aAAA,CAACf,OAAO,qBACJF,KAAA,CAAAiB,aAAA,QAAAC,MAAA,CAAAC,MAAA;IACIJ,SAAS,EAAEd,EAAE,CACT,CAAC,kBAAkB,EAAE,8BAA8B,EAAE,iBAAiB,CAAC,EACvEc,SACJ;EAAE,GACEC,KAAK,GAERF,QACA,CACA,CAAC;AAElB,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMM,OAAO,GAAGA,CAAC;EACpBN,QAAQ;EACRC,SAAS;EACT,GAAGC;AAC+B,CAAC,KAAK;EACxC,oBACIhB,KAAA,CAAAiB,aAAA,QAAAC,MAAA,CAAAC,MAAA;IAAKJ,SAAS,EAAEd,EAAE,CAAC,gCAAgC,EAAEc,SAAS;EAAE,GAAKC,KAAK,GACrEF,QACA,CAAC;AAEd,CAAC;AAED,OAAO,MAAMO,kBAAkB,GAAGA,CAAC;EAC/BP,QAAQ;EACRC,SAAS;EACT,GAAGC;AAC+B,CAAC,KAAK;EACxC,oBACIhB,KAAA,CAAAiB,aAAA,QAAAC,MAAA,CAAAC,MAAA;IAAKJ,SAAS,EAAEd,EAAE,CAAC,2BAA2B,EAAEc,SAAS;EAAE,GAAKC,KAAK,GAChEF,QACA,CAAC;AAEd,CAAC;AAID,OAAO,MAAMQ,gBAAgB,gBAAAnB,OAAA,QAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,aAChBQ,KAAK,IAAIA,KAAK,CAACO,KAAK,SAAAnB,OAAA,CAAAC,GAAA,CAAAC,QAAA,g0EAChC","ignoreList":[]}

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,53 @@
+import React from "react";
+import { ReactComponent as BackIcon } from "@webiny/icons/arrow_back.svg";
+import { ReactComponent as InfoIcon } from "@webiny/icons/info.svg";
+import { useNavigateFolder } from "@webiny/app-aco";
+import { makeDecoratable } from "@webiny/react-composition";
+import { useContentEntry } from "../../hooks/index.js";
+import { cn, Heading, Icon, IconButton, Tooltip } from "@webiny/admin-ui";
+import { IsModelPublishable } from "../../../../../exports/admin/cms.js";
+export 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(InfoIcon, null),
+      label: "Info",
+      size: "sm",
+      color: "neutral-light"
+    })
+  });
+});
+export 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);
+});
+export 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(BackIcon, null)
+  }), /*#__PURE__*/React.createElement(ContentEntryFormTitle, null), /*#__PURE__*/React.createElement(IsModelPublishable, null, /*#__PURE__*/React.createElement(ContentEntryFormMeta, null)));
+};
+
+//# sourceMappingURL=FullScreenContentEntryHeaderLeft.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","ReactComponent","BackIcon","InfoIcon","useNavigateFolder","makeDecoratable","useContentEntry","cn","Heading","Icon","IconButton","Tooltip","IsModelPublishable","ContentEntryFormMeta","entry","contentModel","status","meta","createElement","content","name","trigger","icon","label","size","color","ContentEntryFormTitle","title","isNewEntry","level","className","FullScreenContentEntryHeaderLeft","navigateToFolder","currentFolderId","variant","onClick"],"sources":["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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,QAAQ,QAAQ,8BAA8B;AACzE,SAASD,cAAc,IAAIE,QAAQ,QAAQ,wBAAwB;AACnE,SAASC,iBAAiB,QAAQ,iBAAiB;AACnD,SAASC,eAAe,QAAQ,2BAA2B;AAC3D,SAASC,eAAe;AACxB,SAASC,EAAE,EAAEC,OAAO,EAAEC,IAAI,EAAEC,UAAU,EAAEC,OAAO,QAAQ,kBAAkB;AACzE,SAASC,kBAAkB;AAE3B,OAAO,MAAMC,oBAAoB,GAAGR,eAAe,CAAC,sBAAsB,EAAE,MAAM;EAC9E,MAAM;IAAES,KAAK;IAAEC;EAAa,CAAC,GAAGT,eAAe,CAAC,CAAC;EACjD,MAAMU,MAAM,GAAGF,KAAK,CAACG,IAAI,EAAED,MAAM,IAAI,IAAI;EAEzC,oBACIhB,KAAA,CAAAkB,aAAA,CAACP,OAAO;IACJQ,OAAO,EAAE,UAAUJ,YAAY,CAACK,IAAI,IAAIJ,MAAM,GAAG,aAAaA,MAAM,EAAE,GAAG,EAAE,EAAG;IAC9EK,OAAO,eACHrB,KAAA,CAAAkB,aAAA,CAACT,IAAI;MAACa,IAAI,eAAEtB,KAAA,CAAAkB,aAAA,CAACf,QAAQ,MAAE,CAAE;MAACoB,KAAK,EAAE,MAAO;MAACC,IAAI,EAAE,IAAK;MAACC,KAAK,EAAE;IAAgB,CAAE;EACjF,CACJ,CAAC;AAEV,CAAC,CAAC;AAEF,OAAO,MAAMC,qBAAqB,GAAGrB,eAAe,CAAC,uBAAuB,EAAE,MAAM;EAChF,MAAM;IAAES,KAAK;IAAEC;EAAa,CAAC,GAAGT,eAAe,CAAC,CAAC;EAEjD,MAAMqB,KAAK,GAAGb,KAAK,EAAEG,IAAI,EAAEU,KAAK,IAAI,OAAOZ,YAAY,CAACK,IAAI,EAAE;EAC9D,MAAMQ,UAAU,GAAG,CAACd,KAAK,CAACG,IAAI,EAAEU,KAAK;EAErC,oBACI3B,KAAA,CAAAkB,aAAA,CAACV,OAAO;IACJqB,KAAK,EAAE,CAAE;IACTC,SAAS,EAAEvB,EAAE,CAAC,sBAAsB,EAAE;MAClC,YAAY,EAAEqB;IAClB,CAAC;EAAE,GAEFD,KACI,CAAC;AAElB,CAAC,CAAC;AAEF,OAAO,MAAMI,gCAAgC,GAAGA,CAAA,KAAM;EAClD,MAAM;IAAEC,gBAAgB;IAAEC;EAAgB,CAAC,GAAG7B,iBAAiB,CAAC,CAAC;EAEjE,oBACIJ,KAAA,CAAAkB,aAAA;IAAKY,SAAS,EAAE;EAA2B,gBACvC9B,KAAA,CAAAkB,aAAA,CAACR,UAAU;IACPwB,OAAO,EAAE,OAAQ;IACjBC,OAAO,EAAEA,CAAA,KAAMH,gBAAgB,CAACC,eAAe,CAAE;IACjDX,IAAI,eAAEtB,KAAA,CAAAkB,aAAA,CAAChB,QAAQ,MAAE;EAAE,CACtB,CAAC,eACFF,KAAA,CAAAkB,aAAA,CAACQ,qBAAqB,MAAE,CAAC,eACzB1B,KAAA,CAAAkB,aAAA,CAACN,kBAAkB,qBACfZ,KAAA,CAAAkB,aAAA,CAACL,oBAAoB,MAAE,CACP,CACnB,CAAC;AAEd,CAAC","ignoreList":[]}

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,30 @@
+import React from "react";
+// @ts-expect-error
+import { useHotkeys } from "react-hotkeyz";
+import { RevisionsList } from "../../RevisionsList/RevisionsList.js";
+import { useFullScreenContentEntry } from "../useFullScreenContentEntry.js";
+import { Drawer } from "@webiny/admin-ui";
+export const RevisionListDrawer = () => {
+  const {
+    isRevisionListOpen,
+    openRevisionList
+  } = useFullScreenContentEntry();
+  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, null));
+};
+
+//# sourceMappingURL=RevisionListDrawer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useHotkeys","RevisionsList","useFullScreenContentEntry","Drawer","RevisionListDrawer","isRevisionListOpen","openRevisionList","zIndex","disabled","keys","esc","createElement","title","open","onOpenChange","modal","bodyPadding","headerSeparator","width"],"sources":["RevisionListDrawer.tsx"],"sourcesContent":["import React from \"react\";\n// @ts-expect-error\nimport { useHotkeys } from \"react-hotkeyz\";\nimport { RevisionsList } from \"~/admin/views/contentEntries/ContentEntry/RevisionsList/RevisionsList.js\";\nimport { useFullScreenContentEntry } from \"../useFullScreenContentEntry.js\";\nimport { Drawer } from \"@webiny/admin-ui\";\n\nexport const RevisionListDrawer = () => {\n    const { isRevisionListOpen, openRevisionList } = useFullScreenContentEntry();\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 />\n        </Drawer>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB;AACA,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,aAAa;AACtB,SAASC,yBAAyB;AAClC,SAASC,MAAM,QAAQ,kBAAkB;AAEzC,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EACpC,MAAM;IAAEC,kBAAkB;IAAEC;EAAiB,CAAC,GAAGJ,yBAAyB,CAAC,CAAC;EAE5EF,UAAU,CAAC;IACPO,MAAM,EAAE,EAAE;IACVC,QAAQ,EAAE,CAACH,kBAAkB;IAC7BI,IAAI,EAAE;MACFC,GAAG,EAAEA,CAAA,KAAMJ,gBAAgB,CAAC,KAAK;IACrC;EACJ,CAAC,CAAC;EAEF,oBACIP,KAAA,CAAAY,aAAA,CAACR,MAAM;IACHS,KAAK,EAAE,iBAAkB;IACzBC,IAAI,EAAER,kBAAmB;IACzBS,YAAY,EAAED,IAAI,IAAIP,gBAAgB,CAACO,IAAI,CAAE;IAC7CE,KAAK;IACLC,WAAW,EAAE,KAAM;IACnBC,eAAe,EAAE,IAAK;IACtBC,KAAK,EAAE;EAAK,gBAEZnB,KAAA,CAAAY,aAAA,CAACV,aAAa,MAAE,CACZ,CAAC;AAEjB,CAAC","ignoreList":[]}

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,3 @@
+export * from "./RevisionListDrawer.js";
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./RevisionListDrawer.js\";\n"],"mappings":"AAAA","ignoreList":[]}

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,3 @@
+export * from "./FullScreenContentEntry.js";
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./FullScreenContentEntry.js\";\n"],"mappings":"AAAA","ignoreList":[]}

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,9 @@
+import { createGenericContext } from "@webiny/app";
+const {
+  Provider,
+  useHook
+} = createGenericContext("FullScreenContentEntryContext");
+export const useFullScreenContentEntry = useHook;
+export const FullScreenContentEntryProvider = Provider;
+
+//# sourceMappingURL=useFullScreenContentEntry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createGenericContext","Provider","useHook","useFullScreenContentEntry","FullScreenContentEntryProvider"],"sources":["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"],"mappings":"AAAA,SAASA,oBAAoB,QAAQ,aAAa;AAOlD,MAAM;EAAEC,QAAQ;EAAEC;AAAQ,CAAC,GAAGF,oBAAoB,CAC9C,+BACJ,CAAC;AAED,OAAO,MAAMG,yBAAyB,GAAGD,OAAO;AAChD,OAAO,MAAME,8BAA8B,GAAGH,QAAQ","ignoreList":[]}

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

@@ -1,8 +1,21 @@
 import React from "react";
-export declare const PublishEntryRevisionListItem: import("@webiny/react-composition").GenericComponent<any> & {
-    original: import("@webiny/react-composition").GenericComponent<any>;
+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;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: any) => JSX.Element | null>) => (props: unknown) => React.JSX.Element;
+    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

@@ -1,24 +1,9 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PublishEntryRevisionListItem = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _reactComposition = require("@webiny/react-composition");
-var _List = require("@webiny/ui/List");
-var _Icon = require("@webiny/ui/Icon");
-var _publish = require("../../../../icons/publish.svg");
-var _react = _interopRequireDefault(require("react"));
-var _i18n = require("@webiny/app/i18n");
-var _templateObject;
-var t = _i18n.i18n.ns("app-headless-cms/admin/plugins/content-details/content-revisions");
-var PublishEntryRevisionListItemComponent = function PublishEntryRevisionListItemComponent() {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_List.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-    icon: /*#__PURE__*/_react.default.createElement(_publish.ReactComponent, null)
-  })), t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Publish"]))));
+import React from "react";
+import { DropdownMenu } from "@webiny/admin-ui";
+import { makeDecoratable } from "@webiny/react-composition";
+const PublishEntryRevisionListItemComponent = props => {
+  return /*#__PURE__*/React.createElement(DropdownMenu.Item, props);
 };
-var PublishEntryRevisionListItem = exports.PublishEntryRevisionListItem = (0, _reactComposition.makeDecoratable)("PublishEntryRevisionListItem", PublishEntryRevisionListItemComponent);
+export const PublishEntryRevisionListItem = makeDecoratable("PublishEntryRevisionListItem", PublishEntryRevisionListItemComponent);
 
 //# sourceMappingURL=PublishEntryRevisionListItem.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_reactComposition","require","_List","_Icon","_publish","_react","_interopRequireDefault","_i18n","_templateObject","t","i18n","ns","PublishEntryRevisionListItemComponent","default","createElement","Fragment","ListItemGraphic","Icon","icon","ReactComponent","_taggedTemplateLiteral2","PublishEntryRevisionListItem","exports","makeDecoratable"],"sources":["PublishEntryRevisionListItem.tsx"],"sourcesContent":["import { makeDecoratable } from \"@webiny/react-composition\";\nimport { ListItemGraphic } from \"@webiny/ui/List\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { ReactComponent as PublishIcon } from \"~/admin/icons/publish.svg\";\nimport React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/plugins/content-details/content-revisions\");\n\nconst PublishEntryRevisionListItemComponent = () => {\n    return (\n        <>\n            <ListItemGraphic>\n                <Icon icon={<PublishIcon />} />\n            </ListItemGraphic>\n            {t`Publish`}\n        </>\n    );\n};\n\nexport const PublishEntryRevisionListItem = makeDecoratable(\n    \"PublishEntryRevisionListItem\",\n    PublishEntryRevisionListItemComponent\n);\n"],"mappings":";;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AAAwC,IAAAO,eAAA;AAExC,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,kEAAkE,CAAC;AAErF,IAAMC,qCAAqC,GAAG,SAAxCA,qCAAqCA,CAAA,EAAS;EAChD,oBACIP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAAAT,MAAA,CAAAQ,OAAA,CAAAE,QAAA,qBACIV,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACZ,KAAA,CAAAc,eAAe,qBACZX,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACX,KAAA,CAAAc,IAAI;IAACC,IAAI,eAAEb,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACV,QAAA,CAAAe,cAAW,MAAE;EAAE,CAAE,CACjB,CAAC,EACjBV,CAAC,CAAAD,eAAA,KAAAA,eAAA,OAAAY,uBAAA,CAAAP,OAAA,gBACJ,CAAC;AAEX,CAAC;AAEM,IAAMQ,4BAA4B,GAAAC,OAAA,CAAAD,4BAAA,GAAG,IAAAE,iCAAe,EACvD,8BAA8B,EAC9BX,qCACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["React","DropdownMenu","makeDecoratable","PublishEntryRevisionListItemComponent","props","createElement","Item","PublishEntryRevisionListItem"],"sources":["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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,QAAoC,kBAAkB;AAC3E,SAASC,eAAe,QAAQ,2BAA2B;AAE3D,MAAMC,qCAAqC,GAAIC,KAA4B,IAAK;EAC5E,oBAAOJ,KAAA,CAAAK,aAAA,CAACJ,YAAY,CAACK,IAAI,EAAKF,KAAQ,CAAC;AAC3C,CAAC;AAED,OAAO,MAAMG,4BAA4B,GAAGL,eAAe,CACvD,8BAA8B,EAC9BC,qCACJ,CAAC","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { CmsContentEntryRevision } from "../../../../../types";
+import type { CmsContentEntryRevision } from "../../../../../types.js";
 interface RevisionListItemProps {
     revision: CmsContentEntryRevision;
 }