@strapi/admin 4.11.1-beta.2 → 4.11.2

package/admin/src/content-manager/components/DynamicTable/CellContent/Media/FileWrapper.js

@@ -1,7 +1,8 @@
 import React from 'react';
+
+import { Flex, Typography } from '@strapi/design-system';
 import PropTypes from 'prop-types';
 import styled from 'styled-components';
-import { Flex, Typography } from '@strapi/design-system';
 
 const Wrapper = styled(Flex)`
   position: relative;

package/admin/src/content-manager/components/DynamicTable/CellContent/Media/index.js

@@ -1,7 +1,8 @@
-import PropTypes from 'prop-types';
 import React from 'react';
+
 import { Avatar, Tooltip } from '@strapi/design-system';
 import { getFileExtension, prefixFileUrlWithBackendUrl } from '@strapi/helper-plugin';
+import PropTypes from 'prop-types';
 
 import FileWrapper from './FileWrapper';
 

package/admin/src/content-manager/components/DynamicTable/CellContent/MultipleMedias.js

@@ -1,6 +1,8 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+
 import { AvatarGroup } from '@strapi/design-system';
+import PropTypes from 'prop-types';
+
 import Media from './Media';
 import FileWrapper from './Media/FileWrapper';
 

package/admin/src/content-manager/components/DynamicTable/CellContent/PublicationState/PublicationState.js

@@ -1,7 +1,8 @@
 import React from 'react';
+
+import { Status, Typography } from '@strapi/design-system';
 import PropTypes from 'prop-types';
 import { useIntl } from 'react-intl';
-import { Status, Typography } from '@strapi/design-system';
 
 import { getTrad } from '../../../../utils';
 

package/admin/src/content-manager/components/DynamicTable/CellContent/RelationMultiple/index.js

@@ -1,3 +1,5 @@
+import React, { useMemo, useState } from 'react';
+
 import {
   Badge,
   Box,
@@ -10,10 +12,10 @@ import {
 } from '@strapi/design-system';
 import { stopPropagation, useFetchClient } from '@strapi/helper-plugin';
 import PropTypes from 'prop-types';
-import React, { useMemo, useState } from 'react';
 import { useIntl } from 'react-intl';
 import { useQuery } from 'react-query';
 import styled from 'styled-components';
+
 import { getRequestUrl, getTrad } from '../../../../utils';
 import CellValue from '../CellValue';
 

package/admin/src/content-manager/components/DynamicTable/CellContent/RelationSingle/index.js

@@ -1,7 +1,9 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+
 import { Typography } from '@strapi/design-system';
+import PropTypes from 'prop-types';
 import styled from 'styled-components';
+
 import CellValue from '../CellValue';
 
 const TypographyMaxWidth = styled(Typography)`

package/admin/src/content-manager/components/DynamicTable/CellContent/RepeatableComponent/index.js

@@ -1,9 +1,10 @@
 import React from 'react';
+
+import { Badge, Box, MenuItem, SimpleMenu, Typography } from '@strapi/design-system';
+import { stopPropagation } from '@strapi/helper-plugin';
 import PropTypes from 'prop-types';
-import styled from 'styled-components';
 import { useIntl } from 'react-intl';
-import { Badge, Box, Typography, SimpleMenu, MenuItem } from '@strapi/design-system';
-import { stopPropagation } from '@strapi/helper-plugin';
+import styled from 'styled-components';
 
 import CellValue from '../CellValue';
 

package/admin/src/content-manager/components/DynamicTable/CellContent/SingleComponent/index.js

@@ -1,7 +1,8 @@
 import React from 'react';
+
+import { Tooltip, Typography } from '@strapi/design-system';
 import PropTypes from 'prop-types';
 import styled from 'styled-components';
-import { Tooltip, Typography } from '@strapi/design-system';
 
 import CellValue from '../CellValue';
 

package/admin/src/content-manager/components/DynamicTable/CellContent/index.js

@@ -1,14 +1,16 @@
 import React from 'react';
+
+import { Tooltip, Typography } from '@strapi/design-system';
 import PropTypes from 'prop-types';
 import styled from 'styled-components';
-import { Typography, Tooltip } from '@strapi/design-system';
+
+import CellValue from './CellValue';
 import Media from './Media';
 import MultipleMedias from './MultipleMedias';
 import RelationMultiple from './RelationMultiple';
 import RelationSingle from './RelationSingle';
 import RepeatableComponent from './RepeatableComponent';
 import SingleComponent from './SingleComponent';
-import CellValue from './CellValue';
 import hasContent from './utils/hasContent';
 import isSingleRelation from './utils/isSingleRelation';
 

package/admin/src/content-manager/components/DynamicTable/CellContent/utils/hasContent.js

@@ -1,9 +1,10 @@
 import isEmpty from 'lodash/isEmpty';
 import isNumber from 'lodash/isNumber';
 
-import isSingleRelation from './isSingleRelation';
 import isFieldTypeNumber from '../../../../utils/isFieldTypeNumber';
 
+import isSingleRelation from './isSingleRelation';
+
 export default function hasContent(type, content, metadatas, fieldSchema) {
   if (type === 'component') {
     const {

package/admin/src/content-manager/components/DynamicTable/ConfirmDialogDelete/index.js

@@ -1,8 +1,10 @@
 import React from 'react';
+
+import { Button, Dialog, DialogBody, DialogFooter, Flex, Typography } from '@strapi/design-system';
+import { ExclamationMarkCircle, Trash } from '@strapi/icons';
 import PropTypes from 'prop-types';
 import { useIntl } from 'react-intl';
-import { Dialog, DialogBody, DialogFooter, Flex, Typography, Button } from '@strapi/design-system';
-import { ExclamationMarkCircle, Trash } from '@strapi/icons';
+
 import InjectionZoneList from '../../InjectionZoneList';
 
 const ConfirmDialogDelete = ({ isConfirmButtonLoading, isOpen, onToggleDialog, onConfirm }) => {

package/admin/src/content-manager/components/DynamicTable/TableRows/index.js

@@ -1,18 +1,14 @@
 import React from 'react';
+
+import { BaseCheckbox, Box, Flex, IconButton, Tbody, Td, Tr } from '@strapi/design-system';
+import { onRowClick, stopPropagation, useTracking } from '@strapi/helper-plugin';
+import { Duplicate, Pencil, Trash } from '@strapi/icons';
 import PropTypes from 'prop-types';
-import { Link, useHistory } from 'react-router-dom';
 import { useIntl } from 'react-intl';
-
-import { BaseCheckbox, Box, IconButton, Tbody, Td, Tr, Flex } from '@strapi/design-system';
-
-import { Trash, Duplicate, Pencil } from '@strapi/icons';
-
-import { useTracking, stopPropagation, onRowClick } from '@strapi/helper-plugin';
-
-import { usePluginsQueryParams } from '../../../hooks';
+import { Link, useHistory } from 'react-router-dom';
 
 import { getFullName } from '../../../../utils';
-
+import { usePluginsQueryParams } from '../../../hooks';
 import CellContent from '../CellContent';
 
 const TableRows = ({

package/admin/src/content-manager/components/DynamicTable/index.js

@@ -1,17 +1,19 @@
 import React, { useMemo } from 'react';
+
+import { DynamicTable as Table, useStrapiApp } from '@strapi/helper-plugin';
+import getReviewWorkflowsColumn from 'ee_else_ce/content-manager/components/DynamicTable/CellContent/ReviewWorkflowsStage/getTableColumn';
 import PropTypes from 'prop-types';
 import { useIntl } from 'react-intl';
-import { DynamicTable as Table, useStrapiApp } from '@strapi/helper-plugin';
 import { useSelector } from 'react-redux';
 
-import getReviewWorkflowsColumn from 'ee_else_ce/content-manager/components/DynamicTable/CellContent/ReviewWorkflowsStage/getTableColumn';
 import { INJECT_COLUMN_IN_TABLE } from '../../../exposedHooks';
 import { selectDisplayedHeaders } from '../../pages/ListView/selectors';
 import { getTrad } from '../../utils';
-import TableRows from './TableRows';
-import ConfirmDialogDelete from './ConfirmDialogDelete';
-import { PublicationState } from './CellContent/PublicationState/PublicationState';
+
 import BulkActionsBar from './BulkActionsBar';
+import { PublicationState } from './CellContent/PublicationState/PublicationState';
+import ConfirmDialogDelete from './ConfirmDialogDelete';
+import TableRows from './TableRows';
 
 const DynamicTable = ({
   canCreate,

package/admin/src/content-manager/components/DynamicZone/components/AddComponentButton.js

@@ -5,10 +5,11 @@
  */
 
 import React from 'react';
+
+import { BaseButton, Flex, Typography } from '@strapi/design-system';
+import { PlusCircle } from '@strapi/icons';
 import PropTypes from 'prop-types';
 import styled from 'styled-components';
-import { PlusCircle } from '@strapi/icons';
-import { BaseButton, Flex, Typography } from '@strapi/design-system';
 
 export const AddComponentButton = ({ hasError, isDisabled, isOpen, children, onClick }) => {
   return (

package/admin/src/content-manager/components/DynamicZone/components/ComponentCard.js

@@ -5,11 +5,11 @@
  */
 
 import React from 'react';
-import PropTypes from 'prop-types';
-import styled from 'styled-components';
 
-import { Box, Typography, Flex } from '@strapi/design-system';
+import { Box, Flex, Typography } from '@strapi/design-system';
 import { pxToRem } from '@strapi/helper-plugin';
+import PropTypes from 'prop-types';
+import styled from 'styled-components';
 
 import { ComponentIcon } from '../../ComponentIcon';
 

package/admin/src/content-manager/components/DynamicZone/components/ComponentCategory.js

@@ -1,16 +1,17 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+
 import {
   Accordion,
-  AccordionToggle,
   AccordionContent,
+  AccordionToggle,
   Box,
   Flex,
   Typography,
 } from '@strapi/design-system';
 import { pxToRem } from '@strapi/helper-plugin';
-import styled from 'styled-components';
+import PropTypes from 'prop-types';
 import { useIntl } from 'react-intl';
+import styled from 'styled-components';
 
 import { ComponentIcon } from '../../ComponentIcon';
 

package/admin/src/content-manager/components/DynamicZone/components/ComponentPicker.js

@@ -1,7 +1,8 @@
 import React, { useEffect, useState } from 'react';
+
+import { Box, Flex, KeyboardNavigable, Typography } from '@strapi/design-system';
 import PropTypes from 'prop-types';
 import { useIntl } from 'react-intl';
-import { KeyboardNavigable, Box, Flex, Typography } from '@strapi/design-system';
 
 import { getTrad } from '../../../utils';
 

package/admin/src/content-manager/components/DynamicZone/components/DynamicComponent.js

@@ -1,28 +1,27 @@
 import React, { useEffect, useMemo, useState } from 'react';
-import PropTypes from 'prop-types';
-import styled from 'styled-components';
-import { useIntl } from 'react-intl';
-import get from 'lodash/get';
-import { getEmptyImage } from 'react-dnd-html5-backend';
 
 import {
   Accordion,
-  AccordionToggle,
   AccordionContent,
-  IconButton,
+  AccordionToggle,
   Box,
   Flex,
+  IconButton,
   VisuallyHidden,
 } from '@strapi/design-system';
 import { Menu, MenuItem } from '@strapi/design-system/v2';
 import { useCMEditViewDataManager } from '@strapi/helper-plugin';
-import { Trash, Drag, More } from '@strapi/icons';
+import { Drag, More, Trash } from '@strapi/icons';
+import get from 'lodash/get';
+import PropTypes from 'prop-types';
+import { getEmptyImage } from 'react-dnd-html5-backend';
+import { useIntl } from 'react-intl';
+import styled from 'styled-components';
 
 import { useContentTypeLayout, useDragAndDrop } from '../../../hooks';
 import { composeRefs, getTrad, ItemTypes } from '../../../utils';
-
-import FieldComponent from '../../FieldComponent';
 import { ComponentIcon } from '../../ComponentIcon';
+import FieldComponent from '../../FieldComponent';
 
 export const DynamicComponent = ({
   componentUid,

package/admin/src/content-manager/components/DynamicZone/components/DynamicZoneLabel.js

@@ -5,10 +5,11 @@
  */
 
 import React from 'react';
-import { useIntl } from 'react-intl';
-import PropTypes from 'prop-types';
-import { pxToRem } from '@strapi/helper-plugin';
+
 import { Box, Flex, Typography } from '@strapi/design-system';
+import { pxToRem } from '@strapi/helper-plugin';
+import PropTypes from 'prop-types';
+import { useIntl } from 'react-intl';
 
 export const DynamicZoneLabel = ({
   label,

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

@@ -1,17 +1,17 @@
 import React, { useMemo, useState } from 'react';
-import PropTypes from 'prop-types';
+
 import { Box, Flex, VisuallyHidden } from '@strapi/design-system';
-import { NotAllowedInput, useNotification, useCMEditViewDataManager } from '@strapi/helper-plugin';
+import { NotAllowedInput, useCMEditViewDataManager, useNotification } from '@strapi/helper-plugin';
+import PropTypes from 'prop-types';
 import { useIntl } from 'react-intl';
 
+import { useContentTypeLayout } from '../../hooks';
 import { getTrad } from '../../utils';
 
-import { DynamicComponent } from './components/DynamicComponent';
 import { AddComponentButton } from './components/AddComponentButton';
-import { DynamicZoneLabel } from './components/DynamicZoneLabel';
 import { ComponentPicker } from './components/ComponentPicker';
-
-import { useContentTypeLayout } from '../../hooks';
+import { DynamicComponent } from './components/DynamicComponent';
+import { DynamicZoneLabel } from './components/DynamicZoneLabel';
 
 const DynamicZone = ({ name, labelAction, fieldSchema, metadatas }) => {
   // We cannot use the default props here

package/admin/src/content-manager/components/EditViewDataManagerProvider/index.js

@@ -1,37 +1,35 @@
 /* eslint-disable react/jsx-no-constructed-context-values */
-import React, { useCallback, useEffect, useMemo, useRef, useReducer } from 'react';
-import isEmpty from 'lodash/isEmpty';
-import cloneDeep from 'lodash/cloneDeep';
-import get from 'lodash/get';
-import isEqual from 'lodash/isEqual';
-import set from 'lodash/set';
-import PropTypes from 'prop-types';
-import { useIntl } from 'react-intl';
-import { Prompt, Redirect } from 'react-router-dom';
-import { flushSync } from 'react-dom';
-import { useDispatch, useSelector } from 'react-redux';
+import React, { useCallback, useEffect, useMemo, useReducer, useRef } from 'react';
 
 import { Main } from '@strapi/design-system';
 import {
-  LoadingIndicatorPage,
   ContentManagerEditViewDataManagerContext,
+  getAPIInnerErrors,
+  getYupInnerErrors,
+  LoadingIndicatorPage,
   useNotification,
   useOverlayBlocker,
   useTracking,
-  getYupInnerErrors,
-  getAPIInnerErrors,
 } from '@strapi/helper-plugin';
+import cloneDeep from 'lodash/cloneDeep';
+import get from 'lodash/get';
+import isEmpty from 'lodash/isEmpty';
+import isEqual from 'lodash/isEqual';
+import set from 'lodash/set';
+import PropTypes from 'prop-types';
+import { flushSync } from 'react-dom';
+import { useIntl } from 'react-intl';
+import { useDispatch, useSelector } from 'react-redux';
+import { Prompt, Redirect } from 'react-router-dom';
 
-import { createYupSchema, getTrad } from '../../utils';
-
+import { usePrev } from '../../hooks';
+import { clearSetModifiedDataOnly } from '../../sharedReducers/crudReducer/actions';
 import selectCrudReducer from '../../sharedReducers/crudReducer/selectors';
+import { createYupSchema, getTrad } from '../../utils';
 
 import reducer, { initialState } from './reducer';
 import { cleanData } from './utils';
 
-import { clearSetModifiedDataOnly } from '../../sharedReducers/crudReducer/actions';
-import { usePrev } from '../../hooks';
-
 const EditViewDataManagerProvider = ({
   allLayoutData,
   allowedActions: { canRead, canUpdate },

package/admin/src/content-manager/components/EditViewDataManagerProvider/reducer.js

@@ -1,15 +1,16 @@
+import { generateNKeysBetween } from 'fractional-indexing';
 import produce from 'immer';
-import unset from 'lodash/unset';
+import cloneDeep from 'lodash/cloneDeep';
 import get from 'lodash/get';
 import set from 'lodash/set';
 import take from 'lodash/take';
-import cloneDeep from 'lodash/cloneDeep';
 import uniqBy from 'lodash/uniqBy';
-import { generateNKeysBetween } from 'fractional-indexing';
+import unset from 'lodash/unset';
 
-import { findAllAndReplace, moveFields } from './utils';
 import { getMaxTempKey } from '../../utils';
 
+import { findAllAndReplace, moveFields } from './utils';
+
 const initialState = {
   componentsDataStructure: {},
   contentTypeDataStructure: {},

package/admin/src/content-manager/components/EditViewDataManagerProvider/utils/cleanData.js

@@ -1,6 +1,7 @@
 import get from 'lodash/get';
 import isArray from 'lodash/isArray';
 import isObject from 'lodash/isObject';
+
 import { getInitialDataPathUsingTempKeys } from '../../../utils/paths';
 
 /* eslint-disable indent */

package/admin/src/content-manager/components/EditViewDataManagerProvider/utils/index.js

@@ -1,3 +1,3 @@
-export { default as moveFields } from './moveFields';
 export { default as cleanData } from './cleanData';
 export { findAllAndReplace } from './findAllAndReplace';
+export { default as moveFields } from './moveFields';

package/admin/src/content-manager/components/FieldComponent/Label.js

@@ -1,8 +1,9 @@
 import React from 'react';
+
+import { Box, Flex, Typography } from '@strapi/design-system';
 import PropTypes from 'prop-types';
 import { useIntl } from 'react-intl';
 import styled from 'styled-components';
-import { Box, Flex, Typography } from '@strapi/design-system';
 
 const LabelAction = styled(Box)`
   svg path {

package/admin/src/content-manager/components/FieldComponent/index.js

@@ -1,22 +1,23 @@
 /* eslint-disable  import/no-cycle */
 import React, { memo, useMemo } from 'react';
-import PropTypes from 'prop-types';
-import size from 'lodash/size';
-import isEqual from 'lodash/isEqual';
-import { useIntl } from 'react-intl';
 
+import { Box, Flex, IconButton } from '@strapi/design-system';
 import { NotAllowedInput } from '@strapi/helper-plugin';
 import { Trash } from '@strapi/icons';
-import { Box, IconButton, Flex } from '@strapi/design-system';
+import isEqual from 'lodash/isEqual';
+import size from 'lodash/size';
+import PropTypes from 'prop-types';
+import { useIntl } from 'react-intl';
 
-import connect from './utils/connect';
-import select from './utils/select';
-import Label from './Label';
+import { useContentTypeLayout } from '../../hooks';
+import { getTrad } from '../../utils';
 import ComponentInitializer from '../ComponentInitializer';
 import NonRepeatableComponent from '../NonRepeatableComponent';
 import RepeatableComponent from '../RepeatableComponent';
-import { useContentTypeLayout } from '../../hooks';
-import { getTrad } from '../../utils';
+
+import Label from './Label';
+import connect from './utils/connect';
+import select from './utils/select';
 
 const FieldComponent = ({
   addNonRepeatableComponentToField,

package/admin/src/content-manager/components/FieldComponent/utils/select.js

@@ -1,10 +1,11 @@
 import { useMemo } from 'react';
+
+import { useCMEditViewDataManager } from '@strapi/helper-plugin';
 import get from 'lodash/get';
 import take from 'lodash/take';
-import { useCMEditViewDataManager } from '@strapi/helper-plugin';
 
-import { getFieldName } from '../../../utils';
 import { useContentTypeLayout } from '../../../hooks';
+import { getFieldName } from '../../../utils';
 
 function useSelect({ isFromDynamicZone, name }) {
   const {

package/admin/src/content-manager/components/FieldTypeIcon/index.js

@@ -1,21 +1,22 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+
 import { Box } from '@strapi/design-system';
 import { useCustomFields } from '@strapi/helper-plugin';
 import {
-  Date,
   Boolean,
+  Component,
+  Date,
+  DynamicZone,
   Email,
   Enumeration,
+  Json,
   Media,
+  Number,
   Relation,
   Text,
   Uid,
-  Number,
-  Json,
-  Component,
-  DynamicZone,
 } from '@strapi/icons';
+import PropTypes from 'prop-types';
 
 const iconByTypes = {
   biginteger: <Number />,

package/admin/src/content-manager/components/Hint/index.js

@@ -1,6 +1,7 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+
 import { Typography } from '@strapi/design-system';
+import PropTypes from 'prop-types';
 
 export const Hint = ({ id, error, name, hint }) => {
   if (hint.length === 0 || error) {

package/admin/src/content-manager/components/InjectionZoneList/index.js

@@ -1,6 +1,8 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+
 import { Box } from '@strapi/design-system';
+import PropTypes from 'prop-types';
+
 import { useInjectionZone } from '../../../shared/hooks';
 
 const InjectionZoneList = ({ area, ...props }) => {

package/admin/src/content-manager/components/InputUID/endActionStyle.js

@@ -1,5 +1,5 @@
+import { FieldAction, Flex } from '@strapi/design-system';
 import styled, { keyframes } from 'styled-components';
-import { Flex, FieldAction } from '@strapi/design-system';
 
 export const FieldActionWrapper = styled(FieldAction)`
   svg {

package/admin/src/content-manager/components/InputUID/index.js

@@ -1,19 +1,21 @@
-import React, { useEffect, useState, useRef } from 'react';
-import PropTypes from 'prop-types';
+import React, { useEffect, useRef, useState } from 'react';
+
+import { Flex, TextInput, Typography } from '@strapi/design-system';
 import {
+  useAPIErrorHandler,
   useCMEditViewDataManager,
   useFetchClient,
   useNotification,
-  useAPIErrorHandler,
 } from '@strapi/helper-plugin';
+import { CheckCircle, ExclamationMarkCircle, Loader, Refresh } from '@strapi/icons';
+import PropTypes from 'prop-types';
 import { useIntl } from 'react-intl';
-import { Flex, TextInput, Typography } from '@strapi/design-system';
-import { Refresh, CheckCircle, ExclamationMarkCircle, Loader } from '@strapi/icons';
 
-import { getRequestUrl } from '../../utils';
 import useDebounce from '../../../hooks/useDebounce';
+import { getRequestUrl } from '../../utils';
+
+import { FieldActionWrapper, LoadingWrapper, TextValidation } from './endActionStyle';
 import UID_REGEX from './regex';
-import { FieldActionWrapper, TextValidation, LoadingWrapper } from './endActionStyle';
 
 const InputUID = ({
   attribute,

package/admin/src/content-manager/components/Inputs/index.js

@@ -1,16 +1,18 @@
 import React, { memo, useMemo } from 'react';
-import PropTypes from 'prop-types';
-import { useIntl } from 'react-intl';
+
+import { GenericInput, NotAllowedInput, useLibrary } from '@strapi/helper-plugin';
 import get from 'lodash/get';
+import isEqual from 'lodash/isEqual';
 import omit from 'lodash/omit';
 import take from 'lodash/take';
-import isEqual from 'lodash/isEqual';
-import { GenericInput, NotAllowedInput, useLibrary } from '@strapi/helper-plugin';
+import PropTypes from 'prop-types';
+import { useIntl } from 'react-intl';
+
 import { useContentTypeLayout } from '../../hooks';
 import { getFieldName } from '../../utils';
-import Wysiwyg from '../Wysiwyg';
 import InputUID from '../InputUID';
 import { RelationInputDataManager } from '../RelationInputDataManager';
+import Wysiwyg from '../Wysiwyg';
 
 import { connect, generateOptions, getInputType, select, VALIDATIONS_TO_OMIT } from './utils';
 

package/admin/src/content-manager/components/Inputs/utils/select.js

@@ -1,6 +1,7 @@
 import { useMemo } from 'react';
-import get from 'lodash/get';
+
 import { useCMEditViewDataManager } from '@strapi/helper-plugin';
+import get from 'lodash/get';
 
 function useSelect(keys) {
   const {

package/admin/src/content-manager/components/NonRepeatableComponent/index.js

@@ -2,12 +2,14 @@
 /* eslint-disable import/no-cycle */
 
 import React, { useMemo } from 'react';
+
+import { Box, Flex, Grid, GridItem } from '@strapi/design-system';
 import PropTypes from 'prop-types';
-import { Box, Grid, GridItem, Flex } from '@strapi/design-system';
+
 import { useContentTypeLayout } from '../../hooks';
+import useLazyComponents from '../../hooks/useLazyComponents';
 import FieldComponent from '../FieldComponent';
 import Inputs from '../Inputs';
-import useLazyComponents from '../../hooks/useLazyComponents';
 
 const NonRepeatableComponent = ({ componentUid, isFromDynamicZone, isNested, name }) => {
   const { getComponentLayout } = useContentTypeLayout();