Remove more default React import

Author: felipecrs

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 { ReactNode, 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,7 +89,7 @@ export const DefaultDropdownProps: TippyProps = {
 };
 
 interface DropdownProps {
-  items: (DropdownItem | React.ReactElement | "separator")[];
+  items: (DropdownItem | ReactElement | "separator")[];
   disabled?: boolean;
   className?: string;
 }

src/main/frontend/pipeline-console-view/pipeline-console/main/components/skeleton.tsx

@@ -1,7 +1,5 @@
 import "./skeleton.scss";
 
-import React from "react";
-
 export default function Skeleton({ height }: { height?: number }) {
   return (
     <div

src/main/frontend/pipeline-console-view/pipeline-console/main/components/stages-customization.tsx

@@ -1,6 +1,6 @@
 import "./stages-customization.scss";
 
-import React from "react";
+import { ChangeEvent } from "react";
 
 import {
   MainViewVisibility,
@@ -16,11 +16,11 @@ export default function StagesCustomization() {
     setStageViewPosition,
   } = useLayoutPreferences();
 
-  const handleViewChange = (e: React.ChangeEvent<HTMLSelectElement>) => {
+  const handleViewChange = (e: ChangeEvent<HTMLSelectElement>) => {
     setMainViewVisibility(e.target.value as MainViewVisibility);
   };
 
-  const handlePositionChange = (e: React.ChangeEvent<HTMLSelectElement>) => {
+  const handlePositionChange = (e: ChangeEvent<HTMLSelectElement>) => {
     setStageViewPosition(e.target.value as StageViewPosition);
   };
 

src/main/frontend/pipeline-console-view/pipeline-console/main/components/stages.tsx

@@ -1,6 +1,6 @@
 import "./stages.scss";
 
-import React, { CSSProperties, useEffect, useState } from "react";
+import { CSSProperties, useEffect, useState } from "react";
 import {
   TransformComponent,
   TransformWrapper,

src/main/frontend/pipeline-console-view/pipeline-console/main/providers/user-preference-provider.tsx

@@ -1,4 +1,4 @@
-import React, {
+import {
   createContext,
   ReactNode,
   useContext,

src/main/frontend/pipeline-console-view/pipeline-console/main/split-view.tsx

@@ -1,6 +1,6 @@
 import "./split-view.scss";
 
-import React, { useEffect, useRef, useState } from "react";
+import { Children, MouseEvent as ReactMouseEvent, ReactNode, useEffect, useRef, useState } from "react";
 
 import { useLayoutPreferences } from "./providers/user-preference-provider.tsx";
 
@@ -43,7 +43,7 @@ export default function SplitView(props: SplitViewNewProps) {
 
   const dividerRef = useRef<HTMLDivElement>(null);
 
-  const startDragging = (e: React.MouseEvent) => {
+  const startDragging = (e: ReactMouseEvent) => {
     setIsDragging(true);
     e.preventDefault();
   };
@@ -117,7 +117,7 @@ export default function SplitView(props: SplitViewNewProps) {
   });
 
   // If we only have one child, just return it
-  const childrenArray = React.Children.toArray(props.children).filter(Boolean);
+  const childrenArray = Children.toArray(props.children).filter(Boolean);
   if (childrenArray.length === 1) {
     return <>{childrenArray[0]}</>;
   }
@@ -153,7 +153,7 @@ export default function SplitView(props: SplitViewNewProps) {
 }
 
 interface SplitViewNewProps {
-  children: React.ReactNode[];
+  children: ReactNode[];
   direction?: "horizontal" | "vertical";
   storageKey: "stages" | "graph";
 }

src/main/frontend/pipeline-console-view/pipeline-console/main/symbols.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 export const DOCUMENT = (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
     <path