@strapi/content-manager 0.0.0-experimental.c23f51fc41b3ef5de081f427d07e87af93cdcb2c → 0.0.0-experimental.c2b08ee20b017fc174cccf35c56c39438b0237b0

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

@@ -19,17 +19,28 @@ var validation = require('../../utils/validation.js');
 var FormLayout = require('./components/FormLayout.js');
 var Header = require('./components/Header.js');
 var Panels = require('./components/Panels.js');
+var data = require('./utils/data.js');
 
 /* -------------------------------------------------------------------------------------------------
  * EditViewPage
- * -----------------------------------------------------------------------------------------------*/ const EditViewPage = ()=>{
+ * -----------------------------------------------------------------------------------------------*/ // Needs to be wrapped in a component to have access to the form context via a hook.
+// Using the Form component's render prop instead would cause unnecessary re-renders of Form children
+const BlockerWrapper = ()=>{
+    const resetForm = strapiAdmin.useForm('BlockerWrapper', (state)=>state.resetForm);
+    // We reset the form to the published version to avoid errors like – https://strapi-inc.atlassian.net/browse/CONTENT-2284
+    return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Blocker, {
+        onProceed: resetForm
+    });
+};
+const EditViewPage = ()=>{
     const location = reactRouterDom.useLocation();
     const [{ query: { status } }, setQuery] = strapiAdmin.useQueryParams({
         status: 'draft'
     });
     const { formatMessage } = reactIntl.useIntl();
     const { toggleNotification } = strapiAdmin.useNotification();
-    const { document, meta, isLoading: isLoadingDocument, schema, components, collectionType, id, model, hasError, getTitle, getInitialFormValues } = useDocument.useDoc();
+    const doc = useDocument.useDoc();
+    const { document, meta, isLoading: isLoadingDocument, schema, components, collectionType, id, model, hasError, getTitle, getInitialFormValues } = doc;
     const hasDraftAndPublished = schema?.options?.draftAndPublish ?? false;
     useOnce.useOnce(()=>{
         /**
@@ -52,6 +63,7 @@ var Panels = require('./components/Panels.js');
    * document with varying params.
    */ const isCreatingDocument = !id && !isSingleType;
     const { isLoading: isLoadingLayout, edit: { layout, settings: { mainField } } } = useDocumentLayout.useDocumentLayout(model);
+    const pageTitle = getTitle(mainField);
     const { isLazyLoading } = useLazyComponents.useLazyComponents([]);
     const isLoading = isLoadingActionsRBAC || isLoadingDocument || isLoadingLayout || isLazyLoading;
     const initialValues = getInitialFormValues(isCreatingDocument);
@@ -82,100 +94,115 @@ var Panels = require('./components/Panels.js');
         paddingRight: 10,
         children: [
             /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Page.Title, {
-                children: getTitle(mainField)
+                children: pageTitle
+            }),
+            isSingleType && /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.unstable_tours.contentManager.Introduction, {
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                    paddingTop: 5
+                })
             }),
             /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Form, {
                 disabled: hasDraftAndPublished && status === 'published',
                 initialValues: initialValues,
                 method: isCreatingDocument ? 'POST' : 'PUT',
                 validate: (values, options)=>{
+                    // removes hidden fields from the validation
+                    // this is necessary because the yup schema doesn't know about the visibility conditions
+                    // and we don't want to validate fields that are not visible
+                    const { data: cleanedValues, removedAttributes } = data.handleInvisibleAttributes(values, {
+                        schema,
+                        initialValues,
+                        components
+                    });
                     const yupSchema = validation.createYupSchema(schema?.attributes, components, {
                         status,
+                        removedAttributes,
                         ...options
                     });
-                    return yupSchema.validate(values, {
+                    return yupSchema.validate(cleanedValues, {
                         abortEarly: false
                     });
                 },
                 initialErrors: location?.state?.forceValidation ? validateSync(initialValues, {}) : {},
-                children: ({ resetForm })=>/*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-                        children: [
-                            /*#__PURE__*/ jsxRuntime.jsx(Header.Header, {
-                                isCreating: isCreatingDocument,
-                                status: hasDraftAndPublished ? getDocumentStatus(document, meta) : undefined,
-                                title: getTitle(mainField)
-                            }),
-                            /*#__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(jsxRuntime.Fragment, {
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(Header.Header, {
+                            isCreating: isCreatingDocument,
+                            status: hasDraftAndPublished ? getDocumentStatus(document, meta) : undefined,
+                            title: pageTitle
+                        }),
+                        /*#__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: 8,
+                                    gap: 4,
+                                    children: [
+                                        /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Grid.Item, {
+                                            col: 9,
+                                            s: 12,
+                                            direction: "column",
+                                            alignItems: "stretch",
                                             children: [
-                                                /*#__PURE__*/ jsxRuntime.jsx(StatusTab, {
-                                                    value: "draft",
-                                                    children: formatMessage({
-                                                        id: translations.getTranslation('containers.edit.tabs.draft'),
-                                                        defaultMessage: 'draft'
+                                                /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.unstable_tours.contentManager.Fields, {
+                                                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tabs.Content, {
+                                                        value: "draft",
+                                                        children: /*#__PURE__*/ jsxRuntime.jsx(FormLayout.FormLayout, {
+                                                            layout: layout,
+                                                            document: doc
+                                                        })
                                                     })
                                                 }),
-                                                /*#__PURE__*/ jsxRuntime.jsx(StatusTab, {
-                                                    disabled: !meta || meta.availableStatus.length === 0,
+                                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tabs.Content, {
                                                     value: "published",
-                                                    children: formatMessage({
-                                                        id: translations.getTranslation('containers.edit.tabs.published'),
-                                                        defaultMessage: 'published'
+                                                    children: /*#__PURE__*/ jsxRuntime.jsx(FormLayout.FormLayout, {
+                                                        layout: layout,
+                                                        document: doc
                                                     })
                                                 })
                                             ]
-                                        }) : null
-                                    }),
-                                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Grid.Root, {
-                                        paddingTop: 8,
-                                        gap: 4,
-                                        children: [
-                                            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Grid.Item, {
-                                                col: 9,
-                                                s: 12,
-                                                direction: "column",
-                                                alignItems: "stretch",
-                                                children: [
-                                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tabs.Content, {
-                                                        value: "draft",
-                                                        children: /*#__PURE__*/ jsxRuntime.jsx(FormLayout.FormLayout, {
-                                                            layout: layout
-                                                        })
-                                                    }),
-                                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tabs.Content, {
-                                                        value: "published",
-                                                        children: /*#__PURE__*/ jsxRuntime.jsx(FormLayout.FormLayout, {
-                                                            layout: layout
-                                                        })
-                                                    })
-                                                ]
-                                            }),
-                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
-                                                col: 3,
-                                                s: 12,
-                                                direction: "column",
-                                                alignItems: "stretch",
-                                                children: /*#__PURE__*/ jsxRuntime.jsx(Panels.Panels, {})
-                                            })
-                                        ]
-                                    })
-                                ]
-                            }),
-                            /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Blocker, {
-                                // We reset the form to the published version to avoid errors like – https://strapi-inc.atlassian.net/browse/CONTENT-2284
-                                onProceed: resetForm
-                            })
-                        ]
-                    })
+                                        }),
+                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
+                                            col: 3,
+                                            s: 12,
+                                            direction: "column",
+                                            alignItems: "stretch",
+                                            children: /*#__PURE__*/ jsxRuntime.jsx(Panels.Panels, {})
+                                        })
+                                    ]
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(BlockerWrapper, {})
+                    ]
+                })
             })
         ]
     });

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

@@ -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  Blocker,\n  Form,\n  useRBAC,\n  useNotification,\n  useQueryParams,\n} from '@strapi/admin/strapi-admin';\nimport { Grid, Main, Tabs } 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 { type UseDocument, useDoc } 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 { FormLayout } from './components/FormLayout';\nimport { Header } from './components/Header';\nimport { Panels } from './components/Panels';\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 {\n    document,\n    meta,\n    isLoading: isLoadingDocument,\n    schema,\n    components,\n    collectionType,\n    id,\n    model,\n    hasError,\n    getTitle,\n    getInitialFormValues,\n  } = useDoc();\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\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    <Main paddingLeft={10} paddingRight={10}>\n      <Page.Title>{getTitle(mainField)}</Page.Title>\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          const yupSchema = createYupSchema(schema?.attributes, components, {\n            status,\n            ...options,\n          });\n\n          return yupSchema.validate(values, { abortEarly: false });\n        }}\n        initialErrors={location?.state?.forceValidation ? validateSync(initialValues, {}) : {}}\n      >\n        {({ resetForm }) => (\n          <>\n            <Header\n              isCreating={isCreatingDocument}\n              status={hasDraftAndPublished ? getDocumentStatus(document, meta) : undefined}\n              title={getTitle(mainField)}\n            />\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 paddingTop={8} gap={4}>\n                <Grid.Item col={9} s={12} direction=\"column\" alignItems=\"stretch\">\n                  <Tabs.Content value=\"draft\">\n                    <FormLayout layout={layout} />\n                  </Tabs.Content>\n                  <Tabs.Content value=\"published\">\n                    <FormLayout layout={layout} />\n                  </Tabs.Content>\n                </Grid.Item>\n                <Grid.Item col={3} s={12} direction=\"column\" alignItems=\"stretch\">\n                  <Panels />\n                </Grid.Item>\n              </Grid.Root>\n            </Tabs.Root>\n            <Blocker\n              // We reset the form to the published version to avoid errors like – https://strapi-inc.atlassian.net/browse/CONTENT-2284\n              onProceed={resetForm}\n            />\n          </>\n        )}\n      </Form>\n    </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","document","meta","isLoading","isLoadingDocument","schema","components","collectionType","id","model","hasError","getTitle","getInitialFormValues","useDoc","hasDraftAndPublished","options","draftAndPublish","useOnce","state","type","message","error","timeout","isLoadingActionsRBAC","useDocumentRBAC","isSingleType","SINGLE_TYPES","isCreatingDocument","isLoadingLayout","edit","layout","settings","mainField","useDocumentLayout","isLazyLoading","useLazyComponents","initialValues","documentId","_jsx","Page","Loading","Error","handleTabChange","validateSync","values","yupSchema","createYupSchema","attributes","abortEarly","_jsxs","Main","paddingLeft","paddingRight","Title","Form","disabled","method","validate","initialErrors","forceValidation","resetForm","_Fragment","Header","isCreating","getDocumentStatus","undefined","title","Tabs","Root","variant","value","onValueChange","List","aria-label","getTranslation","defaultMessage","StatusTab","availableStatus","length","Grid","paddingTop","gap","Item","col","s","direction","alignItems","Content","FormLayout","Panels","Blocker","onProceed","styled","Trigger","docStatus","statuses","find","doc","publishedAt","ProtectedEditViewPage","slug","useParams","permissions","useRBAC","PERMISSIONS","map","action","subject","Protect","DocumentRBAC"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA6BA;;AAEkG,2GAE5FA,YAAe,GAAA,IAAA;AACnB,IAAA,MAAMC,QAAWC,GAAAA,0BAAAA,EAAAA;IACjB,MAAM,CACJ,EACEC,KAAAA,EAAO,EAAEC,MAAM,EAAE,EAClB,EACDC,QACD,CAAA,GAAGC,0BAAkD,CAAA;QACpDF,MAAQ,EAAA;AACV,KAAA,CAAA;IACA,MAAM,EAAEG,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAC1B,MAAM,EAAEC,kBAAkB,EAAE,GAAGC,2BAAAA,EAAAA;IAE/B,MAAM,EACJC,QAAQ,EACRC,IAAI,EACJC,WAAWC,iBAAiB,EAC5BC,MAAM,EACNC,UAAU,EACVC,cAAc,EACdC,EAAE,EACFC,KAAK,EACLC,QAAQ,EACRC,QAAQ,EACRC,oBAAoB,EACrB,GAAGC,kBAAAA,EAAAA;IAEJ,MAAMC,oBAAAA,GAAuBT,MAAQU,EAAAA,OAAAA,EAASC,eAAmB,IAAA,KAAA;IAEjEC,eAAQ,CAAA,IAAA;AACN;;;;AAIC,QACD,IAAI1B,QAAU2B,EAAAA,KAAAA,IAAS,OAAW3B,IAAAA,QAAAA,CAAS2B,KAAK,EAAE;YAChDnB,kBAAmB,CAAA;gBACjBoB,IAAM,EAAA,QAAA;gBACNC,OAAS7B,EAAAA,QAAAA,CAAS2B,KAAK,CAACG,KAAK;gBAC7BC,OAAS,EAAA;AACX,aAAA,CAAA;AACF;AACF,KAAA,CAAA;AAEA,IAAA,MAAMC,uBAAuBC,4BAAgB,CAAA,cAAA,EAAgB,CAACN,KAAAA,GAAUA,MAAMf,SAAS,CAAA;AAEvF,IAAA,MAAMsB,eAAelB,cAAmBmB,KAAAA,wBAAAA;AAExC;;;;AAIC,MACD,MAAMC,kBAAAA,GAAqB,CAACnB,EAAAA,IAAM,CAACiB,YAAAA;AAEnC,IAAA,MAAM,EACJtB,SAAAA,EAAWyB,eAAe,EAC1BC,MAAM,EACJC,MAAM,EACNC,QAAAA,EAAU,EAAEC,SAAS,EAAE,EACxB,EACF,GAAGC,mCAAkBxB,CAAAA,KAAAA,CAAAA;AAEtB,IAAA,MAAM,EAAEyB,aAAa,EAAE,GAAGC,oCAAkB,EAAE,CAAA;IAE9C,MAAMhC,SAAAA,GAAYoB,oBAAwBnB,IAAAA,iBAAAA,IAAqBwB,eAAmBM,IAAAA,aAAAA;AAElF,IAAA,MAAME,gBAAgBxB,oBAAqBe,CAAAA,kBAAAA,CAAAA;IAE3C,IAAIxB,SAAAA,IAAa,CAACF,QAAAA,EAAUoC,UAAY,EAAA;QACtC,qBAAOC,cAAA,CAACC,iBAAKC,OAAO,EAAA,EAAA,CAAA;AACtB;IAEA,IAAI,CAACJ,iBAAiB1B,QAAU,EAAA;QAC9B,qBAAO4B,cAAA,CAACC,iBAAKE,KAAK,EAAA,EAAA,CAAA;AACpB;AAEA,IAAA,MAAMC,kBAAkB,CAAChD,MAAAA,GAAAA;QACvB,IAAIA,MAAAA,KAAW,WAAeA,IAAAA,MAAAA,KAAW,OAAS,EAAA;YAChDC,QAAS,CAAA;AAAED,gBAAAA;AAAO,aAAA,EAAG,MAAQ,EAAA,IAAA,CAAA;AAC/B;AACF,KAAA;IAEA,MAAMiD,YAAAA,GAAe,CAACC,MAAiC7B,EAAAA,OAAAA,GAAAA;AACrD,QAAA,MAAM8B,SAAYC,GAAAA,0BAAAA,CAAgBzC,MAAQ0C,EAAAA,UAAAA,EAAYzC,UAAY,EAAA;AAChEZ,YAAAA,MAAAA;AACA,YAAA,GAAGqB;AACL,SAAA,CAAA;QAEA,OAAO8B,SAAAA,CAAUF,YAAY,CAACC,MAAQ,EAAA;YAAEI,UAAY,EAAA;AAAM,SAAA,CAAA;AAC5D,KAAA;AAEA,IAAA,qBACEC,eAACC,CAAAA,iBAAAA,EAAAA;QAAKC,WAAa,EAAA,EAAA;QAAIC,YAAc,EAAA,EAAA;;AACnC,0BAAAd,cAAA,CAACC,iBAAKc,KAAK,EAAA;0BAAE1C,QAASqB,CAAAA,SAAAA;;0BACtBM,cAACgB,CAAAA,gBAAAA,EAAAA;AACCC,gBAAAA,QAAAA,EAAUzC,wBAAwBpB,MAAW,KAAA,WAAA;gBAC7C0C,aAAeA,EAAAA,aAAAA;AACfoB,gBAAAA,MAAAA,EAAQ7B,qBAAqB,MAAS,GAAA,KAAA;AACtC8B,gBAAAA,QAAAA,EAAU,CAACb,MAAiC7B,EAAAA,OAAAA,GAAAA;AAC1C,oBAAA,MAAM8B,SAAYC,GAAAA,0BAAAA,CAAgBzC,MAAQ0C,EAAAA,UAAAA,EAAYzC,UAAY,EAAA;AAChEZ,wBAAAA,MAAAA;AACA,wBAAA,GAAGqB;AACL,qBAAA,CAAA;oBAEA,OAAO8B,SAAAA,CAAUY,QAAQ,CAACb,MAAQ,EAAA;wBAAEI,UAAY,EAAA;AAAM,qBAAA,CAAA;AACxD,iBAAA;AACAU,gBAAAA,aAAAA,EAAenE,UAAU2B,KAAOyC,EAAAA,eAAAA,GAAkBhB,aAAaP,aAAe,EAAA,MAAM,EAAC;0BAEpF,CAAC,EAAEwB,SAAS,EAAE,iBACbX,eAAA,CAAAY,mBAAA,EAAA;;0CACEvB,cAACwB,CAAAA,aAAAA,EAAAA;gCACCC,UAAYpC,EAAAA,kBAAAA;gCACZjC,MAAQoB,EAAAA,oBAAAA,GAAuBkD,iBAAkB/D,CAAAA,QAAAA,EAAUC,IAAQ+D,CAAAA,GAAAA,SAAAA;AACnEC,gCAAAA,KAAAA,EAAOvD,QAASqB,CAAAA,SAAAA;;AAElB,0CAAAiB,eAAA,CAACkB,kBAAKC,IAAI,EAAA;gCAACC,OAAQ,EAAA,QAAA;gCAASC,KAAO5E,EAAAA,MAAAA;gCAAQ6E,aAAe7B,EAAAA,eAAAA;;AACxD,kDAAAJ,cAAA,CAAC6B,kBAAKK,IAAI,EAAA;AACRC,wCAAAA,YAAAA,EAAY5E,aAAc,CAAA;AACxBW,4CAAAA,EAAAA,EAAIkE,2BAAe,CAAA,4BAAA,CAAA;4CACnBC,cAAgB,EAAA;AAClB,yCAAA,CAAA;kDAEC7D,oBACC,iBAAAmC,eAAA,CAAAY,mBAAA,EAAA;;8DACEvB,cAACsC,CAAAA,SAAAA,EAAAA;oDAAUN,KAAM,EAAA,OAAA;8DACdzE,aAAc,CAAA;AACbW,wDAAAA,EAAAA,EAAIkE,2BAAe,CAAA,4BAAA,CAAA;wDACnBC,cAAgB,EAAA;AAClB,qDAAA;;8DAEFrC,cAACsC,CAAAA,SAAAA,EAAAA;AACCrB,oDAAAA,QAAAA,EAAU,CAACrD,IAAQA,IAAAA,IAAAA,CAAK2E,eAAe,CAACC,MAAM,KAAK,CAAA;oDACnDR,KAAM,EAAA,WAAA;8DAELzE,aAAc,CAAA;AACbW,wDAAAA,EAAAA,EAAIkE,2BAAe,CAAA,gCAAA,CAAA;wDACnBC,cAAgB,EAAA;AAClB,qDAAA;;;AAGF,yCAAA,CAAA,GAAA;;AAEN,kDAAA1B,eAAA,CAAC8B,kBAAKX,IAAI,EAAA;wCAACY,UAAY,EAAA,CAAA;wCAAGC,GAAK,EAAA,CAAA;;AAC7B,0DAAAhC,eAAA,CAAC8B,kBAAKG,IAAI,EAAA;gDAACC,GAAK,EAAA,CAAA;gDAAGC,CAAG,EAAA,EAAA;gDAAIC,SAAU,EAAA,QAAA;gDAASC,UAAW,EAAA,SAAA;;AACtD,kEAAAhD,cAAA,CAAC6B,kBAAKoB,OAAO,EAAA;wDAACjB,KAAM,EAAA,OAAA;AAClB,wDAAA,QAAA,gBAAAhC,cAACkD,CAAAA,qBAAAA,EAAAA;4DAAW1D,MAAQA,EAAAA;;;AAEtB,kEAAAQ,cAAA,CAAC6B,kBAAKoB,OAAO,EAAA;wDAACjB,KAAM,EAAA,WAAA;AAClB,wDAAA,QAAA,gBAAAhC,cAACkD,CAAAA,qBAAAA,EAAAA;4DAAW1D,MAAQA,EAAAA;;;;;AAGxB,0DAAAQ,cAAA,CAACyC,kBAAKG,IAAI,EAAA;gDAACC,GAAK,EAAA,CAAA;gDAAGC,CAAG,EAAA,EAAA;gDAAIC,SAAU,EAAA,QAAA;gDAASC,UAAW,EAAA,SAAA;AACtD,gDAAA,QAAA,gBAAAhD,cAACmD,CAAAA,aAAAA,EAAAA,EAAAA;;;;;;0CAIPnD,cAACoD,CAAAA,mBAAAA,EAAAA;;gCAECC,SAAW/B,EAAAA;;;;;;;AAOzB;AAEA,MAAMgB,SAAYgB,GAAAA,uBAAAA,CAAOzB,iBAAK0B,CAAAA,OAAO,CAAC;;AAEtC,CAAC;AAED;;;;;IAMA,MAAM7B,iBAAoB,GAAA,CACxB/D,QACAC,EAAAA,IAAAA,GAAAA;AAEA,IAAA,MAAM4F,YAAY7F,QAAUP,EAAAA,MAAAA;IAC5B,MAAMqG,QAAAA,GAAW7F,IAAM2E,EAAAA,eAAAA,IAAmB,EAAE;AAE5C;;MAGA,IAAI,CAACiB,SAAW,EAAA;QACd,OAAO,OAAA;AACT;AAEA;;MAGA,IAAIA,SAAc,KAAA,OAAA,IAAWC,QAASC,CAAAA,IAAI,CAAC,CAACC,GAAQA,GAAAA,GAAAA,CAAIC,WAAW,KAAK,IAAO,CAAA,EAAA;QAC7E,OAAO,WAAA;AACT;IAEA,OAAOJ,SAAAA;AACT;AAEA;;AAEkG,2GAE5FK,qBAAwB,GAAA,IAAA;AAC5B,IAAA,MAAM,EAAEC,IAAAA,GAAO,EAAE,EAAE,GAAGC,wBAAAA,EAAAA;AAGtB,IAAA,MAAM,EACJC,WAAAA,GAAc,EAAE,EAChBnG,SAAS,EACTkB,KAAK,EACN,GAAGkF,oBACFC,kBAAYC,CAAAA,GAAG,CAAC,CAACC,UAAY;AAC3BA,YAAAA,MAAAA;YACAC,OAASP,EAAAA;SACX,CAAA,CAAA,CAAA;AAGF,IAAA,IAAIjG,SAAW,EAAA;QACb,qBAAOmC,cAAA,CAACC,iBAAKC,OAAO,EAAA,EAAA,CAAA;AACtB;IAEA,IAAInB,KAAAA,IAAS,CAAC+E,IAAM,EAAA;QAClB,qBAAO9D,cAAA,CAACC,iBAAKE,KAAK,EAAA,EAAA,CAAA;AACpB;IAEA,qBACEH,cAAA,CAACC,iBAAKqE,OAAO,EAAA;QAACN,WAAaA,EAAAA,WAAAA;AACxB,QAAA,QAAA,EAAA,CAAC,EAAEA,WAAW,EAAE,iBACfhE,cAACuE,CAAAA,yBAAAA,EAAAA;gBAAaP,WAAaA,EAAAA,WAAAA;AACzB,gBAAA,QAAA,gBAAAhE,cAAChD,CAAAA,YAAAA,EAAAA,EAAAA;;;AAKX;;;;;;"}
+{"version":3,"file":"EditViewPage.js","sources":["../../../../admin/src/pages/EditView/EditViewPage.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Page,\n  Blocker,\n  Form,\n  useForm,\n  useRBAC,\n  useNotification,\n  useQueryParams,\n  unstable_tours,\n} from '@strapi/admin/strapi-admin';\nimport { Grid, Main, 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 { 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\n// Needs to be wrapped in a component to have access to the form context via a hook.\n// Using the Form component's render prop instead would cause unnecessary re-renders of Form children\nconst BlockerWrapper = () => {\n  const resetForm = useForm('BlockerWrapper', (state) => state.resetForm);\n\n  // We reset the form to the published version to avoid errors like – https://strapi-inc.atlassian.net/browse/CONTENT-2284\n  return <Blocker onProceed={resetForm} />;\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    <Main paddingLeft={10} paddingRight={10}>\n      <Page.Title>{pageTitle}</Page.Title>\n      {isSingleType && (\n        <unstable_tours.contentManager.Introduction>\n          {/* Invisible Anchor */}\n          <Box paddingTop={5} />\n        </unstable_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          <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 paddingTop={8} gap={4}>\n              <Grid.Item col={9} s={12} direction=\"column\" alignItems=\"stretch\">\n                <unstable_tours.contentManager.Fields>\n                  <Tabs.Content value=\"draft\">\n                    <FormLayout layout={layout} document={doc} />\n                  </Tabs.Content>\n                </unstable_tours.contentManager.Fields>\n                <Tabs.Content value=\"published\">\n                  <FormLayout layout={layout} document={doc} />\n                </Tabs.Content>\n              </Grid.Item>\n              <Grid.Item col={3} s={12} direction=\"column\" alignItems=\"stretch\">\n                <Panels />\n              </Grid.Item>\n            </Grid.Root>\n          </Tabs.Root>\n          <BlockerWrapper />\n        </>\n      </Form>\n    </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":["BlockerWrapper","resetForm","useForm","state","_jsx","Blocker","onProceed","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","type","message","error","timeout","isLoadingActionsRBAC","useDocumentRBAC","isSingleType","SINGLE_TYPES","isCreatingDocument","isLoadingLayout","edit","layout","settings","mainField","useDocumentLayout","pageTitle","isLazyLoading","useLazyComponents","initialValues","documentId","Page","Loading","Error","handleTabChange","validateSync","values","yupSchema","createYupSchema","attributes","abortEarly","_jsxs","Main","paddingLeft","paddingRight","Title","unstable_tours","contentManager","Introduction","Box","paddingTop","Form","disabled","method","validate","data","cleanedValues","removedAttributes","handleInvisibleAttributes","initialErrors","forceValidation","_Fragment","Header","isCreating","getDocumentStatus","undefined","title","Tabs","Root","variant","value","onValueChange","List","aria-label","getTranslation","defaultMessage","StatusTab","availableStatus","length","Grid","gap","Item","col","s","direction","alignItems","Fields","Content","FormLayout","Panels","styled","Trigger","docStatus","statuses","find","publishedAt","ProtectedEditViewPage","slug","useParams","permissions","useRBAC","PERMISSIONS","map","action","subject","Protect","DocumentRBAC"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import 'react';
-import { useQueryParams, useNotification, Page, Form, Blocker, useRBAC } from '@strapi/admin/strapi-admin';
-import { Main, Tabs, Grid } from '@strapi/design-system';
+import { useQueryParams, useNotification, Page, unstable_tours, Form, useRBAC, useForm, Blocker } from '@strapi/admin/strapi-admin';
+import { Tabs, Main, Box, Grid } from '@strapi/design-system';
 import { useIntl } from 'react-intl';
 import { useLocation, useParams } from 'react-router-dom';
 import { styled } from 'styled-components';
@@ -17,17 +17,28 @@ import { createYupSchema } from '../../utils/validation.mjs';
 import { FormLayout } from './components/FormLayout.mjs';
 import { Header } from './components/Header.mjs';
 import { Panels } from './components/Panels.mjs';
+import { handleInvisibleAttributes } from './utils/data.mjs';
 
 /* -------------------------------------------------------------------------------------------------
  * EditViewPage
- * -----------------------------------------------------------------------------------------------*/ const EditViewPage = ()=>{
+ * -----------------------------------------------------------------------------------------------*/ // Needs to be wrapped in a component to have access to the form context via a hook.
+// Using the Form component's render prop instead would cause unnecessary re-renders of Form children
+const BlockerWrapper = ()=>{
+    const resetForm = useForm('BlockerWrapper', (state)=>state.resetForm);
+    // We reset the form to the published version to avoid errors like – https://strapi-inc.atlassian.net/browse/CONTENT-2284
+    return /*#__PURE__*/ jsx(Blocker, {
+        onProceed: resetForm
+    });
+};
+const EditViewPage = ()=>{
     const location = useLocation();
     const [{ query: { status } }, setQuery] = useQueryParams({
         status: 'draft'
     });
     const { formatMessage } = useIntl();
     const { toggleNotification } = useNotification();
-    const { document, meta, isLoading: isLoadingDocument, schema, components, collectionType, id, model, hasError, getTitle, getInitialFormValues } = useDoc();
+    const doc = useDoc();
+    const { document, meta, isLoading: isLoadingDocument, schema, components, collectionType, id, model, hasError, getTitle, getInitialFormValues } = doc;
     const hasDraftAndPublished = schema?.options?.draftAndPublish ?? false;
     useOnce(()=>{
         /**
@@ -50,6 +61,7 @@ import { Panels } from './components/Panels.mjs';
    * document with varying params.
    */ const isCreatingDocument = !id && !isSingleType;
     const { isLoading: isLoadingLayout, edit: { layout, settings: { mainField } } } = useDocumentLayout(model);
+    const pageTitle = getTitle(mainField);
     const { isLazyLoading } = useLazyComponents([]);
     const isLoading = isLoadingActionsRBAC || isLoadingDocument || isLoadingLayout || isLazyLoading;
     const initialValues = getInitialFormValues(isCreatingDocument);
@@ -80,100 +92,115 @@ import { Panels } from './components/Panels.mjs';
         paddingRight: 10,
         children: [
             /*#__PURE__*/ jsx(Page.Title, {
-                children: getTitle(mainField)
+                children: pageTitle
+            }),
+            isSingleType && /*#__PURE__*/ jsx(unstable_tours.contentManager.Introduction, {
+                children: /*#__PURE__*/ jsx(Box, {
+                    paddingTop: 5
+                })
             }),
             /*#__PURE__*/ jsx(Form, {
                 disabled: hasDraftAndPublished && status === 'published',
                 initialValues: initialValues,
                 method: isCreatingDocument ? 'POST' : 'PUT',
                 validate: (values, options)=>{
+                    // removes hidden fields from the validation
+                    // this is necessary because the yup schema doesn't know about the visibility conditions
+                    // and we don't want to validate fields that are not visible
+                    const { data: cleanedValues, removedAttributes } = handleInvisibleAttributes(values, {
+                        schema,
+                        initialValues,
+                        components
+                    });
                     const yupSchema = createYupSchema(schema?.attributes, components, {
                         status,
+                        removedAttributes,
                         ...options
                     });
-                    return yupSchema.validate(values, {
+                    return yupSchema.validate(cleanedValues, {
                         abortEarly: false
                     });
                 },
                 initialErrors: location?.state?.forceValidation ? validateSync(initialValues, {}) : {},
-                children: ({ resetForm })=>/*#__PURE__*/ jsxs(Fragment, {
-                        children: [
-                            /*#__PURE__*/ jsx(Header, {
-                                isCreating: isCreatingDocument,
-                                status: hasDraftAndPublished ? getDocumentStatus(document, meta) : undefined,
-                                title: getTitle(mainField)
-                            }),
-                            /*#__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(Fragment, {
+                    children: [
+                        /*#__PURE__*/ jsx(Header, {
+                            isCreating: isCreatingDocument,
+                            status: hasDraftAndPublished ? getDocumentStatus(document, meta) : undefined,
+                            title: pageTitle
+                        }),
+                        /*#__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: 8,
+                                    gap: 4,
+                                    children: [
+                                        /*#__PURE__*/ jsxs(Grid.Item, {
+                                            col: 9,
+                                            s: 12,
+                                            direction: "column",
+                                            alignItems: "stretch",
                                             children: [
-                                                /*#__PURE__*/ jsx(StatusTab, {
-                                                    value: "draft",
-                                                    children: formatMessage({
-                                                        id: getTranslation('containers.edit.tabs.draft'),
-                                                        defaultMessage: 'draft'
+                                                /*#__PURE__*/ jsx(unstable_tours.contentManager.Fields, {
+                                                    children: /*#__PURE__*/ jsx(Tabs.Content, {
+                                                        value: "draft",
+                                                        children: /*#__PURE__*/ jsx(FormLayout, {
+                                                            layout: layout,
+                                                            document: doc
+                                                        })
                                                     })
                                                 }),
-                                                /*#__PURE__*/ jsx(StatusTab, {
-                                                    disabled: !meta || meta.availableStatus.length === 0,
+                                                /*#__PURE__*/ jsx(Tabs.Content, {
                                                     value: "published",
-                                                    children: formatMessage({
-                                                        id: getTranslation('containers.edit.tabs.published'),
-                                                        defaultMessage: 'published'
+                                                    children: /*#__PURE__*/ jsx(FormLayout, {
+                                                        layout: layout,
+                                                        document: doc
                                                     })
                                                 })
                                             ]
-                                        }) : null
-                                    }),
-                                    /*#__PURE__*/ jsxs(Grid.Root, {
-                                        paddingTop: 8,
-                                        gap: 4,
-                                        children: [
-                                            /*#__PURE__*/ jsxs(Grid.Item, {
-                                                col: 9,
-                                                s: 12,
-                                                direction: "column",
-                                                alignItems: "stretch",
-                                                children: [
-                                                    /*#__PURE__*/ jsx(Tabs.Content, {
-                                                        value: "draft",
-                                                        children: /*#__PURE__*/ jsx(FormLayout, {
-                                                            layout: layout
-                                                        })
-                                                    }),
-                                                    /*#__PURE__*/ jsx(Tabs.Content, {
-                                                        value: "published",
-                                                        children: /*#__PURE__*/ jsx(FormLayout, {
-                                                            layout: layout
-                                                        })
-                                                    })
-                                                ]
-                                            }),
-                                            /*#__PURE__*/ jsx(Grid.Item, {
-                                                col: 3,
-                                                s: 12,
-                                                direction: "column",
-                                                alignItems: "stretch",
-                                                children: /*#__PURE__*/ jsx(Panels, {})
-                                            })
-                                        ]
-                                    })
-                                ]
-                            }),
-                            /*#__PURE__*/ jsx(Blocker, {
-                                // We reset the form to the published version to avoid errors like – https://strapi-inc.atlassian.net/browse/CONTENT-2284
-                                onProceed: resetForm
-                            })
-                        ]
-                    })
+                                        }),
+                                        /*#__PURE__*/ jsx(Grid.Item, {
+                                            col: 3,
+                                            s: 12,
+                                            direction: "column",
+                                            alignItems: "stretch",
+                                            children: /*#__PURE__*/ jsx(Panels, {})
+                                        })
+                                    ]
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsx(BlockerWrapper, {})
+                    ]
+                })
             })
         ]
     });