(PC-33809)[PRO] style: remove unused var and restore lint rule

pro/eslint.config.mjs

@@ -83,8 +83,6 @@ export default tseslint.config(
       '@typescript-eslint/no-empty-function': 'off',
       '@typescript-eslint/no-explicit-any': 'off',
       '@typescript-eslint/no-unused-expressions': 'off',
-      '@typescript-eslint/no-unused-vars': 'off',
-      'no-unused-vars': 'off',
       'prefer-const': 'off',
       'prefer-rest-params': 'off',
       'react/react-in-jsx-scope': 'off',

pro/src/Root.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import { Provider } from 'react-redux'
 
 import { AppRouter } from 'app/AppRouter/AppRouter'

pro/src/app/App/analytics/__specs__/firebase.spec.tsx

@@ -2,7 +2,6 @@ import * as firebaseAnalytics from '@firebase/analytics'
 import * as firebase from '@firebase/app'
 import * as firebaseRemoteConfig from '@firebase/remote-config'
 import { waitFor } from '@testing-library/react'
-import React from 'react'
 import { expect, vi } from 'vitest'
 
 import { firebaseConfig } from 'commons/config/firebase'

pro/src/app/AppRouter/ErrorBoundary.tsx

@@ -1,5 +1,5 @@
 import * as Sentry from '@sentry/react'
-import React, { useEffect } from 'react'
+import { useEffect } from 'react'
 import { useRouteError } from 'react-router-dom'
 
 import { Unavailable } from 'pages/Errors/Unavailable/Unavailable'

pro/src/app/AppRouter/subroutesReimbursements.tsx

@@ -1,6 +1,5 @@
 /* No need to test this file */
 /* istanbul ignore file */
-import React from 'react'
 import { Navigate } from 'react-router'
 
 import { BankInformations } from 'pages/Reimbursements/BankInformations/BankInformations'

pro/src/app/AppRouter/subroutesSignupJourneyMap.tsx

@@ -1,6 +1,5 @@
 /* No need to test this file */
 /* istanbul ignore file */
-import React from 'react'
 
 import { Activity } from 'components/SignupJourneyForm/Activity/Activity'
 import { OffererAuthentication } from 'components/SignupJourneyForm/Authentication/OffererAuthentication'

pro/src/app/AppRouter/subroutesSignupMap.tsx

@@ -1,6 +1,5 @@
 /* No need to test this file */
 /* istanbul ignore file */
-import React from 'react'
 
 import { SignupConfirmation } from 'pages/Signup/SignupConfirmation/SignupConfirmation'
 import { SignupContainer } from 'pages/Signup/SignupContainer/SignupContainer'

pro/src/commons/core/OfferEducational/utils/hasStatusCode.ts

@@ -1,8 +1,3 @@
-type Error = {
-  status: number
-  code: string
-}
-
 type ErrorWithErrorsCode = {
   status: number
   errors: {

pro/src/commons/hooks/__specs__/useAccessibilityOptions.spec.tsx

@@ -1,7 +1,6 @@
 import { render, screen } from '@testing-library/react'
 import { userEvent } from '@testing-library/user-event'
 import { Formik } from 'formik'
-import React from 'react'
 
 import { CheckboxGroup } from 'ui-kit/form/CheckboxGroup/CheckboxGroup'
 

pro/src/commons/hooks/__specs__/useNotification.spec.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { useNotification } from 'commons/hooks/useNotification'
 import * as notificationReducer from 'commons/store/notifications/reducer'
 import { renderWithProviders } from 'commons/utils/renderWithProviders'

pro/src/commons/hooks/__specs__/useOfferWizardMode.spec.tsx

@@ -1,5 +1,4 @@
 import { renderHook } from '@testing-library/react'
-import React from 'react'
 import { MemoryRouter } from 'react-router-dom'
 
 import { OFFER_WIZARD_MODE } from 'commons/core/Offers/constants'

pro/src/commons/store/StoreProvider/StoreProvider.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react'
+import { useEffect, useState } from 'react'
 import { useDispatch } from 'react-redux'
 
 import { api } from 'apiClient/api'

pro/src/commons/store/StoreProvider/__specs__/StoreProvider.spec.tsx

@@ -1,5 +1,4 @@
 import { screen } from '@testing-library/react'
-import React from 'react'
 
 import { api } from 'apiClient/api'
 import { UserRole } from 'apiClient/v1'

pro/src/commons/utils/renderWithProviders.tsx

@@ -1,6 +1,6 @@
 /* istanbul ignore file: Those are test helpers, their coverage is not relevant */
 import { render } from "@testing-library/react";
-import React, { ReactNode } from "react";
+import { ReactNode } from "react";
 import { Provider } from "react-redux";
 import { createMemoryRouter, RouterProvider } from "react-router-dom";
 import { SWRConfig } from "swr";

pro/src/commons/utils/timezone.ts

@@ -1,4 +1,4 @@
-import { de, fr } from 'date-fns/locale'
+import { fr } from 'date-fns/locale'
 import {
   format,
   formatInTimeZone,

pro/src/components/AccessibilitySummarySection/AccessibilitySummarySection.tsx

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react'
+import { ReactNode } from 'react'
 
 import { AccessibilityEnum } from 'commons/core/shared/types'
 import { SummaryDescriptionList } from 'components/SummaryLayout/SummaryDescriptionList'

pro/src/components/Bookings/BookingsRecapTable/BookingsRecapTable.spec.tsx

@@ -1,6 +1,6 @@
 import { screen, waitFor, within } from '@testing-library/react'
 import { userEvent } from '@testing-library/user-event'
-import React, { ComponentProps } from 'react'
+import { ComponentProps } from 'react'
 import { expect } from 'vitest'
 
 import { api } from 'apiClient/api'

pro/src/components/Bookings/BookingsRecapTable/BookingsTable/Cells/__specs__/BookingStatusCellHistory.spec.tsx

@@ -1,5 +1,4 @@
 import { render, screen } from '@testing-library/react'
-import React from 'react'
 
 import { BookingRecapStatus } from 'apiClient/v1'
 

pro/src/components/Bookings/BookingsRecapTable/BookingsTable/CollectiveBookingsTable.tsx

@@ -1,5 +1,5 @@
 import cn from 'classnames'
-import React, { useEffect } from 'react'
+import { useEffect } from 'react'
 
 import { CollectiveBookingResponseModel } from 'apiClient/v1'
 import { useAnalytics } from 'app/App/analytics/firebase'

pro/src/components/Bookings/BookingsRecapTable/BookingsTable/__specs__/CollectiveTableRow.spec.tsx

@@ -1,6 +1,5 @@
 import { screen } from '@testing-library/react'
 import { userEvent } from '@testing-library/user-event'
-import React from 'react'
 
 import { api } from 'apiClient/api'
 import {

pro/src/components/Bookings/BookingsRecapTable/BookingsTable/__specs__/IndividualBookingsTable.spec.tsx

@@ -1,5 +1,4 @@
 import { screen } from '@testing-library/react'
-import React from 'react'
 
 import {
   bookingRecapFactory,

pro/src/components/Bookings/BookingsRecapTable/Filters/__specs__/FilterByBookingStatus.spec.tsx

@@ -1,6 +1,5 @@
 import { screen } from '@testing-library/react'
 import { userEvent } from '@testing-library/user-event'
-import React from 'react'
 
 import {
   BookingRecapResponseModel,

pro/src/components/Bookings/BookingsRecapTable/Filters/__specs__/FilterByOmniSearch.spec.tsx

@@ -1,6 +1,5 @@
 import { screen } from '@testing-library/react'
 import { userEvent } from '@testing-library/user-event'
-import React from 'react'
 
 import { Audience } from 'commons/core/shared/types'
 import { renderWithProviders } from 'commons/utils/renderWithProviders'

pro/src/components/Bookings/BookingsRecapTable/Header/Header.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { pluralize } from 'commons/utils/pluralize'
 import fullRefreshIcon from 'icons/full-refresh.svg'
 import { Button } from 'ui-kit/Button/Button'

pro/src/components/Bookings/BookingsRecapTable/Header/__specs__/Header.spec.tsx

@@ -1,5 +1,4 @@
 import { render, screen } from '@testing-library/react'
-import React from 'react'
 
 import { Header, HeaderProps } from '../Header'
 

pro/src/components/Bookings/BookingsRecapTable/NoFilteredBookings/NoFilteredBookings.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import fullRefresh from 'icons/full-refresh.svg'
 import strokeSearchIcon from 'icons/stroke-search.svg'
 import { Button } from 'ui-kit/Button/Button'

pro/src/components/Bookings/BookingsRecapTable/NoFilteredBookings/__specs__/NoFilteredBookings.spec.tsx

@@ -1,6 +1,5 @@
 import { render, screen } from '@testing-library/react'
 import { userEvent } from '@testing-library/user-event'
-import React from 'react'
 
 import { NoFilteredBookings } from '../NoFilteredBookings'
 

pro/src/components/Bookings/PreFilters/FilterByBookingStatusPeriod/FilterByBookingStatusPeriod.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { PreFiltersParams } from 'commons/core/Bookings/types'
 import { PeriodSelector } from 'ui-kit/form/PeriodSelector/PeriodSelector'
 

pro/src/components/Bookings/PreFilters/FilterByEventDate.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { DEFAULT_PRE_FILTERS } from 'commons/core/Bookings/constants'
 import { PreFiltersParams } from 'commons/core/Bookings/types'
 import { isDateValid } from 'commons/utils/date'

pro/src/components/Bookings/PreFilters/FilterByVenue.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import {
   ALL_STRUCTURES_OPTION,
   ALL_VENUES_OPTION,

pro/src/components/Bookings/PreFilters/__specs__/FilterByEventDate.spec.tsx

@@ -1,6 +1,5 @@
 import { render, screen } from '@testing-library/react'
 import { userEvent } from '@testing-library/user-event'
-import React from 'react'
 
 import { EMPTY_FILTER_VALUE } from 'commons/core/Bookings/constants'
 

pro/src/components/CollectiveOffersTable/CollectiveOfferRow/CollectiveActionsCells/CollectiveActionsCells.spec.tsx

@@ -6,7 +6,6 @@ import createFetchMock from 'vitest-fetch-mock'
 import { api } from 'apiClient/api'
 import {
   CollectiveOfferDisplayedStatus,
-  CollectiveOfferStatus,
   CollectiveOfferAllowedAction,
   CollectiveOfferTemplateAllowedAction,
   OfferAddressType,

pro/src/components/CollectiveOffersTable/CollectiveOfferRow/CollectiveOfferRow.tsx

@@ -7,7 +7,6 @@ import {
 } from 'apiClient/v1'
 import { computeURLCollectiveOfferId } from 'commons/core/OfferEducational/utils/computeURLCollectiveOfferId'
 import { CollectiveSearchFiltersParams } from 'commons/core/Offers/types'
-import { useActiveFeature } from 'commons/hooks/useActiveFeature'
 import { CheckboxCell } from 'components/OffersTable/Cells/CheckboxCell'
 import { OfferNameCell } from 'components/OffersTable/Cells/OfferNameCell/OfferNameCell'
 import { OfferVenueCell } from 'components/OffersTable/Cells/OfferVenueCell'

pro/src/components/CollectiveStatusLabel/CollectiveStatusLabel.spec.tsx

@@ -2,7 +2,6 @@ import { screen } from '@testing-library/react'
 
 import {
   CollectiveOfferDisplayedStatus,
-  CollectiveOfferStatus,
 } from 'apiClient/v1'
 import { renderWithProviders } from 'commons/utils/renderWithProviders'
 

pro/src/components/CollectiveStatusLabel/CollectiveStatusLabel.tsx

@@ -2,7 +2,6 @@ import cn from 'classnames'
 import { ReactElement } from 'react'
 
 import {
-  CollectiveOfferStatus,
   CollectiveOfferDisplayedStatus,
 } from 'apiClient/v1'
 import { useActiveFeature } from 'commons/hooks/useActiveFeature'

pro/src/components/ConstraintCheck/ConstraintCheck.tsx

@@ -1,4 +1,4 @@
-import React, { FunctionComponent } from 'react'
+import { FunctionComponent } from 'react'
 
 import { FieldError } from 'ui-kit/form/shared/FieldError/FieldError'
 

pro/src/components/FormLayout/FormLayout.stories.tsx

@@ -1,6 +1,5 @@
 import type { StoryObj } from '@storybook/react'
 import { Formik } from 'formik'
-import React from 'react'
 
 import { Button } from 'ui-kit/Button/Button'
 import { ButtonVariant } from 'ui-kit/Button/types'

pro/src/components/FormLayout/FormLayoutMandatoryInfo.tsx

@@ -1,5 +1,4 @@
 import cn from 'classnames'
-import React from 'react'
 
 import style from './FormLayout.module.scss'
 

pro/src/components/FormLayout/__specs__/FormLayoutDescription.spec.tsx

@@ -1,5 +1,4 @@
 import { render, screen } from '@testing-library/react'
-import React from 'react'
 
 import {
   FormLayoutDescription,

pro/src/components/HelpLink/HelpLink.stories.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import { withRouter } from 'storybook-addon-remix-react-router'
 
 import { HelpLink } from './HelpLink'

pro/src/components/HelpLink/HelpLink.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { useAnalytics } from 'app/App/analytics/firebase'
 import { Events } from 'commons/core/FirebaseEvents/constants'
 import fullHelpIcon from 'icons/full-help.svg'

pro/src/components/ImagePreview/stories/ImagePreview.stories.tsx

@@ -1,5 +1,4 @@
 import type { StoryObj } from '@storybook/react'
-import React from 'react'
 
 import { ImagePreview, ImagePreviewScreenProps } from '../ImagePreview'
 import { ImagePreviewsWrapper } from '../ImagePreviewsWrapper'

pro/src/components/ImageUploader/ImageUploader.spec.tsx

@@ -1,5 +1,4 @@
 import { screen } from '@testing-library/react'
-import React from 'react'
 
 import { renderWithProviders } from 'commons/utils/renderWithProviders'
 

pro/src/components/ImageUploader/components/ButtonAppPreview/__specs__/ButtonAppPreview.spec.tsx

@@ -1,6 +1,5 @@
 import { render, screen } from '@testing-library/react'
 import { userEvent } from '@testing-library/user-event'
-import React from 'react'
 
 import { RootState } from 'commons/store/rootReducer'
 import { UploaderModeEnum } from 'components/ImageUploader/types'

pro/src/components/ImageUploader/components/ButtonAppPreview/components/AppPreviewOffer/AppPreviewOffer.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { ImagePreview } from 'components/ImagePreview/ImagePreview'
 import { ImagePreviewsWrapper } from 'components/ImagePreview/ImagePreviewsWrapper'
 import homeShell from 'components/ImageUploader/assets/offer-home-shell.png'

pro/src/components/ImageUploader/components/ButtonAppPreview/components/AppPreviewOffer/__specs__/AppPreviewOffer.spec.tsx

@@ -1,5 +1,4 @@
 import { render, screen } from '@testing-library/react'
-import React from 'react'
 
 import { RootState } from 'commons/store/rootReducer'
 

pro/src/components/ImageUploader/components/ButtonAppPreview/components/AppPreviewVenue/__specs__/AppPreviewVenue.spec.tsx

@@ -1,5 +1,4 @@
 import { screen } from '@testing-library/react'
-import React from 'react'
 
 import { renderWithProviders } from 'commons/utils/renderWithProviders'
 

pro/src/components/ImageUploader/components/ButtonImageDelete/ButtonImageDelete.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react'
+import { useState } from 'react'
 
 import fullTrashIcon from 'icons/full-trash.svg'
 import { Button } from 'ui-kit/Button/Button'

pro/src/components/ImageUploader/components/ButtonImageDelete/__specs__/ButtonImageDelete.spec.tsx

@@ -1,6 +1,5 @@
 import { render, screen } from '@testing-library/react'
 import { userEvent } from '@testing-library/user-event'
-import React from 'react'
 
 import { RootState } from 'commons/store/rootReducer'
 

pro/src/components/ImageUploader/components/ButtonImageEdit/ModalImageEdit/components/ModalImageCrop/ModalImageCrop.tsx

@@ -1,6 +1,6 @@
 import * as Dialog from '@radix-ui/react-dialog'
 import { Form, FormikProvider, useFormik } from 'formik'
-import React, { useRef } from 'react'
+import { useRef } from 'react'
 import AvatarEditor, { CroppedRect, Position } from 'react-avatar-editor'
 
 import { useGetImageBitmap } from 'commons/hooks/useGetBitmap'

pro/src/components/IndividualOffer/DialogStockDeleteConfirm/DialogStockEventDeleteConfirm.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { ConfirmDialog } from 'components/ConfirmDialog/ConfirmDialog'
 import strokeTrashIcon from 'icons/stroke-trash.svg'
 

pro/src/components/IndividualOffer/DialogStockDeleteConfirm/DialogStockThingDeleteConfirm.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { ConfirmDialog } from 'components/ConfirmDialog/ConfirmDialog'
 import strokeTrashIcon from 'icons/stroke-trash.svg'
 

pro/src/components/IndividualOffer/DialogStocksEventEditConfirm/DialogStocksEventEditConfirm.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { ConfirmDialog } from 'components/ConfirmDialog/ConfirmDialog'
 
 interface DialogStocksEventEditConfirmProps {

pro/src/components/IndividualOffer/IndivualOfferLayout/OfferStatusBanner/OfferStatusBanner.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { OfferStatus } from 'apiClient/v1'
 import { CGU_URL } from 'commons/utils/config'
 import { Callout } from 'ui-kit/Callout/Callout'

pro/src/components/IndividualOffer/IndivualOfferLayout/__specs__/IndivualOfferLayout.spec.tsx

@@ -1,6 +1,5 @@
 import { screen } from '@testing-library/react'
 import { addDays } from 'date-fns'
-import React from 'react'
 
 import { OfferStatus } from 'apiClient/v1'
 import { OFFER_WIZARD_MODE } from 'commons/core/Offers/constants'

pro/src/components/IndividualOffer/PriceCategoriesScreen/PriceCategoriesForm.tsx

@@ -1,4 +1,3 @@
-import cn from 'classnames'
 import type { FieldArrayRenderProps } from 'formik'
 import { FieldArray, useFormikContext } from 'formik'
 import { useState } from 'react'

pro/src/components/IndividualOffer/PriceCategoriesScreen/__specs__/PriceCategories.RouteLeavingGuard.spec.tsx

@@ -1,6 +1,5 @@
 import { screen } from '@testing-library/react'
 import { userEvent } from '@testing-library/user-event'
-import React from 'react'
 import { generatePath, Route, Routes } from 'react-router-dom'
 
 import { api } from 'apiClient/api'

pro/src/components/IndividualOffer/PriceCategoriesScreen/__specs__/PriceCategories.spec.tsx

@@ -1,5 +1,4 @@
 import { screen } from '@testing-library/react'
-import React from 'react'
 
 import { OfferStatus } from 'apiClient/v1'
 import { getIndividualOfferFactory } from 'commons/utils/factories/individualApiFactories'

pro/src/components/IndividualOffer/Status/Status.tsx

@@ -1,5 +1,4 @@
 import cn from 'classnames'
-import React from 'react'
 
 import { GetIndividualOfferResponseModel } from 'apiClient/v1'
 import { StatusToggleButton } from 'components/IndividualOffer/Status/StatusToggleButton'

pro/src/components/IndividualOffer/Status/__specs__/StatusToggleButton.spec.tsx

@@ -1,7 +1,6 @@
 import { screen } from '@testing-library/react'
 import { userEvent } from '@testing-library/user-event'
 import { addDays } from 'date-fns'
-import React from 'react'
 
 import { api } from 'apiClient/api'
 import { OfferStatus } from 'apiClient/v1'