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

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

@@ -1,206 +1,250 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useContentEntryProviderProps = exports.Provider = exports.Context = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
-
-var _get = _interopRequireDefault(require("lodash/get"));
-
-var _reactRouter = require("@webiny/react-router");
-
-var _useSnackbar2 = require("@webiny/app-admin/hooks/useSnackbar");
-
-var _hooks = require("../../../hooks");
-
-var _useContentEntries2 = require("../hooks/useContentEntries");
-
-var _utils = require("@webiny/utils");
-
-var _contentEntries = require("../../../graphql/contentEntries");
-
-var Context = /*#__PURE__*/_react.default.createContext(undefined);
-
-exports.Context = Context;
-
-var useContentEntryProviderProps = function useContentEntryProviderProps() {
-  var _useRouter = (0, _reactRouter.useRouter)(),
-      location = _useRouter.location;
-
-  var query = new URLSearchParams(location.search);
-
-  var isNewEntry = function isNewEntry() {
-    return query.get("new") === "true";
-  };
-
-  var getContentId = function getContentId() {
-    return query.get("id") || null;
-  };
-
-  return {
-    getContentId: getContentId,
-    isNewEntry: isNewEntry
-  };
+import react, { useCallback, useEffect, useMemo, useState } from "react";
+import { useIsMounted, useRoute, useRouter, useSnackbar } from "@webiny/app-admin";
+import { useCms, useQuery } from "../../../hooks/index.js";
+import { useContentEntries } from "../hooks/useContentEntries.js";
+import { parseIdentifier } from "@webiny/utils";
+import { createReadQuery } from "@webiny/app-headless-cms-common";
+import { getFetchPolicy } from "../../../../utils/getFetchPolicy.js";
+import { useRecords } from "@webiny/app-aco";
+import { useMockRecords } from "./useMockRecords.js";
+import { ROOT_FOLDER } from "../../../constants.js";
+import { Routes } from "../../../../routes.js";
+const ContentEntryContext = /*#__PURE__*/ react.createContext(void 0);
+const useContentEntryProviderProps = ()=>{
+    const { route } = useRoute(Routes.ContentEntries.List);
+    const isNewEntry = ()=>route.params.new ?? false;
+    const getContentId = ()=>route.params.id;
+    return {
+        getContentId,
+        isNewEntry
+    };
 };
-
-exports.useContentEntryProviderProps = useContentEntryProviderProps;
-
-var Provider = function Provider(_ref) {
-  var children = _ref.children,
-      isNewEntry = _ref.isNewEntry,
-      getContentId = _ref.getContentId;
-
-  var _useContentEntries = (0, _useContentEntries2.useContentEntries)(),
-      contentModel = _useContentEntries.contentModel,
-      canCreate = _useContentEntries.canCreate,
-      listQueryVariables = _useContentEntries.listQueryVariables,
-      setListQueryVariables = _useContentEntries.setListQueryVariables,
-      sorters = _useContentEntries.sorters;
-
-  var formRef = (0, _react.useRef)({
-    submit: function () {
-      var _submit = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
-        return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                return _context.abrupt("return", null);
-
-              case 1:
-              case "end":
-                return _context.stop();
+const ContentEntryProvider = ({ children, isNewEntry, readonly, getContentId, currentFolderId })=>{
+    const { isMounted } = useIsMounted();
+    const [activeTab, setActiveTab] = useState("content");
+    const [entry, setEntry] = useState();
+    const [revisions, setRevisions] = useState([]);
+    const { contentModel: model, canCreate } = useContentEntries();
+    const { goToRoute } = useRouter();
+    const { showSnackbar } = useSnackbar();
+    const cms = useCms();
+    const { addRecordToCache, updateRecordInCache, removeRecordFromCache } = readonly ? useMockRecords() : useRecords();
+    const [isLoading, setLoading] = useState(false);
+    const contentEntryProviderProps = useContentEntryProviderProps();
+    const updateRevisionInRevisionsCache = useCallback((updatedRevisions)=>{
+        const updatedRevisionsArray = Array.isArray(updatedRevisions) ? updatedRevisions : [
+            updatedRevisions
+        ];
+        setRevisions((revisions)=>revisions.map((revision)=>{
+                const updatedRevision = updatedRevisionsArray.find((updatedRevision)=>updatedRevision.id === revision.id);
+                return updatedRevision || revision;
+            }));
+    }, []);
+    const newEntry = "function" == typeof isNewEntry ? isNewEntry() : contentEntryProviderProps.isNewEntry();
+    const contentId = "function" == typeof getContentId ? getContentId() : contentEntryProviderProps.getContentId();
+    const revisionId = contentId ? decodeURIComponent(contentId) : null;
+    let entryId = null;
+    let version = null;
+    if (revisionId) {
+        const result = parseIdentifier(revisionId);
+        entryId = result.id;
+        version = result.version;
+    }
+    useEffect(()=>{
+        if (!revisionId && entry) setEntry(void 0);
+        setActiveTab("content");
+    }, [
+        revisionId
+    ]);
+    const { READ_CONTENT } = useMemo(()=>({
+            READ_CONTENT: createReadQuery(model)
+        }), [
+        model.modelId
+    ]);
+    let variables;
+    variables = null === version && entryId ? {
+        entryId
+    } : {
+        revision: revisionId
+    };
+    const loadEntry = useQuery(READ_CONTENT, {
+        variables,
+        skip: !revisionId,
+        fetchPolicy: getFetchPolicy(model),
+        onCompleted: (response)=>{
+            if (!response || !isMounted()) return;
+            const { data, error } = response.content;
+            if (!error) return void setEntry(data);
+            goToRoute(Routes.ContentEntries.List, {
+                modelId: model.modelId
+            });
+            showSnackbar(error.message);
+        }
+    });
+    const loading = isLoading || loadEntry.loading;
+    useEffect(()=>{
+        if (!entryId) return void setRevisions([]);
+        cms.listEntryRevisions({
+            model,
+            id: entryId
+        }).then((response)=>{
+            if (response.error) return;
+            setRevisions(response.revisions);
+        });
+    }, [
+        entryId
+    ]);
+    const getEntry = async ({ id })=>await cms.getEntry({
+            model,
+            id
+        });
+    const createEntry = async ({ entry, options })=>{
+        setLoading(true);
+        const response = await cms.createEntry({
+            model,
+            entry: {
+                ...entry,
+                wbyAco_location: {
+                    folderId: currentFolderId || ROOT_FOLDER
+                }
+            },
+            options: {
+                skipValidators: options?.skipValidators
             }
-          }
-        }, _callee);
-      }));
-
-      function submit() {
-        return _submit.apply(this, arguments);
-      }
-
-      return submit;
-    }()
-  });
-
-  var _useRouter2 = (0, _reactRouter.useRouter)(),
-      history = _useRouter2.history;
-
-  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
-      showSnackbar = _useSnackbar.showSnackbar;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isLoading = _useState2[0],
-      setLoading = _useState2[1];
-
-  var contentEntryProviderProps = useContentEntryProviderProps();
-  var newEntry = typeof isNewEntry === "function" ? isNewEntry() : contentEntryProviderProps.isNewEntry();
-  var contentId = typeof getContentId === "function" ? getContentId() : contentEntryProviderProps.getContentId();
-  var revisionId = contentId ? decodeURIComponent(contentId) : null;
-  var entryId = null;
-  var version = null;
-
-  if (revisionId) {
-    var result = (0, _utils.parseIdentifier)(revisionId);
-    entryId = result.id;
-    version = result.version;
-  }
-
-  var tabsRef = (0, _react.useRef)();
-
-  var _useMemo = (0, _react.useMemo)(function () {
-    return {
-      READ_CONTENT: (0, _contentEntries.createReadQuery)(contentModel)
+        });
+        setLoading(false);
+        if (response.entry && options?.addItemToListCache) addRecordToCache(response.entry);
+        setEntry(response.entry);
+        return response;
     };
-  }, [contentModel.modelId]),
-      READ_CONTENT = _useMemo.READ_CONTENT;
-
-  var _useMemo2 = (0, _react.useMemo)(function () {
-    return {
-      GET_REVISIONS: (0, _contentEntries.createRevisionsQuery)(contentModel)
+    const createEntryRevisionFrom = async (params)=>{
+        setLoading(true);
+        const response = await cms.createEntryRevisionFrom({
+            model,
+            ...params
+        });
+        setLoading(false);
+        if (response.entry) {
+            setEntry(response.entry);
+            setRevisions([
+                response.entry,
+                ...revisions
+            ]);
+            updateRecordInCache(response.entry);
+        }
+        return response;
     };
-  }, [contentModel.modelId]),
-      GET_REVISIONS = _useMemo2.GET_REVISIONS;
-
-  var setFormRef = (0, _react.useCallback)(function (form) {
-    formRef.current = form;
-  }, [formRef]);
-  var createEntry = (0, _react.useCallback)(function () {
-    history.push("/cms/content-entries/".concat(contentModel.modelId, "?new=true"));
-  }, [contentModel.modelId]);
-  var variables = undefined;
-
-  if (version === null && entryId) {
-    variables = {
-      entryId: entryId
+    const updateEntryRevision = async (params)=>{
+        setLoading(true);
+        const response = await cms.updateEntryRevision({
+            model,
+            ...params
+        });
+        setLoading(false);
+        if (response.entry) {
+            setEntry(response.entry);
+            updateRecordInCache(response.entry);
+            updateRevisionInRevisionsCache(response.entry);
+        }
+        return response;
     };
-  } else {
-    variables = {
-      revision: revisionId
+    const updateRevisionDescription = async (params)=>{
+        setLoading(true);
+        const response = await cms.updateRevisionDescription({
+            model,
+            ...params
+        });
+        setLoading(false);
+        if (response.entry) {
+            setEntry(response.entry);
+            updateRecordInCache(response.entry);
+            updateRevisionInRevisionsCache(response.entry);
+        }
+        return response;
     };
-  }
-
-  var getEntry = (0, _hooks.useQuery)(READ_CONTENT, {
-    variables: variables,
-    skip: !revisionId,
-    onCompleted: function onCompleted(data) {
-      if (!data) {
-        return;
-      }
-
-      var error = data.content.error;
-
-      if (!error) {
-        return;
-      }
-
-      history.push("/cms/content-entries/".concat(contentModel.modelId));
-      showSnackbar(error.message);
-    }
-  });
-  var getRevisions = (0, _hooks.useQuery)(GET_REVISIONS, {
-    variables: {
-      id: entryId
-    },
-    skip: !entryId
-  });
-  var loading = isLoading || getEntry.loading || getRevisions.loading;
-  var entry = (0, _get.default)(getEntry, "data.content.data") || {};
-  var value = {
-    canCreate: canCreate,
-    contentModel: contentModel,
-    createEntry: createEntry,
-    listQueryVariables: listQueryVariables,
-    setListQueryVariables: setListQueryVariables,
-    sorters: sorters,
-    entry: entry,
-    form: formRef,
-    loading: loading,
-    revisions: (0, _get.default)(getRevisions, "data.revisions.data") || [],
-    refetchContent: getEntry.refetch,
-    setFormRef: setFormRef,
-    setLoading: setLoading,
-    tabsRef: tabsRef,
-    showEmptyView: !newEntry && !loading && (0, _isEmpty.default)(entry)
-  };
-  return /*#__PURE__*/_react.default.createElement(Context.Provider, {
-    value: value
-  }, children);
+    const deleteEntry = async (params)=>{
+        const response = await cms.deleteEntry({
+            model,
+            ...params
+        });
+        removeRecordFromCache(params.id);
+        return response;
+    };
+    const deleteEntryRevision = async (params)=>{
+        const response = await cms.deleteEntry({
+            model,
+            ...params
+        });
+        if ("object" == typeof response && response.error) return response;
+        const updatedRevisionsList = revisions.filter((rev)=>rev.id !== params.id);
+        setRevisions(updatedRevisionsList);
+        const [newLatestRevision] = updatedRevisionsList;
+        if (newLatestRevision) updateRecordInCache(newLatestRevision);
+        else removeRecordFromCache(params.id);
+        return {
+            newLatestRevision
+        };
+    };
+    const publishEntryRevision = async (params)=>{
+        const response = await cms.publishEntryRevision({
+            model,
+            id: params.id
+        });
+        if (response.entry) {
+            setEntry(response.entry);
+            updateRecordInCache(response.entry);
+            const revisionsToUpdateInRevisionsCache = [
+                response.entry
+            ];
+            const previousPublishedRevision = revisions.find((rev)=>"published" === rev.meta.status);
+            if (previousPublishedRevision) revisionsToUpdateInRevisionsCache.push({
+                ...previousPublishedRevision,
+                meta: {
+                    ...previousPublishedRevision.meta,
+                    status: "unpublished"
+                }
+            });
+            updateRevisionInRevisionsCache(revisionsToUpdateInRevisionsCache);
+        }
+        return response;
+    };
+    const unpublishEntryRevision = async (params)=>{
+        const response = await cms.unpublishEntryRevision({
+            model,
+            ...params
+        });
+        if (response.entry) {
+            setEntry(response.entry);
+            updateRecordInCache(response.entry);
+            updateRevisionInRevisionsCache(response.entry);
+        }
+        return response;
+    };
+    const value = {
+        activeTab,
+        canCreate,
+        contentModel: model,
+        getEntry,
+        createEntry,
+        createEntryRevisionFrom,
+        deleteEntry,
+        deleteEntryRevision,
+        entry: entry || {},
+        loading,
+        publishEntryRevision,
+        refetchContent: loadEntry.refetch,
+        revisions,
+        setActiveTab,
+        showEmptyView: !newEntry && !loading && !revisionId,
+        unpublishEntryRevision,
+        updateEntryRevision,
+        updateRevisionDescription
+    };
+    return /*#__PURE__*/ react.createElement(ContentEntryContext.Provider, {
+        value: value
+    }, children);
 };
+ContentEntryProvider.displayName = "ContentEntryProvider";
+export { ContentEntryContext, ContentEntryProvider, useContentEntryProviderProps };
 
-exports.Provider = Provider;
-Provider.displayName = "ContentEntryProvider";
+//# sourceMappingURL=ContentEntryContext.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["Context","React","createContext","undefined","useContentEntryProviderProps","useRouter","location","query","URLSearchParams","search","isNewEntry","get","getContentId","Provider","children","useContentEntries","contentModel","canCreate","listQueryVariables","setListQueryVariables","sorters","formRef","useRef","submit","history","useSnackbar","showSnackbar","useState","isLoading","setLoading","contentEntryProviderProps","newEntry","contentId","revisionId","decodeURIComponent","entryId","version","result","parseIdentifier","id","tabsRef","useMemo","READ_CONTENT","createReadQuery","modelId","GET_REVISIONS","createRevisionsQuery","setFormRef","useCallback","form","current","createEntry","push","variables","revision","getEntry","useQuery","skip","onCompleted","data","error","content","message","getRevisions","loading","entry","value","revisions","refetchContent","refetch","showEmptyView","isEmpty","displayName"],"sources":["ContentEntryContext.tsx"],"sourcesContent":["import React, {\n    useRef,\n    useState,\n    useCallback,\n    useMemo,\n    Dispatch,\n    SetStateAction,\n    MutableRefObject,\n    RefObject\n} from \"react\";\nimport isEmpty from \"lodash/isEmpty\";\nimport get from \"lodash/get\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { useQuery } from \"~/admin/hooks\";\nimport { ContentEntriesContext } from \"~/admin/views/contentEntries/ContentEntriesContext\";\nimport { useContentEntries } from \"~/admin/views/contentEntries/hooks/useContentEntries\";\nimport { CmsContentEntryRevision, CmsEditorContentEntry } from \"~/types\";\nimport { TabsImperativeApi } from \"@webiny/ui/Tabs\";\nimport { parseIdentifier } from \"@webiny/utils\";\nimport {\n    CmsEntriesListRevisionsQueryResponse,\n    CmsEntriesListRevisionsQueryVariables,\n    CmsEntryGetQueryResponse,\n    CmsEntryGetQueryVariables,\n    createReadQuery,\n    createRevisionsQuery\n} from \"~/admin/graphql/contentEntries\";\n\ninterface ContentEntryContextForm {\n    submit: (ev: React.SyntheticEvent) => Promise<CmsEditorContentEntry | null>;\n}\ntype ContentEntryContextFormRef = MutableRefObject<ContentEntryContextForm>;\nexport interface ContentEntryContext extends ContentEntriesContext {\n    createEntry: () => void;\n    entry: CmsEditorContentEntry;\n    form: ContentEntryContextFormRef;\n    setFormRef: (form: { submit: Function }) => void;\n    loading: boolean;\n    setLoading: Dispatch<SetStateAction<boolean>>;\n    revisions: CmsContentEntryRevision[];\n    refetchContent: () => void;\n    tabsRef: RefObject<TabsImperativeApi | undefined>;\n    showEmptyView: boolean;\n}\n\nexport const Context = React.createContext<ContentEntryContext | undefined>(undefined);\n\nexport interface ContentEntryContextProviderProps extends Partial<UseContentEntryProviderProps> {\n    children: React.ReactNode;\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 Provider: React.FC<ContentEntryContextProviderProps> = ({\n    children,\n    isNewEntry,\n    getContentId\n}) => {\n    const { contentModel, canCreate, listQueryVariables, setListQueryVariables, sorters } =\n        useContentEntries();\n\n    const formRef = useRef<ContentEntryContextForm>({\n        submit: async () => {\n            return null;\n        }\n    });\n    const { history } = useRouter();\n    const { showSnackbar } = useSnackbar();\n    const [isLoading, setLoading] = useState<boolean>(false);\n\n    const contentEntryProviderProps = useContentEntryProviderProps();\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    const tabsRef = useRef<TabsImperativeApi>();\n\n    const { READ_CONTENT } = useMemo(() => {\n        return {\n            READ_CONTENT: createReadQuery(contentModel)\n        };\n    }, [contentModel.modelId]);\n\n    const { GET_REVISIONS } = useMemo(() => {\n        return {\n            GET_REVISIONS: createRevisionsQuery(contentModel)\n        };\n    }, [contentModel.modelId]);\n\n    const setFormRef = useCallback(\n        form => {\n            formRef.current = form;\n        },\n        [formRef]\n    );\n\n    const createEntry = useCallback((): void => {\n        history.push(`/cms/content-entries/${contentModel.modelId}?new=true`);\n    }, [contentModel.modelId]);\n\n    let variables: CmsEntryGetQueryVariables | undefined = undefined;\n    if (version === null && entryId) {\n        variables = {\n            entryId\n        };\n    } else {\n        variables = {\n            revision: revisionId as string\n        };\n    }\n\n    const getEntry = useQuery<CmsEntryGetQueryResponse, CmsEntryGetQueryVariables>(READ_CONTENT, {\n        variables,\n        skip: !revisionId,\n        onCompleted: data => {\n            if (!data) {\n                return;\n            }\n\n            const { error } = data.content;\n            if (!error) {\n                return;\n            }\n            history.push(`/cms/content-entries/${contentModel.modelId}`);\n            showSnackbar(error.message);\n        }\n    });\n\n    const getRevisions = useQuery<\n        CmsEntriesListRevisionsQueryResponse,\n        CmsEntriesListRevisionsQueryVariables\n    >(GET_REVISIONS, {\n        variables: {\n            id: entryId as string\n        },\n        skip: !entryId\n    });\n\n    const loading = isLoading || getEntry.loading || getRevisions.loading;\n    const entry = (get(getEntry, \"data.content.data\") as unknown as CmsEditorContentEntry) || {};\n\n    const value: ContentEntryContext = {\n        canCreate,\n        contentModel,\n        createEntry,\n        listQueryVariables,\n        setListQueryVariables,\n        sorters,\n        entry,\n        form: formRef,\n        loading,\n        revisions: get(getRevisions, \"data.revisions.data\") || [],\n        refetchContent: getEntry.refetch,\n        setFormRef,\n        setLoading,\n        tabsRef,\n        showEmptyView: !newEntry && !loading && isEmpty(entry)\n    };\n\n    return <Context.Provider value={value}>{children}</Context.Provider>;\n};\n\nProvider.displayName = \"ContentEntryProvider\";\n"],"mappings":"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"}
+{"version":3,"file":"admin/views/contentEntries/ContentEntry/ContentEntryContext.js","sources":["../../../../../src/admin/views/contentEntries/ContentEntry/ContentEntryContext.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { useIsMounted, useRoute, useRouter, useSnackbar } from \"@webiny/app-admin\";\nimport { useCms, useQuery } from \"~/admin/hooks/index.js\";\nimport type { ContentEntriesContext } from \"~/admin/views/contentEntries/ContentEntriesContext.js\";\nimport { useContentEntries } from \"~/admin/views/contentEntries/hooks/useContentEntries.js\";\nimport type { CmsContentEntry, CmsContentEntryRevision } from \"~/types.js\";\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.js\";\nimport { useRecords } from \"@webiny/app-aco\";\nimport type * as Cms from \"~/admin/contexts/Cms/index.js\";\nimport type { OperationError } from \"~/admin/contexts/Cms/index.js\";\nimport { useMockRecords } from \"./useMockRecords.js\";\nimport { ROOT_FOLDER } from \"~/admin/constants.js\";\nimport { Routes } from \"~/routes.js\";\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 UpdateRevisionDescriptionParams = Omit<Cms.UpdateRevisionDescriptionParams, \"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    updateRevisionDescription: (\n        params: UpdateRevisionDescriptionParams\n    ) => Promise<Cms.UpdateRevisionDescriptionResponse>;\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 | undefined;\n    isNewEntry: () => boolean;\n}\n\nexport const useContentEntryProviderProps = (): UseContentEntryProviderProps => {\n    const { route } = useRoute(Routes.ContentEntries.List);\n\n    const isNewEntry = () => {\n        return route.params.new ?? false;\n    };\n\n    const getContentId = () => {\n        return route.params.id;\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 { goToRoute } = 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            goToRoute(Routes.ContentEntries.List, { modelId: model.modelId });\n            showSnackbar(error.message);\n        }\n    });\n\n    const loading = isLoading || loadEntry.loading;\n\n    useEffect(() => {\n        if (!entryId) {\n            setRevisions([]);\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 updateRevisionDescription: ContentEntryCrud[\"updateRevisionDescription\"] =\n        async params => {\n            setLoading(true);\n            const response = await cms.updateRevisionDescription({ 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({\n            model,\n            id: params.id\n        });\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        updateRevisionDescription\n    };\n\n    return <ContentEntryContext.Provider value={value}>{children}</ContentEntryContext.Provider>;\n};\n\nContentEntryProvider.displayName = \"ContentEntryProvider\";\n"],"names":["ContentEntryContext","React","undefined","useContentEntryProviderProps","route","useRoute","Routes","isNewEntry","getContentId","ContentEntryProvider","children","readonly","currentFolderId","isMounted","useIsMounted","activeTab","setActiveTab","useState","entry","setEntry","revisions","setRevisions","model","canCreate","useContentEntries","goToRoute","useRouter","showSnackbar","useSnackbar","cms","useCms","addRecordToCache","updateRecordInCache","removeRecordFromCache","useMockRecords","useRecords","isLoading","setLoading","contentEntryProviderProps","updateRevisionInRevisionsCache","useCallback","updatedRevisions","updatedRevisionsArray","Array","revision","updatedRevision","newEntry","contentId","revisionId","decodeURIComponent","entryId","version","result","parseIdentifier","useEffect","READ_CONTENT","useMemo","createReadQuery","variables","loadEntry","useQuery","getFetchPolicy","response","data","error","loading","getEntry","id","createEntry","options","ROOT_FOLDER","createEntryRevisionFrom","params","updateEntryRevision","updateRevisionDescription","deleteEntry","deleteEntryRevision","updatedRevisionsList","rev","newLatestRevision","publishEntryRevision","revisionsToUpdateInRevisionsCache","previousPublishedRevision","unpublishEntryRevision","value"],"mappings":"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"}

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

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

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

@@ -0,0 +1,40 @@
+import react, { useState } from "react";
+import { createPortal } from "react-dom";
+import { RevisionListDrawer } from "./RevisionListDrawer/index.js";
+import { FullScreenContentEntryHeaderLeft } from "./FullScreenContentEntryHeaderLeft.js";
+import { FullScreenContentEntryProvider } from "./useFullScreenContentEntry.js";
+import { ContentEntryEditorConfig } from "../../../../../ContentEntryEditorConfig.js";
+import { useContentEntryEditorConfig } from "../../../../config/contentEntries/index.js";
+import { HeaderBar } from "@webiny/admin-ui";
+import * as __rspack_external__FullScreenContentEntry_styled_js_3519e464 from "./FullScreenContentEntry.styled.js";
+const { ContentEntry: FullScreenContentEntry_ContentEntry } = ContentEntryEditorConfig;
+const FullScreenContentEntryDecorator = FullScreenContentEntry_ContentEntry.createDecorator((Original)=>function() {
+        const { width } = useContentEntryEditorConfig();
+        const [isRevisionListOpen, openRevisionList] = useState(false);
+        return /*#__PURE__*/ react.createElement(FullScreenContentEntryProvider, {
+            openRevisionList: openRevisionList,
+            isRevisionListOpen: isRevisionListOpen
+        }, /*#__PURE__*/ react.createElement(__rspack_external__FullScreenContentEntry_styled_js_3519e464.Container, null, /*#__PURE__*/ react.createElement(HeaderBar, {
+            start: /*#__PURE__*/ react.createElement(FullScreenContentEntryHeaderLeft, null),
+            end: /*#__PURE__*/ react.createElement("div", {
+                id: "cms-content-entry-header-right"
+            })
+        }), /*#__PURE__*/ react.createElement(__rspack_external__FullScreenContentEntry_styled_js_3519e464.Content, null, /*#__PURE__*/ react.createElement(__rspack_external__FullScreenContentEntry_styled_js_3519e464.ContentFormWrapper, null, /*#__PURE__*/ react.createElement(__rspack_external__FullScreenContentEntry_styled_js_3519e464.ContentFormInner, {
+            width: width
+        }, /*#__PURE__*/ react.createElement(Original, null)))), /*#__PURE__*/ react.createElement(RevisionListDrawer, null)));
+    });
+const FullScreenContentEntryFormDecorator = FullScreenContentEntry_ContentEntry.ContentEntryForm.createDecorator((Original)=>function(props) {
+        return /*#__PURE__*/ react.createElement(Original, {
+            ...props,
+            className: "h-full"
+        });
+    });
+const FullScreenContentEntryFormHeaderDecorator = FullScreenContentEntry_ContentEntry.ContentEntryForm.Header.createDecorator((Original)=>function() {
+        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);
+    });
+const FullScreenContentEntry = ()=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(FullScreenContentEntryDecorator, null), /*#__PURE__*/ react.createElement(FullScreenContentEntryFormDecorator, null), /*#__PURE__*/ react.createElement(FullScreenContentEntryFormHeaderDecorator, null));
+export { FullScreenContentEntry };
+
+//# sourceMappingURL=FullScreenContentEntry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/views/contentEntries/ContentEntry/FullScreenContentEntry/FullScreenContentEntry.js","sources":["../../../../../../src/admin/views/contentEntries/ContentEntry/FullScreenContentEntry/FullScreenContentEntry.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { RevisionListDrawer } from \"./RevisionListDrawer/index.js\";\nimport { FullScreenContentEntryHeaderLeft } from \"./FullScreenContentEntryHeaderLeft.js\";\nimport * as FSE from \"./FullScreenContentEntry.styled.js\";\nimport { FullScreenContentEntryProvider } from \"./useFullScreenContentEntry.js\";\nimport { ContentEntryEditorConfig } from \"~/ContentEntryEditorConfig.js\";\nimport { useContentEntryEditorConfig } from \"~/admin/config/contentEntries/index.js\";\nimport { HeaderBar } from \"@webiny/admin-ui\";\n\nconst { ContentEntry } = ContentEntryEditorConfig;\n\nconst FullScreenContentEntryDecorator = ContentEntry.createDecorator(Original => {\n    return function ContentEntry() {\n        const { width } = useContentEntryEditorConfig();\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                    <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={\"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    return (\n        <>\n            <FullScreenContentEntryDecorator />\n            <FullScreenContentEntryFormDecorator />\n            <FullScreenContentEntryFormHeaderDecorator />\n        </>\n    );\n};\n"],"names":["ContentEntry","ContentEntryEditorConfig","FullScreenContentEntryDecorator","Original","width","useContentEntryEditorConfig","isRevisionListOpen","openRevisionList","useState","FullScreenContentEntryProvider","FSE","HeaderBar","FullScreenContentEntryHeaderLeft","RevisionListDrawer","FullScreenContentEntryFormDecorator","props","FullScreenContentEntryFormHeaderDecorator","headerRightElement","document","createPortal","FullScreenContentEntry"],"mappings":";;;;;;;;;AAUA,MAAM,EAAEA,cAAAA,mCAAY,EAAE,GAAGC;AAEzB,MAAMC,kCAAkCF,oCAAa,eAAe,CAACG,CAAAA,WAC1D;QACH,MAAM,EAAEC,KAAK,EAAE,GAAGC;QAClB,MAAM,CAACC,oBAAoBC,iBAAiB,GAAGC,SAAkB;QAEjE,OAAO,WAAP,GACI,oBAACC,gCAA8BA;YAC3B,kBAAkBF;YAClB,oBAAoBD;yBAEpB,oBAACI,6DAAAA,SAAa,sBACV,oBAACC,WAASA;YACN,qBAAO,oBAACC,kCAAgCA;YACxC,mBACI,oBAAC;gBAGG,IAAI;;0BAIhB,oBAACF,6DAAAA,OAAW,sBACR,oBAACA,6DAAAA,kBAAsB,sBACnB,oBAACA,6DAAAA,gBAAoB;YAAC,OAAON;yBACzB,oBAACD,UAAAA,UAAAA,WAAAA,GAIb,oBAACU,oBAAkBA;IAInC;AAGJ,MAAMC,sCAAsCd,oCAAa,gBAAgB,CAAC,eAAe,CACrFG,CAAAA,WACW,SAA0BY,KAAK;QAClC,OAAO,WAAP,GAAO,oBAACZ,UAAAA;YAAU,GAAGY,KAAK;YAAE,WAAW;;IAC3C;AAIR,MAAMC,4CACFhB,oCAAa,gBAAgB,CAAC,MAAM,CAAC,eAAe,CAACG,CAAAA,WAC1C;QACH,MAAMc,qBAAqBC,SAAS,cAAc,CAAC;QAEnD,IAAI,CAACD,oBACD,OAAO,WAAP,GAAO,oBAACd,UAAAA;QAGZ,OAAO,WAAP,GAAOgB,aAAa,WAADA,GAAC,oBAAChB,UAAAA,OAAac;IACtC;AAGD,MAAMG,yBAAyB,IAC3B,WAAP,GACI,wDACI,oBAAClB,iCAA+BA,OAAAA,WAAAA,GAChC,oBAACY,qCAAmCA,OAAAA,WAAAA,GACpC,oBAACE,2CAAyCA"}

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,36 @@
+import react from "react";
+import styled from "@emotion/styled";
+import { cn } from "@webiny/admin-ui";
+const Wrapper = styled.div`
+    #headerToolbarGrid {
+        margin: 0;
+        padding: 0;
+        border: 0;
+    }
+
+    #cms-content-details-tabs > [role="tablist"] {
+        display: none;
+    }
+`;
+const Container = ({ children, className, ...props })=>/*#__PURE__*/ react.createElement(Wrapper, null, /*#__PURE__*/ react.createElement("div", {
+        className: cn([
+            "bg-neutral-light",
+            "fixed z-overlay top-0 left-0",
+            "w-full h-screen"
+        ], className),
+        ...props
+    }, children));
+const Content = ({ children, className, ...props })=>/*#__PURE__*/ react.createElement("div", {
+        className: cn("overflow-y-auto h-main-content", className),
+        ...props
+    }, children);
+const ContentFormWrapper = ({ children, className, ...props })=>/*#__PURE__*/ react.createElement("div", {
+        className: cn("flex justify-center pt-xl", className),
+        ...props
+    }, children);
+const ContentFormInner = styled.div`
+    width: ${(props)=>props.width};
+`;
+export { Container, Content, ContentFormInner, ContentFormWrapper };
+
+//# sourceMappingURL=FullScreenContentEntry.styled.js.map