fix: eslint

components/ConfirmationUpdateRdvModal.tsx

@@ -1,9 +1,8 @@
 import { useRef } from 'react'
 
-import IconComponent, { IconName } from './ui/IconComponent'
-
 import Modal, { ModalHandles } from 'components/Modal'
 import Button, { ButtonStyle } from 'components/ui/Button/Button'
+import IconComponent, { IconName } from 'components/ui/IconComponent'
 
 interface ConfirmationUpdateRdvModalProps {
   onConfirmation: () => void

components/jeune/BeneficiairesMultiselectAutocomplete.tsx

@@ -1,8 +1,7 @@
 import React, { ReactElement, useEffect, useRef, useState } from 'react'
 
-import { ButtonStyle } from '../ui/Button/Button'
-import ButtonLink from '../ui/Button/ButtonLink'
-
+import { ButtonStyle } from 'components/ui/Button/Button'
+import ButtonLink from 'components/ui/Button/ButtonLink'
 import { InputError } from 'components/ui/Form/InputError'
 import Label from 'components/ui/Form/Label'
 import Multiselection from 'components/ui/Form/Multiselection'
@@ -307,7 +306,7 @@ export default function BeneficiairesMultiselectAutocomplete({
       <p
         aria-label={`${typeSelection} sélectionnés (${countBeneficiairesUniques()})`}
         id='selected-beneficiaires--title'
-        className='text-base-medium mb-2 flex mb-4 justify-between items-center'
+        className='text-base-medium flex mb-4 justify-between items-center'
       >
         {typeSelection} ({countBeneficiairesUniques()})
         {lienExport && trackExport && (

components/jeune/TableauBeneficiaires.tsx

@@ -2,10 +2,9 @@ import { DateTime } from 'luxon'
 import dynamic from 'next/dynamic'
 import React, { ForwardedRef, forwardRef, useEffect, useState } from 'react'
 
-import SortIcon from '../ui/SortIcon'
-
 import EmptyState from 'components/EmptyState'
 import { IllustrationName } from 'components/ui/IllustrationComponent'
+import SortIcon from 'components/ui/SortIcon'
 import Pagination from 'components/ui/Table/Pagination'
 import Table from 'components/ui/Table/Table'
 import { BeneficiaireAvecInfosComplementaires } from 'interfaces/beneficiaire'

components/rdv/OngletAgendaEtablissement.tsx

@@ -1,13 +1,12 @@
 import { DateTime } from 'luxon'
 import React, { useEffect, useRef, useState } from 'react'
 
-import ResettableTextInput from '../ui/Form/ResettableTextInput'
-
 import EmptyState from 'components/EmptyState'
 import { AnimationCollectiveRow } from 'components/rdv/AnimationCollectiveRow'
 import FiltresStatutAnimationsCollectives, {
   FiltresHandles,
 } from 'components/rdv/FiltresStatutAnimationsCollectives'
+import ResettableTextInput from 'components/ui/Form/ResettableTextInput'
 import IconComponent, { IconName } from 'components/ui/IconComponent'
 import { IllustrationName } from 'components/ui/IllustrationComponent'
 import { SelecteurPeriode } from 'components/ui/SelecteurPeriode'

components/ui/Navigation/Tab.tsx

@@ -1,5 +1,4 @@
-import IconComponent, { IconName } from '../IconComponent'
-
+import IconComponent, { IconName } from 'components/ui/IconComponent'
 import { Badge } from 'components/ui/Indicateurs/Badge'
 
 export interface TabProps {

components/ui/SelecteurPeriode.tsx

@@ -1,9 +1,8 @@
 import { DateTime } from 'luxon'
 import React, { ReactElement, useEffect, useRef, useState } from 'react'
 
-import Button, { ButtonStyle } from './Button/Button'
-import IconComponent, { IconName } from './IconComponent'
-
+import Button, { ButtonStyle } from 'components/ui/Button/Button'
+import IconComponent, { IconName } from 'components/ui/IconComponent'
 import { toLongMonthDate, toShortDate } from 'utils/date'
 import { useDebounce } from 'utils/hooks/useDebounce'
 

eslint.config.mjs

@@ -29,7 +29,14 @@ const eslintConfig = [
           },
 
           'newlines-between': 'always',
-          groups: ['builtin', 'external', 'parent', 'sibling', 'index'],
+          groups: [
+            'builtin',
+            'external',
+            'internal',
+            'parent',
+            'sibling',
+            'index',
+          ],
           pathGroupsExcludedImportTypes: ['builtin'],
         },
       ],