Remove unused React imports (jenkinsci#687)

Author: felipecrs

eslint.config.js

@@ -15,6 +15,7 @@ export default [
       },
     },
   },
+  plugins.react.configs.flat["jsx-runtime"],
   plugins.promise.configs["flat/recommended"],
   {
     plugins: {
@@ -25,4 +26,25 @@ export default [
       "simple-import-sort/exports": "error",
     },
   },
+  {
+    rules: {
+      "no-restricted-imports": [
+        "error",
+        {
+          paths: [
+            {
+              name: "react",
+              importNames: ["default"],
+              message: "Please use named imports instead.",
+            },
+            {
+              name: "react-dom/client",
+              importNames: ["default"],
+              message: "Please use named imports instead.",
+            },
+          ],
+        },
+      ],
+    },
+  },
 ];

src/main/frontend/common/RestClient.tsx

@@ -1,8 +1,8 @@
 import {
   Result,
   StageInfo,
-} from "../pipeline-graph-view/pipeline-graph/main/index.ts";
-import { ResourceBundle } from "./i18n/index.ts";
+} from "../pipeline-graph-view/pipeline-graph/main/PipelineGraphModel.tsx";
+import { ResourceBundle } from "./i18n/messages.ts";
 
 export interface RunStatus {
   stages: StageInfo[];

src/main/frontend/common/components/dropdown-portal.tsx

@@ -1,8 +1,8 @@
-import React from "react";
-import ReactDOM from "react-dom";
+import { ReactNode } from "react";
+import { createPortal } from "react-dom";
 
 interface DropdownPortalProps {
-  children: React.ReactNode;
+  children: ReactNode;
 }
 
 export default function DropdownPortal({ children }: DropdownPortalProps) {
@@ -13,5 +13,5 @@ export default function DropdownPortal({ children }: DropdownPortalProps) {
     return null;
   }
 
-  return ReactDOM.createPortal(children, container);
+  return createPortal(children, container);
 }

src/main/frontend/common/components/dropdown.tsx

@@ -1,5 +1,5 @@
 import Tippy, { TippyProps } from "@tippyjs/react";
-import React, { useState } from "react";
+import { isValidElement, ReactElement, ReactNode, useState } from "react";
 
 import Tooltip from "./tooltip.tsx";
 
@@ -33,7 +33,7 @@ export default function Dropdown({
                 );
               }
 
-              if (React.isValidElement(item)) {
+              if (isValidElement(item)) {
                 return (
                   <div key={index} className="jenkins-dropdown__custom-item">
                     {item}
@@ -89,15 +89,15 @@ export const DefaultDropdownProps: TippyProps = {
 };
 
 interface DropdownProps {
-  items: (DropdownItem | React.ReactElement | "separator")[];
+  items: (DropdownItem | ReactElement | "separator")[];
   disabled?: boolean;
   className?: string;
 }
 
 interface DropdownItem {
   text: string;
   href?: string;
-  icon: React.ReactNode;
+  icon: ReactNode;
   target?: string;
   download?: string;
 }

src/main/frontend/common/components/filter.tsx

@@ -1,10 +1,10 @@
 import "./filter.scss";
 
 import Tippy from "@tippyjs/react";
-import React, { useState } from "react";
+import { useState } from "react";
 
 import { useFilter } from "../../pipeline-console-view/pipeline-console/main/providers/filter-provider.tsx";
-import { Result } from "../../pipeline-graph-view/pipeline-graph/main/index.ts";
+import { Result } from "../../pipeline-graph-view/pipeline-graph/main/PipelineGraphModel.tsx";
 import { classNames } from "../utils/classnames.ts";
 import { DefaultDropdownProps } from "./dropdown.tsx";
 import StatusIcon from "./status-icon.tsx";

src/main/frontend/common/components/status-icon.tsx

@@ -1,8 +1,8 @@
 import "./status-icon.scss";
 
-import React from "react";
+import { ReactNode } from "react";
 
-import { Result } from "../../pipeline-graph-view/pipeline-graph/main/index.ts";
+import { Result } from "../../pipeline-graph-view/pipeline-graph/main/PipelineGraphModel.tsx";
 
 /**
  * Visual representation of a job or build status
@@ -176,7 +176,7 @@ function Group({
 }: {
   currentStatus: Result;
   status: Result;
-  children: React.ReactNode;
+  children: ReactNode;
 }) {
   return (
     <g

src/main/frontend/common/components/tooltip.tsx

@@ -1,5 +1,4 @@
 import Tippy, { TippyProps } from "@tippyjs/react";
-import React from "react";
 
 /**
  * A customized (and customizable) implementation of Tippy tooltips

src/main/frontend/common/i18n/i18n-provider.tsx

@@ -1,4 +1,4 @@
-import React, {
+import {
   Context,
   createContext,
   FunctionComponent,

src/main/frontend/common/i18n/index.ts

@@ -1,7 +1,7 @@
 import {
   Result,
   StageInfo,
-} from "../../pipeline-graph-view/pipeline-graph/main/index.ts";
+} from "../../pipeline-graph-view/pipeline-graph/main/PipelineGraphModel.tsx";
 import RunEstimator from "./run-estimator.ts";
 
 const previous: StageInfo[] = [