chore: Update @metamask/eslint-config-typescript to v13

.eslintrc.js

@@ -1,4 +1,4 @@
-/* eslint-disable import/no-commonjs */
+/* eslint-disable import-x/no-commonjs */
 module.exports = {
   root: true,
   parser: '@typescript-eslint/parser',
@@ -9,7 +9,7 @@ module.exports = {
     '@react-native',
     'eslint:recommended',
     // '@metamask/eslint-config', // TODO: Enable when ready
-    'plugin:import/warnings',
+    'plugin:import-x/warnings',
     'plugin:react/recommended',
   ],
   // ESLint can find the plugin without the `eslint-plugin-` prefix. Ex. `eslint-plugin-react-compiler` -> `react-compiler`
@@ -86,16 +86,16 @@ module.exports = {
       },
       rules: {
         'no-console': 'off',
-        'import/no-commonjs': 'off',
-        'import/no-nodejs-modules': 'off',
+        'import-x/no-commonjs': 'off',
+        'import-x/no-nodejs-modules': 'off',
       },
     },
     {
       files: ['scripts/**/*.js', 'tests/tools/**/*.{js,ts}', 'app.config.js'],
       rules: {
         'no-console': 'off',
-        'import/no-commonjs': 'off',
-        'import/no-nodejs-modules': 'off',
+        'import-x/no-commonjs': 'off',
+        'import-x/no-nodejs-modules': 'off',
       },
     },
     {
@@ -332,9 +332,9 @@ module.exports = {
         '@typescript-eslint/restrict-template-expressions': 'error',
 
         // === Import rules (using 'import' plugin, not 'import-x') ===
-        'import/consistent-type-specifier-style': ['error', 'prefer-top-level'],
-        'import/no-named-as-default': 'error',
-        'import/order': [
+        'import-x/consistent-type-specifier-style': ['error', 'prefer-top-level'],
+        'import-x/no-named-as-default': 'error',
+        'import-x/order': [
           'error',
           {
             groups: [
@@ -411,10 +411,10 @@ module.exports = {
   },
 
   settings: {
-    'import/resolver': {
+    'import-x/resolver': {
       typescript: {}, // this loads <rootdir>/tsconfig.json to eslint
     },
-    'import/internal-regex': '^@metamask/perps-controller',
+    'import-x/internal-regex': '^@metamask/perps-controller',
   },
 
   rules: {
@@ -436,7 +436,7 @@ module.exports = {
     'no-bitwise': 'off',
     'class-methods-use-this': 'off',
     'eol-last': 'warn',
-    'import/no-named-as-default': 'off',
+    'import-x/no-named-as-default': 'off',
     'no-invalid-this': 'off',
     'no-new': 'off',
     'react/jsx-handler-names': 'off',
@@ -447,14 +447,14 @@ module.exports = {
     'arrow-body-style': 'error',
     'dot-notation': 'error',
     eqeqeq: 'error',
-    'import/no-amd': 'error',
-    'import/no-commonjs': 'error',
-    'import/no-duplicates': 'error',
-    'import/no-extraneous-dependencies': ['error', { packageDir: ['./'] }],
-    'import/no-mutable-exports': 'error',
-    'import/no-namespace': 'error',
-    'import/no-nodejs-modules': 'error',
-    'import/prefer-default-export': 'off',
+    'import-x/no-amd': 'error',
+    'import-x/no-commonjs': 'error',
+    'import-x/no-duplicates': 'error',
+    'import-x/no-extraneous-dependencies': ['error', { packageDir: ['./'] }],
+    'import-x/no-mutable-exports': 'error',
+    'import-x/no-namespace': 'error',
+    'import-x/no-nodejs-modules': 'error',
+    'import-x/prefer-default-export': 'off',
     'no-alert': 'error',
     'no-constant-condition': [
       'error',
@@ -502,7 +502,7 @@ module.exports = {
     'prefer-const': 'error',
     'prefer-rest-params': 'error',
     'prefer-spread': 'error',
-    'import/no-unresolved': 'error',
+    'import-x/no-unresolved': 'error',
     'eslint-comments/no-unlimited-disable': 'off',
     'eslint-comments/no-unused-disable': 'off',
     'react-native/no-color-literals': 'error',

app/__mocks__/@metamask/native-utils.js

@@ -1,5 +1,5 @@
-/* eslint-disable import/no-extraneous-dependencies */
-/* eslint-disable import/no-commonjs */
+/* eslint-disable import-x/no-extraneous-dependencies */
+/* eslint-disable import-x/no-commonjs */
 /**
  * Mock for @metamask/native-utils
  *

app/__mocks__/pngMock.js

@@ -1,3 +1,3 @@
 // When required, assets in React Native returns a number
-// eslint-disable-next-line import/no-commonjs
+// eslint-disable-next-line import-x/no-commonjs
 module.exports = 1;

app/__mocks__/react-native-i18n.ts

@@ -1,4 +1,4 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
+// eslint-disable-next-line import-x/no-extraneous-dependencies
 import I18nJs from 'i18n-js';
 
 I18nJs.locale = 'en'; // a locale from your available translations

app/__mocks__/spinnerMock.js

@@ -1,4 +1,4 @@
-/* eslint-disable import/no-commonjs */
+/* eslint-disable import-x/no-commonjs */
 
 module.exports = {
   Spinner: () => null,

app/actions/navigation/index.ts

@@ -1,4 +1,4 @@
-/* eslint-disable import/prefer-default-export */
+/* eslint-disable import-x/prefer-default-export */
 import {
   type OnNavigationReadyAction,
   type SetCurrentRouteAction,

app/actions/security/index.ts

@@ -1,4 +1,4 @@
-/* eslint-disable import/prefer-default-export */
+/* eslint-disable import-x/prefer-default-export */
 import type { Action as ReduxAction } from 'redux';
 
 export enum ActionType {

app/component-library/base-components/TagBase/TagBase.constants.tsx

@@ -1,4 +1,4 @@
-/* eslint-disable import/prefer-default-export */
+/* eslint-disable import-x/prefer-default-export */
 // Third library dependencies.
 import React from 'react';
 

app/component-library/components-temp/MainActionButton/MainActionButton.constants.ts

@@ -1,4 +1,4 @@
-/* eslint-disable import/prefer-default-export */
+/* eslint-disable import-x/prefer-default-export */
 
 // Test IDs
 export const MAINACTIONBUTTON_TEST_ID = 'main-action-button';

app/component-library/components-temp/Price/AggregatedPercentage/NonEvmAggregatedPercentage.test.tsx

@@ -8,7 +8,7 @@ import {
   FORMATTED_PERCENTAGE_TEST_ID,
 } from './AggregatedPercentage.constants';
 import NonEvmAggregatedPercentage from './NonEvmAggregatedPercentage';
-// eslint-disable-next-line import/no-namespace
+// eslint-disable-next-line import-x/no-namespace
 import * as multichain from '../../../../selectors/multichain/multichain';
 import { selectMultichainAssetsRates } from '../../../../selectors/multichain/multichain';
 

app/component-library/components-temp/SegmentedControl/SegmentedControl.constants.ts

@@ -1,4 +1,4 @@
-/* eslint-disable import/prefer-default-export */
+/* eslint-disable import-x/prefer-default-export */
 
 // External dependencies.
 import { ButtonSize } from '../../components/Buttons/Button/Button.types';

app/component-library/components-temp/TagColored/TagColored.constants.ts

@@ -1,4 +1,4 @@
-/* eslint-disable import/prefer-default-export */
+/* eslint-disable import-x/prefer-default-export */
 // External dependencies
 import { TextVariant } from '../../components/Texts/Text';
 

app/component-library/components/Avatars/Avatar/Avatar.constants.ts

@@ -1,4 +1,4 @@
-/* eslint-disable import/prefer-default-export */
+/* eslint-disable import-x/prefer-default-export */
 // External dependencies.
 import { IconSize } from '../../Icons/Icon';
 import { SAMPLE_AVATARACCOUNT_PROPS } from './variants/AvatarAccount/AvatarAccount.constants';

app/component-library/components/Avatars/Avatar/foundation/AvatarBase/AvatarBase.constants.ts

@@ -1,4 +1,4 @@
-/* eslint-disable import/prefer-default-export */
+/* eslint-disable import-x/prefer-default-export */
 // Third party dependencies.
 import { ImageSourcePropType } from 'react-native';
 

app/component-library/components/Avatars/Avatar/variants/AvatarAccount/AvatarAccount.constants.ts

@@ -1,4 +1,4 @@
-/* eslint-disable import/prefer-default-export */
+/* eslint-disable import-x/prefer-default-export */
 // External dependencies.
 import { AvatarSize } from '../../Avatar.types';
 

app/component-library/components/Avatars/Avatar/variants/AvatarFavicon/AvatarFavicon.constants.ts

@@ -1,4 +1,4 @@
-/* eslint-disable import/prefer-default-export */
+/* eslint-disable import-x/prefer-default-export */
 
 // Third party dependencies.
 import { ImageSourcePropType } from 'react-native';

app/component-library/components/Avatars/Avatar/variants/AvatarIcon/AvatarIcon.constants.ts

@@ -1,4 +1,4 @@
-/* eslint-disable import/prefer-default-export */
+/* eslint-disable import-x/prefer-default-export */
 // External dependencies.
 import { mockTheme } from '../../../../../../util/theme';
 import { AvatarSize } from '../../Avatar.types';

app/component-library/components/Avatars/Avatar/variants/AvatarNetwork/AvatarNetwork.constants.ts

@@ -1,4 +1,4 @@
-/* eslint-disable import/prefer-default-export */
+/* eslint-disable import-x/prefer-default-export */
 
 // Third party dependencies.
 import { ImageSourcePropType, Platform } from 'react-native';

app/component-library/components/Avatars/Avatar/variants/AvatarToken/AvatarToken.constants.ts

@@ -1,4 +1,4 @@
-/* eslint-disable import/prefer-default-export */
+/* eslint-disable import-x/prefer-default-export */
 // Third party dependences.
 import { ImageSourcePropType } from 'react-native';
 

app/component-library/components/Avatars/AvatarGroup/AvatarGroup.constants.ts

@@ -1,4 +1,4 @@
-/* eslint-disable import/prefer-default-export */
+/* eslint-disable import-x/prefer-default-export */
 
 // External dependencies
 import { AvatarSize, AvatarProps, AvatarVariant } from '../Avatar/Avatar.types';

app/component-library/components/Badges/Badge/variants/BadgeNetwork/BadgeNetwork.constants.ts

@@ -1,4 +1,4 @@
-/* eslint-disable import/prefer-default-export */
+/* eslint-disable import-x/prefer-default-export */
 
 // External dependencies.
 import { AvatarSize } from '../../../../Avatars/Avatar';

app/component-library/components/Badges/Badge/variants/BadgeStatus/BadgeStatus.constants.ts

@@ -1,4 +1,4 @@
-/* eslint-disable import/prefer-default-export */
+/* eslint-disable import-x/prefer-default-export */
 // Internal dependencies.
 import { BadgeStatusState, BadgeStatusProps } from './BadgeStatus.types';
 

app/component-library/components/Badges/BadgeWrapper/BadgeWrapper.constants.tsx

@@ -1,4 +1,4 @@
-/* eslint-disable import/prefer-default-export */
+/* eslint-disable import-x/prefer-default-export */
 import React from 'react';
 import { View } from 'react-native';
 

app/component-library/components/Banners/Banner/Banner.constants.ts

@@ -1,5 +1,5 @@
 /* eslint-disable no-console */
-/* eslint-disable import/prefer-default-export */
+/* eslint-disable import-x/prefer-default-export */
 // External dependencies.
 import { DEFAULT_BANNERALERT_SEVERITY } from './variants/BannerAlert/BannerAlert.constants';
 import { ButtonVariants } from '../../Buttons/Button';

app/component-library/components/Banners/Banner/foundation/BannerBase/BannerBase.constants.tsx

@@ -1,5 +1,5 @@
 /* eslint-disable no-console */
-/* eslint-disable import/prefer-default-export */
+/* eslint-disable import-x/prefer-default-export */
 // Third library dependencies.
 import React from 'react';
 

app/component-library/components/Banners/Banner/variants/BannerAlert/BannerAlert.constants.ts

@@ -1,5 +1,5 @@
 /* eslint-disable no-console */
-/* eslint-disable import/prefer-default-export */
+/* eslint-disable import-x/prefer-default-export */
 
 // External dependencies.
 import { ButtonVariants } from '../../../../Buttons/Button';

app/component-library/components/Banners/Banner/variants/BannerTip/BannerTip.constants.ts

@@ -1,8 +1,8 @@
 /* eslint-disable no-console */
 /* eslint-disable @typescript-eslint/no-require-imports */
-/* eslint-disable import/no-commonjs */
+/* eslint-disable import-x/no-commonjs */
 /* eslint-disable @typescript-eslint/no-var-requires */
-/* eslint-disable import/prefer-default-export */
+/* eslint-disable import-x/prefer-default-export */
 // External dependencies.
 import { ButtonVariants } from '../../../../Buttons/Button';
 

app/component-library/components/BottomSheets/BottomSheet/foundation/BottomSheetDialog/BottomSheetDialog.constants.ts

@@ -1,4 +1,4 @@
-/* eslint-disable import/prefer-default-export */
+/* eslint-disable import-x/prefer-default-export */
 
 // External dependencies.
 import { AnimationDuration } from '../../../../../constants/animation.constants';

app/component-library/components/BottomSheets/BottomSheetFooter/BottomSheetFooter.constants.ts

@@ -1,5 +1,5 @@
 /* eslint-disable no-console */
-/* eslint-disable import/prefer-default-export */
+/* eslint-disable import-x/prefer-default-export */
 // External dependencies.
 import { ButtonVariants } from '../../Buttons/Button';
 

app/component-library/components/Buttons/Button/Button.constants.ts

@@ -1,4 +1,4 @@
-/* eslint-disable import/prefer-default-export */
+/* eslint-disable import-x/prefer-default-export */
 
 // External dependencies.
 import { SAMPLE_BUTTONSECONDARY_PROPS } from './variants/ButtonSecondary/ButtonSecondary.constants';

app/component-library/components/Buttons/Button/foundation/ButtonBase/ButtonBase.constants.ts

@@ -1,5 +1,5 @@
 /* eslint-disable no-console */
-/* eslint-disable import/prefer-default-export */
+/* eslint-disable import-x/prefer-default-export */
 // External dependencies.
 import { ButtonBaseProps } from './ButtonBase.types';
 import { IconName, IconSize } from '../../../../Icons/Icon';

app/component-library/components/Buttons/Button/variants/ButtonLink/ButtonLink.constants.ts

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
-/* eslint-disable import/prefer-default-export */
+/* eslint-disable import-x/prefer-default-export */
 
 // External dependencies.
 import { ButtonSize } from '../../Button.types';

app/component-library/components/Buttons/Button/variants/ButtonPrimary/ButtonPrimary.constants.ts

@@ -1,4 +1,4 @@
-/* eslint-disable import/prefer-default-export */
+/* eslint-disable import-x/prefer-default-export */
 
 // External dependencies
 import { SAMPLE_BUTTONBASE_PROPS } from '../../foundation/ButtonBase/ButtonBase.constants';

app/component-library/components/Buttons/Button/variants/ButtonSecondary/ButtonSecondary.constants.ts

@@ -1,4 +1,4 @@
-/* eslint-disable import/prefer-default-export */
+/* eslint-disable import-x/prefer-default-export */
 
 // External dependencies.
 import { SAMPLE_BUTTONBASE_PROPS } from '../../foundation/ButtonBase/ButtonBase.constants';

app/component-library/components/Buttons/ButtonIcon/ButtonIcon.constants.ts

@@ -1,5 +1,5 @@
 /* eslint-disable no-console */
-/* eslint-disable import/prefer-default-export */
+/* eslint-disable import-x/prefer-default-export */
 
 // External dependencies.
 import { IconSize, IconName, IconColor } from '../../Icons/Icon';

app/component-library/components/Cells/Cell/Cell.constants.ts

@@ -1,4 +1,4 @@
-/* eslint-disable import/prefer-default-export */
+/* eslint-disable import-x/prefer-default-export */
 // External dependencies.
 import { AvatarVariant, AvatarAccountType } from '../../Avatars/Avatar';
 import { AvatarProps } from '../../Avatars/Avatar/Avatar.types';

app/component-library/components/Checkbox/Checkbox.constants.ts

@@ -1,4 +1,4 @@
-/* eslint-disable import/prefer-default-export */
+/* eslint-disable import-x/prefer-default-export */
 
 // External dependencies.
 import { IconName, IconSize } from '../Icons/Icon';

app/component-library/components/Form/HelpText/HelpText.constants.ts

@@ -1,4 +1,4 @@
-/* eslint-disable import/prefer-default-export */
+/* eslint-disable import-x/prefer-default-export */
 
 // External dependencies.
 import { TextColor, TextVariant } from '../../Texts/Text';

app/component-library/components/Form/Label/Label.constants.ts

@@ -1,4 +1,4 @@
-/* eslint-disable import/prefer-default-export */
+/* eslint-disable import-x/prefer-default-export */
 
 // Internal dependencies.
 import { TextVariant } from '../../Texts/Text';

app/component-library/components/Form/TextField/foundation/Input/Input.constants.ts

@@ -1,4 +1,4 @@
-/* eslint-disable import/prefer-default-export */
+/* eslint-disable import-x/prefer-default-export */
 
 // External dependencies.
 import { DEFAULT_TEXT_VARIANT } from '../../../../Texts/Text/Text.constants';

app/component-library/components/Icons/Icon/Icon.assets.ts

@@ -1,4 +1,4 @@
-/* eslint-disable import/prefer-default-export */
+/* eslint-disable import-x/prefer-default-export */
 ///////////////////////////////////////////////////////
 // This is a generated file
 // DO NOT EDIT - Use generate-assets.js

app/component-library/components/Icons/Icon/Icon.constants.ts

@@ -1,4 +1,4 @@
-/* eslint-disable import/prefer-default-export */
+/* eslint-disable import-x/prefer-default-export */
 // Internal dependencies.
 import { IconName, IconProps, IconSize, IconColor } from './Icon.types';
 

app/component-library/components/Icons/Icon/scripts/generate-assets.ts

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-/* eslint-disable import/no-commonjs, import/no-nodejs-modules, import/no-nodejs-modules, no-console */
+/* eslint-disable import-x/no-commonjs, import-x/no-nodejs-modules, import-x/no-nodejs-modules, no-console */
 import fs from 'fs';
 import path from 'path';
 
@@ -41,7 +41,7 @@ const main = async () => {
 
   fs.appendFileSync(
     assetsModulePath,
-    `/* eslint-disable import/prefer-default-export */`,
+    `/* eslint-disable import-x/prefer-default-export */`,
   );
 
   fs.appendFileSync(

app/component-library/components/List/ListItem/ListItem.constants.ts

@@ -1,4 +1,4 @@
-/* eslint-disable import/prefer-default-export */
+/* eslint-disable import-x/prefer-default-export */
 
 // Internal dependencies.
 import { VerticalAlignment, ListItemProps } from './ListItem.types';

app/component-library/components/List/ListItemColumn/ListItemColumn.constants.ts

@@ -1,4 +1,4 @@
-/* eslint-disable import/prefer-default-export */
+/* eslint-disable import-x/prefer-default-export */
 
 // Internal dependencies.
 import { ListItemColumnProps, WidthType } from './ListItemColumn.types';

app/component-library/components/List/ListItemMultiSelect/ListItemMultiSelect.constants.ts

@@ -1,4 +1,4 @@
-/* eslint-disable import/prefer-default-export */
+/* eslint-disable import-x/prefer-default-export */
 // External dependencies.
 import { SAMPLE_LISTITEM_PROPS } from '../../List/ListItem/ListItem.constants';