@webiny/app-headless-cms 0.0.0-mt-2 → 0.0.0-unstable.06b2ede40f

package/admin/views/contentEntries/ContentEntry/ContentEntryContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useState","useRouter","useIsMounted","useSnackbar","useCms","useQuery","useContentEntries","parseIdentifier","createReadQuery","getFetchPolicy","useRecords","useMockRecords","ROOT_FOLDER","ContentEntryContext","createContext","undefined","useContentEntryProviderProps","location","query","URLSearchParams","search","isNewEntry","get","getContentId","ContentEntryProvider","children","readonly","currentFolderId","isMounted","activeTab","setActiveTab","entry","setEntry","revisions","setRevisions","contentModel","model","canCreate","history","showSnackbar","cms","addRecordToCache","updateRecordInCache","removeRecordFromCache","isLoading","setLoading","contentEntryProviderProps","updateRevisionInRevisionsCache","updatedRevisions","updatedRevisionsArray","Array","isArray","map","revision","updatedRevision","find","id","newEntry","contentId","revisionId","decodeURIComponent","entryId","version","result","READ_CONTENT","modelId","variables","loadEntry","skip","fetchPolicy","onCompleted","response","data","error","content","push","message","loading","listEntryRevisions","then","getEntry","createEntry","options","wbyAco_location","folderId","skipValidators","addItemToListCache","createEntryRevisionFrom","params","updateEntryRevision","deleteEntry","deleteEntryRevision","updatedRevisionsList","filter","rev","newLatestRevision","publishEntryRevision","revisionsToUpdateInRevisionsCache","previousPublishedRevision","meta","status","unpublishEntryRevision","value","refetchContent","refetch","showEmptyView","createElement","Provider","displayName"],"sources":["ContentEntryContext.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useIsMounted, useSnackbar } from \"@webiny/app-admin\";\nimport { useCms, useQuery } from \"~/admin/hooks\";\nimport type { ContentEntriesContext } from \"~/admin/views/contentEntries/ContentEntriesContext\";\nimport { useContentEntries } from \"~/admin/views/contentEntries/hooks/useContentEntries\";\nimport type { CmsContentEntry, CmsContentEntryRevision } from \"~/types\";\nimport { parseIdentifier } from \"@webiny/utils\";\nimport type {\n    CmsEntryGetQueryResponse,\n    CmsEntryGetQueryVariables\n} from \"@webiny/app-headless-cms-common\";\nimport { createReadQuery } from \"@webiny/app-headless-cms-common\";\nimport { getFetchPolicy } from \"~/utils/getFetchPolicy\";\nimport { useRecords } from \"@webiny/app-aco\";\nimport type * as Cms from \"~/admin/contexts/Cms\";\nimport { useMockRecords } from \"./useMockRecords\";\nimport { ROOT_FOLDER } from \"~/admin/constants\";\nimport type { OperationError } from \"~/admin/contexts/Cms\";\n\ninterface UpdateListCacheOptions {\n    options?: {\n        addItemToListCache?: boolean;\n    };\n}\n\nexport type GetEntryParams = Omit<Cms.GetEntryParams, \"model\">;\nexport type CreateEntryParams = Omit<Cms.CreateEntryParams, \"model\"> & UpdateListCacheOptions;\nexport type CreateEntryRevisionFromParams = Omit<Cms.CreateEntryRevisionFromParams, \"model\">;\nexport type UpdateEntryRevisionParams = Omit<Cms.UpdateEntryRevisionParams, \"model\">;\nexport type PublishEntryRevisionParams = Omit<Cms.PublishEntryRevisionParams, \"model\">;\nexport type UnpublishEntryRevisionParams = Omit<Cms.UnpublishEntryRevisionParams, \"model\">;\nexport type DeleteEntryParams = Omit<Cms.DeleteEntryParams, \"model\">;\nexport type DeleteEntryRevisionParams = DeleteEntryParams;\n\nexport interface DeleteEntryRevisionOperationSuccess {\n    newLatestRevision: CmsContentEntryRevision;\n    error?: never;\n}\n\nexport type DeleteEntryRevisionResponse = OperationError | DeleteEntryRevisionOperationSuccess;\n\nexport interface ContentEntryCrud {\n    getEntry: (params: GetEntryParams) => Promise<Cms.GetEntryResponse>;\n    createEntry: (params: CreateEntryParams) => Promise<Cms.CreateEntryResponse>;\n    createEntryRevisionFrom: (\n        params: CreateEntryRevisionFromParams\n    ) => Promise<Cms.CreateEntryRevisionFromResponse>;\n    updateEntryRevision: (\n        params: UpdateEntryRevisionParams\n    ) => Promise<Cms.UpdateEntryRevisionResponse>;\n    publishEntryRevision: (\n        params: PublishEntryRevisionParams\n    ) => Promise<Cms.PublishEntryRevisionResponse>;\n    unpublishEntryRevision: (\n        params: UnpublishEntryRevisionParams\n    ) => Promise<Cms.UnpublishEntryRevisionResponse>;\n    deleteEntry: (params: DeleteEntryParams) => Promise<Cms.DeleteEntryResponse>;\n    deleteEntryRevision: (\n        params: DeleteEntryRevisionParams\n    ) => Promise<DeleteEntryRevisionResponse>;\n}\n\nexport interface ContentEntryContext extends ContentEntriesContext, ContentEntryCrud {\n    entry: CmsContentEntry;\n    loading: boolean;\n    revisions: CmsContentEntryRevision[];\n    refetchContent: () => void;\n\n    setActiveTab(index: string): void;\n\n    activeTab: string;\n    showEmptyView: boolean;\n}\n\nexport const ContentEntryContext = React.createContext<ContentEntryContext | undefined>(undefined);\n\nexport interface ContentEntryContextProviderProps extends Partial<UseContentEntryProviderProps> {\n    /**\n     * This prop is used when you need to mount this provider outside the main content entry view, with limited features.\n     * Example: Model Editor \"preview\" tab.\n     */\n    readonly?: boolean;\n    children: React.ReactNode;\n    currentFolderId?: string;\n}\n\ninterface UseContentEntryProviderProps {\n    getContentId: () => string | null;\n    isNewEntry: () => boolean;\n}\n\nexport const useContentEntryProviderProps = (): UseContentEntryProviderProps => {\n    const { location } = useRouter();\n    const query = new URLSearchParams(location.search);\n\n    const isNewEntry = (): boolean => {\n        return query.get(\"new\") === \"true\";\n    };\n\n    const getContentId = (): string | null => {\n        return query.get(\"id\") || null;\n    };\n\n    return {\n        getContentId,\n        isNewEntry\n    };\n};\n\nexport const ContentEntryProvider = ({\n    children,\n    isNewEntry,\n    readonly,\n    getContentId,\n    currentFolderId\n}: ContentEntryContextProviderProps) => {\n    const { isMounted } = useIsMounted();\n    const [activeTab, setActiveTab] = useState(\"content\");\n    const [entry, setEntry] = useState<CmsContentEntry>();\n    const [revisions, setRevisions] = useState<CmsContentEntryRevision[]>([]);\n    const { contentModel: model, canCreate } = useContentEntries();\n    const { history } = useRouter();\n    const { showSnackbar } = useSnackbar();\n    const cms = useCms();\n    const { addRecordToCache, updateRecordInCache, removeRecordFromCache } = readonly\n        ? useMockRecords()\n        : useRecords();\n    const [isLoading, setLoading] = useState<boolean>(false);\n    const contentEntryProviderProps = useContentEntryProviderProps();\n\n    const updateRevisionInRevisionsCache = useCallback(\n        (updatedRevisions: CmsContentEntryRevision | CmsContentEntryRevision[]) => {\n            const updatedRevisionsArray = Array.isArray(updatedRevisions)\n                ? updatedRevisions\n                : [updatedRevisions];\n\n            setRevisions(revisions => {\n                return revisions.map(revision => {\n                    const updatedRevision = updatedRevisionsArray.find(\n                        updatedRevision => updatedRevision.id === revision.id\n                    );\n\n                    return updatedRevision || revision;\n                });\n            });\n        },\n        []\n    );\n\n    const newEntry =\n        typeof isNewEntry === \"function\" ? isNewEntry() : contentEntryProviderProps.isNewEntry();\n    const contentId =\n        typeof getContentId === \"function\"\n            ? getContentId()\n            : contentEntryProviderProps.getContentId();\n\n    const revisionId = contentId ? decodeURIComponent(contentId) : null;\n    let entryId: string | null = null;\n    let version: number | null = null;\n    if (revisionId) {\n        const result = parseIdentifier(revisionId);\n        entryId = result.id;\n        version = result.version;\n    }\n\n    useEffect(() => {\n        if (!revisionId && entry) {\n            setEntry(undefined);\n        }\n        setActiveTab(\"content\");\n    }, [revisionId]);\n\n    const { READ_CONTENT } = useMemo(() => {\n        return {\n            READ_CONTENT: createReadQuery(model)\n        };\n    }, [model.modelId]);\n\n    let variables: CmsEntryGetQueryVariables | undefined;\n    if (version === null && entryId) {\n        variables = {\n            entryId\n        };\n    } else {\n        variables = {\n            revision: revisionId as string\n        };\n    }\n\n    // TODO: refactor to use `getEntry` from useCms()\n    const loadEntry = useQuery<CmsEntryGetQueryResponse, CmsEntryGetQueryVariables>(READ_CONTENT, {\n        variables,\n        skip: !revisionId,\n        fetchPolicy: getFetchPolicy(model),\n        onCompleted: response => {\n            if (!response || !isMounted()) {\n                return;\n            }\n\n            const { data, error } = response.content;\n            if (!error) {\n                setEntry(data);\n                return;\n            }\n            history.push(`/cms/content-entries/${model.modelId}`);\n            showSnackbar(error.message);\n        }\n    });\n\n    const loading = isLoading || loadEntry.loading;\n\n    useEffect(() => {\n        if (!entryId) {\n            return;\n        }\n\n        cms.listEntryRevisions({\n            model,\n            id: entryId\n        }).then(response => {\n            if (response.error) {\n                return;\n            }\n            setRevisions(response.revisions);\n        });\n    }, [entryId]);\n\n    // CRUD methods\n    const getEntry: ContentEntryCrud[\"getEntry\"] = async ({ id }) => {\n        return await cms.getEntry({ model, id });\n    };\n\n    const createEntry: ContentEntryCrud[\"createEntry\"] = async ({ entry, options }) => {\n        setLoading(true);\n        const response = await cms.createEntry({\n            model,\n            entry: {\n                ...entry,\n                wbyAco_location: {\n                    folderId: currentFolderId || ROOT_FOLDER\n                }\n            },\n            options: { skipValidators: options?.skipValidators }\n        });\n        setLoading(false);\n        if (response.entry && options?.addItemToListCache) {\n            addRecordToCache(response.entry);\n        }\n\n        // The `ContentEntryForm` component reads the `entry` from the context, and we want it to have the latest state.\n        // This way, the form also knows whether it's `pristine` or not.\n        setEntry(response.entry);\n\n        return response;\n    };\n\n    const createEntryRevisionFrom: ContentEntryCrud[\"createEntryRevisionFrom\"] = async params => {\n        setLoading(true);\n        const response = await cms.createEntryRevisionFrom({ model, ...params });\n        setLoading(false);\n        if (response.entry) {\n            setEntry(response.entry);\n            setRevisions([response.entry, ...revisions]);\n            updateRecordInCache(response.entry);\n        }\n        return response;\n    };\n\n    const updateEntryRevision: ContentEntryCrud[\"updateEntryRevision\"] = async params => {\n        setLoading(true);\n        const response = await cms.updateEntryRevision({ model, ...params });\n        setLoading(false);\n        if (response.entry) {\n            setEntry(response.entry);\n            updateRecordInCache(response.entry);\n            updateRevisionInRevisionsCache(response.entry);\n        }\n        return response;\n    };\n\n    const deleteEntry: ContentEntryCrud[\"deleteEntry\"] = async params => {\n        const response = await cms.deleteEntry({ model, ...params });\n        removeRecordFromCache(params.id);\n        return response;\n    };\n\n    const deleteEntryRevision: ContentEntryCrud[\"deleteEntryRevision\"] = async params => {\n        const response = await cms.deleteEntry({ model, ...params });\n        if (typeof response === \"object\" && response.error) {\n            return response;\n        }\n\n        const updatedRevisionsList = revisions.filter(rev => rev.id !== params.id);\n        setRevisions(updatedRevisionsList);\n\n        const [newLatestRevision] = updatedRevisionsList;\n\n        if (newLatestRevision) {\n            updateRecordInCache(newLatestRevision);\n        } else {\n            removeRecordFromCache(params.id);\n        }\n\n        return { newLatestRevision };\n    };\n\n    const publishEntryRevision: ContentEntryCrud[\"publishEntryRevision\"] = async params => {\n        const response = await cms.publishEntryRevision({ model, ...params });\n        if (response.entry) {\n            setEntry(response.entry);\n            updateRecordInCache(response.entry);\n\n            const revisionsToUpdateInRevisionsCache: CmsContentEntryRevision[] = [response.entry];\n\n            const previousPublishedRevision = revisions.find(\n                rev => rev.meta.status === \"published\"\n            );\n\n            if (previousPublishedRevision) {\n                revisionsToUpdateInRevisionsCache.push({\n                    ...previousPublishedRevision,\n                    meta: {\n                        ...previousPublishedRevision.meta,\n                        status: \"unpublished\"\n                    }\n                });\n            }\n\n            updateRevisionInRevisionsCache(revisionsToUpdateInRevisionsCache);\n        }\n        return response;\n    };\n\n    const unpublishEntryRevision: ContentEntryCrud[\"unpublishEntryRevision\"] = async params => {\n        const response = await cms.unpublishEntryRevision({ model, ...params });\n        if (response.entry) {\n            setEntry(response.entry);\n            updateRecordInCache(response.entry);\n            updateRevisionInRevisionsCache(response.entry);\n        }\n        return response;\n    };\n\n    const value: ContentEntryContext = {\n        activeTab,\n        canCreate,\n        contentModel: model,\n        getEntry,\n        createEntry,\n        createEntryRevisionFrom,\n        deleteEntry,\n        deleteEntryRevision,\n        entry: (entry || {}) as CmsContentEntry,\n        loading,\n        publishEntryRevision,\n        refetchContent: loadEntry.refetch,\n        revisions,\n        setActiveTab,\n        showEmptyView: !newEntry && !loading && !revisionId,\n        unpublishEntryRevision,\n        updateEntryRevision\n    };\n\n    return <ContentEntryContext.Provider value={value}>{children}</ContentEntryContext.Provider>;\n};\n\nContentEntryProvider.displayName = \"ContentEntryProvider\";\n"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -0,0 +1,64 @@
+import React, { useState } from "react";
+import { createPortal } from "react-dom";
+import { useContentEntry } from "../../hooks";
+import { RevisionListDrawer } from "./RevisionListDrawer";
+import { FullScreenContentEntryHeaderLeft } from "./FullScreenContentEntryHeaderLeft";
+import * as FSE from "./FullScreenContentEntry.styled";
+import { FullScreenContentEntryProvider } from "./useFullScreenContentEntry";
+import { ContentEntryEditorConfig } from "../../../../../ContentEntryEditorConfig";
+import { cmsLegacyEntryEditor } from "../../../../../utils/cmsLegacyEntryEditor";
+import { useContentEntryEditorConfig } from "../../../../config/contentEntries";
+import { HeaderBar, OverlayLoader } from "@webiny/admin-ui";
+const {
+  ContentEntry
+} = ContentEntryEditorConfig;
+const FullScreenContentEntryDecorator = ContentEntry.createDecorator(Original => {
+  return function ContentEntry() {
+    const {
+      width
+    } = useContentEntryEditorConfig();
+    const {
+      loading
+    } = useContentEntry();
+    const [isRevisionListOpen, openRevisionList] = useState(false);
+    return /*#__PURE__*/React.createElement(FullScreenContentEntryProvider, {
+      openRevisionList: openRevisionList,
+      isRevisionListOpen: isRevisionListOpen
+    }, /*#__PURE__*/React.createElement(FSE.Container, null, /*#__PURE__*/React.createElement(HeaderBar, {
+      start: /*#__PURE__*/React.createElement(FullScreenContentEntryHeaderLeft, null),
+      end: /*#__PURE__*/React.createElement("div", {
+        // Empty div to relocate Entry Form Header via React Portal in full-screen mode.
+        // Ensures layout flexibility without disrupting React context and state.
+        id: "cms-content-entry-header-right"
+      })
+    }), loading && /*#__PURE__*/React.createElement(OverlayLoader, {
+      className: "wby-z-10"
+    }), /*#__PURE__*/React.createElement(FSE.Content, null, /*#__PURE__*/React.createElement(FSE.ContentFormWrapper, null, /*#__PURE__*/React.createElement(FSE.ContentFormInner, {
+      width: width
+    }, /*#__PURE__*/React.createElement(Original, null)))), /*#__PURE__*/React.createElement(RevisionListDrawer, null)));
+  };
+});
+const FullScreenContentEntryFormDecorator = ContentEntry.ContentEntryForm.createDecorator(Original => {
+  return function ContentEntryForm(props) {
+    return /*#__PURE__*/React.createElement(Original, Object.assign({}, props, {
+      className: "wby-h-full"
+    }));
+  };
+});
+const FullScreenContentEntryFormHeaderDecorator = ContentEntry.ContentEntryForm.Header.createDecorator(Original => {
+  return function ContentEntryFormHeader() {
+    const headerRightElement = document.getElementById("cms-content-entry-header-right");
+    if (!headerRightElement) {
+      return /*#__PURE__*/React.createElement(Original, null);
+    }
+    return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement(Original, null), headerRightElement);
+  };
+});
+export const FullScreenContentEntry = () => {
+  if (cmsLegacyEntryEditor) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FullScreenContentEntryDecorator, null), /*#__PURE__*/React.createElement(FullScreenContentEntryFormDecorator, null), /*#__PURE__*/React.createElement(FullScreenContentEntryFormHeaderDecorator, null));
+};
+
+//# sourceMappingURL=FullScreenContentEntry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","createPortal","useContentEntry","RevisionListDrawer","FullScreenContentEntryHeaderLeft","FSE","FullScreenContentEntryProvider","ContentEntryEditorConfig","cmsLegacyEntryEditor","useContentEntryEditorConfig","HeaderBar","OverlayLoader","ContentEntry","FullScreenContentEntryDecorator","createDecorator","Original","width","loading","isRevisionListOpen","openRevisionList","createElement","Container","start","end","id","className","Content","ContentFormWrapper","ContentFormInner","FullScreenContentEntryFormDecorator","ContentEntryForm","props","Object","assign","FullScreenContentEntryFormHeaderDecorator","Header","ContentEntryFormHeader","headerRightElement","document","getElementById","FullScreenContentEntry","Fragment"],"sources":["FullScreenContentEntry.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks\";\nimport { RevisionListDrawer } from \"./RevisionListDrawer\";\nimport { FullScreenContentEntryHeaderLeft } from \"./FullScreenContentEntryHeaderLeft\";\nimport * as FSE from \"./FullScreenContentEntry.styled\";\nimport { FullScreenContentEntryProvider } from \"./useFullScreenContentEntry\";\nimport { ContentEntryEditorConfig } from \"~/ContentEntryEditorConfig\";\nimport { cmsLegacyEntryEditor } from \"~/utils/cmsLegacyEntryEditor\";\nimport { useContentEntryEditorConfig } from \"~/admin/config/contentEntries\";\nimport { HeaderBar, OverlayLoader } from \"@webiny/admin-ui\";\n\nconst { ContentEntry } = ContentEntryEditorConfig;\n\nconst FullScreenContentEntryDecorator = ContentEntry.createDecorator(Original => {\n    return function ContentEntry() {\n        const { width } = useContentEntryEditorConfig();\n        const { loading } = useContentEntry();\n        const [isRevisionListOpen, openRevisionList] = useState<boolean>(false);\n\n        return (\n            <FullScreenContentEntryProvider\n                openRevisionList={openRevisionList}\n                isRevisionListOpen={isRevisionListOpen}\n            >\n                <FSE.Container>\n                    <HeaderBar\n                        start={<FullScreenContentEntryHeaderLeft />}\n                        end={\n                            <div\n                                // Empty div to relocate Entry Form Header via React Portal in full-screen mode.\n                                // Ensures layout flexibility without disrupting React context and state.\n                                id={\"cms-content-entry-header-right\"}\n                            />\n                        }\n                    />\n                    {loading && <OverlayLoader className={\"wby-z-10\"} />}\n                    <FSE.Content>\n                        <FSE.ContentFormWrapper>\n                            <FSE.ContentFormInner width={width}>\n                                <Original />\n                            </FSE.ContentFormInner>\n                        </FSE.ContentFormWrapper>\n                    </FSE.Content>\n                    <RevisionListDrawer />\n                </FSE.Container>\n            </FullScreenContentEntryProvider>\n        );\n    };\n});\n\nconst FullScreenContentEntryFormDecorator = ContentEntry.ContentEntryForm.createDecorator(\n    Original => {\n        return function ContentEntryForm(props) {\n            return <Original {...props} className={\"wby-h-full\"} />;\n        };\n    }\n);\n\nconst FullScreenContentEntryFormHeaderDecorator =\n    ContentEntry.ContentEntryForm.Header.createDecorator(Original => {\n        return function ContentEntryFormHeader() {\n            const headerRightElement = document.getElementById(\"cms-content-entry-header-right\");\n\n            if (!headerRightElement) {\n                return <Original />;\n            }\n\n            return createPortal(<Original />, headerRightElement);\n        };\n    });\n\nexport const FullScreenContentEntry = () => {\n    if (cmsLegacyEntryEditor) {\n        return null;\n    }\n\n    return (\n        <>\n            <FullScreenContentEntryDecorator />\n            <FullScreenContentEntryFormDecorator />\n            <FullScreenContentEntryFormHeaderDecorator />\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

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 | undefined;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+} & ContentFormInnerProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};

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

@@ -0,0 +1,57 @@
+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;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZ1bGxTY3JlZW5Db250ZW50RW50cnkuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJMEIiLCJmaWxlIjoiRnVsbFNjcmVlbkNvbnRlbnRFbnRyeS5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjbiB9IGZyb20gXCJAd2ViaW55L2FkbWluLXVpXCI7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgICNoZWFkZXJUb29sYmFyR3JpZCB7XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgcGFkZGluZzogMDtcbiAgICAgICAgYm9yZGVyOiAwO1xuICAgIH1cblxuICAgICNjbXMtY29udGVudC1kZXRhaWxzLXRhYnMgPiBbcm9sZT1cInRhYmxpc3RcIl0ge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSAoe1xuICAgIGNoaWxkcmVuLFxuICAgIGNsYXNzTmFtZSxcbiAgICAuLi5wcm9wc1xufTogUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPFdyYXBwZXI+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbihcbiAgICAgICAgICAgICAgICAgICAgW1xuICAgICAgICAgICAgICAgICAgICAgICAgXCJ3YnktYmctbmV1dHJhbC1iYXNlXCIsXG4gICAgICAgICAgICAgICAgICAgICAgICBcIndieS1maXhlZCB3Ynktei0xNSB3YnktdG9wLTAgd2J5LWxlZnQtMFwiLFxuICAgICAgICAgICAgICAgICAgICAgICAgXCJ3Ynktdy1mdWxsIHdieS1oLXNjcmVlblwiXG4gICAgICAgICAgICAgICAgICAgIF0sXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZVxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L1dyYXBwZXI+XG4gICAgKTtcbn07XG5cbi8qKlxuICogRk9STVxuICovXG5leHBvcnQgY29uc3QgQ29udGVudCA9ICh7XG4gICAgY2hpbGRyZW4sXG4gICAgY2xhc3NOYW1lLFxuICAgIC4uLnByb3BzXG59OiBSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4pID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17Y24oXCJ3Ynktb3ZlcmZsb3cteS1hdXRvIHdieS1oLW1haW4tY29udGVudFwiLCBjbGFzc05hbWUpfSB7Li4ucHJvcHN9PlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L2Rpdj5cbiAgICApO1xufTtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRGb3JtV3JhcHBlciA9ICh7XG4gICAgY2hpbGRyZW4sXG4gICAgY2xhc3NOYW1lLFxuICAgIC4uLnByb3BzXG59OiBSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4pID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17Y24oXCJ3YnktZmxleCB3YnktanVzdGlmeS1jZW50ZXJcIiwgY2xhc3NOYW1lKX0gey4uLnByb3BzfT5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9kaXY+XG4gICAgKTtcbn07XG5cbnR5cGUgQ29udGVudEZvcm1Jbm5lclByb3BzID0geyB3aWR0aDogc3RyaW5nIH07XG5cbmV4cG9ydCBjb25zdCBDb250ZW50Rm9ybUlubmVyID0gc3R5bGVkLmRpdjxDb250ZW50Rm9ybUlubmVyUHJvcHM+YFxuICAgIHdpZHRoOiAke3Byb3BzID0+IHByb3BzLndpZHRofTtcbmA7XG4iXX0= */",
+  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(["wby-bg-neutral-base", "wby-fixed wby-z-15 wby-top-0 wby-left-0", "wby-w-full wby-h-screen"], className)
+  }, props), children));
+};
+
+/**
+ * FORM
+ */
+export const Content = ({
+  children,
+  className,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement("div", Object.assign({
+    className: cn("wby-overflow-y-auto wby-h-main-content", className)
+  }, props), children);
+};
+export const ContentFormWrapper = ({
+  children,
+  className,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement("div", Object.assign({
+    className: cn("wby-flex wby-justify-center", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZ1bGxTY3JlZW5Db250ZW50RW50cnkuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRWlFIiwiZmlsZSI6IkZ1bGxTY3JlZW5Db250ZW50RW50cnkuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgY24gfSBmcm9tIFwiQHdlYmlueS9hZG1pbi11aVwiO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICAjaGVhZGVyVG9vbGJhckdyaWQge1xuICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgIGJvcmRlcjogMDtcbiAgICB9XG5cbiAgICAjY21zLWNvbnRlbnQtZGV0YWlscy10YWJzID4gW3JvbGU9XCJ0YWJsaXN0XCJdIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gKHtcbiAgICBjaGlsZHJlbixcbiAgICBjbGFzc05hbWUsXG4gICAgLi4ucHJvcHNcbn06IFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICAgIDxXcmFwcGVyPlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y24oXG4gICAgICAgICAgICAgICAgICAgIFtcbiAgICAgICAgICAgICAgICAgICAgICAgIFwid2J5LWJnLW5ldXRyYWwtYmFzZVwiLFxuICAgICAgICAgICAgICAgICAgICAgICAgXCJ3YnktZml4ZWQgd2J5LXotMTUgd2J5LXRvcC0wIHdieS1sZWZ0LTBcIixcbiAgICAgICAgICAgICAgICAgICAgICAgIFwid2J5LXctZnVsbCB3YnktaC1zY3JlZW5cIlxuICAgICAgICAgICAgICAgICAgICBdLFxuICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWVcbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9XcmFwcGVyPlxuICAgICk7XG59O1xuXG4vKipcbiAqIEZPUk1cbiAqL1xuZXhwb3J0IGNvbnN0IENvbnRlbnQgPSAoe1xuICAgIGNoaWxkcmVuLFxuICAgIGNsYXNzTmFtZSxcbiAgICAuLi5wcm9wc1xufTogUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPGRpdiBjbGFzc05hbWU9e2NuKFwid2J5LW92ZXJmbG93LXktYXV0byB3YnktaC1tYWluLWNvbnRlbnRcIiwgY2xhc3NOYW1lKX0gey4uLnByb3BzfT5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9kaXY+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBDb250ZW50Rm9ybVdyYXBwZXIgPSAoe1xuICAgIGNoaWxkcmVuLFxuICAgIGNsYXNzTmFtZSxcbiAgICAuLi5wcm9wc1xufTogUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPGRpdiBjbGFzc05hbWU9e2NuKFwid2J5LWZsZXggd2J5LWp1c3RpZnktY2VudGVyXCIsIGNsYXNzTmFtZSl9IHsuLi5wcm9wc30+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvZGl2PlxuICAgICk7XG59O1xuXG50eXBlIENvbnRlbnRGb3JtSW5uZXJQcm9wcyA9IHsgd2lkdGg6IHN0cmluZyB9O1xuXG5leHBvcnQgY29uc3QgQ29udGVudEZvcm1Jbm5lciA9IHN0eWxlZC5kaXY8Q29udGVudEZvcm1Jbm5lclByb3BzPmBcbiAgICB3aWR0aDogJHtwcm9wcyA9PiBwcm9wcy53aWR0aH07XG5gO1xuIl19 */"));
+
+//# 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","map","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                    [\n                        \"wby-bg-neutral-base\",\n                        \"wby-fixed wby-z-15 wby-top-0 wby-left-0\",\n                        \"wby-w-full wby-h-screen\"\n                    ],\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(\"wby-overflow-y-auto wby-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(\"wby-flex wby-justify-center\", 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,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAUZ;AAED,OAAO,MAAMC,SAAS,GAAGA,CAAC;EACtBC,QAAQ;EACRC,SAAS;EACT,GAAGC;AAC+B,CAAC,KAAK;EACxC,oBACIjB,KAAA,CAAAkB,aAAA,CAAChB,OAAO,qBACJF,KAAA,CAAAkB,aAAA,QAAAC,MAAA,CAAAC,MAAA;IACIJ,SAAS,EAAEf,EAAE,CACT,CACI,qBAAqB,EACrB,yCAAyC,EACzC,yBAAyB,CAC5B,EACDe,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,oBACIjB,KAAA,CAAAkB,aAAA,QAAAC,MAAA,CAAAC,MAAA;IAAKJ,SAAS,EAAEf,EAAE,CAAC,wCAAwC,EAAEe,SAAS;EAAE,GAAKC,KAAK,GAC7EF,QACA,CAAC;AAEd,CAAC;AAED,OAAO,MAAMO,kBAAkB,GAAGA,CAAC;EAC/BP,QAAQ;EACRC,SAAS;EACT,GAAGC;AAC+B,CAAC,KAAK;EACxC,oBACIjB,KAAA,CAAAkB,aAAA,QAAAC,MAAA,CAAAC,MAAA;IAAKJ,SAAS,EAAEf,EAAE,CAAC,6BAA6B,EAAEe,SAAS;EAAE,GAAKC,KAAK,GAClEF,QACA,CAAC;AAEd,CAAC;AAID,OAAO,MAAMQ,gBAAgB,gBAAApB,OAAA,QAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,aAChBS,KAAK,IAAIA,KAAK,CAACO,KAAK,SAAApB,OAAA,CAAAC,GAAA,CAAAC,QAAA,4+EAChC","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,52 @@
+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";
+import { cn, Heading, Icon, IconButton, Tooltip } from "@webiny/admin-ui";
+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("wby-text-neutral-primary wby-max-w-lg wby-truncate", {
+      "wby-opacity-50": isNewEntry
+    })
+  }, title);
+});
+export const FullScreenContentEntryHeaderLeft = () => {
+  const {
+    navigateToFolder,
+    currentFolderId
+  } = useNavigateFolder();
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-items-center wby-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(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","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\";\nimport { cn, Heading, Icon, IconButton, Tooltip } from \"@webiny/admin-ui\";\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(\"wby-text-neutral-primary wby-max-w-lg wby-truncate\", {\n                \"wby-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={\"wby-flex wby-items-center wby-gap-sm\"}>\n            <IconButton\n                variant={\"ghost\"}\n                onClick={() => navigateToFolder(currentFolderId)}\n                icon={<BackIcon />}\n            />\n            <ContentEntryFormTitle />\n            <ContentEntryFormMeta />\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;AAEzE,OAAO,MAAMC,oBAAoB,GAAGP,eAAe,CAAC,sBAAsB,EAAE,MAAM;EAC9E,MAAM;IAAEQ,KAAK;IAAEC;EAAa,CAAC,GAAGR,eAAe,CAAC,CAAC;EACjD,MAAMS,MAAM,GAAGF,KAAK,CAACG,IAAI,EAAED,MAAM,IAAI,IAAI;EAEzC,oBACIf,KAAA,CAAAiB,aAAA,CAACN,OAAO;IACJO,OAAO,EAAE,UAAUJ,YAAY,CAACK,IAAI,IAAIJ,MAAM,GAAG,aAAaA,MAAM,EAAE,GAAG,EAAE,EAAG;IAC9EK,OAAO,eACHpB,KAAA,CAAAiB,aAAA,CAACR,IAAI;MAACY,IAAI,eAAErB,KAAA,CAAAiB,aAAA,CAACd,QAAQ,MAAE,CAAE;MAACmB,KAAK,EAAE,MAAO;MAACC,IAAI,EAAE,IAAK;MAACC,KAAK,EAAE;IAAgB,CAAE;EACjF,CACJ,CAAC;AAEV,CAAC,CAAC;AAEF,OAAO,MAAMC,qBAAqB,GAAGpB,eAAe,CAAC,uBAAuB,EAAE,MAAM;EAChF,MAAM;IAAEQ,KAAK;IAAEC;EAAa,CAAC,GAAGR,eAAe,CAAC,CAAC;EAEjD,MAAMoB,KAAK,GAAGb,KAAK,EAAEG,IAAI,EAAEU,KAAK,IAAI,OAAOZ,YAAY,CAACK,IAAI,EAAE;EAC9D,MAAMQ,UAAU,GAAG,CAACd,KAAK,CAACG,IAAI,EAAEU,KAAK;EAErC,oBACI1B,KAAA,CAAAiB,aAAA,CAACT,OAAO;IACJoB,KAAK,EAAE,CAAE;IACTC,SAAS,EAAEtB,EAAE,CAAC,oDAAoD,EAAE;MAChE,gBAAgB,EAAEoB;IACtB,CAAC;EAAE,GAEFD,KACI,CAAC;AAElB,CAAC,CAAC;AAEF,OAAO,MAAMI,gCAAgC,GAAGA,CAAA,KAAM;EAClD,MAAM;IAAEC,gBAAgB;IAAEC;EAAgB,CAAC,GAAG5B,iBAAiB,CAAC,CAAC;EAEjE,oBACIJ,KAAA,CAAAiB,aAAA;IAAKY,SAAS,EAAE;EAAuC,gBACnD7B,KAAA,CAAAiB,aAAA,CAACP,UAAU;IACPuB,OAAO,EAAE,OAAQ;IACjBC,OAAO,EAAEA,CAAA,KAAMH,gBAAgB,CAACC,eAAe,CAAE;IACjDX,IAAI,eAAErB,KAAA,CAAAiB,aAAA,CAACf,QAAQ,MAAE;EAAE,CACtB,CAAC,eACFF,KAAA,CAAAiB,aAAA,CAACQ,qBAAqB,MAAE,CAAC,eACzBzB,KAAA,CAAAiB,aAAA,CAACL,oBAAoB,MAAE,CACtB,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 | null;

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

@@ -0,0 +1,34 @@
+import React from "react";
+// @ts-expect-error
+import { useHotkeys } from "react-hotkeyz";
+import { RevisionsList } from "../../RevisionsList/RevisionsList";
+import { cmsLegacyEntryEditor } from "../../../../../../utils/cmsLegacyEntryEditor";
+import { useFullScreenContentEntry } from "../useFullScreenContentEntry";
+import { Drawer } from "@webiny/admin-ui";
+export const RevisionListDrawer = () => {
+  const {
+    isRevisionListOpen,
+    openRevisionList
+  } = useFullScreenContentEntry();
+  if (cmsLegacyEntryEditor) {
+    return null;
+  }
+  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","cmsLegacyEntryEditor","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\";\nimport { cmsLegacyEntryEditor } from \"~/utils/cmsLegacyEntryEditor\";\nimport { useFullScreenContentEntry } from \"../useFullScreenContentEntry\";\nimport { Drawer } from \"@webiny/admin-ui\";\n\nexport const RevisionListDrawer = () => {\n    const { isRevisionListOpen, openRevisionList } = useFullScreenContentEntry();\n\n    if (cmsLegacyEntryEditor) {\n        return null;\n    }\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,oBAAoB;AAC7B,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;EAE5E,IAAID,oBAAoB,EAAE;IACtB,OAAO,IAAI;EACf;EAEAF,UAAU,CAAC;IACPQ,MAAM,EAAE,EAAE;IACVC,QAAQ,EAAE,CAACH,kBAAkB;IAC7BI,IAAI,EAAE;MACFC,GAAG,EAAEA,CAAA,KAAMJ,gBAAgB,CAAC,KAAK;IACrC;EACJ,CAAC,CAAC;EAEF,oBACIR,KAAA,CAAAa,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,gBAEZpB,KAAA,CAAAa,aAAA,CAACX,aAAa,MAAE,CACZ,CAAC;AAEjB,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1,3 @@
+export * from "./RevisionListDrawer";
+
+//# 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\";\n"],"mappings":"AAAA","ignoreList":[]}

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

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

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

@@ -0,0 +1,3 @@
+export * from "./FullScreenContentEntry";
+
+//# 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\";\n"],"mappings":"AAAA","ignoreList":[]}

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export interface FullScreenContentEntryContext {
+    isRevisionListOpen: boolean;
+    openRevisionList: (open: boolean) => void;
+}
+export declare const useFullScreenContentEntry: () => FullScreenContentEntryContext;
+export declare const FullScreenContentEntryProvider: {
+    ({ children, ...props }: FullScreenContentEntryContext & {
+        children: import("react").ReactNode;
+    }): import("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

@@ -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,9 @@
+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);
+};
+export const PublishEntryRevisionListItem = makeDecoratable("PublishEntryRevisionListItem", PublishEntryRevisionListItemComponent);
+
+//# sourceMappingURL=PublishEntryRevisionListItem.js.map

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

@@ -0,0 +1 @@
+{"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/RevisionListDrawer.js

@@ -0,0 +1,3 @@
+
+
+//# sourceMappingURL=RevisionListDrawer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["RevisionListDrawer.tsx"],"sourcesContent":[""],"mappings":"","ignoreList":[]}

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

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