openvsx-webui-test 0.18.0-security.5 → 0.19.0-dev.1

package/src/components/scan-admin/scan-card/scan-card-expand-strip-badges.tsx

@@ -11,7 +11,7 @@
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
 
-import React, { useRef, useEffect, useState, useLayoutEffect } from 'react';
+import { useRef, useEffect, useState, useLayoutEffect, FC } from 'react';
 import { Box, Chip, Typography } from '@mui/material';
 import { useTheme, alpha } from '@mui/material/styles';
 import { DetailBadge } from './utils';
@@ -26,7 +26,7 @@ interface ScanCardExpandStripBadgesProps {
  * Renders badges with overflow handling - shows as many badges as fit
  * within the available width, plus a "+ X more" indicator for hidden badges.
  */
-export const ScanCardExpandStripBadges: React.FC<ScanCardExpandStripBadgesProps> = ({
+export const ScanCardExpandStripBadges: FC<ScanCardExpandStripBadgesProps> = ({
     badges,
     containerWidth,
     maxWidthPercent = 0.45,

package/src/components/scan-admin/scan-card/scan-card-expand-strip.tsx

@@ -11,7 +11,7 @@
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
 
-import React, { useRef, useEffect, useState } from 'react';
+import { useRef, useEffect, useState, FC } from 'react';
 import { Box } from '@mui/material';
 import { ExpandMore as ExpandMoreIcon } from '@mui/icons-material';
 import { useTheme } from '@mui/material/styles';
@@ -29,7 +29,7 @@ interface ScanCardExpandStripProps {
  * Expandable strip at the bottom of the card
  * Shows validationFailure/threat badges (click to expand/show detail cards)
  */
-export const ScanCardExpandStrip: React.FC<ScanCardExpandStripProps> = ({
+export const ScanCardExpandStrip: FC<ScanCardExpandStripProps> = ({
     expanded,
     onExpandClick,
     badges,

package/src/components/scan-admin/scan-card/scan-card-expanded-content.tsx

@@ -11,7 +11,7 @@
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
 
-import React from 'react';
+import { FC } from "react";
 import { Box, Typography, Collapse, Chip } from '@mui/material';
 import { useTheme, Theme } from '@mui/material/styles';
 import { ScanResult, Threat, ValidationFailure, CheckResult } from '../../../context/scan-admin';
@@ -39,7 +39,7 @@ interface CheckResultItemProps {
 /**
  * A single threat item in the expanded content.
  */
-const ThreatItem: React.FC<ThreatItemProps> = ({ threat }) => {
+const ThreatItem: FC<ThreatItemProps> = ({ threat }) => {
     const theme = useTheme();
 
     return (

package/src/components/scan-admin/scan-card/scan-card-header.tsx

@@ -11,9 +11,10 @@
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
 
-import React, { useState } from 'react';
-import { Box, Typography, Chip, CircularProgress } from '@mui/material';
+import { FC, useState } from 'react';
+import { Box, Typography, Chip, CircularProgress, Link } from '@mui/material';
 import {
+    AdminPanelSettings as AdminPanelIcon,
     CheckCircle as CheckCircleIcon,
     GppMaybe as WarningIcon,
     Block as BlockIcon,
@@ -30,6 +31,9 @@ import {
     getHypotheticalStatus,
     getStatusColorSx,
 } from './utils';
+import { createRoute } from '../../../utils';
+import { AdminDashboardRoutes } from '../../../pages/admin-dashboard/admin-dashboard';
+import { ExtensionDetailRoutes } from '../../../pages/extension-detail/extension-detail';
 
 interface ScanCardHeaderProps {
     scan: ScanResult;
@@ -56,11 +60,17 @@ const getStatusIcon = (status: ScanResult['status']) => {
  * - Display name and namespace
  * - Status badge
  */
-export const ScanCardHeader: React.FC<ScanCardHeaderProps> = ({ scan }) => {
+export const ScanCardHeader: FC<ScanCardHeaderProps> = ({ scan }) => {
     const theme = useTheme();
     const [imageError, setImageError] = useState(false);
 
     const hasValidIcon = scan.extensionIcon && !imageError;
+    const extensionRoute = createRoute([ExtensionDetailRoutes.ROOT, scan.namespace, scan.extensionName]);
+    const adminRoute = createRoute([AdminDashboardRoutes.ROOT, 'extensions'],
+        [
+            { key: "namespace", value: scan.namespace },
+            { key: "extension", value: scan.extensionName }
+        ]);
 
     return (
         <>
@@ -97,8 +107,8 @@ export const ScanCardHeader: React.FC<ScanCardHeaderProps> = ({ scan }) => {
                 )}
             </Box>
 
-            {/* Columns 2-4: Display Name and Namespace */}
-            <Box sx={{ gridRow: '1', gridColumn: '2 / 5', minWidth: 0 }}>
+            {/* Columns 2-5: Display Name and Namespace */}
+            <Box sx={{ gridRow: '1', gridColumn: 'span 4', minWidth: 0 }}>
                 <ConditionalTooltip title={scan.displayName} arrow>
                     <Typography
                         variant='h6'
@@ -122,15 +132,34 @@ export const ScanCardHeader: React.FC<ScanCardHeaderProps> = ({ scan }) => {
                             whiteSpace: 'nowrap',
                         }}
                     >
-                        {scan.namespace}.{scan.extensionName}
+                        <Link
+                            href={extensionRoute || undefined}
+                            rel='noopener noreferrer'
+                            variant='body2'
+                        >
+                            {scan.namespace}.{scan.extensionName}
+                        </Link>
+
+                        {adminRoute !== undefined &&
+                            <Link
+                                href={adminRoute}
+                                rel='noopener noreferrer'
+                                variant='body2'
+                            >
+                                <AdminPanelIcon sx={{
+                                    verticalAlign: 'bottom',
+                                    ml: '3px'
+                                }} />
+                            </Link>
+                        }
                     </Typography>
                 </ConditionalTooltip>
             </Box>
 
-            {/* Column 5: Status Badge */}
+            {/* Column 6: Status Badge */}
             <Box sx={{
                 gridRow: '1',
-                gridColumn: '5',
+                gridColumn: '6',
                 display: 'flex',
                 flexDirection: 'column',
                 alignItems: 'flex-end',

package/src/components/scan-admin/scan-card/scan-card.tsx

@@ -11,7 +11,7 @@
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
 
-import React, { FunctionComponent } from 'react';
+import { FunctionComponent, useState, useEffect } from 'react';
 import { Card, CardContent, Box } from '@mui/material';
 import { useTheme } from '@mui/material/styles';
 import { ScanResult } from '../../../context/scan-admin';
@@ -52,7 +52,7 @@ export const ScanCard: FunctionComponent<ScanCardProps> = ({
     checked,
 }) => {
     const theme = useTheme();
-    const [collapseComplete, setCollapseComplete] = React.useState(true);
+    const [collapseComplete, setCollapseComplete] = useState(true);
     const {
         expanded,
         handleExpandClick,
@@ -63,7 +63,7 @@ export const ScanCard: FunctionComponent<ScanCardProps> = ({
     } = useScanCardState(scan);
 
     // Reset collapseComplete when expanding
-    React.useEffect(() => {
+    useEffect(() => {
         if (expanded) {
             setCollapseComplete(false);
         }
@@ -110,10 +110,10 @@ export const ScanCard: FunctionComponent<ScanCardProps> = ({
                     '&:last-child': { pb: showExpandButton ? 0 : 5 },
                 }}
             >
-                {/* 3 Row x 5 Column Grid Layout */}
+                {/* 3 Row x 6 Column Grid Layout */}
                 <Box sx={{
                     display: 'grid',
-                    gridTemplateColumns: `${ICON_SIZE}px 1fr 1fr 1fr 180px`,
+                    gridTemplateColumns: `${ICON_SIZE}px 1fr 1fr 1fr 1fr 180px`,
                     gridTemplateRows: 'auto auto auto',
                     gap: 2,
                     alignItems: 'start',

package/src/components/scan-admin/scan-card/scan-detail-card.tsx

@@ -11,7 +11,7 @@
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
 
-import React, { FunctionComponent, ReactNode } from 'react';
+import { FunctionComponent, ReactNode } from 'react';
 import { Box, Typography, Chip } from '@mui/material';
 import { Info as InfoIcon } from '@mui/icons-material';
 import { useTheme } from '@mui/material/styles';

package/src/components/scan-admin/tab-contents/allow-list-tab-content.tsx

@@ -11,7 +11,7 @@
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
 
-import React, { FunctionComponent } from 'react';
+import { FunctionComponent } from 'react';
 import { Box, Typography, Pagination, CircularProgress } from '@mui/material';
 import { SearchToolbar, CountsToolbar } from '../toolbars';
 import { FileTable, AutoRefresh } from '../common';

package/src/components/scan-admin/tab-contents/auto-rejected-tab-content.tsx

@@ -11,7 +11,7 @@
  * SPDX-License-Identifier: EPL-2.0
 ********************************************************************************/
 
-import React, { FunctionComponent } from 'react';
+import { FunctionComponent } from 'react';
 import { Box, Typography, Pagination, CircularProgress } from '@mui/material';
 import { ScanCard } from '../scan-card';
 import { SearchToolbar, CountsToolbar } from '../toolbars';

package/src/components/scan-admin/tab-contents/block-list-tab-content.tsx

@@ -11,7 +11,7 @@
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
 
-import React, { FunctionComponent } from 'react';
+import { FunctionComponent } from 'react';
 import { Box, Typography, Pagination, CircularProgress } from '@mui/material';
 import { SearchToolbar, CountsToolbar } from '../toolbars';
 import { FileTable, AutoRefresh } from '../common';

package/src/components/scan-admin/tab-contents/quarantined-tab-content.tsx

@@ -11,7 +11,7 @@
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
 
-import React, { FunctionComponent } from 'react';
+import { FunctionComponent } from 'react';
 import { Box, Typography, Pagination, CircularProgress } from '@mui/material';
 import { ScanCard } from '../scan-card';
 import { SearchToolbar, CountsToolbar } from '../toolbars';

package/src/components/scan-admin/tab-contents/scans-tab-content.tsx

@@ -11,7 +11,7 @@
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
 
-import React, { FunctionComponent } from 'react';
+import { FunctionComponent } from 'react';
 import { Box, Typography, Pagination, CircularProgress } from '@mui/material';
 import { ScanCard } from '../scan-card';
 import { SearchToolbar, CountsToolbar } from '../toolbars';

package/src/components/scan-admin/toolbars/counts-toolbar.tsx

@@ -11,7 +11,7 @@
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
 
-import React, { FunctionComponent, useState } from 'react';
+import { FunctionComponent, useState } from 'react';
 import { Box, Typography, Button, Checkbox, FormControlLabel, Select, MenuItem, SelectChangeEvent, ToggleButtonGroup, ToggleButton, Menu, Badge } from '@mui/material';
 import { FilterList as FilterListIcon } from '@mui/icons-material';
 import { useTheme } from '@mui/material/styles';

package/src/components/scan-admin/toolbars/search-toolbar.tsx

@@ -11,10 +11,10 @@
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
 
-import React, { FunctionComponent } from 'react';
-import { Box, Typography, TextField, InputAdornment, Button, Checkbox, FormControlLabel } from '@mui/material';
+import type { ChangeEvent } from 'react';
+import { FunctionComponent } from 'react';
+import { Box, Typography, TextField, InputAdornment, Button, Checkbox, FormControlLabel, useTheme } from '@mui/material';
 import { CheckCircle as CheckCircleIcon, RadioButtonUnchecked as RadioButtonUncheckedIcon, PersonOutlined as PersonIcon, AccountTreeOutlined as AccountTreeIcon, ExtensionOutlined as ExtensionIcon } from '@mui/icons-material';
-import { useTheme } from '@mui/material/styles';
 
 interface FilterItem {
     label: string;
@@ -35,9 +35,9 @@ interface SearchToolbarProps {
     publisherQuery: string;
     namespaceQuery: string;
     nameQuery: string;
-    onPublisherChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onNamespaceChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onNameChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onPublisherChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    onNamespaceChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    onNameChange: (event: ChangeEvent<HTMLInputElement>) => void;
 
     // Optional inline filters
     filters?: FilterItem[];

package/src/components/scan-admin/toolbars/tab-toolbar.tsx

@@ -11,7 +11,7 @@
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
 
-import React, { FunctionComponent } from 'react';
+import { FunctionComponent } from 'react';
 import { Paper, Tabs, Tab } from '@mui/material';
 
 interface TabToolbarProps {

package/src/components/sidepanel/navigation-item.tsx

@@ -8,7 +8,7 @@
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
 
-import React, { FunctionComponent, PropsWithChildren, ReactNode, useState } from 'react';
+import { FunctionComponent, PropsWithChildren, ReactNode, useState } from 'react';
 import { ListItemButton, ListItemText, Collapse, List, ListItemIcon } from '@mui/material';
 import ExpandLess from '@mui/icons-material/ExpandLess';
 import { useNavigate } from 'react-router';

package/src/components/sidepanel/sidepanel.tsx

@@ -8,7 +8,7 @@
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
 
-import React, { FunctionComponent, PropsWithChildren } from 'react';
+import { FunctionComponent, PropsWithChildren } from 'react';
 import { Drawer, List } from '@mui/material';
 import { Theme } from '@mui/material/styles';
 

package/src/components/text-divider.tsx

@@ -8,7 +8,7 @@
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
 
-import React, { FunctionComponent } from 'react';
+import { FunctionComponent } from 'react';
 import { Divider } from "@mui/material";
 
 export const TextDivider: FunctionComponent<TextDividerProps> = props => {

package/src/components/timestamp.tsx

@@ -8,7 +8,7 @@
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
 
-import React, { FunctionComponent } from 'react';
+import { FunctionComponent } from 'react';
 import { Box } from '@mui/material';
 import { SxProps, Theme } from '@mui/material/styles';
 import { toRelativeTime, toLocalTime } from '../utils';

package/src/context/scan-admin/scan-actions.ts

@@ -11,6 +11,7 @@
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
 
+import type { Dispatch, ChangeEvent, MouseEvent } from 'react';
 import { useMemo } from 'react';
 import { ScanAction, DateRangeType, EnforcementType, FileActionType, ScanResult } from './scan-types';
 import { ScanActions } from './scan-context-types';
@@ -23,7 +24,7 @@ import { ScanActions } from './scan-context-types';
  * Hook that creates memoized action creators for the scan context
  */
 export const useScanActions = (
-    dispatch: React.Dispatch<ScanAction>,
+    dispatch: Dispatch<ScanAction>,
     executeConfirmAction: () => void,
     executeFileAction: () => void
 ): ScanActions => {
@@ -35,11 +36,11 @@ export const useScanActions = (
         setPublisherQuery: (query: string) => dispatch({ type: 'SET_PUBLISHER_QUERY', payload: query }),
         setNamespaceQuery: (query: string) => dispatch({ type: 'SET_NAMESPACE_QUERY', payload: query }),
         setNameQuery: (query: string) => dispatch({ type: 'SET_NAME_QUERY', payload: query }),
-        handlePublisherChange: (event: React.ChangeEvent<HTMLInputElement>) =>
+        handlePublisherChange: (event: ChangeEvent<HTMLInputElement>) =>
             dispatch({ type: 'SET_PUBLISHER_QUERY', payload: event.target.value }),
-        handleNamespaceChange: (event: React.ChangeEvent<HTMLInputElement>) =>
+        handleNamespaceChange: (event: ChangeEvent<HTMLInputElement>) =>
             dispatch({ type: 'SET_NAMESPACE_QUERY', payload: event.target.value }),
-        handleNameChange: (event: React.ChangeEvent<HTMLInputElement>) =>
+        handleNameChange: (event: ChangeEvent<HTMLInputElement>) =>
             dispatch({ type: 'SET_NAME_QUERY', payload: event.target.value }),
 
         // Pagination
@@ -56,13 +57,13 @@ export const useScanActions = (
         toggleValidationTypeFilter: (type: string) => dispatch({ type: 'TOGGLE_VALIDATION_TYPE_FILTER', payload: type }),
 
         // Menu anchors
-        openFilterMenu: (event: React.MouseEvent<HTMLElement>) =>
+        openFilterMenu: (event: MouseEvent<HTMLElement>) =>
             dispatch({ type: 'SET_FILTER_MENU_ANCHOR', payload: event.currentTarget }),
         closeFilterMenu: () => dispatch({ type: 'SET_FILTER_MENU_ANCHOR', payload: null }),
-        openQuarantineFilterMenu: (event: React.MouseEvent<HTMLElement>) =>
+        openQuarantineFilterMenu: (event: MouseEvent<HTMLElement>) =>
             dispatch({ type: 'SET_QUARANTINE_FILTER_MENU_ANCHOR', payload: event.currentTarget }),
         closeQuarantineFilterMenu: () => dispatch({ type: 'SET_QUARANTINE_FILTER_MENU_ANCHOR', payload: null }),
-        openAutoRejectedFilterMenu: (event: React.MouseEvent<HTMLElement>) =>
+        openAutoRejectedFilterMenu: (event: MouseEvent<HTMLElement>) =>
             dispatch({ type: 'SET_AUTO_REJECTED_FILTER_MENU_ANCHOR', payload: event.currentTarget }),
         closeAutoRejectedFilterMenu: () => dispatch({ type: 'SET_AUTO_REJECTED_FILTER_MENU_ANCHOR', payload: null }),
 

package/src/context/scan-admin/scan-api-actions.ts

@@ -11,6 +11,7 @@
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
 
+import type { Dispatch, MutableRefObject } from 'react';
 import { useCallback } from 'react';
 import { ScanState, ScanAction } from './scan-types';
 
@@ -26,8 +27,8 @@ import { ScanState, ScanAction } from './scan-types';
 export const useConfirmAction = (
     service: any,
     state: ScanState,
-    dispatch: React.Dispatch<ScanAction>,
-    handleErrorRef: React.MutableRefObject<(error: any) => void>
+    dispatch: Dispatch<ScanAction>,
+    handleErrorRef: MutableRefObject<(error: any) => void>
 ) => {
     return useCallback(async () => {
         const abortController = new AbortController();
@@ -82,8 +83,8 @@ export const useConfirmAction = (
 export const useFileAction = (
     service: any,
     state: ScanState,
-    dispatch: React.Dispatch<ScanAction>,
-    handleErrorRef: React.MutableRefObject<(error: any) => void>
+    dispatch: Dispatch<ScanAction>,
+    handleErrorRef: MutableRefObject<(error: any) => void>
 ) => {
     return useCallback(async () => {
         const abortController = new AbortController();

package/src/context/scan-admin/scan-api-effects.ts

@@ -11,6 +11,7 @@
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
 
+import type { Dispatch, MutableRefObject } from "react";
 import { useEffect } from 'react';
 import { ScanState, ScanAction, ScanResult } from './scan-types';
 import { getDateRangeParams, getFileDateRange } from './scan-helpers';
@@ -25,8 +26,8 @@ import { getDateRangeParams, getFileDateRange } from './scan-helpers';
 export const useFilterOptionsEffect = (
     service: any,
     state: ScanState,
-    dispatch: React.Dispatch<ScanAction>,
-    handleErrorRef: React.MutableRefObject<(error: any) => void>
+    dispatch: Dispatch<ScanAction>,
+    handleErrorRef: MutableRefObject<(error: any) => void>
 ) => {
     useEffect(() => {
         const abortController = new AbortController();
@@ -63,8 +64,8 @@ export const useFilterOptionsEffect = (
 export const useScansEffect = (
     service: any,
     state: ScanState,
-    dispatch: React.Dispatch<ScanAction>,
-    handleErrorRef: React.MutableRefObject<(error: any) => void>
+    dispatch: Dispatch<ScanAction>,
+    handleErrorRef: MutableRefObject<(error: any) => void>
 ) => {
     useEffect(() => {
         // Only fetch scans for tabs 0, 1, 2
@@ -263,8 +264,8 @@ export const useScansEffect = (
 export const useScanCountsEffect = (
     service: any,
     state: ScanState,
-    dispatch: React.Dispatch<ScanAction>,
-    handleErrorRef: React.MutableRefObject<(error: any) => void>
+    dispatch: Dispatch<ScanAction>,
+    handleErrorRef: MutableRefObject<(error: any) => void>
 ) => {
     useEffect(() => {
         const abortController = new AbortController();
@@ -340,8 +341,8 @@ export const useScanCountsEffect = (
 export const useFilesEffect = (
     service: any,
     state: ScanState,
-    dispatch: React.Dispatch<ScanAction>,
-    handleErrorRef: React.MutableRefObject<(error: any) => void>
+    dispatch: Dispatch<ScanAction>,
+    handleErrorRef: MutableRefObject<(error: any) => void>
 ) => {
     useEffect(() => {
         // Only fetch files for tabs 3 and 4
@@ -416,8 +417,8 @@ export const useFilesEffect = (
 export const useFileCountsEffect = (
     service: any,
     state: ScanState,
-    dispatch: React.Dispatch<ScanAction>,
-    handleErrorRef: React.MutableRefObject<(error: any) => void>
+    dispatch: Dispatch<ScanAction>,
+    handleErrorRef: MutableRefObject<(error: any) => void>
 ) => {
     useEffect(() => {
         // Only fetch file counts when on file tabs
@@ -468,7 +469,7 @@ export const useFileCountsEffect = (
  */
 export const useAutoRefreshEffect = (
     state: ScanState,
-    dispatch: React.Dispatch<ScanAction>
+    dispatch: Dispatch<ScanAction>
 ) => {
     useEffect(() => {
         if (!state.autoRefresh) {

package/src/context/scan-admin/scan-context-types.ts

@@ -11,7 +11,7 @@
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
 
-import React from 'react';
+import type { Dispatch, ChangeEvent, MouseEvent, ReactNode } from 'react';
 import {
     ScanState,
     ScanAction,
@@ -28,7 +28,7 @@ import {
 
 export interface ScanContextValue {
     state: ScanState;
-    dispatch: React.Dispatch<ScanAction>;
+    dispatch: Dispatch<ScanAction>;
     actions: ScanActions;
     derived: DerivedData;
 }
@@ -41,9 +41,9 @@ export interface ScanActions {
     setPublisherQuery: (query: string) => void;
     setNamespaceQuery: (query: string) => void;
     setNameQuery: (query: string) => void;
-    handlePublisherChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    handleNamespaceChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    handleNameChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    handlePublisherChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    handleNamespaceChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    handleNameChange: (event: ChangeEvent<HTMLInputElement>) => void;
 
     // Pagination
     setPage: (page: number) => void;
@@ -59,11 +59,11 @@ export interface ScanActions {
     toggleValidationTypeFilter: (type: string) => void;
 
     // Menu anchors
-    openFilterMenu: (event: React.MouseEvent<HTMLElement>) => void;
+    openFilterMenu: (event: MouseEvent<HTMLElement>) => void;
     closeFilterMenu: () => void;
-    openQuarantineFilterMenu: (event: React.MouseEvent<HTMLElement>) => void;
+    openQuarantineFilterMenu: (event: MouseEvent<HTMLElement>) => void;
     closeQuarantineFilterMenu: () => void;
-    openAutoRejectedFilterMenu: (event: React.MouseEvent<HTMLElement>) => void;
+    openAutoRejectedFilterMenu: (event: MouseEvent<HTMLElement>) => void;
     closeAutoRejectedFilterMenu: () => void;
 
     // Selection
@@ -96,7 +96,7 @@ export interface DerivedData {
 // ============================================================================
 
 export interface ScanProviderProps {
-    children: React.ReactNode;
+    children: ReactNode;
     service: any;
     handleError: (error: any) => void;
 }

package/src/context/scan-admin/scan-context.tsx

@@ -11,7 +11,7 @@
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
 
-import React, { createContext, useContext, useReducer, useMemo, useRef } from 'react';
+import { FC, createContext, useContext, useReducer, useMemo, useRef } from 'react';
 import { initialScanState, ScanResult, FileDecision } from './scan-types';
 import { scanReducer } from './scan-reducer';
 import { ScanContextValue, ScanProviderProps, DerivedData } from './scan-context-types';
@@ -36,7 +36,7 @@ const ScanContext = createContext<ScanContextValue | null>(null);
 // Provider Component
 // ============================================================================
 
-export const ScanProvider: React.FC<ScanProviderProps> = ({ children, service, handleError }) => {
+export const ScanProvider: FC<ScanProviderProps> = ({ children, service, handleError }) => {
     const [state, dispatch] = useReducer(scanReducer, initialScanState);
 
     // Use a ref for handleError to avoid re-running effects when parent re-renders

package/src/default/about.tsx

@@ -8,7 +8,7 @@
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
 
-import React, { FunctionComponent } from 'react';
+import { FunctionComponent } from 'react';
 import { Link, Typography, Container } from '@mui/material';
 import { styled, Theme } from '@mui/material/styles';
 

package/src/default/default-app.tsx

@@ -9,7 +9,7 @@
  ********************************************************************************/
 
 import { createRoot } from 'react-dom/client';
-import React, { useMemo } from 'react';
+import { useMemo } from 'react';
 import { HelmetProvider } from 'react-helmet-async';
 import { BrowserRouter } from 'react-router-dom';
 import { ThemeProvider } from '@mui/material/styles';

package/src/default/login.tsx

@@ -7,7 +7,8 @@
  *
  * SPDX-License-Identifier: EPL-2.0
  * ****************************************************************************** */
-import React, { FunctionComponent, ReactNode, useState } from "react";
+
+import { FunctionComponent, ReactNode, useState } from "react";
 import { Button, Dialog, DialogContent, DialogTitle, Stack } from "@mui/material";
 
 export const LoginComponent: FunctionComponent<LoginComponentProps> = (props) => {