@strapi/admin 4.4.0-rc.0 → 4.4.0

package/admin/src/content-manager/components/DynamicZone/components/Component/index.js

@@ -1,4 +1,4 @@
-import React, { memo, useMemo } from 'react';
+import React, { memo, Suspense, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import styled from 'styled-components';
 import isEqual from 'react-fast-compare';
@@ -8,7 +8,9 @@ import { Accordion, AccordionToggle, AccordionContent } from '@strapi/design-sys
 import { IconButton } from '@strapi/design-system/IconButton';
 import { FocusTrap } from '@strapi/design-system/FocusTrap';
 import { Box } from '@strapi/design-system/Box';
+import { Flex } from '@strapi/design-system/Flex';
 import { Stack } from '@strapi/design-system/Stack';
+import { Loader } from '@strapi/design-system/Loader';
 import Trash from '@strapi/icons/Trash';
 import ArrowDown from '@strapi/icons/ArrowDown';
 import ArrowUp from '@strapi/icons/ArrowUp';
@@ -147,14 +149,22 @@ const Component = ({
           />
           <AccordionContent>
             <AccordionContentRadius background="neutral0">
-              <FocusTrap onEscape={() => onToggle(index)}>
-                <FieldComponent
-                  componentUid={componentUid}
-                  icon={icon}
-                  name={`${name}.${index}`}
-                  isFromDynamicZone
-                />
-              </FocusTrap>
+              <Suspense
+                fallback={
+                  <Flex justifyContent="center" paddingTop={4} paddingBottom={4}>
+                    <Loader>Loading content.</Loader>
+                  </Flex>
+                }
+              >
+                <FocusTrap onEscape={() => onToggle(index)}>
+                  <FieldComponent
+                    componentUid={componentUid}
+                    icon={icon}
+                    name={`${name}.${index}`}
+                    isFromDynamicZone
+                  />
+                </FocusTrap>
+              </Suspense>
             </AccordionContentRadius>
           </AccordionContent>
         </Accordion>

package/admin/src/translations/en.json

@@ -422,7 +422,7 @@
   "app.containers.Users.EditPage.roles-bloc-title": "Attributed roles",
   "app.containers.Users.ModalForm.footer.button-success": "Invite user",
   "app.links.configure-view": "Configure the view",
-  "app.page.not.found": "Oops! We can't seem to find the page you're looging for...",
+  "app.page.not.found": "Oops! We can't seem to find the page you're looking for...",
   "app.static.links.cheatsheet": "CheatSheet",
   "app.utils.SelectOption.defaultMessage": " ",
   "app.utils.add-filter": "Add filter",

package/build/{Admin-authenticatedApp.9dec5230.chunk.js → Admin-authenticatedApp.3a7e3b2c.chunk.js}

@@ -1,4 +1,4 @@
-"use strict";(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[801],{19782:(k,M,n)=>{n.r(M),n.d(M,{default:()=>tn});var e=n(32735),i=n(88425),b=n(84968),P=n(33795),X=n.n(P);const C={i8:"4.4.0-rc.0"};var $=n(775),p=n(5141),N=n(4409),D=n(74506),K=n(51968),F=n(88311),G=n.n(F),O=n(58107),T=n(19615),U=n(60216),r=n.n(U),d=n(5636),v=n(64410),E=n(54742),f=n(19192),R=n(9808),J=n(90662),Ne=n(20763),re=n(44526),Ge=n(94009),Ue=n.n(Ge);const Fe=(0,T.default)(f.Flex)`
+"use strict";(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[801],{19782:(k,M,n)=>{n.r(M),n.d(M,{default:()=>tn});var e=n(32735),i=n(88425),b=n(84968),P=n(33795),X=n.n(P);const C={i8:"4.4.0"};var $=n(775),p=n(5141),N=n(4409),D=n(74506),K=n(51968),F=n(88311),G=n.n(F),O=n(58107),T=n(19615),U=n(60216),r=n.n(U),d=n(5636),v=n(64410),E=n(54742),f=n(19192),R=n(9808),J=n(90662),Ne=n(20763),re=n(44526),Ge=n(94009),Ue=n.n(Ge);const Fe=(0,T.default)(f.Flex)`
   position: fixed;
   z-index: 4;
   inset: 0;