Sort import path

src/components/atoms/AddListItemButton.tsx

@@ -1,6 +1,6 @@
-import AddIcon from "@material-ui/icons/Add";
-import { makeStyles } from "@material-ui/core/styles";
 import { theme as themeInstance } from "@dataware-tools/app-common";
+import { makeStyles } from "@material-ui/core/styles";
+import AddIcon from "@material-ui/icons/Add";
 
 type Props = {
   classes: ReturnType<typeof useStyles>;

src/components/atoms/FileMenuItem.stories.tsx

@@ -1,7 +1,7 @@
+import { sleep } from "@dataware-tools/app-common";
+import AddCircleIcon from "@material-ui/icons/AddCircle";
 import { Story } from "@storybook/react";
 import { FileMenuItem, FileMenuItemProps } from "./FileMenuItem";
-import AddCircleIcon from "@material-ui/icons/AddCircle";
-import { sleep } from "@dataware-tools/app-common";
 
 export default {
   component: FileMenuItem,

src/components/atoms/FileMenuItem.tsx

@@ -1,7 +1,7 @@
-import MenuItem from "@material-ui/core/MenuItem";
-import { ReactNode, useState } from "react";
 import { Spacer } from "@dataware-tools/app-common";
 import CircularProgress from "@material-ui/core/CircularProgress";
+import MenuItem from "@material-ui/core/MenuItem";
+import { ReactNode, useState } from "react";
 
 type ComponentProps = {
   pending: boolean;

src/components/atoms/RenderToggleByAction.tsx

@@ -1,6 +1,6 @@
 import { ReactNode } from "react";
-import { UserActionType } from "utils";
 import { useIsActionPermitted } from "globalStates";
+import { UserActionType } from "utils";
 
 type ContainerProps = {
   required: UserActionType;

src/components/molecules/Breadcrumbs/Breadcrumbs.stories.tsx

@@ -1,6 +1,6 @@
-import { Breadcrumbs } from ".";
 import HomeIcon from "@material-ui/icons/Home";
 import WhatshotIcon from "@material-ui/icons/Whatshot";
+import { Breadcrumbs } from ".";
 
 export default {
   component: Breadcrumbs,

src/components/molecules/Breadcrumbs/BreadcrumbsItem.tsx

@@ -1,7 +1,7 @@
-import React from "react";
-import { makeStyles, Theme, createStyles } from "@material-ui/core/styles";
-import Typography from "@material-ui/core/Typography";
 import Link from "@material-ui/core/Link";
+import Typography from "@material-ui/core/Typography";
+import { makeStyles, Theme, createStyles } from "@material-ui/core/styles";
+import React from "react";
 import { useHistory } from "react-router-dom";
 
 type ComponentProps = {

src/components/molecules/Breadcrumbs/index.tsx

@@ -1,5 +1,5 @@
-import React from "react";
 import Breadcrumbs from "@material-ui/core/Breadcrumbs";
+import React from "react";
 
 import { BreadcrumbsItem, BreadcrumbsItemProps } from "./BreadcrumbsItem";
 

src/components/molecules/DatabaseMenu.stories.tsx

@@ -1,5 +1,5 @@
-import { DatabaseMenu } from "./DatabaseMenu";
 import { useState, MouseEventHandler } from "react";
+import { DatabaseMenu } from "./DatabaseMenu";
 
 export default {
   component: DatabaseMenu,

src/components/molecules/DatabaseMenuButton.tsx

@@ -1,10 +1,10 @@
-import { MouseEvent, useState } from "react";
+import { SquareIconButton } from "@dataware-tools/app-common";
 import { MoreHoriz as MoreIcon } from "@material-ui/icons";
+import { MouseEvent, useState } from "react";
 import {
   DatabaseMenu,
   DatabaseMenuProps,
 } from "components/molecules/DatabaseMenu";
-import { SquareIconButton } from "@dataware-tools/app-common";
 
 type Props = {
   onOpen: (event: MouseEvent<HTMLDivElement>) => void | Promise<void>;

src/components/molecules/FileMenu.stories.tsx

@@ -1,5 +1,5 @@
-import { FileMenu } from "./FileMenu";
 import { useState, MouseEventHandler } from "react";
+import { FileMenu } from "./FileMenu";
 
 export default {
   component: FileMenu,

src/components/molecules/FileMenu.tsx

@@ -1,8 +1,8 @@
-import PageviewIcon from "@material-ui/icons/Pageview";
+import Menu from "@material-ui/core/Menu";
 import DeleteIcon from "@material-ui/icons/Delete";
-import FileDownloadIcon from "@material-ui/icons/FileDownload";
 import EditIcon from "@material-ui/icons/Edit";
-import Menu from "@material-ui/core/Menu";
+import FileDownloadIcon from "@material-ui/icons/FileDownload";
+import PageviewIcon from "@material-ui/icons/Pageview";
 import { FileMenuItem, FileMenuItemProps } from "components/atoms/FileMenuItem";
 import { RenderToggleByAction } from "components/atoms/RenderToggleByAction";
 

src/components/molecules/FilePreviewer/AudioPreviewer.tsx

@@ -1,12 +1,12 @@
-import { useEffect, useRef, useState } from "react";
-import Button from "@material-ui/core/Button";
-import { floatToTimecodeString } from "utils";
 import { ToolBar } from "@dataware-tools/app-common";
+import Button from "@material-ui/core/Button";
+import { useEffect, useRef, useState } from "react";
 import WaveSurfer from "wavesurfer.js";
 // @ts-expect-error Type-definitions are missing
 import CursorPlugin from "wavesurfer.js/dist/plugin/wavesurfer.cursor.js";
 // @ts-expect-error Type-definitions are missing
 import TimelinePlugin from "wavesurfer.js/dist/plugin/wavesurfer.timeline.js";
+import { floatToTimecodeString } from "utils";
 
 type AudioPreviewerProps = { url: string };
 export const AudioPreviewer = ({ url }: AudioPreviewerProps): JSX.Element => {

src/components/molecules/FilePreviewer/CsvPreviewer.tsx

@@ -1,11 +1,11 @@
-import { useState, useEffect } from "react";
 import Table from "@material-ui/core/Table";
-import { parse } from "papaparse";
+import TableBody from "@material-ui/core/TableBody";
+import TableCell from "@material-ui/core/TableCell";
 import TableContainer from "@material-ui/core/TableContainer";
 import TableHead from "@material-ui/core/TableHead";
 import TableRow from "@material-ui/core/TableRow";
-import TableCell from "@material-ui/core/TableCell";
-import TableBody from "@material-ui/core/TableBody";
+import { parse } from "papaparse";
+import { useState, useEffect } from "react";
 
 type CsvPreviewerProps = { url: string };
 export const CsvPreviewer = ({

src/components/molecules/FilePreviewer/RosbagPreviewer/JobSubmitter.tsx

@@ -1,7 +1,7 @@
 import { jobStore } from "@dataware-tools/app-common";
 import Button from "@material-ui/core/Button";
-import { SoloSelect } from "components/molecules/SoloSelect";
 import { JobTemplateInfo } from "./JobTemplateInfo";
+import { SoloSelect } from "components/molecules/SoloSelect";
 
 type JobSubmitterProps = {
   jobTemplateId?: string;

src/components/molecules/FilePreviewer/RosbagPreviewer/JobTemplateInfo.tsx

@@ -1,9 +1,9 @@
-import React from "react";
 import { jobStore } from "@dataware-tools/app-common";
 import Table from "@material-ui/core/Table";
 import TableBody from "@material-ui/core/TableBody";
-import TableRow from "@material-ui/core/TableRow";
 import TableCell from "@material-ui/core/TableCell";
+import TableRow from "@material-ui/core/TableRow";
+import React from "react";
 
 type JobInfoViewProps = {
   jobTemplate: jobStore.JobTemplateModel;

src/components/molecules/FilePreviewer/RosbagPreviewer/JobViewer.tsx

@@ -3,9 +3,9 @@ import {
   jobStore,
   ErrorMessageProps,
 } from "@dataware-tools/app-common";
-import Button from "@material-ui/core/Button";
 import Alert from "@material-ui/core/Alert";
 import AlertTitle from "@material-ui/core/AlertTitle";
+import Button from "@material-ui/core/Button";
 import Popover from "@material-ui/core/Popover";
 import { MouseEvent, useState } from "react";
 

src/components/molecules/FilePreviewer/SourceCodePreviewer.tsx

@@ -1,6 +1,6 @@
+import { metaStore } from "@dataware-tools/app-common";
 import { useState, useEffect } from "react";
 import SyntaxHighlighter from "react-syntax-highlighter";
-import { metaStore } from "@dataware-tools/app-common";
 
 const languages = {
   js: "javascript",

src/components/molecules/FilePreviewer/TextPreviewer.tsx

@@ -1,5 +1,5 @@
-import { useState, useEffect } from "react";
 import TextField from "@material-ui/core/TextField";
+import { useState, useEffect } from "react";
 
 type TextPreviewerProps = { url: string };
 export const TextPreviewer = ({ url }: TextPreviewerProps): JSX.Element => {

src/components/molecules/FilePreviewer/index.tsx

@@ -1,17 +1,17 @@
+import { metaStore } from "@dataware-tools/app-common";
 import dynamic from "next/dynamic";
+import { CsvPreviewer } from "./CsvPreviewer";
 import { DefaultPreviewer } from "./DefaultPreviewer";
-import { TextPreviewer } from "./TextPreviewer";
-import { VideoPreviewer } from "./VideoPreviewer";
-import { metaStore } from "@dataware-tools/app-common";
-import { FileDownloadURLInjector } from "components/organisms/FileDownloadUrlInjector";
+import { ImagePreviewer } from "./ImagePreviewer";
+import { MarkdownPreviewer } from "./MarkDownPreviewer";
 import { RosbagPreviewer } from "./RosbagPreviewer";
 import {
   SourceCodePreviewer,
   extensions as sourceCodeExtensions,
 } from "./SourceCodePreviewer";
-import { MarkdownPreviewer } from "./MarkDownPreviewer";
-import { ImagePreviewer } from "./ImagePreviewer";
-import { CsvPreviewer } from "./CsvPreviewer";
+import { TextPreviewer } from "./TextPreviewer";
+import { VideoPreviewer } from "./VideoPreviewer";
+import { FileDownloadURLInjector } from "components/organisms/FileDownloadUrlInjector";
 const AudioPreviewer = dynamic<any>(
   () => import("./AudioPreviewer").then((module) => module.AudioPreviewer),
   { ssr: false }

src/components/molecules/InputConfigListItem.tsx

@@ -1,11 +1,11 @@
-import { makeStyles } from "@material-ui/core/styles";
-import Select from "@material-ui/core/Select";
-import MenuItem from "@material-ui/core/MenuItem";
 import { Spacer } from "@dataware-tools/app-common";
 import IconButton from "@material-ui/core/IconButton";
+import MenuItem from "@material-ui/core/MenuItem";
+import Select from "@material-ui/core/Select";
+import { makeStyles } from "@material-ui/core/styles";
 import DeleteIcon from "@material-ui/icons/Delete";
-import { ElemCenteringFlexDiv } from "components/atoms/ElemCenteringFlexDiv";
 import React, { ReactNode } from "react";
+import { ElemCenteringFlexDiv } from "components/atoms/ElemCenteringFlexDiv";
 import { DatabaseColumnsConfigType } from "utils";
 
 type ValueType = Required<

src/components/molecules/OptionSharingSelectsItem.tsx

@@ -1,10 +1,10 @@
-import Select, { SelectProps } from "@material-ui/core/Select";
-import MenuItem, { MenuItemProps } from "@material-ui/core/MenuItem";
 import IconButton from "@material-ui/core/IconButton";
-import DeleteIcon from "@material-ui/icons/Delete";
+import MenuItem, { MenuItemProps } from "@material-ui/core/MenuItem";
+import Select, { SelectProps } from "@material-ui/core/Select";
 import { makeStyles } from "@material-ui/core/styles";
-import { ElemCenteringFlexDiv } from "components/atoms/ElemCenteringFlexDiv";
+import DeleteIcon from "@material-ui/icons/Delete";
 import React from "react";
+import { ElemCenteringFlexDiv } from "components/atoms/ElemCenteringFlexDiv";
 
 type ActionType = "update" | "delete";
 type OptionsType = { label: string; value: string }[];

src/components/molecules/SoloSelect.tsx

@@ -1,8 +1,8 @@
-import Select, { SelectProps } from "@material-ui/core/Select";
-import MenuItem, { MenuItemProps } from "@material-ui/core/MenuItem";
-import React from "react";
 import { Spacer, theme as themeInstance } from "@dataware-tools/app-common";
+import MenuItem, { MenuItemProps } from "@material-ui/core/MenuItem";
+import Select, { SelectProps } from "@material-ui/core/Select";
 import { makeStyles } from "@material-ui/core/styles";
+import React from "react";
 
 type OptionsType = { label: string; value: string }[];
 type Props = { classes: ReturnType<typeof useStyles> } & ContainerProps;

src/components/organisms/ControlledDatabaseMenuButton.tsx

@@ -1,3 +1,9 @@
+import { useAuth0 } from "@auth0/auth0-react";
+import { metaStore, theme as themeInstance } from "@dataware-tools/app-common";
+import { makeStyles } from "@material-ui/core/styles";
+import { useState } from "react";
+import { DatabaseDeleteModal } from "./DatabaseDeleteModal";
+import { DatabaseEditModal } from "./DatabaseEditModal";
 import {
   DatabaseMenuButton,
   DatabaseMenuButtonProps,
@@ -7,14 +13,8 @@ import { ExportMetadataModal } from "components/organisms/ExportMetadataModal";
 import { InputConfigEditModal } from "components/organisms/InputConfigEditModal";
 import { SearchConfigEditModal } from "components/organisms/SearchConfigEditModal";
 import { SecretConfigEditModal } from "components/organisms/SecretConfigEditModal";
-import { useState } from "react";
 import { useIsActionPermitted } from "globalStates";
-import { DatabaseEditModal } from "./DatabaseEditModal";
-import { metaStore, theme as themeInstance } from "@dataware-tools/app-common";
 import { useGetDatabase } from "utils";
-import { useAuth0 } from "@auth0/auth0-react";
-import { DatabaseDeleteModal } from "./DatabaseDeleteModal";
-import { makeStyles } from "@material-ui/core/styles";
 
 type Props = {
   menu: DatabaseMenuButtonProps["menu"];

src/components/organisms/DatabaseConfigModal.tsx

@@ -1,11 +1,15 @@
-import {
-  InputConfigEditModal,
-  ConfigNameType as InputConfigNameType,
-} from "components/organisms/InputConfigEditModal";
 import {
   DisplayConfigEditModal,
   ConfigNameType as DisplayConfigNameType,
 } from "components/organisms/DisplayConfigEditModal";
+import {
+  ExportMetadataModal,
+  ConfigNameType as ExportMetadataNameType,
+} from "components/organisms/ExportMetadataModal";
+import {
+  InputConfigEditModal,
+  ConfigNameType as InputConfigNameType,
+} from "components/organisms/InputConfigEditModal";
 import {
   SearchConfigEditModal,
   ConfigNameType as SearchConfigNameType,
@@ -14,10 +18,6 @@ import {
   SecretConfigEditModal,
   ConfigNameType as SecretConfigNameType,
 } from "components/organisms/SecretConfigEditModal";
-import {
-  ExportMetadataModal,
-  ConfigNameType as ExportMetadataNameType,
-} from "components/organisms/ExportMetadataModal";
 
 type ContainerProps = {
   open: boolean;

src/components/organisms/DatabaseListItem.tsx

@@ -1,8 +1,8 @@
 import { metaStore } from "@dataware-tools/app-common";
 import ListItem from "@material-ui/core/ListItem";
 import ListItemIcon from "@material-ui/core/ListItemIcon";
-import StorageIcon from "@material-ui/icons/Storage";
 import ListItemText from "@material-ui/core/ListItemText";
+import StorageIcon from "@material-ui/icons/Storage";
 
 type DatabaseType = metaStore.DatabaseModel;
 type Props = ContainerProps;

src/components/organisms/FileDownloadUrlInjector.tsx

@@ -1,9 +1,9 @@
+import { useAuth0 } from "@auth0/auth0-react";
 import {
   LoadingIndicator,
   API_ROUTE,
   metaStore,
 } from "@dataware-tools/app-common";
-import { useAuth0 } from "@auth0/auth0-react";
 import { useCreateJwtToDownloadFile } from "utils";
 
 type FileType = metaStore.FileModel;

src/components/organisms/FileEditModal.tsx

@@ -19,7 +19,6 @@ import {
   isEditableColumnName,
 } from "utils";
 
-
 type ContainerProps = {
   open: boolean;
   onClose: () => void;

src/components/organisms/FileListItem.stories.tsx

@@ -1,6 +1,6 @@
+import List from "@material-ui/core/List";
 import { Story } from "@storybook/react";
 import { FileListItem, FileListItemProps } from "./FileListItem";
-import List from "@material-ui/core/List";
 
 export default {
   component: FileListItem,

src/components/organisms/FileListItem.tsx

@@ -1,9 +1,9 @@
 import { metaStore, theme as themeInstance } from "@dataware-tools/app-common";
 import ListItem from "@material-ui/core/ListItem";
 import ListItemIcon from "@material-ui/core/ListItemIcon";
-import DescriptionIcon from "@material-ui/icons/Description";
-import ListItemText from "@material-ui/core/ListItemText";
 import ListItemSecondaryAction from "@material-ui/core/ListItemSecondaryAction";
+import ListItemText from "@material-ui/core/ListItemText";
+import DescriptionIcon from "@material-ui/icons/Description";
 import { MouseEvent, useState } from "react";
 import { FileMenu } from "components/molecules/FileMenu";
 import { getFileName } from "utils";

src/components/organisms/FilePreviewModal.tsx

@@ -1,4 +1,3 @@
-import Dialog, { DialogProps } from "@material-ui/core/Dialog";
 import {
   DialogBody,
   DialogContainer,
@@ -8,14 +7,15 @@ import {
   DialogWrapper,
   usePrevious,
 } from "@dataware-tools/app-common";
-import { FileType } from "components/organisms/FileListItem";
-import { FilePreviewer } from "components/molecules/FilePreviewer";
 import Button from "@material-ui/core/Button";
+import Dialog, { DialogProps } from "@material-ui/core/Dialog";
+import { makeStyles } from "@material-ui/core/styles";
 import ArrowBack from "@material-ui/icons/ArrowBack";
 import ArrowForward from "@material-ui/icons/ArrowForward";
 import { useState, useEffect } from "react";
+import { FilePreviewer } from "components/molecules/FilePreviewer";
+import { FileType } from "components/organisms/FileListItem";
 import { getFileName } from "utils";
-import { makeStyles } from "@material-ui/core/styles";
 
 export type FilePreviewModalPresentationProps = {
   goNextFile: () => void;
@@ -29,7 +29,11 @@ export type FilePreviewModalProps = DialogProps & {
   height?: string;
 };
 
-const useStyles = makeStyles({ nonCapitalize: { textTransform: "none", } });
+const useStyles = makeStyles({
+  nonCapitalize: {
+    textTransform: "none",
+  },
+});
 
 export const FilePreviewModalPresentation = (
   props: FilePreviewModalPresentationProps