🚨(eslint) sort module names

We were sorting the import path but not the module names.
We added a new rule to sort the module names as well.
It is a automatic fixable rule.

src/frontend/apps/lti_site/.eslintrc.js

@@ -9,12 +9,6 @@ module.exports = {
     {
       files: ['*.ts', '*.tsx'],
       rules: {
-        'sort-imports': [
-          'error',
-          {
-            ignoreDeclarationSort: true,
-          },
-        ],
         'import/order': [
           'error',
           {

src/frontend/apps/standalone_site/src/api/useConfig/index.ts

@@ -4,7 +4,7 @@ import {
   fetchResponseHandler,
   fetchWrapper,
 } from 'lib-components';
-import { useQuery, UseQueryOptions } from 'react-query';
+import { UseQueryOptions, useQuery } from 'react-query';
 
 export interface ConfigResponse {
   p2p: {

src/frontend/apps/standalone_site/src/api/useOrganizations/index.ts

@@ -1,10 +1,10 @@
 import {
   APIList,
-  fetchList,
   FetchListQueryKey,
   Organization,
+  fetchList,
 } from 'lib-components';
-import { useQuery, UseQueryOptions } from 'react-query';
+import { UseQueryOptions, useQuery } from 'react-query';
 
 type OrganizationsResponse = APIList<Organization>;
 type UseOrganizationsParams = {

src/frontend/apps/standalone_site/src/components/Layout/MainLayout.spec.tsx

@@ -1,6 +1,6 @@
 import { render, screen } from '@testing-library/react';
 import { Nullable } from 'lib-common';
-import { forwardRef, Fragment } from 'react';
+import { Fragment, forwardRef } from 'react';
 
 import MainLayout from './MainLayout';
 

src/frontend/apps/standalone_site/src/components/Spinner/ContentSpinner.tsx

@@ -1,4 +1,4 @@
-import { Box, Spinner, BoxProps, SpinnerProps } from 'grommet';
+import { Box, BoxProps, Spinner, SpinnerProps } from 'grommet';
 
 export const ContentSpinner = ({
   boxProps,

src/frontend/apps/standalone_site/src/features/App/AppConfig.spec.tsx

@@ -1,4 +1,4 @@
-import { waitFor, screen, act } from '@testing-library/react';
+import { act, screen, waitFor } from '@testing-library/react';
 import fetchMock from 'fetch-mock';
 import { useP2PConfig, useSentry } from 'lib-components';
 import { Deferred, render } from 'lib-tests';

src/frontend/apps/standalone_site/src/features/Authentication/api/basicLogin/index.ts

@@ -1,5 +1,5 @@
-import { fetchWrapper, useJwt, TokenResponse } from 'lib-components';
-import { useMutation, UseMutationOptions } from 'react-query';
+import { TokenResponse, fetchWrapper, useJwt } from 'lib-components';
+import { UseMutationOptions, useMutation } from 'react-query';
 
 type UseBasicLoginData = {
   username: string;

src/frontend/apps/standalone_site/src/features/Authentication/api/getUserData/index.ts

@@ -1,4 +1,4 @@
-import { AnonymousUser, fetchWrapper, User } from 'lib-components';
+import { AnonymousUser, User, fetchWrapper } from 'lib-components';
 
 const isPresentWithType = (value: unknown, type: 'string' | 'boolean') => {
   return value !== null && value !== undefined && typeof value === type;

src/frontend/apps/standalone_site/src/features/Authentication/api/usePasswordReset/index.ts

@@ -1,5 +1,5 @@
 import { fetchWrapper } from 'lib-components';
-import { useMutation, UseMutationOptions } from 'react-query';
+import { UseMutationOptions, useMutation } from 'react-query';
 
 type UsePasswordResetData = {
   email: string;

src/frontend/apps/standalone_site/src/features/Authentication/api/usePasswordResetConfirm/index.ts

@@ -1,5 +1,5 @@
 import { fetchWrapper } from 'lib-components';
-import { useMutation, UseMutationOptions } from 'react-query';
+import { UseMutationOptions, useMutation } from 'react-query';
 
 type UsePasswordResetConfirmData = {
   uid: string;

src/frontend/apps/standalone_site/src/features/Authentication/api/validateChallenge/index.ts

@@ -1,7 +1,7 @@
 import {
+  TokenResponse,
   fetchResponseHandler,
   fetchWrapper,
-  TokenResponse,
 } from 'lib-components';
 
 const isValidateChallenge = (response: unknown): response is TokenResponse => {

src/frontend/apps/standalone_site/src/features/Authentication/api/validateClassroomInviteToken/index.tsx

@@ -1,7 +1,7 @@
 import {
+  TokenResponse,
   fetchResponseHandler,
   fetchWrapper,
-  TokenResponse,
 } from 'lib-components';
 
 export interface IValidateClassroomInvite {

src/frontend/apps/standalone_site/src/features/Authentication/components/BaseAuthenticationPage.tsx

@@ -1,7 +1,7 @@
 import { Box } from 'grommet';
 import { useResponsive } from 'lib-components';
 import React, { Fragment, PropsWithChildren, useEffect, useState } from 'react';
-import { useIntl, defineMessages } from 'react-intl';
+import { defineMessages, useIntl } from 'react-intl';
 
 import imageLeft from 'assets/img/telescope.png';
 import { ReactComponent as LogoIcon } from 'assets/svg/logo_marsha.svg';

src/frontend/apps/standalone_site/src/features/Authentication/components/LoginForm.tsx

@@ -8,7 +8,7 @@ import { Link, useLocation, useNavigate } from 'react-router-dom';
 import { routes } from 'routes/routes';
 import { getLocalStorage } from 'utils/browser';
 
-import { useBasicLogin, UseBasicLoginError } from '../api/basicLogin';
+import { UseBasicLoginError, useBasicLogin } from '../api/basicLogin';
 
 const messages = defineMessages({
   labelSubmit: {

src/frontend/apps/standalone_site/src/features/Authentication/components/PasswordResetConfirmForm.tsx

@@ -6,8 +6,8 @@ import { defineMessages, useIntl } from 'react-intl';
 import { useNavigate } from 'react-router-dom';
 
 import {
-  usePasswordResetConfirm,
   UsePasswordResetConfirmError,
+  usePasswordResetConfirm,
 } from '../api/usePasswordResetConfirm';
 
 const messages = defineMessages({

src/frontend/apps/standalone_site/src/features/Authentication/components/PasswordResetForm.tsx

@@ -8,8 +8,8 @@ import { useNavigate } from 'react-router-dom';
 import { routes } from 'routes';
 
 import {
-  usePasswordReset,
   UsePasswordResetError,
+  usePasswordReset,
 } from '../api/usePasswordReset';
 
 const messages = defineMessages({

src/frontend/apps/standalone_site/src/features/Authentication/components/RenaterAuthenticator.tsx

@@ -1,12 +1,12 @@
 import { Box, FormField, Image, Text, ThemeContext } from 'grommet';
-import { useResponsive, Select, ClosingCard } from 'lib-components';
-import { Fragment, useEffect, useState, useMemo } from 'react';
-import { useIntl, defineMessages } from 'react-intl';
+import { ClosingCard, Select, useResponsive } from 'lib-components';
+import { Fragment, useEffect, useMemo, useState } from 'react';
+import { defineMessages, useIntl } from 'react-intl';
 import { useLocation } from 'react-router-dom';
 
 import {
-  getRenaterFerIdpList,
   RenaterSamlFerIdp,
+  getRenaterFerIdpList,
 } from '../api/getRenaterFerIdpList';
 
 const messages = defineMessages({

src/frontend/apps/standalone_site/src/features/Contents/components/ContentsFilter/ContentsFilter.tsx

@@ -1,4 +1,4 @@
-import { Text, Button, Box } from 'grommet';
+import { Box, Button, Text } from 'grommet';
 import { Filter } from 'grommet-icons';
 import { Breakpoints } from 'lib-common';
 import { Playlist, useResponsive } from 'lib-components';

src/frontend/apps/standalone_site/src/features/Contents/components/ManageAPIState/ManageAPIState.tsx

@@ -1,4 +1,4 @@
-import { Text, Box } from 'grommet';
+import { Box, Text } from 'grommet';
 import { Alert } from 'grommet-icons';
 import { Fragment, PropsWithChildren, ReactElement } from 'react';
 import { defineMessages, useIntl } from 'react-intl';

src/frontend/apps/standalone_site/src/features/Contents/features/ClassRoom/components/Update/ClassRoomUpdate.tsx

@@ -4,9 +4,9 @@ import {
   AppConfig,
   AppConfigProvider,
   CurrentResourceContextProvider,
+  ResourceContext,
   isDecodedJwtLTI,
   isDecodedJwtWeb,
-  ResourceContext,
   useCurrentResourceContext,
   useJwt,
   useResponsive,

src/frontend/apps/standalone_site/src/features/Contents/features/ClassRoom/routes.tsx

@@ -1,4 +1,4 @@
-import { defineMessages, FormattedMessage } from 'react-intl';
+import { FormattedMessage, defineMessages } from 'react-intl';
 
 import { ReactComponent as ClassroomsIcon } from 'assets/svg/iko_webinairesvg.svg';
 import { LoadSVG } from 'components/Assets';

src/frontend/apps/standalone_site/src/features/Contents/features/Live/components/Read/Lives.tsx

@@ -1,4 +1,4 @@
-import { useVideos, VideosOrderType } from 'lib-video';
+import { VideosOrderType, useVideos } from 'lib-video';
 import { useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 

src/frontend/apps/standalone_site/src/features/Contents/features/Live/routes.tsx

@@ -1,4 +1,4 @@
-import { defineMessages, FormattedMessage } from 'react-intl';
+import { FormattedMessage, defineMessages } from 'react-intl';
 
 import { ReactComponent as LiveIcon } from 'assets/svg/iko_live.svg';
 import { LoadSVG } from 'components/Assets';

src/frontend/apps/standalone_site/src/features/Contents/features/Video/components/Read/Videos.tsx

@@ -1,4 +1,4 @@
-import { useVideos, VideosOrderType } from 'lib-video';
+import { VideosOrderType, useVideos } from 'lib-video';
 import { useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 

src/frontend/apps/standalone_site/src/features/Contents/features/Video/routes.tsx

@@ -1,4 +1,4 @@
-import { defineMessages, FormattedMessage } from 'react-intl';
+import { FormattedMessage, defineMessages } from 'react-intl';
 
 import { ReactComponent as VideoIcon } from 'assets/svg/iko_next.svg';
 import { LoadSVG } from 'components/Assets';

src/frontend/apps/standalone_site/src/features/Contents/features/featureLoader.tsx

@@ -11,13 +11,13 @@ import { Fragment } from 'react';
 import { FeatureSample, useContentFeatures } from '../store/contentsStore';
 
 import {
-  classRoomContents,
   ClassRoomRouter,
   ClassRoomShuffle,
+  classRoomContents,
   routesClassRoom,
 } from './ClassRoom';
-import { liveContents, LiveRouter, routesLive } from './Live';
-import { videoContents, VideoRouter, routesVideo } from './Video';
+import { LiveRouter, liveContents, routesLive } from './Live';
+import { VideoRouter, routesVideo, videoContents } from './Video';
 
 enum RESOURCES_CHOICES {
   VIDEO = 'video',

src/frontend/apps/standalone_site/src/features/Contents/hooks/useContentRoutes.tsx

@@ -1,4 +1,4 @@
-import { defineMessages, FormattedMessage } from 'react-intl';
+import { FormattedMessage, defineMessages } from 'react-intl';
 
 import { ReactComponent as VueListIcon } from 'assets/svg/iko_vuelistesvg.svg';
 import { LoadSVG } from 'components/Assets';

src/frontend/apps/standalone_site/src/features/Footer/components/Footer.tsx

@@ -1,5 +1,5 @@
 import { Box, Text } from 'grommet';
-import { Twitter, Facebook, Mail, Linkedin, Github } from 'grommet-icons';
+import { Facebook, Github, Linkedin, Mail, Twitter } from 'grommet-icons';
 import { Breakpoints } from 'lib-common';
 import { StyledLink, useResponsive } from 'lib-components';
 

src/frontend/apps/standalone_site/src/features/HomePage/components/HomePage.spec.tsx

@@ -1,4 +1,4 @@
-import { screen, act } from '@testing-library/react';
+import { act, screen } from '@testing-library/react';
 import { render } from 'lib-tests';
 import React from 'react';
 import ReactTestUtils from 'react-dom/test-utils';

src/frontend/apps/standalone_site/src/features/HomePage/components/HomePage.tsx

@@ -1,4 +1,4 @@
-import { Image, Box, Text, Heading } from 'grommet';
+import { Box, Heading, Image, Text } from 'grommet';
 import { StyledLink, useResponsive } from 'lib-components';
 import React, { useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';

src/frontend/apps/standalone_site/src/features/Menu/components/Burger/Burger.spec.tsx

@@ -1,4 +1,4 @@
-import { render, fireEvent, screen } from '@testing-library/react';
+import { fireEvent, render, screen } from '@testing-library/react';
 import React from 'react';
 
 import Burger from './Burger';

src/frontend/apps/standalone_site/src/features/PagesApi/api/usePageApi.ts

@@ -1,5 +1,5 @@
-import { fetchOne, FetchResponseError } from 'lib-components';
-import { useQuery, UseQueryOptions } from 'react-query';
+import { FetchResponseError, fetchOne } from 'lib-components';
+import { UseQueryOptions, useQuery } from 'react-query';
 
 export interface PageResponse {
   slug: string;

src/frontend/apps/standalone_site/src/features/PagesApi/api/usePagesApi.ts

@@ -4,7 +4,7 @@ import {
   FetchResponseError,
   fetchResponseHandler,
 } from 'lib-components';
-import { useQuery, UseQueryOptions } from 'react-query';
+import { UseQueryOptions, useQuery } from 'react-query';
 
 export interface PagesApi {
   slug: string;

src/frontend/apps/standalone_site/src/features/Playlist/api/useCreatePlaylist/index.ts

@@ -1,5 +1,5 @@
-import { createOne, Playlist } from 'lib-components';
-import { useMutation, UseMutationOptions, useQueryClient } from 'react-query';
+import { Playlist, createOne } from 'lib-components';
+import { UseMutationOptions, useMutation, useQueryClient } from 'react-query';
 
 type UseCreatePlaylistData = {
   organization: string;

src/frontend/apps/standalone_site/src/features/Playlist/api/useDeletePlaylist/index.ts

@@ -1,6 +1,6 @@
 import { Maybe } from 'lib-common';
-import { deleteOne, FetchResponseError, Playlist } from 'lib-components';
-import { useMutation, UseMutationOptions, useQueryClient } from 'react-query';
+import { FetchResponseError, Playlist, deleteOne } from 'lib-components';
+import { UseMutationOptions, useMutation, useQueryClient } from 'react-query';
 
 type UseDeletePlaylistData = string;
 type UseDeletePlaylistError = FetchResponseError<UseDeletePlaylistData>;

src/frontend/apps/standalone_site/src/features/Playlist/api/usePlaylists/index.ts

@@ -1,11 +1,11 @@
 import {
   APIList,
-  fetchList,
   FetchListQueryKey,
   FetchResponseError,
   Playlist,
+  fetchList,
 } from 'lib-components';
-import { useQuery, UseQueryOptions } from 'react-query';
+import { UseQueryOptions, useQuery } from 'react-query';
 
 export enum PlaylistOrderType {
   BY_CREATED_ON = 'created_on',

src/frontend/apps/standalone_site/src/features/Playlist/components/PlaylistPage.tsx

@@ -6,7 +6,7 @@ import { Route, Routes, useNavigate } from 'react-router-dom';
 
 import { ReactComponent as CheckListIcon } from 'assets/svg/iko_checklistsvg.svg';
 import { WhiteCard } from 'components/Cards';
-import { commonSortMessages, SortableTable } from 'components/SortableTable';
+import { SortableTable, commonSortMessages } from 'components/SortableTable';
 import { ITEM_PER_PAGE } from 'conf/global';
 import { routes } from 'routes';
 

src/frontend/apps/standalone_site/src/features/Playlist/features/UpdatePlaylist/api/useCreatePlaylistAccess/index.ts

@@ -1,5 +1,5 @@
-import { createOne, FetchResponseError } from 'lib-components';
-import { useMutation, UseMutationOptions, useQueryClient } from 'react-query';
+import { FetchResponseError, createOne } from 'lib-components';
+import { UseMutationOptions, useMutation, useQueryClient } from 'react-query';
 
 import { PlaylistAccess, PlaylistRole } from '../../types/playlistAccess';
 

src/frontend/apps/standalone_site/src/features/Playlist/features/UpdatePlaylist/api/useDeletePlaylistAccess/index.ts

@@ -1,5 +1,5 @@
 import { deleteOne } from 'lib-components';
-import { useMutation, UseMutationOptions, useQueryClient } from 'react-query';
+import { UseMutationOptions, useMutation, useQueryClient } from 'react-query';
 
 type UseDeletePlaylistAccessData = string;
 type UseDeletePlaylistAccessError = { code: 'exception' };

src/frontend/apps/standalone_site/src/features/Playlist/features/UpdatePlaylist/api/usePlaylist/index.ts

@@ -1,5 +1,5 @@
-import { fetchOne, Playlist } from 'lib-components';
-import { useQuery, UseQueryOptions } from 'react-query';
+import { Playlist, fetchOne } from 'lib-components';
+import { UseQueryOptions, useQuery } from 'react-query';
 
 export const usePlaylist = (
   id: string,

src/frontend/apps/standalone_site/src/features/Playlist/features/UpdatePlaylist/api/usePlaylistAccess/index.ts

@@ -1,5 +1,5 @@
-import { APIList, fetchList, FetchListQueryKey } from 'lib-components';
-import { useQuery, UseQueryOptions } from 'react-query';
+import { APIList, FetchListQueryKey, fetchList } from 'lib-components';
+import { UseQueryOptions, useQuery } from 'react-query';
 
 import { PlaylistAccess } from '../../types/playlistAccess';
 

src/frontend/apps/standalone_site/src/features/Playlist/features/UpdatePlaylist/api/useSearchUsers/index.ts

@@ -1,10 +1,10 @@
 import {
   APIList,
-  fetchList,
   FetchListQueryKey,
   FetchResponseError,
+  fetchList,
 } from 'lib-components';
-import { useQuery, UseQueryOptions } from 'react-query';
+import { UseQueryOptions, useQuery } from 'react-query';
 
 export interface UserLite {
   email: string;

src/frontend/apps/standalone_site/src/features/Playlist/features/UpdatePlaylist/api/useUpdatePlaylist/index.ts

@@ -1,5 +1,5 @@
-import { updateOne, Playlist } from 'lib-components';
-import { useMutation, UseMutationOptions, useQueryClient } from 'react-query';
+import { Playlist, updateOne } from 'lib-components';
+import { UseMutationOptions, useMutation, useQueryClient } from 'react-query';
 
 type UseUpdatePlaylistData = {
   organization: string;

src/frontend/apps/standalone_site/src/features/Playlist/features/UpdatePlaylist/api/useUpdatePlaylistAccess/index.ts

@@ -1,5 +1,5 @@
 import { updateOne } from 'lib-components';
-import { useMutation, UseMutationOptions, useQueryClient } from 'react-query';
+import { UseMutationOptions, useMutation, useQueryClient } from 'react-query';
 
 import { PlaylistAccess, PlaylistRole } from '../../types/playlistAccess';
 

src/frontend/apps/standalone_site/src/features/Playlist/features/UpdatePlaylist/components/AddUserAccessForm.tsx

@@ -1,6 +1,6 @@
 import { Box, Heading, Paragraph, Select } from 'grommet';
 import { Nullable } from 'lib-common';
-import { TextInput, ModalButton } from 'lib-components';
+import { ModalButton, TextInput } from 'lib-components';
 import { debounce } from 'lodash';
 import { Fragment, useEffect, useMemo, useRef, useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';

src/frontend/apps/standalone_site/src/features/Playlist/features/UpdatePlaylist/components/UserListRow.tsx

@@ -3,10 +3,10 @@ import {
   AnonymousUser,
   BinSVG,
   ButtonLoaderStyle,
-  useCurrentUser,
   Modal,
   ModalButton,
   ModalControlMethods,
+  useCurrentUser,
 } from 'lib-components';
 import { Fragment, useRef, useState } from 'react';
 import { toast } from 'react-hot-toast';

src/frontend/apps/standalone_site/src/features/Playlist/features/UpdatePlaylist/components/UserRoleOptions.spec.tsx

@@ -1,4 +1,4 @@
-import { createIntl, IntlShape } from 'react-intl';
+import { IntlShape, createIntl } from 'react-intl';
 
 import { userRoleOptions } from './UserRoleOptions';