@strapi/admin 4.11.1 → 4.11.2

package/admin/src/pages/AuthPage/components/Login/BaseLogin.js

@@ -1,13 +1,15 @@
 import React, { useState } from 'react';
+
+import { Box, Button, Checkbox, Flex, Main, TextInput, Typography } from '@strapi/design-system';
 import { Form, Link } from '@strapi/helper-plugin';
-import { EyeStriked, Eye } from '@strapi/icons';
-import { Box, Main, Flex, Button, TextInput, Checkbox, Typography } from '@strapi/design-system';
+import { Eye, EyeStriked } from '@strapi/icons';
+import { Formik } from 'formik';
 import PropTypes from 'prop-types';
 import { useIntl } from 'react-intl';
 import styled from 'styled-components';
-import { Formik } from 'formik';
-import { Column, LayoutContent } from '../../../../layouts/UnauthenticatedLayout';
+
 import Logo from '../../../../components/UnauthenticatedLogo';
+import { Column, LayoutContent } from '../../../../layouts/UnauthenticatedLayout';
 import FieldActionWrapper from '../FieldActionWrapper';
 
 const PasswordInput = styled(TextInput)`

package/admin/src/pages/AuthPage/components/Login/index.js

@@ -1,8 +1,11 @@
 import React from 'react';
+
 import PropTypes from 'prop-types';
-import BaseLogin from './BaseLogin';
+
 import UnauthenticatedLayout from '../../../../layouts/UnauthenticatedLayout';
 
+import BaseLogin from './BaseLogin';
+
 const Login = (loginProps) => {
   return (
     <UnauthenticatedLayout>

package/admin/src/pages/AuthPage/components/Oops/index.js

@@ -1,12 +1,14 @@
 import React from 'react';
+
+import { Box, Flex, Main, Typography } from '@strapi/design-system';
+import { Link, useQuery } from '@strapi/helper-plugin';
 import { useIntl } from 'react-intl';
-import { useQuery, Link } from '@strapi/helper-plugin';
-import { Box, Main, Flex, Typography } from '@strapi/design-system';
+
+import Logo from '../../../../components/UnauthenticatedLogo';
 import UnauthenticatedLayout, {
   Column,
   LayoutContent,
 } from '../../../../layouts/UnauthenticatedLayout';
-import Logo from '../../../../components/UnauthenticatedLogo';
 
 const Oops = () => {
   const { formatMessage } = useIntl();

package/admin/src/pages/AuthPage/components/Register/index.js

@@ -1,34 +1,36 @@
-import React, { useState, useEffect } from 'react';
-import { useIntl } from 'react-intl';
-import styled from 'styled-components';
-import omit from 'lodash/omit';
-import { useHistory } from 'react-router-dom';
-import PropTypes from 'prop-types';
-import { Formik } from 'formik';
-import {
-  Form,
-  useQuery,
-  useNotification,
-  useTracking,
-  getYupInnerErrors,
-  Link,
-  useAPIErrorHandler,
-  useFetchClient,
-} from '@strapi/helper-plugin';
+import React, { useEffect, useState } from 'react';
+
 import {
   Box,
-  Main,
-  Flex,
   Button,
-  TextInput,
   Checkbox,
+  Flex,
   Grid,
   GridItem,
+  Main,
+  TextInput,
   Typography,
 } from '@strapi/design-system';
-import { EyeStriked, Eye } from '@strapi/icons';
-import UnauthenticatedLayout, { LayoutContent } from '../../../../layouts/UnauthenticatedLayout';
+import {
+  Form,
+  getYupInnerErrors,
+  Link,
+  useAPIErrorHandler,
+  useFetchClient,
+  useNotification,
+  useQuery,
+  useTracking,
+} from '@strapi/helper-plugin';
+import { Eye, EyeStriked } from '@strapi/icons';
+import { Formik } from 'formik';
+import omit from 'lodash/omit';
+import PropTypes from 'prop-types';
+import { useIntl } from 'react-intl';
+import { useHistory } from 'react-router-dom';
+import styled from 'styled-components';
+
 import Logo from '../../../../components/UnauthenticatedLogo';
+import UnauthenticatedLayout, { LayoutContent } from '../../../../layouts/UnauthenticatedLayout';
 import FieldActionWrapper from '../FieldActionWrapper';
 
 const A = styled.a`

package/admin/src/pages/AuthPage/components/ResetPassword/index.js

@@ -1,16 +1,18 @@
 import React, { useState } from 'react';
-import { useIntl } from 'react-intl';
+
+import { Box, Button, Flex, Main, TextInput, Typography } from '@strapi/design-system';
+import { Form, Link } from '@strapi/helper-plugin';
+import { Eye, EyeStriked } from '@strapi/icons';
+import { Formik } from 'formik';
 import PropTypes from 'prop-types';
+import { useIntl } from 'react-intl';
 import styled from 'styled-components';
-import { Formik } from 'formik';
-import { Form, Link } from '@strapi/helper-plugin';
-import { Box, Main, Flex, Button, TextInput, Typography } from '@strapi/design-system';
-import { EyeStriked, Eye } from '@strapi/icons';
+
+import Logo from '../../../../components/UnauthenticatedLogo';
 import UnauthenticatedLayout, {
   Column,
   LayoutContent,
 } from '../../../../layouts/UnauthenticatedLayout';
-import Logo from '../../../../components/UnauthenticatedLogo';
 import FieldActionWrapper from '../FieldActionWrapper';
 
 const PasswordInput = styled(TextInput)`

package/admin/src/pages/AuthPage/index.js

@@ -1,15 +1,18 @@
 import React, { useEffect, useReducer } from 'react';
+
+import { auth, useFetchClient, useGuidedTour, useQuery, useTracking } from '@strapi/helper-plugin';
 import axios from 'axios';
+import forms from 'ee_else_ce/pages/AuthPage/utils/forms';
 import camelCase from 'lodash/camelCase';
 import get from 'lodash/get';
 import omit from 'lodash/omit';
-import { Redirect, useRouteMatch, useHistory } from 'react-router-dom';
-import { auth, useQuery, useGuidedTour, useTracking, useFetchClient } from '@strapi/helper-plugin';
 import PropTypes from 'prop-types';
-import forms from 'ee_else_ce/pages/AuthPage/utils/forms';
+import { Redirect, useHistory, useRouteMatch } from 'react-router-dom';
+
 import persistStateToLocaleStorage from '../../components/GuidedTour/utils/persistStateToLocaleStorage';
 import useLocalesProvider from '../../components/LocalesProvider/useLocalesProvider';
 import formatAPIErrors from '../../utils/formatAPIErrors';
+
 import init from './init';
 import { initialState, reducer } from './reducer';
 

package/admin/src/pages/AuthPage/utils/forms.js

@@ -1,6 +1,7 @@
-import * as yup from 'yup';
 import { translatedErrors } from '@strapi/helper-plugin';
 import Login from 'ee_else_ce/pages/AuthPage/components/Login';
+import * as yup from 'yup';
+
 import ForgotPassword from '../components/ForgotPassword';
 import ForgotPasswordSuccess from '../components/ForgotPasswordSuccess';
 import Oops from '../components/Oops';

package/admin/src/pages/HomePage/CloudBox.js

@@ -1,11 +1,13 @@
 import React from 'react';
-import styled from 'styled-components';
-import { useIntl } from 'react-intl';
-import { useTracking, pxToRem } from '@strapi/helper-plugin';
+
 import { Box, Flex, Typography } from '@strapi/design-system';
+import { pxToRem, useTracking } from '@strapi/helper-plugin';
+import { useIntl } from 'react-intl';
+import styled from 'styled-components';
+
 import cloudIconBackgroundImage from './assets/strapi-cloud-background.png';
-import cloudIcon from './assets/strapi-cloud-icon.svg';
 import cloudFlagsImage from './assets/strapi-cloud-flags.svg';
+import cloudIcon from './assets/strapi-cloud-icon.svg';
 
 const BlockLink = styled.a`
   text-decoration: none;

package/admin/src/pages/HomePage/ContentBlocks.js

@@ -1,9 +1,11 @@
 import React from 'react';
-import styled from 'styled-components';
-import { useIntl } from 'react-intl';
-import { ContentBox, useTracking } from '@strapi/helper-plugin';
+
 import { Flex } from '@strapi/design-system';
-import { InformationSquare, CodeSquare, PlaySquare, FeatherSquare } from '@strapi/icons';
+import { ContentBox, useTracking } from '@strapi/helper-plugin';
+import { CodeSquare, FeatherSquare, InformationSquare, PlaySquare } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import styled from 'styled-components';
+
 import CloudBox from './CloudBox';
 
 const BlockLink = styled.a`

package/admin/src/pages/HomePage/HomeHeader.js

@@ -1,10 +1,11 @@
 import React from 'react';
-import styled from 'styled-components';
-import PropTypes from 'prop-types';
-import { useIntl } from 'react-intl';
-import { Typography, Box, Button, Flex } from '@strapi/design-system';
+
+import { Box, Button, Flex, Typography } from '@strapi/design-system';
 import { Link } from '@strapi/design-system/v2';
 import { ArrowRight } from '@strapi/icons';
+import PropTypes from 'prop-types';
+import { useIntl } from 'react-intl';
+import styled from 'styled-components';
 
 const WordWrap = styled(Typography)`
   word-break: break-word;

package/admin/src/pages/HomePage/SocialLinks.js

@@ -4,12 +4,13 @@
  */
 
 import React from 'react';
-import styled from 'styled-components';
-import { useIntl } from 'react-intl';
-import { useAppInfo } from '@strapi/helper-plugin';
-import { Typography, Box, Flex, Grid, GridItem } from '@strapi/design-system';
+
+import { Box, Flex, Grid, GridItem, Typography } from '@strapi/design-system';
 import { Link, LinkButton } from '@strapi/design-system/v2';
-import { ExternalLink, Github, Discord, Reddit, Strapi, Twitter, Discourse } from '@strapi/icons';
+import { useAppInfo } from '@strapi/helper-plugin';
+import { Discord, Discourse, ExternalLink, Github, Reddit, Strapi, Twitter } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import styled from 'styled-components';
 
 const StyledDiscord = styled(Discord)`
   path {

package/admin/src/pages/HomePage/index.js

@@ -4,21 +4,23 @@
  */
 
 import React, { memo, useMemo } from 'react';
-import { FormattedMessage } from 'react-intl';
-import styled from 'styled-components';
-import { Helmet } from 'react-helmet';
-import { useHistory } from 'react-router-dom';
+
+import { Box, Grid, GridItem, Layout, Main } from '@strapi/design-system';
 import { LoadingIndicatorPage, useGuidedTour } from '@strapi/helper-plugin';
-import { Layout, Main, Box, Grid, GridItem } from '@strapi/design-system';
 import useLicenseLimitNotification from 'ee_else_ce/hooks/useLicenseLimitNotification';
+import { Helmet } from 'react-helmet';
+import { FormattedMessage } from 'react-intl';
+import { useHistory } from 'react-router-dom';
+import styled from 'styled-components';
 
-import cornerOrnamentPath from './assets/corner-ornament.svg';
-import { useContentTypes } from '../../hooks/useContentTypes';
-import isGuidedTourCompleted from '../../components/GuidedTour/utils/isGuidedTourCompleted';
 import GuidedTourHomepage from '../../components/GuidedTour/Homepage';
-import SocialLinks from './SocialLinks';
-import HomeHeader from './HomeHeader';
+import isGuidedTourCompleted from '../../components/GuidedTour/utils/isGuidedTourCompleted';
+import { useContentTypes } from '../../hooks/useContentTypes';
+
+import cornerOrnamentPath from './assets/corner-ornament.svg';
 import ContentBlocks from './ContentBlocks';
+import HomeHeader from './HomeHeader';
+import SocialLinks from './SocialLinks';
 
 const LogoContainer = styled(Box)`
   position: absolute;

package/admin/src/pages/InstalledPluginsPage/Plugins.js

@@ -1,20 +1,22 @@
 import React from 'react';
-import { useIntl } from 'react-intl';
-import { LoadingIndicatorPage, useFocusWhenNavigate } from '@strapi/helper-plugin';
+
 import {
-  useNotifyAT,
-  Layout,
-  HeaderLayout,
   ContentLayout,
+  HeaderLayout,
+  Layout,
   Main,
-  Typography,
   Table,
-  Thead,
   Tbody,
-  Tr,
   Td,
   Th,
+  Thead,
+  Tr,
+  Typography,
+  useNotifyAT,
 } from '@strapi/design-system';
+import { LoadingIndicatorPage, useFocusWhenNavigate } from '@strapi/helper-plugin';
+import { useIntl } from 'react-intl';
+
 import useFetchEnabledPlugins from '../../hooks/useFetchEnabledPlugins';
 
 const Plugins = () => {

package/admin/src/pages/InstalledPluginsPage/index.js

@@ -1,8 +1,11 @@
 import React from 'react';
+
 import { CheckPagePermissions } from '@strapi/helper-plugin';
 import { Helmet } from 'react-helmet';
 import { useIntl } from 'react-intl';
+
 import adminPermissions from '../../permissions';
+
 import Plugins from './Plugins';
 
 const InstalledPluginsPage = () => {

package/admin/src/pages/InternalErrorPage/index.js

@@ -5,9 +5,10 @@
  *
  */
 import React from 'react';
-import { useFocusWhenNavigate, LinkButton } from '@strapi/helper-plugin';
-import { Main, ContentLayout, HeaderLayout, EmptyStateLayout } from '@strapi/design-system';
-import { EmptyPictures, ArrowRight } from '@strapi/icons';
+
+import { ContentLayout, EmptyStateLayout, HeaderLayout, Main } from '@strapi/design-system';
+import { LinkButton, useFocusWhenNavigate } from '@strapi/helper-plugin';
+import { ArrowRight, EmptyPictures } from '@strapi/icons';
 import { useIntl } from 'react-intl';
 
 const InternalErrorPage = () => {

package/admin/src/pages/MarketplacePage/components/EmptyNpmPackageSearch/EmptyNpmPackageGrid.js

@@ -1,6 +1,7 @@
 import React from 'react';
-import styled from 'styled-components';
+
 import { Box, GridLayout } from '@strapi/design-system';
+import styled from 'styled-components';
 
 const EmptyPluginCard = styled(Box)`
   background: ${({ theme }) =>

package/admin/src/pages/MarketplacePage/components/EmptyNpmPackageSearch/index.js

@@ -1,7 +1,9 @@
 import React from 'react';
-import PropTypes from 'prop-types';
-import { Typography, Box, Flex, Icon } from '@strapi/design-system';
+
+import { Box, Flex, Icon, Typography } from '@strapi/design-system';
 import { EmptyDocuments } from '@strapi/icons';
+import PropTypes from 'prop-types';
+
 import { EmptyNpmPackageGrid } from './EmptyNpmPackageGrid';
 
 const EmptyNpmPackageSearch = ({ content }) => {

package/admin/src/pages/MarketplacePage/components/MissingPluginBanner/index.js

@@ -1,8 +1,9 @@
 import React from 'react';
-import { useIntl } from 'react-intl';
-import { ContentBox, useTracking } from '@strapi/helper-plugin';
-import { GlassesSquare, ExternalLink } from '@strapi/icons';
+
 import { Icon } from '@strapi/design-system';
+import { ContentBox, useTracking } from '@strapi/helper-plugin';
+import { ExternalLink, GlassesSquare } from '@strapi/icons';
+import { useIntl } from 'react-intl';
 
 const MissingPluginBanner = () => {
   const { formatMessage } = useIntl();

package/admin/src/pages/MarketplacePage/components/NpmPackageCard/CardButton.js

@@ -1,9 +1,10 @@
 import React from 'react';
-import semver from 'semver';
+
+import { Box, Button, Tooltip } from '@strapi/design-system';
+import { Duplicate } from '@strapi/icons';
 import PropTypes from 'prop-types';
 import { useIntl } from 'react-intl';
-import { Tooltip, Button, Box } from '@strapi/design-system';
-import { Duplicate } from '@strapi/icons';
+import semver from 'semver';
 
 const TooltipButton = ({ description, installMessage, disabled, handleCopy, pluginName }) => (
   <Tooltip data-testid={`tooltip-${pluginName}`} description={description}>

package/admin/src/pages/MarketplacePage/components/NpmPackageCard/InstallPluginButton.js

@@ -1,9 +1,11 @@
 import React from 'react';
-import PropTypes from 'prop-types';
-import { useIntl } from 'react-intl';
-import { useNotification, useTracking, useClipboard } from '@strapi/helper-plugin';
+
 import { Box, Icon, Typography } from '@strapi/design-system';
+import { useClipboard, useNotification, useTracking } from '@strapi/helper-plugin';
 import { Check } from '@strapi/icons';
+import PropTypes from 'prop-types';
+import { useIntl } from 'react-intl';
+
 import CardButton from './CardButton';
 
 const InstallPluginButton = ({

package/admin/src/pages/MarketplacePage/components/NpmPackageCard/PackageStats.js

@@ -1,10 +1,11 @@
 import React from 'react';
+
+import { Divider, Flex, Icon, Typography } from '@strapi/design-system';
+import { pxToRem } from '@strapi/helper-plugin';
+import { Download, Github, Star } from '@strapi/icons';
 import PropTypes from 'prop-types';
-import styled from 'styled-components';
 import { useIntl } from 'react-intl';
-import { Typography, Icon, Divider, Flex } from '@strapi/design-system';
-import { Github, Download, Star } from '@strapi/icons';
-import { pxToRem } from '@strapi/helper-plugin';
+import styled from 'styled-components';
 
 const VerticalDivider = styled(Divider)`
   width: ${pxToRem(12)};
@@ -32,7 +33,7 @@ const PackageStats = ({ githubStars, npmDownloads, npmPackageType }) => {
               }
             )}
           >
-            <Typography variant="pi" textColor="neutral800" lineHeight={16}>
+            <Typography variant="pi" textColor="neutral800">
               {githubStars}
             </Typography>
           </p>
@@ -52,7 +53,7 @@ const PackageStats = ({ githubStars, npmDownloads, npmPackageType }) => {
           }
         )}
       >
-        <Typography variant="pi" textColor="neutral800" lineHeight={16}>
+        <Typography variant="pi" textColor="neutral800">
           {npmDownloads}
         </Typography>
       </p>

package/admin/src/pages/MarketplacePage/components/NpmPackageCard/index.js

@@ -1,13 +1,16 @@
 import React from 'react';
+
+import { Box, Flex, Icon, Tooltip, Typography } from '@strapi/design-system';
+import { LinkButton } from '@strapi/design-system/v2';
+import { useTracking } from '@strapi/helper-plugin';
+import { CheckCircle, ExternalLink } from '@strapi/icons';
+import pluralize from 'pluralize';
 import PropTypes from 'prop-types';
 import { useIntl } from 'react-intl';
 import styled from 'styled-components';
-import pluralize from 'pluralize';
-import { Box, Typography, Flex, Icon, Tooltip } from '@strapi/design-system';
-import { LinkButton } from '@strapi/design-system/v2';
-import { ExternalLink, CheckCircle } from '@strapi/icons';
-import { useTracking } from '@strapi/helper-plugin';
+
 import StrapiLogo from '../../../../assets/images/logo-strapi-2022.svg';
+
 import InstallPluginButton from './InstallPluginButton';
 import PackageStats from './PackageStats';
 

package/admin/src/pages/MarketplacePage/components/NpmPackagesFilters/FilterSelect.js

@@ -1,6 +1,7 @@
 import React from 'react';
+
+import { Option, Select } from '@strapi/design-system';
 import PropTypes from 'prop-types';
-import { Select, Option } from '@strapi/design-system';
 
 const FilterSelect = ({ message, value, onChange, possibleFilters, onClear, customizeContent }) => {
   const computeFilterMessage = (filterName, count) => {

package/admin/src/pages/MarketplacePage/components/NpmPackagesFilters/FiltersPopover.js

@@ -1,8 +1,10 @@
 import React from 'react';
+
+import { Flex, Popover } from '@strapi/design-system';
 import PropTypes from 'prop-types';
-import styled from 'styled-components';
-import { Popover, Flex } from '@strapi/design-system';
 import { useIntl } from 'react-intl';
+import styled from 'styled-components';
+
 import FilterSelect from './FilterSelect';
 
 const FiltersPopover = ({

package/admin/src/pages/MarketplacePage/components/NpmPackagesFilters/index.js

@@ -1,9 +1,11 @@
-import React, { useState, useRef } from 'react';
-import styled from 'styled-components';
-import PropTypes from 'prop-types';
-import { useIntl } from 'react-intl';
+import React, { useRef, useState } from 'react';
+
 import { Box, Button, Tag } from '@strapi/design-system';
 import { Cross, Filter } from '@strapi/icons';
+import PropTypes from 'prop-types';
+import { useIntl } from 'react-intl';
+import styled from 'styled-components';
+
 import FiltersPopover from './FiltersPopover';
 
 const FilterTag = ({ name, handleRemove }) => {

package/admin/src/pages/MarketplacePage/components/NpmPackagesGrid/index.js

@@ -1,10 +1,12 @@
 import React from 'react';
+
+import { Flex, Grid, GridItem, Loader } from '@strapi/design-system';
+import { AnErrorOccurred } from '@strapi/helper-plugin';
 import PropTypes from 'prop-types';
-import { Grid, GridItem, Flex, Loader } from '@strapi/design-system';
 import { useIntl } from 'react-intl';
-import { AnErrorOccurred } from '@strapi/helper-plugin';
-import NpmPackageCard from '../NpmPackageCard';
+
 import EmptyNpmPackageSearch from '../EmptyNpmPackageSearch';
+import NpmPackageCard from '../NpmPackageCard';
 
 const NpmPackagesGrid = ({
   status,

package/admin/src/pages/MarketplacePage/components/NpmPackagesPagination/index.js

@@ -1,7 +1,8 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+
 import { Box, Flex } from '@strapi/design-system';
-import { PaginationURLQuery, PageSizeURLQuery } from '@strapi/helper-plugin';
+import { PageSizeURLQuery, PaginationURLQuery } from '@strapi/helper-plugin';
+import PropTypes from 'prop-types';
 
 const NpmPackagesPagination = ({ pagination }) => {
   return (

package/admin/src/pages/MarketplacePage/components/OfflineLayout/index.js

@@ -1,9 +1,11 @@
 import React from 'react';
-import { useIntl } from 'react-intl';
+
+import { Box, Flex, Layout, Main, Typography } from '@strapi/design-system';
 import { pxToRem } from '@strapi/helper-plugin';
-import { Box, Flex, Typography, Layout, Main } from '@strapi/design-system';
-import PageHeader from '../PageHeader';
+import { useIntl } from 'react-intl';
+
 import offlineCloud from '../../../../assets/images/icon_offline-cloud.svg';
+import PageHeader from '../PageHeader';
 
 const OfflineLayout = () => {
   const { formatMessage } = useIntl();

package/admin/src/pages/MarketplacePage/components/PageHeader/index.js

@@ -1,10 +1,11 @@
 import React from 'react';
-import PropTypes from 'prop-types';
-import { useIntl } from 'react-intl';
+
 import { HeaderLayout } from '@strapi/design-system';
 import { LinkButton } from '@strapi/design-system/v2';
-import { Upload } from '@strapi/icons';
 import { useTracking } from '@strapi/helper-plugin';
+import { Upload } from '@strapi/icons';
+import PropTypes from 'prop-types';
+import { useIntl } from 'react-intl';
 
 const PageHeader = ({ isOnline, npmPackageType }) => {
   const { formatMessage } = useIntl();

package/admin/src/pages/MarketplacePage/components/SortSelect/index.js

@@ -1,8 +1,9 @@
 import React from 'react';
-import styled from 'styled-components';
-import { Select, Option, Box } from '@strapi/design-system';
-import { useIntl } from 'react-intl';
+
+import { Box, Option, Select } from '@strapi/design-system';
 import PropTypes from 'prop-types';
+import { useIntl } from 'react-intl';
+import styled from 'styled-components';
 
 const SelectWrapper = styled(Box)`
   font-weight: ${({ theme }) => theme.fontWeights.semiBold};

package/admin/src/pages/MarketplacePage/index.js

@@ -1,38 +1,40 @@
 import React, { useEffect, useRef, useState } from 'react';
-import { useIntl } from 'react-intl';
-import { Helmet } from 'react-helmet';
-import {
-  CheckPagePermissions,
-  useFocusWhenNavigate,
-  useTracking,
-  useNotification,
-  useAppInfo,
-  useQueryParams,
-} from '@strapi/helper-plugin';
+
 import {
-  Layout,
+  Box,
   ContentLayout,
+  Flex,
+  Layout,
   Main,
   Searchbar,
-  Box,
-  Flex,
-  Tabs,
   Tab,
   TabGroup,
-  TabPanels,
   TabPanel,
+  TabPanels,
+  Tabs,
 } from '@strapi/design-system';
+import {
+  CheckPagePermissions,
+  useAppInfo,
+  useFocusWhenNavigate,
+  useNotification,
+  useQueryParams,
+  useTracking,
+} from '@strapi/helper-plugin';
+import { Helmet } from 'react-helmet';
+import { useIntl } from 'react-intl';
 
-import PageHeader from './components/PageHeader';
-import adminPermissions from '../../permissions';
+import useDebounce from '../../hooks/useDebounce';
 import useNavigatorOnLine from '../../hooks/useNavigatorOnLine';
+import adminPermissions from '../../permissions';
+
 import MissingPluginBanner from './components/MissingPluginBanner';
-import NpmPackagesGrid from './components/NpmPackagesGrid';
-import SortSelect from './components/SortSelect';
 import NpmPackagesFilters from './components/NpmPackagesFilters';
+import NpmPackagesGrid from './components/NpmPackagesGrid';
 import NpmPackagesPagination from './components/NpmPackagesPagination';
-import useDebounce from '../../hooks/useDebounce';
 import OfflineLayout from './components/OfflineLayout';
+import PageHeader from './components/PageHeader';
+import SortSelect from './components/SortSelect';
 import useMarketplaceData from './utils/useMarketplaceData';
 
 const MarketPlacePage = () => {