Update lint rules

src/features/source/Source.types.ts

@@ -6,7 +6,7 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 
-import {
+import type {
     ExtensionType,
     GetSourceBrowseQuery,
     GetSourceSettingsQuery,

src/features/source/browse/components/SourceOptions.tsx

@@ -37,12 +37,12 @@ import { GroupFilter } from '@/features/source/browse/components/filters/GroupFi
 import { SeparatorFilter } from '@/features/source/browse/components/filters/SeparatorFilter.tsx';
 import { StyledFab } from '@/base/components/buttons/StyledFab.tsx';
 import { defaultPromiseErrorHandler } from '@/lib/DefaultPromiseErrorHandler.ts';
-import { ISourceMetadata, SourceFilters } from '@/features/source/Source.types.ts';
+import type { IPos, ISourceMetadata, SourceFilters } from '@/features/source/Source.types.ts';
 import { Confirmation } from '@/base/AppAwaitableComponent.ts';
 
 interface IFilters {
     sourceFilter: SourceFilters[];
-    updateFilterValue: Function;
+    updateFilterValue: (value: IPos[]) => void;
     group: number | undefined;
     update: any;
 }
@@ -52,9 +52,9 @@ interface IFilters1 {
     selectSavedSearch: (savedSearch: string) => void;
     updateSavedSearches: (savedSearch: string, updateType: 'create' | 'delete') => void;
     sourceFilter: SourceFilters[];
-    updateFilterValue: Function;
-    resetFilterValue: Function;
-    setTriggerUpdate: Function;
+    updateFilterValue: (value: IPos[]) => void;
+    resetFilterValue: (value: number) => void;
+    setTriggerUpdate: (value: number) => void;
     update: any;
 }
 

src/features/source/browse/components/filters/CheckBoxFilter.tsx

@@ -8,13 +8,14 @@
 
 import React from 'react';
 import { CheckboxInput } from '@/base/components/inputs/CheckboxInput.tsx';
+import type { IPos } from '@/features/source/Source.types.ts';
 
 interface Props {
     state: boolean;
     name: string;
     position: number;
     group: number | undefined;
-    updateFilterValue: Function;
+    updateFilterValue: (value: IPos[]) => void;
     update: any;
 }
 

src/features/source/browse/components/filters/GroupFilter.tsx

@@ -16,13 +16,13 @@ import Box from '@mui/material/Box';
 import React from 'react';
 
 import { Options } from '@/features/source/browse/components/SourceOptions.tsx';
-import { SourceFilters } from '@/features/source/Source.types.ts';
+import type { IPos, SourceFilters } from '@/features/source/Source.types.ts';
 
 interface Props {
     state: ExtractByKeyValue<SourceFilters, '__typename', 'GroupFilter'>['filters'];
     name: string;
     position: number;
-    updateFilterValue: Function;
+    updateFilterValue: (value: IPos[]) => void;
     update: any;
 }
 

src/features/source/browse/components/filters/SelectFilter.tsx

@@ -11,13 +11,14 @@ import InputLabel from '@mui/material/InputLabel';
 import FormControl from '@mui/material/FormControl';
 import MenuItem from '@mui/material/MenuItem';
 import Select from '@mui/material/Select';
+import type { IPos } from '@/features/source/Source.types.ts';
 
 interface Props {
     values: any;
     name: string;
     state: number;
     position: number;
-    updateFilterValue: Function;
+    updateFilterValue: (value: IPos[]) => void;
     group: number | undefined;
     update: any;
 }
@@ -27,7 +28,7 @@ function noSelect(
     name: string,
     state: number,
     position: number,
-    updateFilterValue: Function,
+    updateFilterValue: (value: IPos[]) => void,
     update: any,
     group?: number,
 ) {

src/features/source/browse/components/filters/SortFilter.tsx

@@ -15,7 +15,8 @@ import Stack from '@mui/material/Stack';
 import Box from '@mui/material/Box';
 import React from 'react';
 import { SortRadioInput } from '@/base/components/inputs/SortRadioInput.tsx';
-import { SortSelectionInput } from '@/lib/graphql/generated/graphql.ts';
+import type { SortSelectionInput } from '@/lib/graphql/generated/graphql.ts';
+import type { IPos } from '@/features/source/Source.types.ts';
 
 interface Props {
     values: any;
@@ -23,7 +24,7 @@ interface Props {
     state: SortSelectionInput;
     position: number;
     group: number | undefined;
-    updateFilterValue: Function;
+    updateFilterValue: (value: IPos[]) => void;
     update: any;
 }
 

src/features/source/browse/components/filters/TextFilter.tsx

@@ -13,13 +13,14 @@ import InputAdornment from '@mui/material/InputAdornment';
 import InputLabel from '@mui/material/InputLabel';
 import React, { useEffect } from 'react';
 import { useDebounce } from '@/base/hooks/useDebounce.ts';
+import type { IPos } from '@/features/source/Source.types.ts';
 
 interface Props {
     state: string;
     name: string;
     position: number;
     group: number | undefined;
-    updateFilterValue: Function;
+    updateFilterValue: (value: IPos[]) => void;
     update: any;
 }
 

src/features/source/browse/components/filters/TriStateFilter.tsx

@@ -9,13 +9,14 @@
 import React from 'react';
 import { ThreeStateCheckboxInput } from '@/base/components/inputs/ThreeStateCheckboxInput.tsx';
 import { TriState } from '@/lib/graphql/generated/graphql.ts';
+import type { IPos } from '@/features/source/Source.types.ts';
 
 interface Props {
     state: TriState;
     name: string;
     position: number;
     group: number | undefined;
-    updateFilterValue: Function;
+    updateFilterValue: (value: IPos[]) => void;
     update: any;
 }
 

src/features/source/browse/screens/SourceMangas.tsx

@@ -6,7 +6,7 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 
-import { MessageDescriptor } from '@lingui/core';
+import type { MessageDescriptor } from '@lingui/core';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useParams, useNavigate, useLocation, useSearchParams } from 'react-router-dom';
 import IconButton from '@mui/material/IconButton';
@@ -22,16 +22,13 @@ import FilterListIcon from '@mui/icons-material/FilterList';
 import { useLingui } from '@lingui/react/macro';
 import { msg } from '@lingui/core/macro';
 import { CustomTooltip } from '@/base/components/CustomTooltip.tsx';
-import {
-    requestManager,
-    AbortableApolloUseMutationPaginatedResponse,
-    SPECIAL_ED_SOURCES,
-} from '@/lib/requests/RequestManager.ts';
+import type { AbortableApolloUseMutationPaginatedResponse } from '@/lib/requests/RequestManager.ts';
+import { requestManager, SPECIAL_ED_SOURCES } from '@/lib/requests/RequestManager.ts';
 import { SourceGridLayout } from '@/features/source/components/SourceGridLayout.tsx';
 import { AppbarSearch } from '@/base/components/AppbarSearch.tsx';
 import { SourceOptions } from '@/features/source/browse/components/SourceOptions.tsx';
 import { BaseMangaGrid } from '@/features/manga/components/BaseMangaGrid.tsx';
-import {
+import type {
     GetSourceBrowseQuery,
     GetSourceBrowseQueryVariables,
     GetSourceMangasFetchMutation,
@@ -46,11 +43,11 @@ import { MANGA_GRID_SNAPSHOT_KEY } from '@/features/manga/components/MangaGrid.t
 import { createUpdateSourceMetadata, useGetSourceMetadata } from '@/features/source/services/SourceMetadata.ts';
 import { makeToast } from '@/base/utils/Toast.ts';
 import { GET_SOURCE_BROWSE } from '@/lib/graphql/source/SourceQuery.ts';
-import { IPos, SourceIdInfo } from '@/features/source/Source.types.ts';
+import type { IPos, SourceIdInfo } from '@/features/source/Source.types.ts';
 import { defaultPromiseErrorHandler } from '@/lib/DefaultPromiseErrorHandler.ts';
 import { EmptyView } from '@/base/components/feedback/EmptyView.tsx';
 import { EmptyViewAbsoluteCentered } from '@/base/components/feedback/EmptyViewAbsoluteCentered.tsx';
-import { MangaIdInfo } from '@/features/manga/Manga.types.ts';
+import type { MangaIdInfo } from '@/features/manga/Manga.types.ts';
 import { GridLayout, SearchParam } from '@/base/Base.types';
 import { AppRoutes } from '@/base/AppRoute.constants.ts';
 import { getErrorMessage } from '@/lib/HelperFunctions.ts';

src/features/source/components/SourceLanguageSelect.tsx

@@ -25,7 +25,7 @@ import Box from '@mui/material/Box';
 import { CustomTooltip } from '@/base/components/CustomTooltip.tsx';
 import { translateExtensionLanguage } from '@/features/extension/Extensions.utils.ts';
 import { languageSortComparator, toUniqueLanguageCodes } from '@/base/utils/Languages.ts';
-import {
+import type {
     SourceDisplayNameInfo,
     SourceIconInfo,
     SourceIdInfo,
@@ -78,7 +78,7 @@ export const SourceLanguageSelect = ({
     );
 
     const flattenedSourcesByLanguages = useMemo(
-        () => languagesSortedBySelectState.map((language) => sourcesByLanguage[language] ?? []).flat(),
+        () => languagesSortedBySelectState.flatMap((language) => sourcesByLanguage[language] ?? []),
         [languagesSortedBySelectState, sourcesByLanguage],
     );
 

src/features/source/configuration/components/EditTextPreference.tsx

@@ -17,7 +17,7 @@ import TextField from '@mui/material/TextField';
 import Button from '@mui/material/Button';
 import ListItemButton from '@mui/material/ListItemButton';
 import { useLingui } from '@lingui/react/macro';
-import { EditTextPreferenceProps } from '@/features/source/Source.types.ts';
+import type { EditTextPreferenceProps } from '@/features/source/Source.types.ts';
 
 export function EditTextPreference(props: EditTextPreferenceProps) {
     const { t } = useLingui();

src/features/source/configuration/components/ListPreference.tsx

@@ -18,7 +18,7 @@ import FormControlLabel from '@mui/material/FormControlLabel';
 import Button from '@mui/material/Button';
 import ListItemButton from '@mui/material/ListItemButton';
 import { useLingui } from '@lingui/react/macro';
-import { ListPreferenceProps } from '@/features/source/Source.types.ts';
+import type { ListPreferenceProps } from '@/features/source/Source.types.ts';
 
 interface IListDialogProps {
     value: string;

src/features/source/configuration/components/MultiSelectListPreference.tsx

@@ -19,7 +19,7 @@ import Button from '@mui/material/Button';
 import ListItemButton from '@mui/material/ListItemButton';
 import { useLingui } from '@lingui/react/macro';
 import { cloneObject } from '@/base/utils/cloneObject.tsx';
-import { MultiSelectListPreferenceProps } from '@/features/source/Source.types.ts';
+import type { MultiSelectListPreferenceProps } from '@/features/source/Source.types.ts';
 
 interface IListDialogProps {
     selectedValues: string[];

src/features/source/configuration/components/TwoStatePreference.tsx

@@ -11,7 +11,7 @@ import ListItem from '@mui/material/ListItem';
 import ListItemText from '@mui/material/ListItemText';
 import Switch from '@mui/material/Switch';
 import Checkbox from '@mui/material/Checkbox';
-import {
+import type {
     CheckBoxPreferenceProps,
     SwitchPreferenceCompatProps,
     TwoStatePreferenceProps,

src/features/source/configuration/screens/SourceConfigure.tsx

@@ -22,10 +22,10 @@ import { MultiSelectListPreference } from '@/features/source/configuration/compo
 import { LoadingPlaceholder } from '@/base/components/feedback/LoadingPlaceholder.tsx';
 import { EmptyViewAbsoluteCentered } from '@/base/components/feedback/EmptyViewAbsoluteCentered.tsx';
 import { defaultPromiseErrorHandler } from '@/lib/DefaultPromiseErrorHandler.ts';
-import { GetCategoriesSettingsQueryVariables, GetSourceSettingsQuery } from '@/lib/graphql/generated/graphql.ts';
+import type { GetCategoriesSettingsQueryVariables, GetSourceSettingsQuery } from '@/lib/graphql/generated/graphql.ts';
 import { GET_SOURCE_SETTINGS } from '@/lib/graphql/source/SourceQuery.ts';
 import { makeToast } from '@/base/utils/Toast.ts';
-import { PreferenceProps } from '@/features/source/Source.types.ts';
+import type { PreferenceProps } from '@/features/source/Source.types.ts';
 import { getErrorMessage } from '@/lib/HelperFunctions.ts';
 import { useAppTitle } from '@/features/navigation-bar/hooks/useAppTitle.ts';
 

src/features/source/services/SourceMetadata.ts

@@ -12,10 +12,10 @@ import {
     requestBatchSourceMetadataUpdate,
 } from '@/features/metadata/services/MetadataUpdater.ts';
 import { defaultPromiseErrorHandler } from '@/lib/DefaultPromiseErrorHandler.ts';
-import { ISourceMetadata, SourceIdInfo, SourceMetadataKeys } from '@/features/source/Source.types.ts';
+import type { ISourceMetadata, SourceIdInfo, SourceMetadataKeys } from '@/features/source/Source.types.ts';
 import { convertFromGqlMeta } from '@/features/metadata/services/MetadataConverter.ts';
 import { getMetadataFrom } from '@/features/metadata/services/MetadataReader.ts';
-import { AllowedMetadataValueTypes, GqlMetaHolder, Metadata } from '@/features/metadata/Metadata.types.ts';
+import type { AllowedMetadataValueTypes, GqlMetaHolder, Metadata } from '@/features/metadata/Metadata.types.ts';
 
 const DEFAULT_SOURCE_METADATA: ISourceMetadata = {
     savedSearches: undefined,

src/features/source/services/Sources.ts

@@ -8,7 +8,7 @@
 
 import { useCallback } from 'react';
 import { useLingui } from '@lingui/react/macro';
-import {
+import type {
     SourceDisplayNameInfo,
     SourceIdInfo,
     SourceLanguageInfo,