npm - @strapi/content-manager - Versions diffs - 5.34.0 → 5.36.0 - Mend

@strapi/content-manager 5.34.0 → 5.36.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (155) hide show

package/dist/admin/pages/EditView/EditViewPage.js CHANGED Viewed

@@ -7,6 +7,7 @@ var designSystem = require('@strapi/design-system');
 var reactIntl = require('react-intl');
 var reactRouterDom = require('react-router-dom');
 var styledComponents = require('styled-components');
+var ActionsDrawer = require('../../components/ActionsDrawer.js');
 var collections = require('../../constants/collections.js');
 var plugin = require('../../constants/plugin.js');
 var DocumentRBAC = require('../../features/DocumentRBAC.js');
@@ -14,6 +15,7 @@ var useDocument = require('../../hooks/useDocument.js');
 var useDocumentLayout = require('../../hooks/useDocumentLayout.js');
 var useLazyComponents = require('../../hooks/useLazyComponents.js');
 var useOnce = require('../../hooks/useOnce.js');
+var usePersistentQueryParams = require('../../hooks/usePersistentQueryParams.js');
 var translations = require('../../utils/translations.js');
 var validation = require('../../utils/validation.js');
 var Blocker = require('./components/Blocker.js');
@@ -31,6 +33,13 @@ var data = require('./utils/data.js');
     });
     const { formatMessage } = reactIntl.useIntl();
     const { toggleNotification } = strapiAdmin.useNotification();
+    const isDesktop = strapiAdmin.useIsDesktop();
+    const isMobile = strapiAdmin.useIsMobile();
+    const visiblePanels = Panels.usePanelsContext('Panels', (s)=>s.visiblePanels);
+    const drawerHasContent = visiblePanels.length > 0;
+    usePersistentQueryParams.usePersistentPartialQueryParams('STRAPI_LOCALE', [
+        'plugins.i18n.locale'
+    ], false);
     const doc = useDocument.useDoc();
     const { document, meta, isLoading: isLoadingDocument, schema, components, collectionType, id, model, hasError, getTitle, getInitialFormValues } = doc;
     const hasDraftAndPublished = schema?.options?.draftAndPublish ?? false;
@@ -119,83 +128,108 @@ var data = require('./utils/data.js');
                             status: hasDraftAndPublished ? getDocumentStatus(document, meta) : undefined,
                             title: pageTitle
                         }),
-                        /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Layouts.Content, {
-                            children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Tabs.Root, {
-                                variant: "simple",
-                                value: status,
-                                onValueChange: handleTabChange,
-                                children: [
-                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tabs.List, {
-                                        "aria-label": formatMessage({
-                                            id: translations.getTranslation('containers.edit.tabs.label'),
-                                            defaultMessage: 'Document status'
-                                        }),
-                                        children: hasDraftAndPublished ? /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-                                            children: [
-                                                /*#__PURE__*/ jsxRuntime.jsx(StatusTab, {
-                                                    value: "draft",
-                                                    children: formatMessage({
-                                                        id: translations.getTranslation('containers.edit.tabs.draft'),
-                                                        defaultMessage: 'draft'
-                                                    })
-                                                }),
-                                                /*#__PURE__*/ jsxRuntime.jsx(StatusTab, {
-                                                    disabled: !meta || meta.availableStatus.length === 0,
-                                                    value: "published",
-                                                    children: formatMessage({
-                                                        id: translations.getTranslation('containers.edit.tabs.published'),
-                                                        defaultMessage: 'published'
-                                                    })
-                                                })
-                                            ]
-                                        }) : null
-                                    }),
-                                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Grid.Root, {
-                                        paddingTop: {
-                                            initial: 2,
-                                            medium: 4,
-                                            large: 8
-                                        },
-                                        gap: 4,
-                                        children: [
-                                            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Grid.Item, {
-                                                col: 9,
-                                                xs: 12,
-                                                direction: "column",
-                                                alignItems: "stretch",
+                        /*#__PURE__*/ jsxRuntime.jsxs(strapiAdmin.Layouts.Content, {
+                            children: [
+                                /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Tabs.Root, {
+                                    variant: "simple",
+                                    value: status,
+                                    onValueChange: handleTabChange,
+                                    children: [
+                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tabs.List, {
+                                            "aria-label": formatMessage({
+                                                id: translations.getTranslation('containers.edit.tabs.label'),
+                                                defaultMessage: 'Document status'
+                                            }),
+                                            children: hasDraftAndPublished ? /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
                                                 children: [
-                                                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Tabs.Content, {
+                                                    /*#__PURE__*/ jsxRuntime.jsx(StatusTab, {
                                                         value: "draft",
-                                                        children: [
-                                                            /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.tours.contentManager.Fields, {
-                                                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {})
-                                                            }),
-                                                            /*#__PURE__*/ jsxRuntime.jsx(FormLayout.FormLayout, {
-                                                                layout: layout,
-                                                                document: doc
-                                                            })
-                                                        ]
+                                                        children: formatMessage({
+                                                            id: translations.getTranslation('containers.edit.tabs.draft'),
+                                                            defaultMessage: 'draft'
+                                                        })
                                                     }),
-                                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tabs.Content, {
+                                                    /*#__PURE__*/ jsxRuntime.jsx(StatusTab, {
+                                                        disabled: !meta || meta.availableStatus.length === 0,
                                                         value: "published",
-                                                        children: /*#__PURE__*/ jsxRuntime.jsx(FormLayout.FormLayout, {
-                                                            layout: layout,
-                                                            document: doc
+                                                        children: formatMessage({
+                                                            id: translations.getTranslation('containers.edit.tabs.published'),
+                                                            defaultMessage: 'published'
                                                         })
                                                     })
                                                 ]
-                                            }),
-                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
-                                                col: 3,
-                                                xs: 12,
-                                                direction: "column",
-                                                alignItems: "stretch",
-                                                children: /*#__PURE__*/ jsxRuntime.jsx(Panels.Panels, {})
-                                            })
-                                        ]
-                                    })
-                                ]
-                            })
+                                            }) : null
+                                        }),
+                                        /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Grid.Root, {
+                                            paddingTop: {
+                                                initial: 6,
+                                                medium: 4,
+                                                large: 8
+                                            },
+                                            gap: 4,
+                                            children: [
+                                                /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Grid.Item, {
+                                                    col: 9,
+                                                    xs: 12,
+                                                    direction: "column",
+                                                    alignItems: "stretch",
+                                                    children: [
+                                                        /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Tabs.Content, {
+                                                            value: "draft",
+                                                            children: [
+                                                                /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.tours.contentManager.Fields, {
+                                                                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {})
+                                                                }),
+                                                                /*#__PURE__*/ jsxRuntime.jsx(FormLayout.FormLayout, {
+                                                                    layout: layout,
+                                                                    document: doc,
+                                                                    hasBackground: !isMobile
+                                                                })
+                                                            ]
+                                                        }),
+                                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tabs.Content, {
+                                                            value: "published",
+                                                            children: /*#__PURE__*/ jsxRuntime.jsx(FormLayout.FormLayout, {
+                                                                layout: layout,
+                                                                document: doc,
+                                                                hasBackground: !isMobile
+                                                            })
+                                                        })
+                                                    ]
+                                                }),
+                                                isDesktop && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
+                                                    col: 3,
+                                                    direction: "column",
+                                                    alignItems: "stretch",
+                                                    children: /*#__PURE__*/ jsxRuntime.jsx(Panels.Panels, {})
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                }),
+                                !isDesktop && /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                                    children: [
+                                        /*#__PURE__*/ jsxRuntime.jsxs(ActionsDrawer.ActionsDrawer.Root, {
+                                            hasContent: drawerHasContent,
+                                            hasSideNav: true,
+                                            children: [
+                                                /*#__PURE__*/ jsxRuntime.jsx(ActionsDrawer.ActionsDrawer.Overlay, {}),
+                                                /*#__PURE__*/ jsxRuntime.jsx(ActionsDrawer.ActionsDrawer.Header, {
+                                                    children: /*#__PURE__*/ jsxRuntime.jsx(Panels.ActionsPanelContent, {})
+                                                }),
+                                                /*#__PURE__*/ jsxRuntime.jsx(ActionsDrawer.ActionsDrawer.Content, {
+                                                    children: /*#__PURE__*/ jsxRuntime.jsx(Panels.Panels, {
+                                                        withActions: false
+                                                    })
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                                            height: "6.5rem"
+                                        })
+                                    ]
+                                })
+                            ]
                         }),
                         /*#__PURE__*/ jsxRuntime.jsx(Blocker.Blocker, {})
                     ]
@@ -245,7 +279,9 @@ const StatusTab = styledComponents.styled(designSystem.Tabs.Trigger)`
         permissions: permissions,
         children: ({ permissions })=>/*#__PURE__*/ jsxRuntime.jsx(DocumentRBAC.DocumentRBAC, {
                 permissions: permissions,
-                children: /*#__PURE__*/ jsxRuntime.jsx(EditViewPage, {})
+                children: /*#__PURE__*/ jsxRuntime.jsx(Panels.PanelsProvider, {
+                    children: /*#__PURE__*/ jsxRuntime.jsx(EditViewPage, {})
+                })
             })
     });
 };

package/dist/admin/pages/EditView/EditViewPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EditViewPage.js","sources":["../../../../admin/src/pages/EditView/EditViewPage.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n Page,\n Form,\n useRBAC,\n useNotification,\n useQueryParams,\n tours,\n Layouts,\n} from '@strapi/admin/strapi-admin';\nimport { Grid, Tabs, Box } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { useLocation, useParams } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { SINGLE_TYPES } from '../../constants/collections';\nimport { PERMISSIONS } from '../../constants/plugin';\nimport { DocumentRBAC, useDocumentRBAC } from '../../features/DocumentRBAC';\nimport { useDoc, type UseDocument } from '../../hooks/useDocument';\nimport { useDocumentLayout } from '../../hooks/useDocumentLayout';\nimport { useLazyComponents } from '../../hooks/useLazyComponents';\nimport { useOnce } from '../../hooks/useOnce';\nimport { getTranslation } from '../../utils/translations';\nimport { createYupSchema } from '../../utils/validation';\n\nimport { Blocker } from './components/Blocker';\nimport { FormLayout } from './components/FormLayout';\nimport { Header } from './components/Header';\nimport { Panels } from './components/Panels';\nimport { handleInvisibleAttributes } from './utils/data';\n\n/* -------------------------------------------------------------------------------------------------\n * EditViewPage\n * -----------------------------------------------------------------------------------------------/\n\nconst EditViewPage = () => {\n const location = useLocation();\n const [\n {\n query: { status },\n },\n setQuery,\n ] = useQueryParams<{ status: 'draft' \| 'published' }>({\n status: 'draft',\n });\n const { formatMessage } = useIntl();\n const { toggleNotification } = useNotification();\n\n const doc = useDoc();\n const {\n document,\n meta,\n isLoading: isLoadingDocument,\n schema,\n components,\n collectionType,\n id,\n model,\n hasError,\n getTitle,\n getInitialFormValues,\n } = doc;\n\n const hasDraftAndPublished = schema?.options?.draftAndPublish ?? false;\n\n useOnce(() => {\n /\n We only ever want to fire the notification once otherwise\n * whenever the app re-renders it'll pop up regardless of\n * what we do because the state comes from react-router-dom\n /\n if (location?.state && 'error' in location.state) {\n toggleNotification({\n type: 'danger',\n message: location.state.error,\n timeout: 5000,\n });\n }\n });\n\n const isLoadingActionsRBAC = useDocumentRBAC('EditViewPage', (state) => state.isLoading);\n\n const isSingleType = collectionType === SINGLE_TYPES;\n\n /\n single-types don't current have an id, but because they're a singleton\n * we can simply use the update operation to continuously update the same\n * document with varying params.\n /\n const isCreatingDocument = !id && !isSingleType;\n\n const {\n isLoading: isLoadingLayout,\n edit: {\n layout,\n settings: { mainField },\n },\n } = useDocumentLayout(model);\n const pageTitle = getTitle(mainField);\n\n const { isLazyLoading } = useLazyComponents([]);\n\n const isLoading = isLoadingActionsRBAC \|\| isLoadingDocument \|\| isLoadingLayout \|\| isLazyLoading;\n\n const initialValues = getInitialFormValues(isCreatingDocument);\n\n if (isLoading && !document?.documentId) {\n return <Page.Loading />;\n }\n\n if (!initialValues \|\| hasError) {\n return <Page.Error />;\n }\n\n const handleTabChange = (status: string) => {\n if (status === 'published' \|\| status === 'draft') {\n setQuery({ status }, 'push', true);\n }\n };\n\n const validateSync = (values: Record<string, unknown>, options: Record<string, string>) => {\n const yupSchema = createYupSchema(schema?.attributes, components, {\n status,\n ...options,\n });\n\n return yupSchema.validateSync(values, { abortEarly: false });\n };\n\n return (\n <Page.Main>\n <Page.Title>{pageTitle}</Page.Title>\n {isSingleType && (\n <tours.contentManager.Introduction>\n {/ Invisible Anchor /}\n <Box />\n </tours.contentManager.Introduction>\n )}\n <Form\n disabled={hasDraftAndPublished && status === 'published'}\n initialValues={initialValues}\n method={isCreatingDocument ? 'POST' : 'PUT'}\n validate={(values: Record<string, unknown>, options: Record<string, string>) => {\n // removes hidden fields from the validation\n // this is necessary because the yup schema doesn't know about the visibility conditions\n // and we don't want to validate fields that are not visible\n const { data: cleanedValues, removedAttributes } = handleInvisibleAttributes(values, {\n schema,\n initialValues,\n components,\n });\n\n const yupSchema = createYupSchema(schema?.attributes, components, {\n status,\n removedAttributes,\n ...options,\n });\n\n return yupSchema.validate(cleanedValues, { abortEarly: false });\n }}\n initialErrors={location?.state?.forceValidation ? validateSync(initialValues, {}) : {}}\n >\n <>\n <Header\n isCreating={isCreatingDocument}\n status={hasDraftAndPublished ? getDocumentStatus(document, meta) : undefined}\n title={pageTitle}\n />\n <Layouts.Content>\n <Tabs.Root variant=\"simple\" value={status} onValueChange={handleTabChange}>\n <Tabs.List\n aria-label={formatMessage({\n id: getTranslation('containers.edit.tabs.label'),\n defaultMessage: 'Document status',\n })}\n >\n {hasDraftAndPublished ? (\n <>\n <StatusTab value=\"draft\">\n {formatMessage({\n id: getTranslation('containers.edit.tabs.draft'),\n defaultMessage: 'draft',\n })}\n </StatusTab>\n <StatusTab\n disabled={!meta \|\| meta.availableStatus.length === 0}\n value=\"published\"\n >\n {formatMessage({\n id: getTranslation('containers.edit.tabs.published'),\n defaultMessage: 'published',\n })}\n </StatusTab>\n </>\n ) : null}\n </Tabs.List>\n <Grid.Root\n paddingTop={{\n initial: 2,\n medium: 4,\n large: 8,\n }}\n gap={4}\n >\n <Grid.Item col={9} xs={12} direction=\"column\" alignItems=\"stretch\">\n <Tabs.Content value=\"draft\">\n <tours.contentManager.Fields>\n <Box />\n </tours.contentManager.Fields>\n <FormLayout layout={layout} document={doc} />\n </Tabs.Content>\n <Tabs.Content value=\"published\">\n <FormLayout layout={layout} document={doc} />\n </Tabs.Content>\n </Grid.Item>\n <Grid.Item col={3} xs={12} direction=\"column\" alignItems=\"stretch\">\n <Panels />\n </Grid.Item>\n </Grid.Root>\n </Tabs.Root>\n </Layouts.Content>\n <Blocker />\n </>\n </Form>\n </Page.Main>\n );\n};\n\nconst StatusTab = styled(Tabs.Trigger)`\n text-transform: uppercase;\n`;\n\n/\n @internal\n * @description Returns the status of the document where its latest state takes priority,\n * this typically will be \"published\" unless a user has edited their draft in which we should\n * display \"modified\".\n /\nconst getDocumentStatus = (\n document: ReturnType<UseDocument>['document'],\n meta: ReturnType<UseDocument>['meta']\n): 'draft' \| 'published' \| 'modified' => {\n const docStatus = document?.status;\n const statuses = meta?.availableStatus ?? [];\n\n /\n Creating an entry\n /\n if (!docStatus) {\n return 'draft';\n }\n\n /\n We're viewing a draft, but the document could have a published version\n /\n if (docStatus === 'draft' && statuses.find((doc) => doc.publishedAt !== null)) {\n return 'published';\n }\n\n return docStatus;\n};\n\n/ -------------------------------------------------------------------------------------------------\n * ProtectedEditViewPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst ProtectedEditViewPage = () => {\n const { slug = '' } = useParams<{\n slug: string;\n }>();\n const {\n permissions = [],\n isLoading,\n error,\n } = useRBAC(\n PERMISSIONS.map((action) => ({\n action,\n subject: slug,\n }))\n );\n\n if (isLoading) {\n return <Page.Loading />;\n }\n\n if (error \|\| !slug) {\n return <Page.Error />;\n }\n\n return (\n <Page.Protect permissions={permissions}>\n {({ permissions }) => (\n <DocumentRBAC permissions={permissions}>\n <EditViewPage />\n </DocumentRBAC>\n )}\n </Page.Protect>\n );\n};\n\nexport { EditViewPage, ProtectedEditViewPage, getDocumentStatus };\n"],"names":["EditViewPage","location","useLocation","query","status","setQuery","useQueryParams","formatMessage","useIntl","toggleNotification","useNotification","doc","useDoc","document","meta","isLoading","isLoadingDocument","schema","components","collectionType","id","model","hasError","getTitle","getInitialFormValues","hasDraftAndPublished","options","draftAndPublish","useOnce","state","type","message","error","timeout","isLoadingActionsRBAC","useDocumentRBAC","isSingleType","SINGLE_TYPES","isCreatingDocument","isLoadingLayout","edit","layout","settings","mainField","useDocumentLayout","pageTitle","isLazyLoading","useLazyComponents","initialValues","documentId","_jsx","Page","Loading","Error","handleTabChange","validateSync","values","yupSchema","createYupSchema","attributes","abortEarly","_jsxs","Main","Title","tours","contentManager","Introduction","Box","Form","disabled","method","validate","data","cleanedValues","removedAttributes","handleInvisibleAttributes","initialErrors","forceValidation","_Fragment","Header","isCreating","getDocumentStatus","undefined","title","Layouts","Content","Tabs","Root","variant","value","onValueChange","List","aria-label","getTranslation","defaultMessage","StatusTab","availableStatus","length","Grid","paddingTop","initial","medium","large","gap","Item","col","xs","direction","alignItems","Fields","FormLayout","Panels","Blocker","styled","Trigger","docStatus","statuses","find","publishedAt","ProtectedEditViewPage","slug","useParams","permissions","useRBAC","PERMISSIONS","map","action","subject","Protect","DocumentRBAC"],"mappings":"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"}
1	+ {"version":3,"file":"EditViewPage.js","sources":["../../../../admin/src/pages/EditView/EditViewPage.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n Page,\n Form,\n useRBAC,\n useNotification,\n useQueryParams,\n tours,\n Layouts,\n useIsDesktop,\n useIsMobile,\n} from '@strapi/admin/strapi-admin';\nimport { Grid, Tabs, Box } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { useLocation, useParams } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { ActionsDrawer } from '../../components/ActionsDrawer';\nimport { SINGLE_TYPES } from '../../constants/collections';\nimport { PERMISSIONS } from '../../constants/plugin';\nimport { DocumentRBAC, useDocumentRBAC } from '../../features/DocumentRBAC';\nimport { useDoc, type UseDocument } from '../../hooks/useDocument';\nimport { useDocumentLayout } from '../../hooks/useDocumentLayout';\nimport { useLazyComponents } from '../../hooks/useLazyComponents';\nimport { useOnce } from '../../hooks/useOnce';\nimport { usePersistentPartialQueryParams } from '../../hooks/usePersistentQueryParams';\nimport { getTranslation } from '../../utils/translations';\nimport { createYupSchema } from '../../utils/validation';\n\nimport { Blocker } from './components/Blocker';\nimport { FormLayout } from './components/FormLayout';\nimport { Header } from './components/Header';\nimport { Panels, PanelsProvider, usePanelsContext, ActionsPanelContent } from './components/Panels';\nimport { handleInvisibleAttributes } from './utils/data';\n\n/* -------------------------------------------------------------------------------------------------\n * EditViewPage\n * -----------------------------------------------------------------------------------------------/\n\nconst EditViewPage = () => {\n const location = useLocation();\n const [\n {\n query: { status },\n },\n setQuery,\n ] = useQueryParams<{ status: 'draft' \| 'published' }>({\n status: 'draft',\n });\n const { formatMessage } = useIntl();\n const { toggleNotification } = useNotification();\n const isDesktop = useIsDesktop();\n const isMobile = useIsMobile();\n const visiblePanels = usePanelsContext('Panels', (s) => s.visiblePanels);\n const drawerHasContent = visiblePanels.length > 0;\n\n usePersistentPartialQueryParams('STRAPI_LOCALE', ['plugins.i18n.locale'], false);\n\n const doc = useDoc();\n const {\n document,\n meta,\n isLoading: isLoadingDocument,\n schema,\n components,\n collectionType,\n id,\n model,\n hasError,\n getTitle,\n getInitialFormValues,\n } = doc;\n\n const hasDraftAndPublished = schema?.options?.draftAndPublish ?? false;\n\n useOnce(() => {\n /\n We only ever want to fire the notification once otherwise\n * whenever the app re-renders it'll pop up regardless of\n * what we do because the state comes from react-router-dom\n /\n if (location?.state && 'error' in location.state) {\n toggleNotification({\n type: 'danger',\n message: location.state.error,\n timeout: 5000,\n });\n }\n });\n\n const isLoadingActionsRBAC = useDocumentRBAC('EditViewPage', (state) => state.isLoading);\n\n const isSingleType = collectionType === SINGLE_TYPES;\n\n /\n single-types don't current have an id, but because they're a singleton\n * we can simply use the update operation to continuously update the same\n * document with varying params.\n /\n const isCreatingDocument = !id && !isSingleType;\n\n const {\n isLoading: isLoadingLayout,\n edit: {\n layout,\n settings: { mainField },\n },\n } = useDocumentLayout(model);\n const pageTitle = getTitle(mainField);\n\n const { isLazyLoading } = useLazyComponents([]);\n\n const isLoading = isLoadingActionsRBAC \|\| isLoadingDocument \|\| isLoadingLayout \|\| isLazyLoading;\n\n const initialValues = getInitialFormValues(isCreatingDocument);\n\n if (isLoading && !document?.documentId) {\n return <Page.Loading />;\n }\n\n if (!initialValues \|\| hasError) {\n return <Page.Error />;\n }\n\n const handleTabChange = (status: string) => {\n if (status === 'published' \|\| status === 'draft') {\n setQuery({ status }, 'push', true);\n }\n };\n\n const validateSync = (values: Record<string, unknown>, options: Record<string, string>) => {\n const yupSchema = createYupSchema(schema?.attributes, components, {\n status,\n ...options,\n });\n\n return yupSchema.validateSync(values, { abortEarly: false });\n };\n\n return (\n <Page.Main>\n <Page.Title>{pageTitle}</Page.Title>\n {isSingleType && (\n <tours.contentManager.Introduction>\n {/ Invisible Anchor /}\n <Box />\n </tours.contentManager.Introduction>\n )}\n <Form\n disabled={hasDraftAndPublished && status === 'published'}\n initialValues={initialValues}\n method={isCreatingDocument ? 'POST' : 'PUT'}\n validate={(values: Record<string, unknown>, options: Record<string, string>) => {\n // removes hidden fields from the validation\n // this is necessary because the yup schema doesn't know about the visibility conditions\n // and we don't want to validate fields that are not visible\n const { data: cleanedValues, removedAttributes } = handleInvisibleAttributes(values, {\n schema,\n initialValues,\n components,\n });\n\n const yupSchema = createYupSchema(schema?.attributes, components, {\n status,\n removedAttributes,\n ...options,\n });\n\n return yupSchema.validate(cleanedValues, { abortEarly: false });\n }}\n initialErrors={location?.state?.forceValidation ? validateSync(initialValues, {}) : {}}\n >\n <>\n <Header\n isCreating={isCreatingDocument}\n status={hasDraftAndPublished ? getDocumentStatus(document, meta) : undefined}\n title={pageTitle}\n />\n <Layouts.Content>\n <Tabs.Root variant=\"simple\" value={status} onValueChange={handleTabChange}>\n <Tabs.List\n aria-label={formatMessage({\n id: getTranslation('containers.edit.tabs.label'),\n defaultMessage: 'Document status',\n })}\n >\n {hasDraftAndPublished ? (\n <>\n <StatusTab value=\"draft\">\n {formatMessage({\n id: getTranslation('containers.edit.tabs.draft'),\n defaultMessage: 'draft',\n })}\n </StatusTab>\n <StatusTab\n disabled={!meta \|\| meta.availableStatus.length === 0}\n value=\"published\"\n >\n {formatMessage({\n id: getTranslation('containers.edit.tabs.published'),\n defaultMessage: 'published',\n })}\n </StatusTab>\n </>\n ) : null}\n </Tabs.List>\n <Grid.Root\n paddingTop={{\n initial: 6,\n medium: 4,\n large: 8,\n }}\n gap={4}\n >\n <Grid.Item col={9} xs={12} direction=\"column\" alignItems=\"stretch\">\n <Tabs.Content value=\"draft\">\n <tours.contentManager.Fields>\n <Box />\n </tours.contentManager.Fields>\n <FormLayout layout={layout} document={doc} hasBackground={!isMobile} />\n </Tabs.Content>\n <Tabs.Content value=\"published\">\n <FormLayout layout={layout} document={doc} hasBackground={!isMobile} />\n </Tabs.Content>\n </Grid.Item>\n {isDesktop && (\n <Grid.Item col={3} direction=\"column\" alignItems=\"stretch\">\n <Panels />\n </Grid.Item>\n )}\n </Grid.Root>\n </Tabs.Root>\n {!isDesktop && (\n <>\n <ActionsDrawer.Root hasContent={drawerHasContent} hasSideNav>\n <ActionsDrawer.Overlay />\n <ActionsDrawer.Header>\n <ActionsPanelContent />\n </ActionsDrawer.Header>\n <ActionsDrawer.Content>\n <Panels withActions={false} />\n </ActionsDrawer.Content>\n </ActionsDrawer.Root>\n {/ Adding a fixed height to the bottom of the page to prevent \n the actions drawer from covering the content\n (40px button + 12px * 2 padding + 1px border) /}\n <Box height=\"6.5rem\" />\n </>\n )}\n </Layouts.Content>\n <Blocker />\n </>\n </Form>\n </Page.Main>\n );\n};\n\nconst StatusTab = styled(Tabs.Trigger)`\n text-transform: uppercase;\n`;\n\n/\n @internal\n * @description Returns the status of the document where its latest state takes priority,\n * this typically will be \"published\" unless a user has edited their draft in which we should\n * display \"modified\".\n /\nconst getDocumentStatus = (\n document: ReturnType<UseDocument>['document'],\n meta: ReturnType<UseDocument>['meta']\n): 'draft' \| 'published' \| 'modified' => {\n const docStatus = document?.status;\n const statuses = meta?.availableStatus ?? [];\n\n /\n Creating an entry\n /\n if (!docStatus) {\n return 'draft';\n }\n\n /\n We're viewing a draft, but the document could have a published version\n /\n if (docStatus === 'draft' && statuses.find((doc) => doc.publishedAt !== null)) {\n return 'published';\n }\n\n return docStatus;\n};\n\n/ -------------------------------------------------------------------------------------------------\n * ProtectedEditViewPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst ProtectedEditViewPage = () => {\n const { slug = '' } = useParams<{\n slug: string;\n }>();\n const {\n permissions = [],\n isLoading,\n error,\n } = useRBAC(\n PERMISSIONS.map((action) => ({\n action,\n subject: slug,\n }))\n );\n\n if (isLoading) {\n return <Page.Loading />;\n }\n\n if (error \|\| !slug) {\n return <Page.Error />;\n }\n\n return (\n <Page.Protect permissions={permissions}>\n {({ permissions }) => (\n <DocumentRBAC permissions={permissions}>\n <PanelsProvider>\n <EditViewPage />\n </PanelsProvider>\n </DocumentRBAC>\n )}\n </Page.Protect>\n );\n};\n\nexport { EditViewPage, ProtectedEditViewPage, getDocumentStatus };\n"],"names":["EditViewPage","location","useLocation","query","status","setQuery","useQueryParams","formatMessage","useIntl","toggleNotification","useNotification","isDesktop","useIsDesktop","isMobile","useIsMobile","visiblePanels","usePanelsContext","s","drawerHasContent","length","usePersistentPartialQueryParams","doc","useDoc","document","meta","isLoading","isLoadingDocument","schema","components","collectionType","id","model","hasError","getTitle","getInitialFormValues","hasDraftAndPublished","options","draftAndPublish","useOnce","state","type","message","error","timeout","isLoadingActionsRBAC","useDocumentRBAC","isSingleType","SINGLE_TYPES","isCreatingDocument","isLoadingLayout","edit","layout","settings","mainField","useDocumentLayout","pageTitle","isLazyLoading","useLazyComponents","initialValues","documentId","_jsx","Page","Loading","Error","handleTabChange","validateSync","values","yupSchema","createYupSchema","attributes","abortEarly","_jsxs","Main","Title","tours","contentManager","Introduction","Box","Form","disabled","method","validate","data","cleanedValues","removedAttributes","handleInvisibleAttributes","initialErrors","forceValidation","_Fragment","Header","isCreating","getDocumentStatus","undefined","title","Layouts","Content","Tabs","Root","variant","value","onValueChange","List","aria-label","getTranslation","defaultMessage","StatusTab","availableStatus","Grid","paddingTop","initial","medium","large","gap","Item","col","xs","direction","alignItems","Fields","FormLayout","hasBackground","Panels","ActionsDrawer","hasContent","hasSideNav","Overlay","ActionsPanelContent","withActions","height","Blocker","styled","Trigger","docStatus","statuses","find","publishedAt","ProtectedEditViewPage","slug","useParams","permissions","useRBAC","PERMISSIONS","map","action","subject","Protect","DocumentRBAC","PanelsProvider"],"mappings":"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"}

package/dist/admin/pages/EditView/EditViewPage.mjs CHANGED Viewed

@@ -1,10 +1,11 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import 'react';
-import { useQueryParams, useNotification, Page, tours, Form, Layouts, useRBAC } from '@strapi/admin/strapi-admin';
+import { useQueryParams, useNotification, useIsDesktop, useIsMobile, Page, tours, Form, Layouts, useRBAC } from '@strapi/admin/strapi-admin';
 import { Tabs, Box, Grid } from '@strapi/design-system';
 import { useIntl } from 'react-intl';
 import { useLocation, useParams } from 'react-router-dom';
 import { styled } from 'styled-components';
+import { ActionsDrawer } from '../../components/ActionsDrawer.mjs';
 import { SINGLE_TYPES } from '../../constants/collections.mjs';
 import { PERMISSIONS } from '../../constants/plugin.mjs';
 import { useDocumentRBAC, DocumentRBAC } from '../../features/DocumentRBAC.mjs';
@@ -12,12 +13,13 @@ import { useDoc } from '../../hooks/useDocument.mjs';
 import { useDocumentLayout } from '../../hooks/useDocumentLayout.mjs';
 import { useLazyComponents } from '../../hooks/useLazyComponents.mjs';
 import { useOnce } from '../../hooks/useOnce.mjs';
+import { usePersistentPartialQueryParams } from '../../hooks/usePersistentQueryParams.mjs';
 import { getTranslation } from '../../utils/translations.mjs';
 import { createYupSchema } from '../../utils/validation.mjs';
 import { Blocker } from './components/Blocker.mjs';
 import { FormLayout } from './components/FormLayout.mjs';
 import { Header } from './components/Header.mjs';
-import { Panels } from './components/Panels.mjs';
+import { usePanelsContext, Panels, ActionsPanelContent, PanelsProvider } from './components/Panels.mjs';
 import { handleInvisibleAttributes } from './utils/data.mjs';
 /* -------------------------------------------------------------------------------------------------
@@ -29,6 +31,13 @@ import { handleInvisibleAttributes } from './utils/data.mjs';
     });
     const { formatMessage } = useIntl();
     const { toggleNotification } = useNotification();
+    const isDesktop = useIsDesktop();
+    const isMobile = useIsMobile();
+    const visiblePanels = usePanelsContext('Panels', (s)=>s.visiblePanels);
+    const drawerHasContent = visiblePanels.length > 0;
+    usePersistentPartialQueryParams('STRAPI_LOCALE', [
+        'plugins.i18n.locale'
+    ], false);
     const doc = useDoc();
     const { document, meta, isLoading: isLoadingDocument, schema, components, collectionType, id, model, hasError, getTitle, getInitialFormValues } = doc;
     const hasDraftAndPublished = schema?.options?.draftAndPublish ?? false;
@@ -117,83 +126,108 @@ import { handleInvisibleAttributes } from './utils/data.mjs';
                             status: hasDraftAndPublished ? getDocumentStatus(document, meta) : undefined,
                             title: pageTitle
                         }),
-                        /*#__PURE__*/ jsx(Layouts.Content, {
-                            children: /*#__PURE__*/ jsxs(Tabs.Root, {
-                                variant: "simple",
-                                value: status,
-                                onValueChange: handleTabChange,
-                                children: [
-                                    /*#__PURE__*/ jsx(Tabs.List, {
-                                        "aria-label": formatMessage({
-                                            id: getTranslation('containers.edit.tabs.label'),
-                                            defaultMessage: 'Document status'
-                                        }),
-                                        children: hasDraftAndPublished ? /*#__PURE__*/ jsxs(Fragment, {
-                                            children: [
-                                                /*#__PURE__*/ jsx(StatusTab, {
-                                                    value: "draft",
-                                                    children: formatMessage({
-                                                        id: getTranslation('containers.edit.tabs.draft'),
-                                                        defaultMessage: 'draft'
-                                                    })
-                                                }),
-                                                /*#__PURE__*/ jsx(StatusTab, {
-                                                    disabled: !meta || meta.availableStatus.length === 0,
-                                                    value: "published",
-                                                    children: formatMessage({
-                                                        id: getTranslation('containers.edit.tabs.published'),
-                                                        defaultMessage: 'published'
-                                                    })
-                                                })
-                                            ]
-                                        }) : null
-                                    }),
-                                    /*#__PURE__*/ jsxs(Grid.Root, {
-                                        paddingTop: {
-                                            initial: 2,
-                                            medium: 4,
-                                            large: 8
-                                        },
-                                        gap: 4,
-                                        children: [
-                                            /*#__PURE__*/ jsxs(Grid.Item, {
-                                                col: 9,
-                                                xs: 12,
-                                                direction: "column",
-                                                alignItems: "stretch",
+                        /*#__PURE__*/ jsxs(Layouts.Content, {
+                            children: [
+                                /*#__PURE__*/ jsxs(Tabs.Root, {
+                                    variant: "simple",
+                                    value: status,
+                                    onValueChange: handleTabChange,
+                                    children: [
+                                        /*#__PURE__*/ jsx(Tabs.List, {
+                                            "aria-label": formatMessage({
+                                                id: getTranslation('containers.edit.tabs.label'),
+                                                defaultMessage: 'Document status'
+                                            }),
+                                            children: hasDraftAndPublished ? /*#__PURE__*/ jsxs(Fragment, {
                                                 children: [
-                                                    /*#__PURE__*/ jsxs(Tabs.Content, {
+                                                    /*#__PURE__*/ jsx(StatusTab, {
                                                         value: "draft",
-                                                        children: [
-                                                            /*#__PURE__*/ jsx(tours.contentManager.Fields, {
-                                                                children: /*#__PURE__*/ jsx(Box, {})
-                                                            }),
-                                                            /*#__PURE__*/ jsx(FormLayout, {
-                                                                layout: layout,
-                                                                document: doc
-                                                            })
-                                                        ]
+                                                        children: formatMessage({
+                                                            id: getTranslation('containers.edit.tabs.draft'),
+                                                            defaultMessage: 'draft'
+                                                        })
                                                     }),
-                                                    /*#__PURE__*/ jsx(Tabs.Content, {
+                                                    /*#__PURE__*/ jsx(StatusTab, {
+                                                        disabled: !meta || meta.availableStatus.length === 0,
                                                         value: "published",
-                                                        children: /*#__PURE__*/ jsx(FormLayout, {
-                                                            layout: layout,
-                                                            document: doc
+                                                        children: formatMessage({
+                                                            id: getTranslation('containers.edit.tabs.published'),
+                                                            defaultMessage: 'published'
                                                         })
                                                     })
                                                 ]
-                                            }),
-                                            /*#__PURE__*/ jsx(Grid.Item, {
-                                                col: 3,
-                                                xs: 12,
-                                                direction: "column",
-                                                alignItems: "stretch",
-                                                children: /*#__PURE__*/ jsx(Panels, {})
-                                            })
-                                        ]
-                                    })
-                                ]
-                            })
+                                            }) : null
+                                        }),
+                                        /*#__PURE__*/ jsxs(Grid.Root, {
+                                            paddingTop: {
+                                                initial: 6,
+                                                medium: 4,
+                                                large: 8
+                                            },
+                                            gap: 4,
+                                            children: [
+                                                /*#__PURE__*/ jsxs(Grid.Item, {
+                                                    col: 9,
+                                                    xs: 12,
+                                                    direction: "column",
+                                                    alignItems: "stretch",
+                                                    children: [
+                                                        /*#__PURE__*/ jsxs(Tabs.Content, {
+                                                            value: "draft",
+                                                            children: [
+                                                                /*#__PURE__*/ jsx(tours.contentManager.Fields, {
+                                                                    children: /*#__PURE__*/ jsx(Box, {})
+                                                                }),
+                                                                /*#__PURE__*/ jsx(FormLayout, {
+                                                                    layout: layout,
+                                                                    document: doc,
+                                                                    hasBackground: !isMobile
+                                                                })
+                                                            ]
+                                                        }),
+                                                        /*#__PURE__*/ jsx(Tabs.Content, {
+                                                            value: "published",
+                                                            children: /*#__PURE__*/ jsx(FormLayout, {
+                                                                layout: layout,
+                                                                document: doc,
+                                                                hasBackground: !isMobile
+                                                            })
+                                                        })
+                                                    ]
+                                                }),
+                                                isDesktop && /*#__PURE__*/ jsx(Grid.Item, {
+                                                    col: 3,
+                                                    direction: "column",
+                                                    alignItems: "stretch",
+                                                    children: /*#__PURE__*/ jsx(Panels, {})
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                }),
+                                !isDesktop && /*#__PURE__*/ jsxs(Fragment, {
+                                    children: [
+                                        /*#__PURE__*/ jsxs(ActionsDrawer.Root, {
+                                            hasContent: drawerHasContent,
+                                            hasSideNav: true,
+                                            children: [
+                                                /*#__PURE__*/ jsx(ActionsDrawer.Overlay, {}),
+                                                /*#__PURE__*/ jsx(ActionsDrawer.Header, {
+                                                    children: /*#__PURE__*/ jsx(ActionsPanelContent, {})
+                                                }),
+                                                /*#__PURE__*/ jsx(ActionsDrawer.Content, {
+                                                    children: /*#__PURE__*/ jsx(Panels, {
+                                                        withActions: false
+                                                    })
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ jsx(Box, {
+                                            height: "6.5rem"
+                                        })
+                                    ]
+                                })
+                            ]
                         }),
                         /*#__PURE__*/ jsx(Blocker, {})
                     ]
@@ -243,7 +277,9 @@ const StatusTab = styled(Tabs.Trigger)`
         permissions: permissions,
         children: ({ permissions })=>/*#__PURE__*/ jsx(DocumentRBAC, {
                 permissions: permissions,
-                children: /*#__PURE__*/ jsx(EditViewPage, {})
+                children: /*#__PURE__*/ jsx(PanelsProvider, {
+                    children: /*#__PURE__*/ jsx(EditViewPage, {})
+                })
             })
     });
 };