Additional import fixes and type improvements

Author: nateweller

projects/js-packages/components/components/scan-report/index.tsx

@@ -10,7 +10,7 @@ import {
 import { __, _n } from '@wordpress/i18n';
 import { Icon } from '@wordpress/icons';
 import { useCallback, useMemo, useState } from 'react';
-import ShieldIcon from '../shield-icon';
+import ShieldIcon from '../shield-icon/index.js';
 import {
 	FIELD_NAME,
 	FIELD_VERSION,
@@ -20,7 +20,7 @@ import {
 	STATUS_TYPES,
 	TYPES,
 	ICONS,
-} from './constants';
+} from './constants.js';
 import styles from './styles.module.scss';
 
 /**
@@ -33,7 +33,15 @@ import styles from './styles.module.scss';
  *
  * @return {JSX.Element} The ScanReport component.
  */
-export default function ScanReport( { dataSource, data, onChangeSelection } ): JSX.Element {
+export default function ScanReport( {
+	dataSource,
+	data,
+	onChangeSelection,
+}: {
+	dataSource: string;
+	data: ScanReportExtension[];
+	onChangeSelection: ( selected: string[] ) => void;
+} ): JSX.Element {
 	const baseView = {
 		search: '',
 		filters: [],

projects/js-packages/components/components/scan-report/stories/index.stories.tsx

@@ -1,4 +1,4 @@
-import ScanReport from '..';
+import ScanReport from '../index.js';
 
 export default {
 	title: 'JS Packages/Components/Scan Report',

projects/js-packages/components/components/shield-icon/index.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 const COLORS = {
 	default: '#1d2327',
 	info: '#A7AAAD',

projects/js-packages/components/components/shield-icon/stories/index.stories.tsx

@@ -1,4 +1,4 @@
-import ShieldIcon from '../index';
+import ShieldIcon from '../index.js';
 
 export default {
 	title: 'JS Packages/Components/Sheild Icon',

projects/js-packages/components/components/threat-severity-badge/stories/index.stories.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import ThreatSeverityBadge from '../index.js';
 
 export default {