refactor

src/App.tsx

@@ -2,12 +2,15 @@ import React from "react";
 import s from "./App.module.css";
 import { useImmer } from "use-immer";
 import { AppShell, Button, Group, Stack } from "@mantine/core";
-import { Data } from "./components/scripts";
-import { Files, FileUploads, PopulatedFiles } from "./components/FileUploads";
-import { FormUi } from "./components/FormUi";
-import { Navigation } from "./components/Navigation";
-import { Header } from "./components/Header";
-import { Footer } from "./components/Footer";
+import type { Data } from "./components/scripts/types";
+import FileUploads, {
+  Files,
+  PopulatedFiles,
+} from "./components/FileUploads/FileUploads";
+import FormUi from "./components/FormUi/FormUi";
+import Navigation from "./components/Navigation/Navigation";
+import Header from "./components/Header/Header";
+import Footer from "./components/Footer/Footer";
 import { IconBrandGithub } from "@tabler/icons-react";
 
 export default function App() {

src/components/FileUploads/FileUploads.tsx

@@ -1,8 +1,9 @@
 import React from "react";
-import { Updater } from "use-immer";
+import type { Updater } from "use-immer";
 import { FileInput, Stack, LoadingOverlay } from "@mantine/core";
 import { IconUpload } from "@tabler/icons-react";
-import { Data, parseData, binToHexString } from "../scripts";
+import { parseData, binToHexString } from "../scripts/scripts";
+import type { Data } from "../scripts/types";
 
 export interface Files {
   setupSctContainer: FileContainer;
@@ -30,7 +31,11 @@ export interface FileUploadsProps {
   setData: Updater<Data>;
 }
 
-export function FileUploads({ files, setFiles, setData }: FileUploadsProps) {
+export default function FileUploads({
+  files,
+  setFiles,
+  setData,
+}: FileUploadsProps) {
   React.useEffect(() => {
     if (
       files.setupSctContainer.file &&

src/components/Footer/Footer.tsx

@@ -3,16 +3,15 @@ import s from "./Footer.module.css";
 import { Button, Group, TextInput, FileButton } from "@mantine/core";
 import { IconDownload, IconUpload } from "@tabler/icons-react";
 import { saveAs } from "file-saver";
-import { Updater } from "use-immer";
+import type { Updater } from "use-immer";
 import {
-  Data,
-  Suppression,
   validateByteInput,
   calculateJsonChecksum,
   downloadModifiedFiles,
   version,
-} from "../scripts";
-import { PopulatedFiles } from "../FileUploads";
+} from "../scripts/scripts";
+import type { Data, Suppression } from "../scripts/types";
+import type { PopulatedFiles } from "../FileUploads/FileUploads";
 
 interface FooterProps {
   files: PopulatedFiles;
@@ -21,7 +20,7 @@ interface FooterProps {
   currentFormIndex: number;
 }
 
-export function Footer({
+export default function Footer({
   files,
   currentFormIndex,
   data,

src/components/FormUi/FormUi.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import s from "./FormUi.module.css";
-import { Updater } from "use-immer";
+import type { Updater } from "use-immer";
 import {
   Table,
   TextInput,
@@ -11,8 +11,9 @@ import {
   Group,
 } from "@mantine/core";
 import { useDebouncedState } from "@mantine/hooks";
-import { Data, FormChildren, validateByteInput } from "../scripts";
-import { SearchUi } from "./SearchUi";
+import type { Data, FormChildren } from "../scripts/types";
+import { validateByteInput } from "../scripts/scripts";
+import SearchUi from "./SearchUi/SearchUi";
 
 interface SuppressionChipProps {
   suppressionOffset: string;
@@ -278,7 +279,7 @@ interface FormUiProps {
   setCurrentFormIndex: React.Dispatch<React.SetStateAction<number>>;
 }
 
-export function FormUi({
+export default function FormUi({
   data,
   setData,
   currentFormIndex,

src/components/FormUi/SearchUi/SearchUi.tsx

@@ -1,6 +1,6 @@
 import s from "../FormUi.module.css";
 import { useFocusTrap } from "@mantine/hooks";
-import { Data } from "../../scripts";
+import type { Data } from "../../scripts/types";
 import { Stack, Table, TextInput } from "@mantine/core";
 import { IconSearch } from "@tabler/icons-react";
 
@@ -11,7 +11,7 @@ interface SearchUiProps {
   setSearch: (newValue: string) => void;
 }
 
-export function SearchUi({
+export default function SearchUi({
   data,
   handleRefClick,
   search,

src/components/Header/Header.tsx

@@ -1,15 +1,15 @@
 import React from "react";
 import { Group } from "@mantine/core";
 import s from "./Header.module.css";
-import { Data } from "../scripts";
+import type { Data } from "../scripts/types";
 
 interface HeaderProps {
   data: Data;
   currentFormIndex: number;
   setCurrentFormIndex: React.Dispatch<React.SetStateAction<number>>;
 }
 
-export function Header({
+export default function Header({
   data,
   currentFormIndex,
   setCurrentFormIndex,