refactor(tooling): remove unnecessary import React from 'react'

apps/apps-backend/jest-e2e.json

@@ -1,13 +1,13 @@
 {
-  "moduleFileExtensions": ["js", "json", "ts"],
-  "rootDir": "./",
-  "testRegex": ".e2e-spec.ts$",
-  "transform": {
-    "^.+\\.(t|j)s$": "ts-jest"
-  },
-  "testEnvironment": "node",
-  "moduleNameMapper": {
-    "^src/(.*)$": "<rootDir>/dist/$1",
-    "^@iota/core/(.*)$": "<rootDir>/dist/core/src/$1"
-  }
+    "moduleFileExtensions": ["js", "json", "ts"],
+    "rootDir": "./",
+    "testRegex": ".e2e-spec.ts$",
+    "transform": {
+        "^.+\\.(t|j)s$": "ts-jest"
+    },
+    "testEnvironment": "node",
+    "moduleNameMapper": {
+        "^src/(.*)$": "<rootDir>/dist/$1",
+        "^@iota/core/(.*)$": "<rootDir>/dist/core/src/$1"
+    }
 }

apps/apps-backend/tsconfig.json

@@ -20,5 +20,5 @@
         "paths": {
             "@iota/core/constants/*": ["./../core/src/constants/*"]
         }
-    },
+    }
 }

apps/core/src/components/Inputs/AddressInput.tsx

@@ -5,7 +5,7 @@
 import { Input, InputType } from '@iota/apps-ui-kit';
 import { Close } from '@iota/ui-icons';
 import { useIotaAddressValidation } from '../../hooks';
-import React, { useCallback } from 'react';
+import { useCallback } from 'react';
 import { useField, useFormikContext } from 'formik';
 
 export interface AddressInputProps {

apps/core/src/components/Inputs/SendTokenFormInput.tsx

@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import { ButtonPill, Input, InputType } from '@iota/apps-ui-kit';
 import { CoinStruct } from '@iota/iota-sdk/client';
 import { useFormatCoin, useGasBudgetEstimation } from '../../hooks';

apps/core/src/components/QR.tsx

@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import { QRCodeSVG } from 'qrcode.react';
 
 export enum QRLevel {

apps/core/src/components/buttons/ViewTxnOnExplorerButton.tsx

@@ -1,15 +1,16 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React, { JSX } from 'react';
 import { Button, ButtonType, LoadingIndicator } from '@iota/apps-ui-kit';
 import { ArrowTopRight } from '@iota/ui-icons';
 
 interface ViewTxnOnExplorerButtonProps {
     digest?: string;
 }
 
-export function ViewTxnOnExplorerButton({ digest }: ViewTxnOnExplorerButtonProps): JSX.Element {
+export function ViewTxnOnExplorerButton({
+    digest,
+}: ViewTxnOnExplorerButtonProps): React.JSX.Element {
     return (
         <Button
             type={ButtonType.Outlined}

apps/core/src/components/cards/BalanceChanges.tsx

@@ -2,7 +2,7 @@
 // Modifications Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React, { useMemo } from 'react';
+import { useMemo } from 'react';
 import { Divider, Header, KeyValueInfo, Panel } from '@iota/apps-ui-kit';
 import type { BalanceChangeSummary, RenderExplorerLink } from '../../types';
 import { ExplorerLinkType } from '../../enums';

apps/core/src/components/cards/ObjectChangeDisplay.tsx

@@ -2,7 +2,6 @@
 // Modifications Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import { type IotaObjectChangeWithDisplay, ExplorerLinkType, ImageIcon } from '../../';
 import { Card, CardAction, CardActionType, CardBody, CardImage, CardType } from '@iota/apps-ui-kit';
 import { ArrowTopRight } from '@iota/ui-icons';

apps/core/src/components/cards/ObjectChanges.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) Mysten Labs, Inc.
 // Modifications Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
-import React, { useState } from 'react';
+import { useState } from 'react';
 import {
     getObjectChangeLabel,
     type ObjectChangesByOwner,

apps/core/src/components/coin/CoinItem.tsx

@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import {
     Card,
     CardAction,

apps/core/src/components/collapsible/Collapsible.tsx

@@ -2,7 +2,7 @@
 // Modifications Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React, { useState, type ReactNode } from 'react';
+import { useState, type ReactNode } from 'react';
 import { Accordion, AccordionContent, AccordionHeader, Title, TitleSize } from '@iota/apps-ui-kit';
 
 interface CollapsibleProps extends React.PropsWithChildren {

apps/core/src/components/gas/GasFees.tsx

@@ -2,7 +2,6 @@
 // Modifications Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import { TitleSize, Badge, BadgeType, Title, Panel } from '@iota/apps-ui-kit';
 import { Collapsible, GasSummary, type RenderExplorerLink, type GasSummaryType } from '../../';
 

apps/core/src/components/gas/GasSummary.tsx

@@ -2,7 +2,6 @@
 // Modifications Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import { ExplorerLinkType, useFormatCoin, type GasSummaryType } from '../../';
 import { RenderExplorerLink } from '../../types';
 import { formatAddress, IOTA_TYPE_ARG } from '@iota/iota-sdk/utils';

apps/core/src/components/lists/ExpandableList.tsx

@@ -3,7 +3,7 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import clsx from 'clsx';
-import React, { useMemo, useState, type ReactNode } from 'react';
+import { useMemo, useState, type ReactNode } from 'react';
 import { TriangleDown } from '@iota/ui-icons';
 import { Button, ButtonSize, ButtonType } from '@iota/apps-ui-kit';
 

apps/core/src/components/stake/StakedCard.tsx

@@ -9,7 +9,6 @@ import { useIotaClientQuery } from '@iota/dapp-kit';
 import { ImageIcon } from '../icon';
 import { ExtendedDelegatedStake } from '../../utils';
 import { useFormatCoin, useStakeRewardStatus } from '../../hooks';
-import React from 'react';
 
 interface StakedCardProps {
     extendedStake: ExtendedDelegatedStake;

apps/core/src/components/transaction/TransactionReceipt.tsx

@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import { InfoBox, InfoBoxStyle, InfoBoxType } from '@iota/apps-ui-kit';
 import { formatDate, type useTransactionSummary } from '../../hooks';
 import { CheckmarkFilled } from '@iota/ui-icons';

apps/core/src/components/transaction/amount/TransactionAmount.tsx

@@ -2,7 +2,6 @@
 // Modifications Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import { ImageIconSize, CoinIcon } from '../..';
 import {
     Card,

apps/core/src/components/transaction/info/StakeTransactionInfo.tsx

@@ -2,7 +2,6 @@
 // Modifications Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import { Divider, KeyValueInfo, Panel, TooltipPosition } from '@iota/apps-ui-kit';
 import { type GasSummaryType, useStakeTxnInfo, GasSummary } from '../../../';
 import { RenderExplorerLink } from '../../../types';

apps/core/src/components/transaction/info/UnstakeTransactionInfo.tsx

@@ -2,7 +2,6 @@
 // Modifications Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import { TransactionAmount } from '../amount';
 import type { IotaEvent } from '@iota/iota-sdk/client';
 import { IOTA_TYPE_ARG } from '@iota/iota-sdk/utils';

apps/core/src/components/transaction/summary/TransactionSummary.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) Mysten Labs, Inc.
 // Modifications Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
-import React from 'react';
+
 import { type TransactionSummaryType } from '../../..';
 import { BalanceChanges, ObjectChanges } from '../../cards';
 import { LoadingIndicator, Title, TitleSize } from '@iota/apps-ui-kit';

apps/core/tsconfig.json

@@ -0,0 +1,13 @@
+{
+    "compilerOptions": {
+        "jsx": "react-jsx",
+        "module": "ESNext",
+        "target": "ES2020",
+        "strict": true,
+        "esModuleInterop": true,
+        "moduleResolution": "node",
+        "skipLibCheck": true
+    },
+    "include": ["src"],
+    "exclude": ["node_modules", "dist"]
+}

apps/explorer/src/index.tsx

@@ -9,7 +9,6 @@ import { QueryClientProvider } from '@tanstack/react-query';
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import { RouterProvider } from 'react-router-dom';
-
 import { growthbook, initAmplitude, initSentry, queryClient } from './lib/utils';
 import { router } from './pages';
 

apps/explorer/src/pages/validator/ValidatorDetails.tsx

@@ -5,7 +5,7 @@
 import { useGetValidatorsApy, useGetValidatorsEvents } from '@iota/core';
 import { useIotaClientQuery } from '@iota/dapp-kit';
 import { type IotaSystemStateSummary } from '@iota/iota-sdk/client';
-import React, { useMemo } from 'react';
+import { useMemo } from 'react';
 import { useParams } from 'react-router-dom';
 import { PageLayout, ValidatorMeta, ValidatorStats } from '~/components';
 import { VALIDATOR_LOW_STAKE_GRACE_PERIOD } from '~/lib/constants';

apps/explorer/src/pages/validators/Validators.tsx

@@ -2,7 +2,7 @@
 // Modifications Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React, { type JSX, useMemo } from 'react';
+import { type JSX, useMemo } from 'react';
 import { roundFloat, useFormatCoin, useGetValidatorsApy, useGetValidatorsEvents } from '@iota/core';
 import {
     DisplayStats,

apps/ui-kit/src/lib/components/atoms/badge/Badge.tsx

@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import cx from 'classnames';
 import { BadgeType } from './badge.enums';
 import { BACKGROUND_COLORS, BADGE_TEXT_CLASS, BORDER_COLORS, TEXT_COLORS } from './badge.classes';

apps/ui-kit/src/lib/components/atoms/button-segment/ButtonSegment.tsx

@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import {
     BACKGROUND_COLORS,
     BACKGROUND_COLORS_SELECTED,

apps/ui-kit/src/lib/components/atoms/button/Button.tsx

@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import { ButtonHtmlType, ButtonSize, ButtonType } from './button.enums';
 import {
     PADDINGS,

apps/ui-kit/src/lib/components/atoms/divider/Divider.tsx

@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import { DividerType } from './divider.enums';
 import cx from 'classnames';
 import { BACKGROUND_COLORS, DIVIDER_FULL_WIDTH } from './divider.classes';

apps/ui-kit/src/lib/components/atoms/info-box/InfoBox.tsx

@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import cx from 'classnames';
 import { InfoBoxStyle, InfoBoxType } from './info-box.enums';
 import { BACKGROUND_COLORS, ICON_COLORS } from './info-box.classes';

apps/ui-kit/src/lib/components/atoms/key-value-info/KeyValueInfo.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import cx from 'classnames';
 import { Copy, Info } from '@iota/ui-icons';
 import { ValueSize } from './keyValue.enums';

apps/ui-kit/src/lib/components/atoms/label-text/LabelText.tsx

@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import cx from 'classnames';
 import { LabelTextSize } from './labelText.enums';
 import { LABEL_TEXT_SIZE, SUPPORTING_TEXT_SIZE, TEXT_SIZE } from './labelText.classes';

apps/ui-kit/src/lib/components/atoms/list-item/ListItem.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React, { PropsWithChildren } from 'react';
+import { PropsWithChildren } from 'react';
 import cx from 'classnames';
 import { ArrowRight } from '@iota/ui-icons';
 import { Button, ButtonSize, ButtonType } from '@/components';

apps/ui-kit/src/lib/components/atoms/loading-indicator/LoadingIndicator.tsx

@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import cx from 'classnames';
 import { Loader } from '@iota/ui-icons';
 

apps/ui-kit/src/lib/components/atoms/panel/Panel.tsx

@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import cx from 'classnames';
 
 interface PanelProps {

apps/ui-kit/src/lib/components/atoms/radio-button/RadioButton.tsx

@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import cx from 'classnames';
 import { RadioOn, RadioOff } from '@iota/ui-icons';
 

apps/ui-kit/src/lib/components/atoms/tooltip/Tooltip.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React, { PropsWithChildren } from 'react';
+import { PropsWithChildren } from 'react';
 import cx from 'classnames';
 import { TooltipPosition } from './tooltip.enums';
 import { TOOLTIP_POSITION } from './tooltip.classes';

apps/ui-kit/src/lib/components/atoms/visual-asset-card/VisualAssetCard.tsx

@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import { VisualAssetType } from './visual-asset-card.enums';
 import { ButtonUnstyled } from '../button';
 import { MoreHoriz } from '@iota/ui-icons';

apps/ui-kit/src/lib/components/molecules/account/Account.tsx

@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import cx from 'classnames';
 import { ButtonUnstyled } from '../../atoms/button';
 import { Badge, BadgeType } from '../../atoms';

apps/ui-kit/src/lib/components/molecules/address/Address.tsx

@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import cx from 'classnames';
 import { Copy, ArrowTopRight } from '@iota/ui-icons';
 import { ButtonUnstyled } from '../../atoms/button';

apps/ui-kit/src/lib/components/molecules/card/Card.tsx

@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import cx from 'classnames';
 import { CARD_DISABLED_CLASSES, CARD_TYPE_CLASSES } from './card.classes';
 import { CardType } from './card.enums';

apps/ui-kit/src/lib/components/molecules/card/CardImage.tsx

@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import cx from 'classnames';
 import { ImageType, ImageShape } from './card.enums';
 import { IMAGE_BG_CLASSES, IMAGE_VARIANT_CLASSES } from './card.classes';

apps/ui-kit/src/lib/components/molecules/display-stats/DisplayStats.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { Tooltip, TooltipPosition } from '../../atoms';
 import { Info } from '@iota/ui-icons';
 import { DisplayStatsType, DisplayStatsSize } from './display-stats.enums';

apps/ui-kit/src/lib/components/molecules/navbar-item/NavbarItem.tsx

@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import { NavbarItemHorizontal } from './NavbarItemHorizontal';
 import { NavbarItemVertical } from './NavbarItemVertical';
 import { NavbarItemType } from './navbarItem.enums';

apps/ui-kit/src/lib/components/molecules/navbar-item/NavbarItemHorizontal.tsx

@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import cx from 'classnames';
 import {
     BADGE_WITH_TEXT,