@strapi/content-manager 5.35.0 → 5.36.1

package/dist/admin/hooks/usePersistentQueryParams.js

@@ -0,0 +1,56 @@
+'use strict';
+
+var React = require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var get = require('lodash/get');
+var set = require('lodash/set');
+var reactRouterDom = require('react-router-dom');
+
+const filterObjectKeys = (obj, keys)=>{
+    const result = {};
+    for (const path of keys){
+        const value = get(obj, path);
+        if (value !== undefined) {
+            set(result, path, value);
+        }
+    }
+    return result;
+};
+const usePersistentPartialQueryParams = (keyPrefix, keysToPersist, pathnameInKey = true)=>{
+    const { pathname } = reactRouterDom.useLocation();
+    const [{ query }, setQuery] = strapiAdmin.useQueryParams();
+    const localStorageKey = `${keyPrefix}${pathnameInKey ? pathname : ''}`;
+    // load query params from local storge
+    React.useEffect(()=>{
+        const savedQueryParams = window.localStorage.getItem(localStorageKey);
+        if (!savedQueryParams) return;
+        let parsedSavedParams;
+        try {
+            parsedSavedParams = JSON.parse(savedQueryParams);
+        } catch  {
+            return;
+        }
+        if (Object.keys(parsedSavedParams).length === 0) return;
+        const filteredQuery = filterObjectKeys(parsedSavedParams, keysToPersist);
+        setQuery({
+            ...filteredQuery,
+            ...query
+        }, 'push', true);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        localStorageKey
+    ]);
+    // update local storage
+    React.useEffect(()=>{
+        const paramsToPersist = filterObjectKeys(query, keysToPersist);
+        if (Object.keys(paramsToPersist).length === 0) return;
+        window.localStorage.setItem(localStorageKey, JSON.stringify(paramsToPersist));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        query,
+        keysToPersist
+    ]);
+};
+
+exports.usePersistentPartialQueryParams = usePersistentPartialQueryParams;
+//# sourceMappingURL=usePersistentQueryParams.js.map

package/dist/admin/hooks/usePersistentQueryParams.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePersistentQueryParams.js","sources":["../../../admin/src/hooks/usePersistentQueryParams.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useQueryParams } from '@strapi/admin/strapi-admin';\nimport get from 'lodash/get';\nimport set from 'lodash/set';\nimport { useLocation } from 'react-router-dom';\n\ntype PropertyPath = Parameters<typeof get>[1];\n\nconst filterObjectKeys = (obj: object, keys: PropertyPath[]) => {\n  const result: Record<string, unknown> = {};\n\n  for (const path of keys) {\n    const value = get(obj, path);\n\n    if (value !== undefined) {\n      set(result, path, value);\n    }\n  }\n\n  return result;\n};\n\nexport const usePersistentPartialQueryParams = (\n  keyPrefix: string,\n  keysToPersist: PropertyPath[],\n  pathnameInKey = true\n) => {\n  const { pathname } = useLocation();\n  const [{ query }, setQuery] = useQueryParams();\n  const localStorageKey = `${keyPrefix}${pathnameInKey ? pathname : ''}`;\n\n  // load query params from local storge\n  useEffect(() => {\n    const savedQueryParams = window.localStorage.getItem(localStorageKey);\n    if (!savedQueryParams) return;\n\n    let parsedSavedParams: Record<string, unknown>;\n    try {\n      parsedSavedParams = JSON.parse(savedQueryParams);\n    } catch {\n      return;\n    }\n    if (Object.keys(parsedSavedParams).length === 0) return;\n\n    const filteredQuery = filterObjectKeys(parsedSavedParams, keysToPersist);\n    setQuery({ ...filteredQuery, ...query }, 'push', true);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [localStorageKey]);\n\n  // update local storage\n  useEffect(() => {\n    const paramsToPersist = filterObjectKeys(query, keysToPersist);\n    if (Object.keys(paramsToPersist).length === 0) return;\n    window.localStorage.setItem(localStorageKey, JSON.stringify(paramsToPersist));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [query, keysToPersist]);\n};\n"],"names":["filterObjectKeys","obj","keys","result","path","value","get","undefined","set","usePersistentPartialQueryParams","keyPrefix","keysToPersist","pathnameInKey","pathname","useLocation","query","setQuery","useQueryParams","localStorageKey","useEffect","savedQueryParams","window","localStorage","getItem","parsedSavedParams","JSON","parse","Object","length","filteredQuery","paramsToPersist","setItem","stringify"],"mappings":";;;;;;;;AASA,MAAMA,gBAAAA,GAAmB,CAACC,GAAaC,EAAAA,IAAAA,GAAAA;AACrC,IAAA,MAAMC,SAAkC,EAAC;IAEzC,KAAK,MAAMC,QAAQF,IAAM,CAAA;QACvB,MAAMG,KAAAA,GAAQC,IAAIL,GAAKG,EAAAA,IAAAA,CAAAA;AAEvB,QAAA,IAAIC,UAAUE,SAAW,EAAA;AACvBC,YAAAA,GAAAA,CAAIL,QAAQC,IAAMC,EAAAA,KAAAA,CAAAA;AACpB;AACF;IAEA,OAAOF,MAAAA;AACT,CAAA;MAEaM,+BAAkC,GAAA,CAC7CC,SACAC,EAAAA,aAAAA,EACAC,gBAAgB,IAAI,GAAA;IAEpB,MAAM,EAAEC,QAAQ,EAAE,GAAGC,0BAAAA,EAAAA;AACrB,IAAA,MAAM,CAAC,EAAEC,KAAK,EAAE,EAAEC,SAAS,GAAGC,0BAAAA,EAAAA;AAC9B,IAAA,MAAMC,eAAkB,GAAA,CAAA,EAAGR,SAAYE,CAAAA,EAAAA,aAAAA,GAAgBC,WAAW,EAAI,CAAA,CAAA;;IAGtEM,eAAU,CAAA,IAAA;AACR,QAAA,MAAMC,gBAAmBC,GAAAA,MAAAA,CAAOC,YAAY,CAACC,OAAO,CAACL,eAAAA,CAAAA;AACrD,QAAA,IAAI,CAACE,gBAAkB,EAAA;QAEvB,IAAII,iBAAAA;QACJ,IAAI;YACFA,iBAAoBC,GAAAA,IAAAA,CAAKC,KAAK,CAACN,gBAAAA,CAAAA;AACjC,SAAA,CAAE,OAAM;AACN,YAAA;AACF;AACA,QAAA,IAAIO,OAAOzB,IAAI,CAACsB,iBAAmBI,CAAAA,CAAAA,MAAM,KAAK,CAAG,EAAA;QAEjD,MAAMC,aAAAA,GAAgB7B,iBAAiBwB,iBAAmBb,EAAAA,aAAAA,CAAAA;QAC1DK,QAAS,CAAA;AAAE,YAAA,GAAGa,aAAa;AAAE,YAAA,GAAGd;AAAM,SAAA,EAAG,MAAQ,EAAA,IAAA,CAAA;;KAEhD,EAAA;AAACG,QAAAA;AAAgB,KAAA,CAAA;;IAGpBC,eAAU,CAAA,IAAA;QACR,MAAMW,eAAAA,GAAkB9B,iBAAiBe,KAAOJ,EAAAA,aAAAA,CAAAA;AAChD,QAAA,IAAIgB,OAAOzB,IAAI,CAAC4B,eAAiBF,CAAAA,CAAAA,MAAM,KAAK,CAAG,EAAA;AAC/CP,QAAAA,MAAAA,CAAOC,YAAY,CAACS,OAAO,CAACb,eAAiBO,EAAAA,IAAAA,CAAKO,SAAS,CAACF,eAAAA,CAAAA,CAAAA;;KAE3D,EAAA;AAACf,QAAAA,KAAAA;AAAOJ,QAAAA;AAAc,KAAA,CAAA;AAC3B;;;;"}

package/dist/admin/hooks/usePersistentQueryParams.mjs

@@ -0,0 +1,54 @@
+import { useEffect } from 'react';
+import { useQueryParams } from '@strapi/admin/strapi-admin';
+import get from 'lodash/get';
+import set from 'lodash/set';
+import { useLocation } from 'react-router-dom';
+
+const filterObjectKeys = (obj, keys)=>{
+    const result = {};
+    for (const path of keys){
+        const value = get(obj, path);
+        if (value !== undefined) {
+            set(result, path, value);
+        }
+    }
+    return result;
+};
+const usePersistentPartialQueryParams = (keyPrefix, keysToPersist, pathnameInKey = true)=>{
+    const { pathname } = useLocation();
+    const [{ query }, setQuery] = useQueryParams();
+    const localStorageKey = `${keyPrefix}${pathnameInKey ? pathname : ''}`;
+    // load query params from local storge
+    useEffect(()=>{
+        const savedQueryParams = window.localStorage.getItem(localStorageKey);
+        if (!savedQueryParams) return;
+        let parsedSavedParams;
+        try {
+            parsedSavedParams = JSON.parse(savedQueryParams);
+        } catch  {
+            return;
+        }
+        if (Object.keys(parsedSavedParams).length === 0) return;
+        const filteredQuery = filterObjectKeys(parsedSavedParams, keysToPersist);
+        setQuery({
+            ...filteredQuery,
+            ...query
+        }, 'push', true);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        localStorageKey
+    ]);
+    // update local storage
+    useEffect(()=>{
+        const paramsToPersist = filterObjectKeys(query, keysToPersist);
+        if (Object.keys(paramsToPersist).length === 0) return;
+        window.localStorage.setItem(localStorageKey, JSON.stringify(paramsToPersist));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        query,
+        keysToPersist
+    ]);
+};
+
+export { usePersistentPartialQueryParams };
+//# sourceMappingURL=usePersistentQueryParams.mjs.map

package/dist/admin/hooks/usePersistentQueryParams.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePersistentQueryParams.mjs","sources":["../../../admin/src/hooks/usePersistentQueryParams.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useQueryParams } from '@strapi/admin/strapi-admin';\nimport get from 'lodash/get';\nimport set from 'lodash/set';\nimport { useLocation } from 'react-router-dom';\n\ntype PropertyPath = Parameters<typeof get>[1];\n\nconst filterObjectKeys = (obj: object, keys: PropertyPath[]) => {\n  const result: Record<string, unknown> = {};\n\n  for (const path of keys) {\n    const value = get(obj, path);\n\n    if (value !== undefined) {\n      set(result, path, value);\n    }\n  }\n\n  return result;\n};\n\nexport const usePersistentPartialQueryParams = (\n  keyPrefix: string,\n  keysToPersist: PropertyPath[],\n  pathnameInKey = true\n) => {\n  const { pathname } = useLocation();\n  const [{ query }, setQuery] = useQueryParams();\n  const localStorageKey = `${keyPrefix}${pathnameInKey ? pathname : ''}`;\n\n  // load query params from local storge\n  useEffect(() => {\n    const savedQueryParams = window.localStorage.getItem(localStorageKey);\n    if (!savedQueryParams) return;\n\n    let parsedSavedParams: Record<string, unknown>;\n    try {\n      parsedSavedParams = JSON.parse(savedQueryParams);\n    } catch {\n      return;\n    }\n    if (Object.keys(parsedSavedParams).length === 0) return;\n\n    const filteredQuery = filterObjectKeys(parsedSavedParams, keysToPersist);\n    setQuery({ ...filteredQuery, ...query }, 'push', true);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [localStorageKey]);\n\n  // update local storage\n  useEffect(() => {\n    const paramsToPersist = filterObjectKeys(query, keysToPersist);\n    if (Object.keys(paramsToPersist).length === 0) return;\n    window.localStorage.setItem(localStorageKey, JSON.stringify(paramsToPersist));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [query, keysToPersist]);\n};\n"],"names":["filterObjectKeys","obj","keys","result","path","value","get","undefined","set","usePersistentPartialQueryParams","keyPrefix","keysToPersist","pathnameInKey","pathname","useLocation","query","setQuery","useQueryParams","localStorageKey","useEffect","savedQueryParams","window","localStorage","getItem","parsedSavedParams","JSON","parse","Object","length","filteredQuery","paramsToPersist","setItem","stringify"],"mappings":";;;;;;AASA,MAAMA,gBAAAA,GAAmB,CAACC,GAAaC,EAAAA,IAAAA,GAAAA;AACrC,IAAA,MAAMC,SAAkC,EAAC;IAEzC,KAAK,MAAMC,QAAQF,IAAM,CAAA;QACvB,MAAMG,KAAAA,GAAQC,IAAIL,GAAKG,EAAAA,IAAAA,CAAAA;AAEvB,QAAA,IAAIC,UAAUE,SAAW,EAAA;AACvBC,YAAAA,GAAAA,CAAIL,QAAQC,IAAMC,EAAAA,KAAAA,CAAAA;AACpB;AACF;IAEA,OAAOF,MAAAA;AACT,CAAA;MAEaM,+BAAkC,GAAA,CAC7CC,SACAC,EAAAA,aAAAA,EACAC,gBAAgB,IAAI,GAAA;IAEpB,MAAM,EAAEC,QAAQ,EAAE,GAAGC,WAAAA,EAAAA;AACrB,IAAA,MAAM,CAAC,EAAEC,KAAK,EAAE,EAAEC,SAAS,GAAGC,cAAAA,EAAAA;AAC9B,IAAA,MAAMC,eAAkB,GAAA,CAAA,EAAGR,SAAYE,CAAAA,EAAAA,aAAAA,GAAgBC,WAAW,EAAI,CAAA,CAAA;;IAGtEM,SAAU,CAAA,IAAA;AACR,QAAA,MAAMC,gBAAmBC,GAAAA,MAAAA,CAAOC,YAAY,CAACC,OAAO,CAACL,eAAAA,CAAAA;AACrD,QAAA,IAAI,CAACE,gBAAkB,EAAA;QAEvB,IAAII,iBAAAA;QACJ,IAAI;YACFA,iBAAoBC,GAAAA,IAAAA,CAAKC,KAAK,CAACN,gBAAAA,CAAAA;AACjC,SAAA,CAAE,OAAM;AACN,YAAA;AACF;AACA,QAAA,IAAIO,OAAOzB,IAAI,CAACsB,iBAAmBI,CAAAA,CAAAA,MAAM,KAAK,CAAG,EAAA;QAEjD,MAAMC,aAAAA,GAAgB7B,iBAAiBwB,iBAAmBb,EAAAA,aAAAA,CAAAA;QAC1DK,QAAS,CAAA;AAAE,YAAA,GAAGa,aAAa;AAAE,YAAA,GAAGd;AAAM,SAAA,EAAG,MAAQ,EAAA,IAAA,CAAA;;KAEhD,EAAA;AAACG,QAAAA;AAAgB,KAAA,CAAA;;IAGpBC,SAAU,CAAA,IAAA;QACR,MAAMW,eAAAA,GAAkB9B,iBAAiBe,KAAOJ,EAAAA,aAAAA,CAAAA;AAChD,QAAA,IAAIgB,OAAOzB,IAAI,CAAC4B,eAAiBF,CAAAA,CAAAA,MAAM,KAAK,CAAG,EAAA;AAC/CP,QAAAA,MAAAA,CAAOC,YAAY,CAACS,OAAO,CAACb,eAAiBO,EAAAA,IAAAA,CAAKO,SAAS,CAACF,eAAAA,CAAAA,CAAAA;;KAE3D,EAAA;AAACf,QAAAA,KAAAA;AAAOJ,QAAAA;AAAc,KAAA,CAAA;AAC3B;;;;"}

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

@@ -15,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');
@@ -33,8 +34,12 @@ 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;
@@ -157,7 +162,7 @@ var data = require('./utils/data.js');
                                         }),
                                         /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Grid.Root, {
                                             paddingTop: {
-                                                initial: 2,
+                                                initial: 6,
                                                 medium: 4,
                                                 large: 8
                                             },
@@ -177,7 +182,8 @@ var data = require('./utils/data.js');
                                                                 }),
                                                                 /*#__PURE__*/ jsxRuntime.jsx(FormLayout.FormLayout, {
                                                                     layout: layout,
-                                                                    document: doc
+                                                                    document: doc,
+                                                                    hasBackground: !isMobile
                                                                 })
                                                             ]
                                                         }),
@@ -185,7 +191,8 @@ var data = require('./utils/data.js');
                                                             value: "published",
                                                             children: /*#__PURE__*/ jsxRuntime.jsx(FormLayout.FormLayout, {
                                                                 layout: layout,
-                                                                document: doc
+                                                                document: doc,
+                                                                hasBackground: !isMobile
                                                             })
                                                         })
                                                     ]

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  Form,\n  useRBAC,\n  useNotification,\n  useQueryParams,\n  tours,\n  Layouts,\n  useIsDesktop,\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 { 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 visiblePanels = usePanelsContext('Panels', (s) => s.visiblePanels);\n  const drawerHasContent = visiblePanels.length > 0;\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                {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","visiblePanels","usePanelsContext","s","drawerHasContent","length","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","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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"}
+{"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

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import 'react';
-import { useQueryParams, useNotification, useIsDesktop, 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';
@@ -13,6 +13,7 @@ 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';
@@ -31,8 +32,12 @@ 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;
@@ -155,7 +160,7 @@ import { handleInvisibleAttributes } from './utils/data.mjs';
                                         }),
                                         /*#__PURE__*/ jsxs(Grid.Root, {
                                             paddingTop: {
-                                                initial: 2,
+                                                initial: 6,
                                                 medium: 4,
                                                 large: 8
                                             },
@@ -175,7 +180,8 @@ import { handleInvisibleAttributes } from './utils/data.mjs';
                                                                 }),
                                                                 /*#__PURE__*/ jsx(FormLayout, {
                                                                     layout: layout,
-                                                                    document: doc
+                                                                    document: doc,
+                                                                    hasBackground: !isMobile
                                                                 })
                                                             ]
                                                         }),
@@ -183,7 +189,8 @@ import { handleInvisibleAttributes } from './utils/data.mjs';
                                                             value: "published",
                                                             children: /*#__PURE__*/ jsx(FormLayout, {
                                                                 layout: layout,
-                                                                document: doc
+                                                                document: doc,
+                                                                hasBackground: !isMobile
                                                             })
                                                         })
                                                     ]

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

@@ -1 +1 @@
-{"version":3,"file":"EditViewPage.mjs","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} 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 { 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 visiblePanels = usePanelsContext('Panels', (s) => s.visiblePanels);\n  const drawerHasContent = visiblePanels.length > 0;\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                {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","visiblePanels","usePanelsContext","s","drawerHasContent","length","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","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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"}
+{"version":3,"file":"EditViewPage.mjs","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/components/FormInputs/Component/NonRepeatable.js

@@ -15,6 +15,7 @@ const NonRepeatableComponent = ({ attribute, name, children, layout })=>{
     const isNested = level > 0;
     const { currentDocument } = useDocumentContext.useDocumentContext('NonRepeatableComponent');
     strapiAdmin.createRulesEngine();
+    const isMobile = strapiAdmin.useIsMobile();
     return /*#__PURE__*/ jsxRuntime.jsx(ComponentContext.ComponentProvider, {
         id: value?.id,
         uid: attribute.component,
@@ -22,19 +23,22 @@ const NonRepeatableComponent = ({ attribute, name, children, layout })=>{
         type: "component",
         children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
             background: 'neutral100',
-            paddingLeft: 6,
-            paddingRight: 6,
-            paddingTop: 6,
-            paddingBottom: 6,
+            padding: {
+                initial: 4,
+                medium: 6
+            },
             hasRadius: isNested,
-            borderColor: isNested ? 'neutral200' : undefined,
+            borderColor: isNested || isMobile ? 'neutral200' : undefined,
             children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
                 direction: "column",
                 alignItems: "stretch",
                 gap: 6,
                 children: layout.map((row, index)=>{
                     return /*#__PURE__*/ jsxRuntime.jsx(FormLayout.ResponsiveGridRoot, {
-                        gap: 4,
+                        gap: {
+                            initial: 3,
+                            medium: 4
+                        },
                         children: row.map(({ size, ...field })=>{
                             /**
                    * Layouts are built from schemas so they don't understand the complete

package/dist/admin/pages/EditView/components/FormInputs/Component/NonRepeatable.js.map

@@ -1 +1 @@
-{"version":3,"file":"NonRepeatable.js","sources":["../../../../../../../admin/src/pages/EditView/components/FormInputs/Component/NonRepeatable.tsx"],"sourcesContent":["import { useField, createRulesEngine } from '@strapi/admin/strapi-admin';\nimport { Box, Flex } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { useDocumentContext } from '../../../../../hooks/useDocumentContext';\nimport { ResponsiveGridItem, ResponsiveGridRoot } from '../../FormLayout';\nimport { ComponentProvider, useComponent } from '../ComponentContext';\n\nimport type { ComponentInputProps } from './Input';\n\ntype NonRepeatableComponentProps = Omit<ComponentInputProps, 'required' | 'label'>;\n\nconst NonRepeatableComponent = ({\n  attribute,\n  name,\n  children,\n  layout,\n}: NonRepeatableComponentProps) => {\n  const { formatMessage } = useIntl();\n  const { value } = useField(name);\n  const level = useComponent('NonRepeatableComponent', (state) => state.level);\n  const isNested = level > 0;\n  const { currentDocument } = useDocumentContext('NonRepeatableComponent');\n  const rulesEngine = createRulesEngine();\n\n  return (\n    <ComponentProvider id={value?.id} uid={attribute.component} level={level + 1} type=\"component\">\n      <Box\n        background={'neutral100'}\n        paddingLeft={6}\n        paddingRight={6}\n        paddingTop={6}\n        paddingBottom={6}\n        hasRadius={isNested}\n        borderColor={isNested ? 'neutral200' : undefined}\n      >\n        <Flex direction=\"column\" alignItems=\"stretch\" gap={6}>\n          {layout.map((row, index) => {\n            return (\n              <ResponsiveGridRoot gap={4} key={index}>\n                {row.map(({ size, ...field }) => {\n                  /**\n                   * Layouts are built from schemas so they don't understand the complete\n                   * schema tree, for components we append the parent name to the field name\n                   * because this is the structure for the data & permissions also understand\n                   * the nesting involved.\n                   */\n                  const completeFieldName = `${name}.${field.name}`;\n\n                  const translatedLabel = formatMessage({\n                    id: `content-manager.components.${attribute.component}.${field.name}`,\n                    defaultMessage: field.label,\n                  });\n\n                  return (\n                    <ResponsiveGridItem\n                      col={size}\n                      key={completeFieldName}\n                      s={12}\n                      xs={12}\n                      direction=\"column\"\n                      alignItems=\"stretch\"\n                    >\n                      {children({\n                        ...field,\n                        label: translatedLabel,\n                        name: completeFieldName,\n                        document: currentDocument,\n                      })}\n                    </ResponsiveGridItem>\n                  );\n                })}\n              </ResponsiveGridRoot>\n            );\n          })}\n        </Flex>\n      </Box>\n    </ComponentProvider>\n  );\n};\n\nexport { NonRepeatableComponent };\nexport type { NonRepeatableComponentProps };\n"],"names":["NonRepeatableComponent","attribute","name","children","layout","formatMessage","useIntl","value","useField","level","useComponent","state","isNested","currentDocument","useDocumentContext","createRulesEngine","_jsx","ComponentProvider","id","uid","component","type","Box","background","paddingLeft","paddingRight","paddingTop","paddingBottom","hasRadius","borderColor","undefined","Flex","direction","alignItems","gap","map","row","index","ResponsiveGridRoot","size","field","completeFieldName","translatedLabel","defaultMessage","label","ResponsiveGridItem","col","s","xs","document"],"mappings":";;;;;;;;;;AAYMA,MAAAA,sBAAAA,GAAyB,CAAC,EAC9BC,SAAS,EACTC,IAAI,EACJC,QAAQ,EACRC,MAAM,EACsB,GAAA;IAC5B,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAM,EAAEC,KAAK,EAAE,GAAGC,oBAASN,CAAAA,IAAAA,CAAAA;AAC3B,IAAA,MAAMO,QAAQC,6BAAa,CAAA,wBAAA,EAA0B,CAACC,KAAAA,GAAUA,MAAMF,KAAK,CAAA;AAC3E,IAAA,MAAMG,WAAWH,KAAQ,GAAA,CAAA;AACzB,IAAA,MAAM,EAAEI,eAAe,EAAE,GAAGC,qCAAmB,CAAA,wBAAA,CAAA;AAC/C,IAAoBC,6BAAAA;AAEpB,IAAA,qBACEC,cAACC,CAAAA,kCAAAA,EAAAA;AAAkBC,QAAAA,EAAAA,EAAIX,KAAOW,EAAAA,EAAAA;AAAIC,QAAAA,GAAAA,EAAKlB,UAAUmB,SAAS;AAAEX,QAAAA,KAAAA,EAAOA,KAAQ,GAAA,CAAA;QAAGY,IAAK,EAAA,WAAA;AACjF,QAAA,QAAA,gBAAAL,cAACM,CAAAA,gBAAAA,EAAAA;YACCC,UAAY,EAAA,YAAA;YACZC,WAAa,EAAA,CAAA;YACbC,YAAc,EAAA,CAAA;YACdC,UAAY,EAAA,CAAA;YACZC,aAAe,EAAA,CAAA;YACfC,SAAWhB,EAAAA,QAAAA;AACXiB,YAAAA,WAAAA,EAAajB,WAAW,YAAekB,GAAAA,SAAAA;AAEvC,YAAA,QAAA,gBAAAd,cAACe,CAAAA,iBAAAA,EAAAA;gBAAKC,SAAU,EAAA,QAAA;gBAASC,UAAW,EAAA,SAAA;gBAAUC,GAAK,EAAA,CAAA;0BAChD9B,MAAO+B,CAAAA,GAAG,CAAC,CAACC,GAAKC,EAAAA,KAAAA,GAAAA;AAChB,oBAAA,qBACErB,cAACsB,CAAAA,6BAAAA,EAAAA;wBAAmBJ,GAAK,EAAA,CAAA;AACtBE,wBAAAA,QAAAA,EAAAA,GAAAA,CAAID,GAAG,CAAC,CAAC,EAAEI,IAAI,EAAE,GAAGC,KAAO,EAAA,GAAA;AAC1B;;;;;sBAMA,MAAMC,oBAAoB,CAAGvC,EAAAA,IAAAA,CAAK,CAAC,EAAEsC,KAAAA,CAAMtC,IAAI,CAAE,CAAA;AAEjD,4BAAA,MAAMwC,kBAAkBrC,aAAc,CAAA;gCACpCa,EAAI,EAAA,CAAC,2BAA2B,EAAEjB,SAAUmB,CAAAA,SAAS,CAAC,CAAC,EAAEoB,KAAMtC,CAAAA,IAAI,CAAE,CAAA;AACrEyC,gCAAAA,cAAAA,EAAgBH,MAAMI;AACxB,6BAAA,CAAA;AAEA,4BAAA,qBACE5B,cAAC6B,CAAAA,6BAAAA,EAAAA;gCACCC,GAAKP,EAAAA,IAAAA;gCAELQ,CAAG,EAAA,EAAA;gCACHC,EAAI,EAAA,EAAA;gCACJhB,SAAU,EAAA,QAAA;gCACVC,UAAW,EAAA,SAAA;0CAEV9B,QAAS,CAAA;AACR,oCAAA,GAAGqC,KAAK;oCACRI,KAAOF,EAAAA,eAAAA;oCACPxC,IAAMuC,EAAAA,iBAAAA;oCACNQ,QAAUpC,EAAAA;AACZ,iCAAA;AAXK4B,6BAAAA,EAAAA,iBAAAA,CAAAA;AAcX,yBAAA;AAhC+BJ,qBAAAA,EAAAA,KAAAA,CAAAA;AAmCrC,iBAAA;;;;AAKV;;;;"}
+{"version":3,"file":"NonRepeatable.js","sources":["../../../../../../../admin/src/pages/EditView/components/FormInputs/Component/NonRepeatable.tsx"],"sourcesContent":["import { useField, createRulesEngine, useIsMobile } from '@strapi/admin/strapi-admin';\nimport { Box, Flex } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { useDocumentContext } from '../../../../../hooks/useDocumentContext';\nimport { ResponsiveGridItem, ResponsiveGridRoot } from '../../FormLayout';\nimport { ComponentProvider, useComponent } from '../ComponentContext';\n\nimport type { ComponentInputProps } from './Input';\n\ntype NonRepeatableComponentProps = Omit<ComponentInputProps, 'required' | 'label'>;\n\nconst NonRepeatableComponent = ({\n  attribute,\n  name,\n  children,\n  layout,\n}: NonRepeatableComponentProps) => {\n  const { formatMessage } = useIntl();\n  const { value } = useField(name);\n  const level = useComponent('NonRepeatableComponent', (state) => state.level);\n  const isNested = level > 0;\n  const { currentDocument } = useDocumentContext('NonRepeatableComponent');\n  const rulesEngine = createRulesEngine();\n  const isMobile = useIsMobile();\n\n  return (\n    <ComponentProvider id={value?.id} uid={attribute.component} level={level + 1} type=\"component\">\n      <Box\n        background={'neutral100'}\n        padding={{ initial: 4, medium: 6 }}\n        hasRadius={isNested}\n        borderColor={isNested || isMobile ? 'neutral200' : undefined}\n      >\n        <Flex direction=\"column\" alignItems=\"stretch\" gap={6}>\n          {layout.map((row, index) => {\n            return (\n              <ResponsiveGridRoot gap={{ initial: 3, medium: 4 }} key={index}>\n                {row.map(({ size, ...field }) => {\n                  /**\n                   * Layouts are built from schemas so they don't understand the complete\n                   * schema tree, for components we append the parent name to the field name\n                   * because this is the structure for the data & permissions also understand\n                   * the nesting involved.\n                   */\n                  const completeFieldName = `${name}.${field.name}`;\n\n                  const translatedLabel = formatMessage({\n                    id: `content-manager.components.${attribute.component}.${field.name}`,\n                    defaultMessage: field.label,\n                  });\n\n                  return (\n                    <ResponsiveGridItem\n                      col={size}\n                      key={completeFieldName}\n                      s={12}\n                      xs={12}\n                      direction=\"column\"\n                      alignItems=\"stretch\"\n                    >\n                      {children({\n                        ...field,\n                        label: translatedLabel,\n                        name: completeFieldName,\n                        document: currentDocument,\n                      })}\n                    </ResponsiveGridItem>\n                  );\n                })}\n              </ResponsiveGridRoot>\n            );\n          })}\n        </Flex>\n      </Box>\n    </ComponentProvider>\n  );\n};\n\nexport { NonRepeatableComponent };\nexport type { NonRepeatableComponentProps };\n"],"names":["NonRepeatableComponent","attribute","name","children","layout","formatMessage","useIntl","value","useField","level","useComponent","state","isNested","currentDocument","useDocumentContext","createRulesEngine","isMobile","useIsMobile","_jsx","ComponentProvider","id","uid","component","type","Box","background","padding","initial","medium","hasRadius","borderColor","undefined","Flex","direction","alignItems","gap","map","row","index","ResponsiveGridRoot","size","field","completeFieldName","translatedLabel","defaultMessage","label","ResponsiveGridItem","col","s","xs","document"],"mappings":";;;;;;;;;;AAYMA,MAAAA,sBAAAA,GAAyB,CAAC,EAC9BC,SAAS,EACTC,IAAI,EACJC,QAAQ,EACRC,MAAM,EACsB,GAAA;IAC5B,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAM,EAAEC,KAAK,EAAE,GAAGC,oBAASN,CAAAA,IAAAA,CAAAA;AAC3B,IAAA,MAAMO,QAAQC,6BAAa,CAAA,wBAAA,EAA0B,CAACC,KAAAA,GAAUA,MAAMF,KAAK,CAAA;AAC3E,IAAA,MAAMG,WAAWH,KAAQ,GAAA,CAAA;AACzB,IAAA,MAAM,EAAEI,eAAe,EAAE,GAAGC,qCAAmB,CAAA,wBAAA,CAAA;AAC/C,IAAoBC,6BAAAA;AACpB,IAAA,MAAMC,QAAWC,GAAAA,uBAAAA,EAAAA;AAEjB,IAAA,qBACEC,cAACC,CAAAA,kCAAAA,EAAAA;AAAkBC,QAAAA,EAAAA,EAAIb,KAAOa,EAAAA,EAAAA;AAAIC,QAAAA,GAAAA,EAAKpB,UAAUqB,SAAS;AAAEb,QAAAA,KAAAA,EAAOA,KAAQ,GAAA,CAAA;QAAGc,IAAK,EAAA,WAAA;AACjF,QAAA,QAAA,gBAAAL,cAACM,CAAAA,gBAAAA,EAAAA;YACCC,UAAY,EAAA,YAAA;YACZC,OAAS,EAAA;gBAAEC,OAAS,EAAA,CAAA;gBAAGC,MAAQ,EAAA;AAAE,aAAA;YACjCC,SAAWjB,EAAAA,QAAAA;YACXkB,WAAalB,EAAAA,QAAAA,IAAYI,WAAW,YAAee,GAAAA,SAAAA;AAEnD,YAAA,QAAA,gBAAAb,cAACc,CAAAA,iBAAAA,EAAAA;gBAAKC,SAAU,EAAA,QAAA;gBAASC,UAAW,EAAA,SAAA;gBAAUC,GAAK,EAAA,CAAA;0BAChD/B,MAAOgC,CAAAA,GAAG,CAAC,CAACC,GAAKC,EAAAA,KAAAA,GAAAA;AAChB,oBAAA,qBACEpB,cAACqB,CAAAA,6BAAAA,EAAAA;wBAAmBJ,GAAK,EAAA;4BAAER,OAAS,EAAA,CAAA;4BAAGC,MAAQ,EAAA;AAAE,yBAAA;AAC9CS,wBAAAA,QAAAA,EAAAA,GAAAA,CAAID,GAAG,CAAC,CAAC,EAAEI,IAAI,EAAE,GAAGC,KAAO,EAAA,GAAA;AAC1B;;;;;sBAMA,MAAMC,oBAAoB,CAAGxC,EAAAA,IAAAA,CAAK,CAAC,EAAEuC,KAAAA,CAAMvC,IAAI,CAAE,CAAA;AAEjD,4BAAA,MAAMyC,kBAAkBtC,aAAc,CAAA;gCACpCe,EAAI,EAAA,CAAC,2BAA2B,EAAEnB,SAAUqB,CAAAA,SAAS,CAAC,CAAC,EAAEmB,KAAMvC,CAAAA,IAAI,CAAE,CAAA;AACrE0C,gCAAAA,cAAAA,EAAgBH,MAAMI;AACxB,6BAAA,CAAA;AAEA,4BAAA,qBACE3B,cAAC4B,CAAAA,6BAAAA,EAAAA;gCACCC,GAAKP,EAAAA,IAAAA;gCAELQ,CAAG,EAAA,EAAA;gCACHC,EAAI,EAAA,EAAA;gCACJhB,SAAU,EAAA,QAAA;gCACVC,UAAW,EAAA,SAAA;0CAEV/B,QAAS,CAAA;AACR,oCAAA,GAAGsC,KAAK;oCACRI,KAAOF,EAAAA,eAAAA;oCACPzC,IAAMwC,EAAAA,iBAAAA;oCACNQ,QAAUrC,EAAAA;AACZ,iCAAA;AAXK6B,6BAAAA,EAAAA,iBAAAA,CAAAA;AAcX,yBAAA;AAhCuDJ,qBAAAA,EAAAA,KAAAA,CAAAA;AAmC7D,iBAAA;;;;AAKV;;;;"}

package/dist/admin/pages/EditView/components/FormInputs/Component/NonRepeatable.mjs

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { useField, createRulesEngine } from '@strapi/admin/strapi-admin';
+import { useField, createRulesEngine, useIsMobile } from '@strapi/admin/strapi-admin';
 import { Box, Flex } from '@strapi/design-system';
 import { useIntl } from 'react-intl';
 import { useDocumentContext } from '../../../../../hooks/useDocumentContext.mjs';
@@ -13,6 +13,7 @@ const NonRepeatableComponent = ({ attribute, name, children, layout })=>{
     const isNested = level > 0;
     const { currentDocument } = useDocumentContext('NonRepeatableComponent');
     createRulesEngine();
+    const isMobile = useIsMobile();
     return /*#__PURE__*/ jsx(ComponentProvider, {
         id: value?.id,
         uid: attribute.component,
@@ -20,19 +21,22 @@ const NonRepeatableComponent = ({ attribute, name, children, layout })=>{
         type: "component",
         children: /*#__PURE__*/ jsx(Box, {
             background: 'neutral100',
-            paddingLeft: 6,
-            paddingRight: 6,
-            paddingTop: 6,
-            paddingBottom: 6,
+            padding: {
+                initial: 4,
+                medium: 6
+            },
             hasRadius: isNested,
-            borderColor: isNested ? 'neutral200' : undefined,
+            borderColor: isNested || isMobile ? 'neutral200' : undefined,
             children: /*#__PURE__*/ jsx(Flex, {
                 direction: "column",
                 alignItems: "stretch",
                 gap: 6,
                 children: layout.map((row, index)=>{
                     return /*#__PURE__*/ jsx(ResponsiveGridRoot, {
-                        gap: 4,
+                        gap: {
+                            initial: 3,
+                            medium: 4
+                        },
                         children: row.map(({ size, ...field })=>{
                             /**
                    * Layouts are built from schemas so they don't understand the complete

package/dist/admin/pages/EditView/components/FormInputs/Component/NonRepeatable.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NonRepeatable.mjs","sources":["../../../../../../../admin/src/pages/EditView/components/FormInputs/Component/NonRepeatable.tsx"],"sourcesContent":["import { useField, createRulesEngine } from '@strapi/admin/strapi-admin';\nimport { Box, Flex } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { useDocumentContext } from '../../../../../hooks/useDocumentContext';\nimport { ResponsiveGridItem, ResponsiveGridRoot } from '../../FormLayout';\nimport { ComponentProvider, useComponent } from '../ComponentContext';\n\nimport type { ComponentInputProps } from './Input';\n\ntype NonRepeatableComponentProps = Omit<ComponentInputProps, 'required' | 'label'>;\n\nconst NonRepeatableComponent = ({\n  attribute,\n  name,\n  children,\n  layout,\n}: NonRepeatableComponentProps) => {\n  const { formatMessage } = useIntl();\n  const { value } = useField(name);\n  const level = useComponent('NonRepeatableComponent', (state) => state.level);\n  const isNested = level > 0;\n  const { currentDocument } = useDocumentContext('NonRepeatableComponent');\n  const rulesEngine = createRulesEngine();\n\n  return (\n    <ComponentProvider id={value?.id} uid={attribute.component} level={level + 1} type=\"component\">\n      <Box\n        background={'neutral100'}\n        paddingLeft={6}\n        paddingRight={6}\n        paddingTop={6}\n        paddingBottom={6}\n        hasRadius={isNested}\n        borderColor={isNested ? 'neutral200' : undefined}\n      >\n        <Flex direction=\"column\" alignItems=\"stretch\" gap={6}>\n          {layout.map((row, index) => {\n            return (\n              <ResponsiveGridRoot gap={4} key={index}>\n                {row.map(({ size, ...field }) => {\n                  /**\n                   * Layouts are built from schemas so they don't understand the complete\n                   * schema tree, for components we append the parent name to the field name\n                   * because this is the structure for the data & permissions also understand\n                   * the nesting involved.\n                   */\n                  const completeFieldName = `${name}.${field.name}`;\n\n                  const translatedLabel = formatMessage({\n                    id: `content-manager.components.${attribute.component}.${field.name}`,\n                    defaultMessage: field.label,\n                  });\n\n                  return (\n                    <ResponsiveGridItem\n                      col={size}\n                      key={completeFieldName}\n                      s={12}\n                      xs={12}\n                      direction=\"column\"\n                      alignItems=\"stretch\"\n                    >\n                      {children({\n                        ...field,\n                        label: translatedLabel,\n                        name: completeFieldName,\n                        document: currentDocument,\n                      })}\n                    </ResponsiveGridItem>\n                  );\n                })}\n              </ResponsiveGridRoot>\n            );\n          })}\n        </Flex>\n      </Box>\n    </ComponentProvider>\n  );\n};\n\nexport { NonRepeatableComponent };\nexport type { NonRepeatableComponentProps };\n"],"names":["NonRepeatableComponent","attribute","name","children","layout","formatMessage","useIntl","value","useField","level","useComponent","state","isNested","currentDocument","useDocumentContext","createRulesEngine","_jsx","ComponentProvider","id","uid","component","type","Box","background","paddingLeft","paddingRight","paddingTop","paddingBottom","hasRadius","borderColor","undefined","Flex","direction","alignItems","gap","map","row","index","ResponsiveGridRoot","size","field","completeFieldName","translatedLabel","defaultMessage","label","ResponsiveGridItem","col","s","xs","document"],"mappings":";;;;;;;;AAYMA,MAAAA,sBAAAA,GAAyB,CAAC,EAC9BC,SAAS,EACTC,IAAI,EACJC,QAAQ,EACRC,MAAM,EACsB,GAAA;IAC5B,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAM,EAAEC,KAAK,EAAE,GAAGC,QAASN,CAAAA,IAAAA,CAAAA;AAC3B,IAAA,MAAMO,QAAQC,YAAa,CAAA,wBAAA,EAA0B,CAACC,KAAAA,GAAUA,MAAMF,KAAK,CAAA;AAC3E,IAAA,MAAMG,WAAWH,KAAQ,GAAA,CAAA;AACzB,IAAA,MAAM,EAAEI,eAAe,EAAE,GAAGC,kBAAmB,CAAA,wBAAA,CAAA;AAC/C,IAAoBC,iBAAAA;AAEpB,IAAA,qBACEC,GAACC,CAAAA,iBAAAA,EAAAA;AAAkBC,QAAAA,EAAAA,EAAIX,KAAOW,EAAAA,EAAAA;AAAIC,QAAAA,GAAAA,EAAKlB,UAAUmB,SAAS;AAAEX,QAAAA,KAAAA,EAAOA,KAAQ,GAAA,CAAA;QAAGY,IAAK,EAAA,WAAA;AACjF,QAAA,QAAA,gBAAAL,GAACM,CAAAA,GAAAA,EAAAA;YACCC,UAAY,EAAA,YAAA;YACZC,WAAa,EAAA,CAAA;YACbC,YAAc,EAAA,CAAA;YACdC,UAAY,EAAA,CAAA;YACZC,aAAe,EAAA,CAAA;YACfC,SAAWhB,EAAAA,QAAAA;AACXiB,YAAAA,WAAAA,EAAajB,WAAW,YAAekB,GAAAA,SAAAA;AAEvC,YAAA,QAAA,gBAAAd,GAACe,CAAAA,IAAAA,EAAAA;gBAAKC,SAAU,EAAA,QAAA;gBAASC,UAAW,EAAA,SAAA;gBAAUC,GAAK,EAAA,CAAA;0BAChD9B,MAAO+B,CAAAA,GAAG,CAAC,CAACC,GAAKC,EAAAA,KAAAA,GAAAA;AAChB,oBAAA,qBACErB,GAACsB,CAAAA,kBAAAA,EAAAA;wBAAmBJ,GAAK,EAAA,CAAA;AACtBE,wBAAAA,QAAAA,EAAAA,GAAAA,CAAID,GAAG,CAAC,CAAC,EAAEI,IAAI,EAAE,GAAGC,KAAO,EAAA,GAAA;AAC1B;;;;;sBAMA,MAAMC,oBAAoB,CAAGvC,EAAAA,IAAAA,CAAK,CAAC,EAAEsC,KAAAA,CAAMtC,IAAI,CAAE,CAAA;AAEjD,4BAAA,MAAMwC,kBAAkBrC,aAAc,CAAA;gCACpCa,EAAI,EAAA,CAAC,2BAA2B,EAAEjB,SAAUmB,CAAAA,SAAS,CAAC,CAAC,EAAEoB,KAAMtC,CAAAA,IAAI,CAAE,CAAA;AACrEyC,gCAAAA,cAAAA,EAAgBH,MAAMI;AACxB,6BAAA,CAAA;AAEA,4BAAA,qBACE5B,GAAC6B,CAAAA,kBAAAA,EAAAA;gCACCC,GAAKP,EAAAA,IAAAA;gCAELQ,CAAG,EAAA,EAAA;gCACHC,EAAI,EAAA,EAAA;gCACJhB,SAAU,EAAA,QAAA;gCACVC,UAAW,EAAA,SAAA;0CAEV9B,QAAS,CAAA;AACR,oCAAA,GAAGqC,KAAK;oCACRI,KAAOF,EAAAA,eAAAA;oCACPxC,IAAMuC,EAAAA,iBAAAA;oCACNQ,QAAUpC,EAAAA;AACZ,iCAAA;AAXK4B,6BAAAA,EAAAA,iBAAAA,CAAAA;AAcX,yBAAA;AAhC+BJ,qBAAAA,EAAAA,KAAAA,CAAAA;AAmCrC,iBAAA;;;;AAKV;;;;"}
+{"version":3,"file":"NonRepeatable.mjs","sources":["../../../../../../../admin/src/pages/EditView/components/FormInputs/Component/NonRepeatable.tsx"],"sourcesContent":["import { useField, createRulesEngine, useIsMobile } from '@strapi/admin/strapi-admin';\nimport { Box, Flex } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { useDocumentContext } from '../../../../../hooks/useDocumentContext';\nimport { ResponsiveGridItem, ResponsiveGridRoot } from '../../FormLayout';\nimport { ComponentProvider, useComponent } from '../ComponentContext';\n\nimport type { ComponentInputProps } from './Input';\n\ntype NonRepeatableComponentProps = Omit<ComponentInputProps, 'required' | 'label'>;\n\nconst NonRepeatableComponent = ({\n  attribute,\n  name,\n  children,\n  layout,\n}: NonRepeatableComponentProps) => {\n  const { formatMessage } = useIntl();\n  const { value } = useField(name);\n  const level = useComponent('NonRepeatableComponent', (state) => state.level);\n  const isNested = level > 0;\n  const { currentDocument } = useDocumentContext('NonRepeatableComponent');\n  const rulesEngine = createRulesEngine();\n  const isMobile = useIsMobile();\n\n  return (\n    <ComponentProvider id={value?.id} uid={attribute.component} level={level + 1} type=\"component\">\n      <Box\n        background={'neutral100'}\n        padding={{ initial: 4, medium: 6 }}\n        hasRadius={isNested}\n        borderColor={isNested || isMobile ? 'neutral200' : undefined}\n      >\n        <Flex direction=\"column\" alignItems=\"stretch\" gap={6}>\n          {layout.map((row, index) => {\n            return (\n              <ResponsiveGridRoot gap={{ initial: 3, medium: 4 }} key={index}>\n                {row.map(({ size, ...field }) => {\n                  /**\n                   * Layouts are built from schemas so they don't understand the complete\n                   * schema tree, for components we append the parent name to the field name\n                   * because this is the structure for the data & permissions also understand\n                   * the nesting involved.\n                   */\n                  const completeFieldName = `${name}.${field.name}`;\n\n                  const translatedLabel = formatMessage({\n                    id: `content-manager.components.${attribute.component}.${field.name}`,\n                    defaultMessage: field.label,\n                  });\n\n                  return (\n                    <ResponsiveGridItem\n                      col={size}\n                      key={completeFieldName}\n                      s={12}\n                      xs={12}\n                      direction=\"column\"\n                      alignItems=\"stretch\"\n                    >\n                      {children({\n                        ...field,\n                        label: translatedLabel,\n                        name: completeFieldName,\n                        document: currentDocument,\n                      })}\n                    </ResponsiveGridItem>\n                  );\n                })}\n              </ResponsiveGridRoot>\n            );\n          })}\n        </Flex>\n      </Box>\n    </ComponentProvider>\n  );\n};\n\nexport { NonRepeatableComponent };\nexport type { NonRepeatableComponentProps };\n"],"names":["NonRepeatableComponent","attribute","name","children","layout","formatMessage","useIntl","value","useField","level","useComponent","state","isNested","currentDocument","useDocumentContext","createRulesEngine","isMobile","useIsMobile","_jsx","ComponentProvider","id","uid","component","type","Box","background","padding","initial","medium","hasRadius","borderColor","undefined","Flex","direction","alignItems","gap","map","row","index","ResponsiveGridRoot","size","field","completeFieldName","translatedLabel","defaultMessage","label","ResponsiveGridItem","col","s","xs","document"],"mappings":";;;;;;;;AAYMA,MAAAA,sBAAAA,GAAyB,CAAC,EAC9BC,SAAS,EACTC,IAAI,EACJC,QAAQ,EACRC,MAAM,EACsB,GAAA;IAC5B,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAM,EAAEC,KAAK,EAAE,GAAGC,QAASN,CAAAA,IAAAA,CAAAA;AAC3B,IAAA,MAAMO,QAAQC,YAAa,CAAA,wBAAA,EAA0B,CAACC,KAAAA,GAAUA,MAAMF,KAAK,CAAA;AAC3E,IAAA,MAAMG,WAAWH,KAAQ,GAAA,CAAA;AACzB,IAAA,MAAM,EAAEI,eAAe,EAAE,GAAGC,kBAAmB,CAAA,wBAAA,CAAA;AAC/C,IAAoBC,iBAAAA;AACpB,IAAA,MAAMC,QAAWC,GAAAA,WAAAA,EAAAA;AAEjB,IAAA,qBACEC,GAACC,CAAAA,iBAAAA,EAAAA;AAAkBC,QAAAA,EAAAA,EAAIb,KAAOa,EAAAA,EAAAA;AAAIC,QAAAA,GAAAA,EAAKpB,UAAUqB,SAAS;AAAEb,QAAAA,KAAAA,EAAOA,KAAQ,GAAA,CAAA;QAAGc,IAAK,EAAA,WAAA;AACjF,QAAA,QAAA,gBAAAL,GAACM,CAAAA,GAAAA,EAAAA;YACCC,UAAY,EAAA,YAAA;YACZC,OAAS,EAAA;gBAAEC,OAAS,EAAA,CAAA;gBAAGC,MAAQ,EAAA;AAAE,aAAA;YACjCC,SAAWjB,EAAAA,QAAAA;YACXkB,WAAalB,EAAAA,QAAAA,IAAYI,WAAW,YAAee,GAAAA,SAAAA;AAEnD,YAAA,QAAA,gBAAAb,GAACc,CAAAA,IAAAA,EAAAA;gBAAKC,SAAU,EAAA,QAAA;gBAASC,UAAW,EAAA,SAAA;gBAAUC,GAAK,EAAA,CAAA;0BAChD/B,MAAOgC,CAAAA,GAAG,CAAC,CAACC,GAAKC,EAAAA,KAAAA,GAAAA;AAChB,oBAAA,qBACEpB,GAACqB,CAAAA,kBAAAA,EAAAA;wBAAmBJ,GAAK,EAAA;4BAAER,OAAS,EAAA,CAAA;4BAAGC,MAAQ,EAAA;AAAE,yBAAA;AAC9CS,wBAAAA,QAAAA,EAAAA,GAAAA,CAAID,GAAG,CAAC,CAAC,EAAEI,IAAI,EAAE,GAAGC,KAAO,EAAA,GAAA;AAC1B;;;;;sBAMA,MAAMC,oBAAoB,CAAGxC,EAAAA,IAAAA,CAAK,CAAC,EAAEuC,KAAAA,CAAMvC,IAAI,CAAE,CAAA;AAEjD,4BAAA,MAAMyC,kBAAkBtC,aAAc,CAAA;gCACpCe,EAAI,EAAA,CAAC,2BAA2B,EAAEnB,SAAUqB,CAAAA,SAAS,CAAC,CAAC,EAAEmB,KAAMvC,CAAAA,IAAI,CAAE,CAAA;AACrE0C,gCAAAA,cAAAA,EAAgBH,MAAMI;AACxB,6BAAA,CAAA;AAEA,4BAAA,qBACE3B,GAAC4B,CAAAA,kBAAAA,EAAAA;gCACCC,GAAKP,EAAAA,IAAAA;gCAELQ,CAAG,EAAA,EAAA;gCACHC,EAAI,EAAA,EAAA;gCACJhB,SAAU,EAAA,QAAA;gCACVC,UAAW,EAAA,SAAA;0CAEV/B,QAAS,CAAA;AACR,oCAAA,GAAGsC,KAAK;oCACRI,KAAOF,EAAAA,eAAAA;oCACPzC,IAAMwC,EAAAA,iBAAAA;oCACNQ,QAAUrC,EAAAA;AACZ,iCAAA;AAXK6B,6BAAAA,EAAAA,iBAAAA,CAAAA;AAcX,yBAAA;AAhCuDJ,qBAAAA,EAAAA,KAAAA,CAAAA;AAmC7D,iBAAA;;;;AAKV;;;;"}