@strapi/admin 4.11.1-beta.2 → 4.11.2

package/admin/src/content-manager/pages/App/components/ComponentDragPreview.js

@@ -1,9 +1,10 @@
 import React from 'react';
+
+import { Flex, IconButton, Typography } from '@strapi/design-system';
+import { pxToRem } from '@strapi/helper-plugin';
+import { CarretDown, Drag, Trash } from '@strapi/icons';
 import PropTypes from 'prop-types';
 import styled from 'styled-components';
-import { pxToRem } from '@strapi/helper-plugin';
-import { Flex, Typography, IconButton } from '@strapi/design-system';
-import { Trash, Drag, CarretDown } from '@strapi/icons';
 
 const DropdownIconWrapper = styled(Flex)`
   border-radius: 50%;

package/admin/src/content-manager/pages/App/components/RelationDragPreview.js

@@ -1,16 +1,17 @@
 import * as React from 'react';
-import { useIntl } from 'react-intl';
+
+import { Box, Flex, Icon, IconButton, Status, Typography } from '@strapi/design-system';
+import { Cross, Drag } from '@strapi/icons';
 import PropTypes from 'prop-types';
-import { Box, Flex, IconButton, Typography, Status, Icon } from '@strapi/design-system';
-import { Drag, Cross } from '@strapi/icons';
+import { useIntl } from 'react-intl';
 
-import { getTrad } from '../../../utils';
-import { PUBLICATION_STATES } from '../../../components/RelationInputDataManager/constants';
+import { DisconnectButton, LinkEllipsis } from '../../../components/RelationInput';
 import {
   ChildrenWrapper,
   FlexWrapper,
 } from '../../../components/RelationInput/components/RelationItem';
-import { LinkEllipsis, DisconnectButton } from '../../../components/RelationInput';
+import { PUBLICATION_STATES } from '../../../components/RelationInputDataManager/constants';
+import { getTrad } from '../../../utils';
 
 export const RelationDragPreview = ({ status, displayedValue, width }) => {
   const { formatMessage } = useIntl();

package/admin/src/content-manager/pages/App/index.js

@@ -1,32 +1,33 @@
 import React, { useEffect, useRef } from 'react';
-import { Helmet } from 'react-helmet';
-import { Switch, Route, useRouteMatch, Redirect, useLocation } from 'react-router-dom';
+
+import { HeaderLayout, Layout, Main } from '@strapi/design-system';
 import {
+  AnErrorOccurred,
   CheckPagePermissions,
   LoadingIndicatorPage,
-  AnErrorOccurred,
   useGuidedTour,
 } from '@strapi/helper-plugin';
-import { Layout, HeaderLayout, Main } from '@strapi/design-system';
-import { useIntl } from 'react-intl';
 import sortBy from 'lodash/sortBy';
-import permissions from '../../../permissions';
-import getTrad from '../../utils/getTrad';
+import { Helmet } from 'react-helmet';
+import { useIntl } from 'react-intl';
+import { Redirect, Route, Switch, useLocation, useRouteMatch } from 'react-router-dom';
+
 import { DragLayer } from '../../../components/DragLayer';
+import permissions from '../../../permissions';
 import ModelsContext from '../../contexts/ModelsContext';
+import getTrad from '../../utils/getTrad';
+import ItemTypes from '../../utils/ItemTypes';
 import CollectionTypeRecursivePath from '../CollectionTypeRecursivePath';
 import ComponentSettingsView from '../ComponentSetttingsView';
 import NoContentType from '../NoContentType';
 import NoPermissions from '../NoPermissions';
 import SingleTypeRecursivePath from '../SingleTypeRecursivePath';
-import LeftMenu from './LeftMenu';
-import useContentManagerInitData from './useContentManagerInitData';
-
-import ItemTypes from '../../utils/ItemTypes';
 
 import { CardDragPreview } from './components/CardDragPreview';
 import { ComponentDragPreview } from './components/ComponentDragPreview';
 import { RelationDragPreview } from './components/RelationDragPreview';
+import LeftMenu from './LeftMenu';
+import useContentManagerInitData from './useContentManagerInitData';
 
 const cmPermissions = permissions.contentManager;
 

package/admin/src/content-manager/pages/App/reducer.js

@@ -4,6 +4,7 @@
  */
 /* eslint-disable consistent-return */
 import produce from 'immer';
+
 import { GET_INIT_DATA, RESET_INIT_DATA, SET_INIT_DATA } from './constants';
 
 const initialState = {

package/admin/src/content-manager/pages/App/selectors.js

@@ -1,4 +1,5 @@
 import { createSelector } from 'reselect';
+
 import { initialState } from './reducer';
 
 const selectAppDomain = () => (state) => {
@@ -30,6 +31,6 @@ export {
   makeSelectModelAndComponentSchemas,
   makeSelectModelLinks,
   makeSelectModels,
-  selectFieldSizes,
   selectAppDomain,
+  selectFieldSizes,
 };

package/admin/src/content-manager/pages/App/useContentManagerInitData.js

@@ -1,16 +1,19 @@
+import { useEffect, useRef } from 'react';
+
+import { useNotifyAT } from '@strapi/design-system';
 import {
+  useFetchClient,
   useNotification,
   useRBACProvider,
   useStrapiApp,
-  useFetchClient,
 } from '@strapi/helper-plugin';
-import { useEffect, useRef } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import { useNotifyAT } from '@strapi/design-system';
 import axios from 'axios';
 import { useIntl } from 'react-intl';
+import { useDispatch, useSelector } from 'react-redux';
+
 import { MUTATE_COLLECTION_TYPES_LINKS, MUTATE_SINGLE_TYPES_LINKS } from '../../../exposedHooks';
 import { getTrad } from '../../utils';
+
 import { getInitData, resetInitData, setInitData } from './actions';
 import { selectAppDomain } from './selectors';
 import getContentTypeLinks from './utils/getContentTypeLinks';

package/admin/src/content-manager/pages/App/utils/getContentTypeLinks.js

@@ -1,8 +1,10 @@
 import { getFetchClient } from '@strapi/helper-plugin';
-import generateModelsLinks from './generateModelsLinks';
-import checkPermissions from './checkPermissions';
+
 import { getRequestUrl } from '../../../utils';
 
+import checkPermissions from './checkPermissions';
+import generateModelsLinks from './generateModelsLinks';
+
 const getContentTypeLinks = async ({ models, userPermissions, toggleNotification }) => {
   const { get } = getFetchClient();
   try {

package/admin/src/content-manager/pages/CollectionTypeRecursivePath/components/ErrorFallback.js

@@ -1,6 +1,7 @@
 import React from 'react';
-import { AnErrorOccurred } from '@strapi/helper-plugin';
+
 import { Box } from '@strapi/design-system';
+import { AnErrorOccurred } from '@strapi/helper-plugin';
 
 const ErrorFallback = () => {
   return (

package/admin/src/content-manager/pages/CollectionTypeRecursivePath/index.js

@@ -1,16 +1,19 @@
 import React, { memo, useMemo } from 'react';
-import { Switch, Route } from 'react-router-dom';
-import { ErrorBoundary } from 'react-error-boundary';
+
+import { CheckPagePermissions, LoadingIndicatorPage } from '@strapi/helper-plugin';
 import PropTypes from 'prop-types';
-import { LoadingIndicatorPage, CheckPagePermissions } from '@strapi/helper-plugin';
+import { ErrorBoundary } from 'react-error-boundary';
+import { Route, Switch } from 'react-router-dom';
+
 import permissions from '../../../permissions';
 import { ContentTypeLayoutContext } from '../../contexts';
 import { useFetchContentTypeLayout } from '../../hooks';
 import { formatLayoutToApi } from '../../utils';
-import EditViewLayoutManager from '../EditViewLayoutManager';
 import EditSettingsView from '../EditSettingsView';
-import ListViewLayout from '../ListViewLayoutManager';
+import EditViewLayoutManager from '../EditViewLayoutManager';
 import ListSettingsView from '../ListSettingsView';
+import ListViewLayout from '../ListViewLayoutManager';
+
 import ErrorFallback from './components/ErrorFallback';
 
 const cmPermissions = permissions.contentManager;

package/admin/src/content-manager/pages/ComponentSetttingsView/index.js

@@ -1,13 +1,15 @@
 import React, { memo, useEffect, useMemo, useReducer } from 'react';
-import { useParams } from 'react-router-dom';
+
 import { CheckPagePermissions, LoadingIndicatorPage, useFetchClient } from '@strapi/helper-plugin';
-import { useSelector, shallowEqual } from 'react-redux';
 import axios from 'axios';
-import { mergeMetasWithSchema } from '../../utils';
-import { makeSelectModelAndComponentSchemas } from '../App/selectors';
+import { shallowEqual, useSelector } from 'react-redux';
+import { useParams } from 'react-router-dom';
+
 import permissions from '../../../permissions';
-import crudReducer, { crudInitialState } from '../../sharedReducers/crudReducer/reducer';
 import { getData, getDataSucceeded } from '../../sharedReducers/crudReducer/actions';
+import crudReducer, { crudInitialState } from '../../sharedReducers/crudReducer/reducer';
+import { mergeMetasWithSchema } from '../../utils';
+import { makeSelectModelAndComponentSchemas } from '../App/selectors';
 import EditSettingsView from '../EditSettingsView';
 
 const cmPermissions = permissions.contentManager;

package/admin/src/content-manager/pages/EditSettingsView/components/ComponentFieldList.js

@@ -1,12 +1,14 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+
+import { Box, Flex, Grid, GridItem, Typography } from '@strapi/design-system';
 import { Link } from '@strapi/helper-plugin';
-import { Box, Flex, Typography, Grid, GridItem } from '@strapi/design-system';
 import { Cog } from '@strapi/icons';
-import { useIntl } from 'react-intl';
 import get from 'lodash/get';
-import { useLayoutDnd } from '../hooks/useLayoutDnd';
+import PropTypes from 'prop-types';
+import { useIntl } from 'react-intl';
+
 import getTrad from '../../../utils/getTrad';
+import { useLayoutDnd } from '../hooks/useLayoutDnd';
 
 const ComponentFieldList = ({ componentUid }) => {
   const { componentLayouts } = useLayoutDnd();

package/admin/src/content-manager/pages/EditSettingsView/components/DisplayedFieldButton.js

@@ -1,14 +1,17 @@
-import React, { useRef, useEffect, useState } from 'react';
-import styled from 'styled-components';
+import React, { useEffect, useRef, useState } from 'react';
+
+import { Box, Flex, GridItem } from '@strapi/design-system';
+import { Drag } from '@strapi/icons';
 import PropTypes from 'prop-types';
-import { useDrop, useDrag } from 'react-dnd';
+import { useDrag, useDrop } from 'react-dnd';
 import { getEmptyImage } from 'react-dnd-html5-backend';
-import { Flex, Box, GridItem } from '@strapi/design-system';
-import { Drag } from '@strapi/icons';
+import styled from 'styled-components';
+
 import { ItemTypes } from '../../../utils';
-import FieldButtonContent from './FieldButtonContent';
 import { useLayoutDnd } from '../hooks/useLayoutDnd';
 
+import FieldButtonContent from './FieldButtonContent';
+
 const Wrapper = styled(Flex)`
   position: relative;
   ${({ isFirst, isLast, hasHorizontalPadding }) => {

package/admin/src/content-manager/pages/EditSettingsView/components/DisplayedFields.js

@@ -1,11 +1,14 @@
 import React from 'react';
+
+import { Box, Button, Flex, MenuItem, SimpleMenu, Typography } from '@strapi/design-system';
+import { Plus } from '@strapi/icons';
 import PropTypes from 'prop-types';
 import { useIntl } from 'react-intl';
-import { Button, Box, Typography, Flex, SimpleMenu, MenuItem } from '@strapi/design-system';
-import { Plus } from '@strapi/icons';
+
 import { getTrad } from '../../../utils';
-import RowsLayout from './RowsLayout';
+
 import LinkToCTB from './LinkToCTB';
+import RowsLayout from './RowsLayout';
 
 const DisplayedFields = ({ editLayout, fields, onRemoveField, onAddField }) => {
   const { formatMessage } = useIntl();

package/admin/src/content-manager/pages/EditSettingsView/components/DynamicZoneList.js

@@ -1,8 +1,9 @@
 import React from 'react';
-import styled from 'styled-components';
-import { Link } from 'react-router-dom';
-import PropTypes from 'prop-types';
+
 import { Box, Flex, Typography } from '@strapi/design-system';
+import PropTypes from 'prop-types';
+import { Link } from 'react-router-dom';
+import styled from 'styled-components';
 
 import { ComponentIcon } from '../../../components/ComponentIcon';
 import { useLayoutDnd } from '../hooks/useLayoutDnd';

package/admin/src/content-manager/pages/EditSettingsView/components/FieldButtonContent.js

@@ -1,10 +1,13 @@
 import React from 'react';
-import styled from 'styled-components';
-import PropTypes from 'prop-types';
-import { useIntl } from 'react-intl';
+
 import { Box, Flex, IconButton, Typography } from '@strapi/design-system';
 import { Pencil, Trash } from '@strapi/icons';
+import PropTypes from 'prop-types';
+import { useIntl } from 'react-intl';
+import styled from 'styled-components';
+
 import { getTrad } from '../../../utils';
+
 import ComponentFieldList from './ComponentFieldList';
 import DynamicZoneList from './DynamicZoneList';
 

package/admin/src/content-manager/pages/EditSettingsView/components/FormModal.js

@@ -1,21 +1,24 @@
 import React from 'react';
-import PropTypes from 'prop-types';
-import { useIntl } from 'react-intl';
-import upperFirst from 'lodash/upperFirst';
+
 import {
-  ModalLayout,
-  ModalHeader,
-  ModalFooter,
-  ModalBody,
-  Typography,
   Button,
   Flex,
   Grid,
+  ModalBody,
+  ModalFooter,
+  ModalHeader,
+  ModalLayout,
+  Typography,
 } from '@strapi/design-system';
+import upperFirst from 'lodash/upperFirst';
+import PropTypes from 'prop-types';
+import { useIntl } from 'react-intl';
 import styled from 'styled-components';
+
+import FieldTypeIcon from '../../../components/FieldTypeIcon';
 import { getTrad } from '../../../utils';
 import { useLayoutDnd } from '../hooks/useLayoutDnd';
-import FieldTypeIcon from '../../../components/FieldTypeIcon';
+
 import ModalForm from './ModalForm';
 
 const HeaderContainer = styled(Flex)`

package/admin/src/content-manager/pages/EditSettingsView/components/GenericInput.js

@@ -1,6 +1,7 @@
 import React from 'react';
+
+import { Option, Select, TextInput, ToggleInput } from '@strapi/design-system';
 import PropTypes from 'prop-types';
-import { TextInput, ToggleInput, Select, Option } from '@strapi/design-system';
 import { useIntl } from 'react-intl';
 
 const GenericInput = ({ type, options, onChange, value, name, ...inputProps }) => {

package/admin/src/content-manager/pages/EditSettingsView/components/LayoutDndProvider/index.js

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import PropTypes from 'prop-types';
 
 export const LayoutDndContext = React.createContext();

package/admin/src/content-manager/pages/EditSettingsView/components/LinkToCTB.js

@@ -5,10 +5,12 @@
  */
 
 import React from 'react';
-import { useTracking, CheckPermissions, LinkButton } from '@strapi/helper-plugin';
-import { useIntl } from 'react-intl';
-import get from 'lodash/get';
+
+import { CheckPermissions, LinkButton, useTracking } from '@strapi/helper-plugin';
 import { Pencil } from '@strapi/icons';
+import get from 'lodash/get';
+import { useIntl } from 'react-intl';
+
 import getTrad from '../../../utils/getTrad';
 import { useLayoutDnd } from '../hooks/useLayoutDnd';
 

package/admin/src/content-manager/pages/EditSettingsView/components/ModalForm.js

@@ -1,13 +1,16 @@
-import React, { useMemo, useCallback } from 'react';
-import PropTypes from 'prop-types';
+import React, { useCallback, useMemo } from 'react';
+
+import { GridItem, Option, Select } from '@strapi/design-system';
 import get from 'lodash/get';
-import { GridItem, Select, Option } from '@strapi/design-system';
-import { useSelector, shallowEqual } from 'react-redux';
+import PropTypes from 'prop-types';
 import { useIntl } from 'react-intl';
+import { shallowEqual, useSelector } from 'react-redux';
+
+import getTrad from '../../../utils/getTrad';
+import { makeSelectModelAndComponentSchemas, selectFieldSizes } from '../../App/selectors';
 import { useLayoutDnd } from '../hooks/useLayoutDnd';
 import { createPossibleMainFieldsForModelsAndComponents, getInputProps } from '../utils';
-import { makeSelectModelAndComponentSchemas, selectFieldSizes } from '../../App/selectors';
-import getTrad from '../../../utils/getTrad';
+
 import GenericInput from './GenericInput';
 
 const FIELD_SIZES = [

package/admin/src/content-manager/pages/EditSettingsView/components/RowItemsLayout.js

@@ -1,7 +1,10 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+
 import get from 'lodash/get';
+import PropTypes from 'prop-types';
+
 import { useLayoutDnd } from '../hooks/useLayoutDnd';
+
 import DisplayedFieldButton from './DisplayedFieldButton';
 
 const RowItemsLayout = ({ rowItem, onRemoveField, rowId, rowIndex, index, lastIndex }) => {

package/admin/src/content-manager/pages/EditSettingsView/components/RowsLayout.js

@@ -1,6 +1,8 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+
 import { Grid } from '@strapi/design-system';
+import PropTypes from 'prop-types';
+
 import RowItemsLayout from './RowItemsLayout';
 
 const RowsLayout = ({ row, onRemoveField, rowIndex }) => {

package/admin/src/content-manager/pages/EditSettingsView/hooks/useLayoutDnd.js

@@ -1,4 +1,5 @@
 import * as React from 'react';
+
 import { LayoutDndContext } from '../components/LayoutDndProvider';
 
 export function useLayoutDnd() {

package/admin/src/content-manager/pages/EditSettingsView/index.js

@@ -1,41 +1,44 @@
 import React, { useReducer, useState } from 'react';
-import PropTypes from 'prop-types';
-import { useIntl } from 'react-intl';
-import { useMutation } from 'react-query';
-import upperFirst from 'lodash/upperFirst';
-import pick from 'lodash/pick';
-import cloneDeep from 'lodash/cloneDeep';
-import flatMap from 'lodash/flatMap';
-import isEqual from 'lodash/isEqual';
-import get from 'lodash/get';
-import set from 'lodash/set';
-import { useNotification, useTracking, ConfirmDialog, Link } from '@strapi/helper-plugin';
-import { useHistory } from 'react-router-dom';
+
 import {
-  Main,
-  HeaderLayout,
-  ContentLayout,
-  Button,
   Box,
-  Typography,
+  Button,
+  ContentLayout,
+  Divider,
+  Flex,
   Grid,
   GridItem,
-  Select,
+  HeaderLayout,
+  Main,
   Option,
-  Flex,
-  Divider,
+  Select,
+  Typography,
 } from '@strapi/design-system';
+import { ConfirmDialog, Link, useNotification, useTracking } from '@strapi/helper-plugin';
 import { ArrowLeft, Check } from '@strapi/icons';
+import cloneDeep from 'lodash/cloneDeep';
+import flatMap from 'lodash/flatMap';
+import get from 'lodash/get';
+import isEqual from 'lodash/isEqual';
+import pick from 'lodash/pick';
+import set from 'lodash/set';
+import upperFirst from 'lodash/upperFirst';
+import PropTypes from 'prop-types';
+import { useIntl } from 'react-intl';
+import { useMutation } from 'react-query';
 import { useSelector } from 'react-redux';
+import { useHistory } from 'react-router-dom';
+
 import { getTrad } from '../../utils';
-import reducer, { initialState } from './reducer';
-import init from './init';
+import { selectFieldSizes } from '../App/selectors';
+
 import DisplayedFields from './components/DisplayedFields';
 import ModalForm from './components/FormModal';
 import { LayoutDndProvider } from './components/LayoutDndProvider';
-import { unformatLayout } from './utils/layout';
+import init from './init';
+import reducer, { initialState } from './reducer';
 import putCMSettingsEV from './utils/api';
-import { selectFieldSizes } from '../App/selectors';
+import { unformatLayout } from './utils/layout';
 
 const EditSettingsView = ({ mainLayout, components, isContentTypeView, slug, updateLayout }) => {
   const [reducerState, dispatch] = useReducer(reducer, initialState, () =>

package/admin/src/content-manager/pages/EditSettingsView/reducer.js

@@ -1,8 +1,10 @@
 import produce from 'immer';
-import set from 'lodash/set';
-import get from 'lodash/get';
 import cloneDeep from 'lodash/cloneDeep';
+import get from 'lodash/get';
+import set from 'lodash/set';
+
 import { arrayMoveItem } from '../../utils';
+
 import { formatLayout, getFieldSize, setFieldSize } from './utils/layout';
 
 const DEFAULT_FIELD_SIZE = 6;

package/admin/src/content-manager/pages/EditSettingsView/utils/api.js

@@ -1,4 +1,5 @@
 import { getFetchClient } from '@strapi/helper-plugin';
+
 import { getRequestUrl } from '../../../utils';
 
 const putCMSettingsEV = (body, slug, isContentTypeView) => {

package/admin/src/content-manager/pages/EditSettingsView/utils/layout.js

@@ -103,4 +103,4 @@ const setFieldSize = (name, size, layouts = []) => {
   });
 };
 
-export { createLayout, formatLayout, getFieldSize, setFieldSize, getRowSize, unformatLayout };
+export { createLayout, formatLayout, getFieldSize, getRowSize, setFieldSize, unformatLayout };

package/admin/src/content-manager/pages/EditView/DeleteLink/index.js

@@ -1,11 +1,14 @@
 import React, { memo, useState } from 'react';
-import { useIntl } from 'react-intl';
-import isEqual from 'lodash/isEqual';
+
 import { Button } from '@strapi/design-system';
+import { ConfirmDialog, useAPIErrorHandler, useNotification } from '@strapi/helper-plugin';
 import { Trash } from '@strapi/icons';
-import { ConfirmDialog, useNotification, useAPIErrorHandler } from '@strapi/helper-plugin';
+import isEqual from 'lodash/isEqual';
 import PropTypes from 'prop-types';
+import { useIntl } from 'react-intl';
+
 import { getTrad } from '../../../utils';
+
 import { connect, select } from './utils';
 
 const DeleteLink = ({ onDelete, trackerProperty }) => {

package/admin/src/content-manager/pages/EditView/DeleteLink/utils/select.js

@@ -1,5 +1,5 @@
-import isEmpty from 'lodash/isEmpty';
 import { useCMEditViewDataManager } from '@strapi/helper-plugin';
+import isEmpty from 'lodash/isEmpty';
 
 function useSelect() {
   const { hasDraftAndPublish, modifiedData } = useCMEditViewDataManager();

package/admin/src/content-manager/pages/EditView/DraftAndPublishBadge/index.js

@@ -1,11 +1,14 @@
 import React from 'react';
+
+import { Box, Flex, Typography } from '@strapi/design-system';
+import { pxToRem } from '@strapi/helper-plugin';
+import { Dot } from '@strapi/icons';
 import PropTypes from 'prop-types';
 import { useIntl } from 'react-intl';
 import styled from 'styled-components';
-import { Box, Flex, Typography } from '@strapi/design-system';
-import { Dot } from '@strapi/icons';
-import { pxToRem } from '@strapi/helper-plugin';
+
 import { getTrad } from '../../../utils';
+
 import { connect, select } from './utils';
 
 const CustomBullet = styled(Dot)`

package/admin/src/content-manager/pages/EditView/GridRow/index.js

@@ -1,8 +1,10 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+
 import { Grid, GridItem } from '@strapi/design-system';
-import Inputs from '../../../components/Inputs';
+import PropTypes from 'prop-types';
+
 import FieldComponent from '../../../components/FieldComponent';
+import Inputs from '../../../components/Inputs';
 
 const GridRow = ({ columns, customFieldInputs }) => {
   return (

package/admin/src/content-manager/pages/EditView/Header/index.js

@@ -1,25 +1,28 @@
 import React, { memo, useState } from 'react';
-import { useIntl } from 'react-intl';
-import { useHistory } from 'react-router-dom';
-import PropTypes from 'prop-types';
-import isEqualFastCompare from 'lodash/isEqual';
-import get from 'lodash/get';
-import isEqual from 'lodash/isEqual';
-import isEmpty from 'lodash/isEmpty';
-import { ArrowLeft, Check, ExclamationMarkCircle } from '@strapi/icons';
-import { Link } from '@strapi/helper-plugin';
+
 import {
-  HeaderLayout,
   Box,
   Button,
   Dialog,
   DialogBody,
   DialogFooter,
   Flex,
+  HeaderLayout,
   Typography,
 } from '@strapi/design-system';
+import { Link } from '@strapi/helper-plugin';
+import { ArrowLeft, Check, ExclamationMarkCircle } from '@strapi/icons';
+import get from 'lodash/get';
+import isEmpty from 'lodash/isEmpty';
+import isEqualFastCompare from 'lodash/isEqual';
+import isEqual from 'lodash/isEqual';
+import PropTypes from 'prop-types';
+import { useIntl } from 'react-intl';
+import { useHistory } from 'react-router-dom';
 import styled from 'styled-components';
+
 import { getTrad } from '../../../utils';
+
 import { connect, select } from './utils';
 
 // TODO: replace with textAlign Typography props when available

package/admin/src/content-manager/pages/EditView/Information/index.js

@@ -1,12 +1,14 @@
 import React, { useRef } from 'react';
+
+import { Box, Divider, Flex, Typography } from '@strapi/design-system';
+import { useCMEditViewDataManager } from '@strapi/helper-plugin';
 import PropTypes from 'prop-types';
 import { useIntl } from 'react-intl';
-import { useCMEditViewDataManager } from '@strapi/helper-plugin';
-import { Box, Divider, Flex, Typography } from '@strapi/design-system';
 
+import { getFullName } from '../../../../utils';
 import { getTrad } from '../../../utils';
+
 import getUnits from './utils/getUnits';
-import { getFullName } from '../../../../utils';
 
 const Title = () => {
   const { formatMessage } = useIntl();