fix inline type imports

Author: SKairinos

.eslintrc.json

@@ -22,7 +22,7 @@
     "@typescript-eslint/consistent-type-imports": [
       2,
       {
-        "fixStyle": "separate-type-imports"
+        "fixStyle": "inline-type-imports"
       }
     ],
     "@typescript-eslint/no-restricted-imports": [

src/api/endpoints.ts

@@ -3,8 +3,8 @@ import type {
   MutationDefinition,
 } from "@reduxjs/toolkit/query"
 
-import { FetchBaseQuery } from "./baseQuery"
-import { TagTypes } from "./tagTypes"
+import { type FetchBaseQuery } from "./baseQuery"
+import { type TagTypes } from "./tagTypes"
 
 export type LogoutQuery = null
 export type LogoutResult = null

src/components/App.tsx

@@ -1,8 +1,8 @@
 import React from "react"
-import { Provider, ProviderProps } from "react-redux"
-import { Action, AnyAction } from "redux"
+import { Provider, type ProviderProps } from "react-redux"
+import { type Action, type AnyAction } from "redux"
 import { ThemeProvider, CssBaseline } from "@mui/material"
-import { ThemeProviderProps } from "@mui/material/styles/ThemeProvider"
+import { type ThemeProviderProps } from "@mui/material/styles/ThemeProvider"
 
 import {
   useExternalScript,

src/components/ClickableTooltip.tsx

@@ -1,5 +1,5 @@
 import React from "react"
-import { Tooltip, TooltipProps } from "@mui/material"
+import { Tooltip, type TooltipProps } from "@mui/material"
 
 import { wrap } from "../helpers"
 

src/components/CopyIconButton.tsx

@@ -1,5 +1,5 @@
-import React from "react"
-import { IconButton, IconButtonProps } from "@mui/material"
+import type React from "react"
+import { IconButton, type IconButtonProps } from "@mui/material"
 import { ContentCopy as ContentCopyIcon } from "@mui/icons-material"
 
 export interface CopyIconButtonProps extends Omit<IconButtonProps, "onClick"> {

src/components/Countdown.tsx

@@ -1,5 +1,5 @@
 import React from "react"
-import { Typography, TypographyProps } from "@mui/material"
+import { Typography, type TypographyProps } from "@mui/material"
 
 import { useCountdown } from "../hooks"
 

src/components/ElevatedAppBar.tsx

@@ -1,12 +1,12 @@
 import React from "react"
 import {
   AppBar,
-  AppBarProps,
+  type AppBarProps,
   Toolbar,
-  ToolbarProps,
+  type ToolbarProps,
   useScrollTrigger,
   Container,
-  ContainerProps,
+  type ContainerProps,
 } from "@mui/material"
 
 export interface ElevatedAppBarProps extends Omit<AppBarProps, "position"> {

src/components/Image.tsx

@@ -1,5 +1,5 @@
-import React from "react"
-import { Box, BoxProps } from "@mui/material"
+import type React from "react"
+import { Box, type BoxProps } from "@mui/material"
 
 import { openInNewTab } from "../helpers"
 

src/components/ItemizedList.tsx

@@ -1,5 +1,5 @@
-import React from "react"
-import { List, ListProps, ListItem, ListItemText } from "@mui/material"
+import type React from "react"
+import { List, type ListProps, type ListItem, type ListItemText } from "@mui/material"
 
 type ListItemElement = React.ReactElement<typeof ListItem | typeof ListItemText>
 

src/components/OrderedGrid.tsx

@@ -1,5 +1,5 @@
-import React from "react"
-import { Unstable_Grid2 as Grid, Grid2Props } from "@mui/material"
+import type React from "react"
+import { Unstable_Grid2 as Grid, type Grid2Props } from "@mui/material"
 
 interface ItemProps
   extends Omit<

src/components/ScrollRoutes.tsx

@@ -1,5 +1,5 @@
 import React from "react"
-import { Routes, RoutesProps, useLocation } from "react-router-dom"
+import { Routes, type RoutesProps, useLocation } from "react-router-dom"
 
 export interface ScrollRoutesProps extends RoutesProps {
   x?: number

src/components/YouTubeVideo.tsx

@@ -1,5 +1,5 @@
-import React from "react"
-import { Box, BoxProps } from "@mui/material"
+import type React from "react"
+import { Box, type BoxProps } from "@mui/material"
 
 export interface YouTubeVideoProps extends Omit<BoxProps, "component"> {
   src: string

src/components/form/AutocompleteField.tsx

@@ -2,15 +2,15 @@ import React from "react"
 import { flushSync } from "react-dom"
 import {
   Autocomplete,
-  AutocompleteProps,
-  ChipTypeMap,
+  type AutocompleteProps,
+  type ChipTypeMap,
   TextField,
-  TextFieldProps,
+  type TextFieldProps,
   useTheme,
   InputAdornment,
 } from "@mui/material"
 import { ErrorOutline as ErrorOutlineIcon } from "@mui/icons-material"
-import { Field, FieldProps, FieldConfig } from "formik"
+import { Field, type FieldProps, type FieldConfig } from "formik"
 import { string as YupString, ValidationError as YupValidationError } from "yup"
 
 import { wrap } from "../../helpers"

src/components/form/CheckboxField.tsx

@@ -1,13 +1,13 @@
 import React from "react"
 import {
   FormControlLabel,
-  FormControlLabelProps,
+  type FormControlLabelProps,
   Checkbox,
-  CheckboxProps,
+  type CheckboxProps,
   Stack,
 } from "@mui/material"
 import { Error as ErrorIcon } from "@mui/icons-material"
-import { Field, FieldProps, FieldConfig, FieldValidator } from "formik"
+import { Field, type FieldProps, type FieldConfig, type FieldValidator } from "formik"
 import { bool as YupBool, BooleanSchema, ValidationError } from "yup"
 
 import { wrap } from "../../helpers"

src/components/form/DateField.tsx

@@ -2,13 +2,13 @@ import React from "react"
 import {
   Unstable_Grid2 as Grid,
   Select,
-  SelectProps,
+  type SelectProps,
   MenuItem,
   FormHelperText,
-  FormHelperTextProps,
-  SelectChangeEvent,
+  type FormHelperTextProps,
+  type SelectChangeEvent,
 } from "@mui/material"
-import { Field, FieldProps, FieldConfig } from "formik"
+import { Field, type FieldProps, type FieldConfig } from "formik"
 
 import { form as formTypography } from "../../theme/typography"
 import { MIN_DATE } from "../../helpers/general"

src/components/form/EmailField.tsx

@@ -1,9 +1,9 @@
-import React from "react"
+import type React from "react"
 import { InputAdornment } from "@mui/material"
 import { EmailOutlined as EmailOutlinedIcon } from "@mui/icons-material"
 import { string as YupString } from "yup"
 
-import TextField, { TextFieldProps } from "./TextField"
+import TextField, { type TextFieldProps } from "./TextField"
 
 export interface EmailFieldProps extends Omit<TextFieldProps, "type" | "name"> {
   name?: string

src/components/form/Form.tsx

@@ -1,6 +1,6 @@
 import React from "react"
-import { Stack, StackProps } from "@mui/material"
-import { Formik, FormikValues, FormikConfig, Form as FormikForm } from "formik"
+import { Stack, type StackProps } from "@mui/material"
+import { Formik, type FormikValues, type FormikConfig, Form as FormikForm } from "formik"
 
 export interface FormProps<Values> extends FormikConfig<Values> {
   stackProps?: Omit<StackProps, "children">

src/components/form/PasswordField.tsx

@@ -1,9 +1,9 @@
-import React from "react"
+import type React from "react"
 import { InputAdornment } from "@mui/material"
 import { Security as SecurityIcon } from "@mui/icons-material"
 import { string as YupString } from "yup"
 
-import TextField, { TextFieldProps } from "./TextField"
+import TextField, { type TextFieldProps } from "./TextField"
 
 export interface PasswordFieldProps
   extends Omit<TextFieldProps, "type" | "name"> {

src/components/form/SubmitButton.tsx

@@ -1,6 +1,6 @@
-import React from "react"
-import { Button, ButtonProps, Stack, StackProps } from "@mui/material"
-import { Field, FieldProps, FormikProps } from "formik"
+import type React from "react"
+import { Button, type ButtonProps, Stack, type StackProps } from "@mui/material"
+import { Field, type FieldProps, type FormikProps } from "formik"
 
 export interface SubmitButtonProps
   extends Omit<ButtonProps, "type" | "disabled"> {

src/components/form/TextField.tsx

@@ -1,18 +1,18 @@
 import React from "react"
 import {
   TextField as MuiTextField,
-  TextFieldProps as MuiTextFieldProps,
+  type TextFieldProps as MuiTextFieldProps,
   InputAdornment,
 } from "@mui/material"
 import { ErrorOutline as ErrorOutlineIcon } from "@mui/icons-material"
-import { Field, FieldProps, FieldConfig, FieldValidator } from "formik"
+import { Field, type FieldProps, type FieldConfig, type FieldValidator } from "formik"
 import {
   string as YupString,
   array as YupArray,
   Schema,
-  StringSchema,
-  ArraySchema,
-  AnyObject,
+  type StringSchema,
+  type ArraySchema,
+  type AnyObject,
   ValidationError,
 } from "yup"
 

src/components/form/index.ts

@@ -1,13 +1,13 @@
-import { FormikErrors } from "formik"
+import { type FormikErrors } from "formik"
 
-import AutocompleteField, { AutocompleteFieldProps } from "./AutocompleteField"
-import CheckboxField, { CheckboxFieldProps } from "./CheckboxField"
-import DateField, { DateFieldProps } from "./DateField"
-import EmailField, { EmailFieldProps } from "./EmailField"
-import Form, { FormProps } from "./Form"
-import PasswordField, { PasswordFieldProps } from "./PasswordField"
-import SubmitButton, { SubmitButtonProps } from "./SubmitButton"
-import TextField, { TextFieldProps } from "./TextField"
+import AutocompleteField, { type AutocompleteFieldProps } from "./AutocompleteField"
+import CheckboxField, { type CheckboxFieldProps } from "./CheckboxField"
+import DateField, { type DateFieldProps } from "./DateField"
+import EmailField, { type EmailFieldProps } from "./EmailField"
+import Form, { type FormProps } from "./Form"
+import PasswordField, { type PasswordFieldProps } from "./PasswordField"
+import SubmitButton, { type SubmitButtonProps } from "./SubmitButton"
+import TextField, { type TextFieldProps } from "./TextField"
 
 export {
   type FormikErrors as FormErrors,

src/components/index.ts

@@ -1,13 +1,13 @@
-import App, { AppProps } from "./App"
-import ClickableTooltip, { ClickableTooltipProps } from "./ClickableTooltip"
-import CopyIconButton, { CopyIconButtonProps } from "./CopyIconButton"
-import Countdown, { CountdownProps } from "./Countdown"
-import ElevatedAppBar, { ElevatedAppBarProps } from "./ElevatedAppBar"
-import Image, { ImageProps } from "./Image"
-import ItemizedList, { ItemizedListProps } from "./ItemizedList"
-import OrderedGrid, { OrderedGridProps } from "./OrderedGrid"
-import ScrollRoutes, { ScrollRoutesProps } from "./ScrollRoutes"
-import YouTubeVideo, { YouTubeVideoProps } from "./YouTubeVideo"
+import App, { type AppProps } from "./App"
+import ClickableTooltip, { type ClickableTooltipProps } from "./ClickableTooltip"
+import CopyIconButton, { type CopyIconButtonProps } from "./CopyIconButton"
+import Countdown, { type CountdownProps } from "./Countdown"
+import ElevatedAppBar, { type ElevatedAppBarProps } from "./ElevatedAppBar"
+import Image, { type ImageProps } from "./Image"
+import ItemizedList, { type ItemizedListProps } from "./ItemizedList"
+import OrderedGrid, { type OrderedGridProps } from "./OrderedGrid"
+import ScrollRoutes, { type ScrollRoutesProps } from "./ScrollRoutes"
+import YouTubeVideo, { type YouTubeVideoProps } from "./YouTubeVideo"
 
 export {
   App,

src/components/page/Banner.tsx

@@ -1,9 +1,9 @@
-import React from "react"
-import { Typography, Stack, Button, ButtonProps } from "@mui/material"
+import type React from "react"
+import { Typography, Stack, Button, type ButtonProps } from "@mui/material"
 
 import palette from "../../theme/palette"
 import { primary, secondary, tertiary } from "../../theme/colors"
-import Image, { ImageProps } from "../Image"
+import Image, { type ImageProps } from "../Image"
 import Section from "./Section"
 
 export interface BannerProps {

src/components/page/Container.tsx

@@ -1,8 +1,8 @@
-import { Unstable_Grid2 as Grid, Grid2Props } from "@mui/material"
+import { Unstable_Grid2 as Grid, type Grid2Props } from "@mui/material"
 import React from "react"
 import { useLocation } from "react-router-dom"
 
-import Notification, { NotificationProps } from "./Notification"
+import Notification, { type NotificationProps } from "./Notification"
 
 export interface ContainerState {
   notifications?: Array<{

src/components/page/Section.tsx

@@ -1,9 +1,9 @@
-import React from "react"
+import type React from "react"
 import {
   Unstable_Grid2 as Grid,
-  Grid2Props,
+  type Grid2Props,
   Container,
-  ContainerProps,
+  type ContainerProps,
 } from "@mui/material"
 
 export interface SectionProps extends ContainerProps {

src/components/page/TabBar.tsx

@@ -5,7 +5,7 @@ import {
 import {
   IconButton,
   Tab,
-  TabScrollButtonProps,
+  type TabScrollButtonProps,
   Tabs,
   Typography,
 } from "@mui/material"

src/components/page/index.ts

@@ -1,8 +1,8 @@
-import Banner, { BannerProps } from "./Banner"
-import Container, { ContainerProps, ContainerState } from "./Container"
-import Notification, { NotificationProps } from "./Notification"
-import Section, { SectionProps } from "./Section"
-import TabBar, { TabBarProps } from "./TabBar"
+import Banner, { type BannerProps } from "./Banner"
+import Container, { type ContainerProps, type ContainerState } from "./Container"
+import Notification, { type NotificationProps } from "./Notification"
+import Section, { type SectionProps } from "./Section"
+import TabBar, { type TabBarProps } from "./TabBar"
 
 export type {
   BannerProps,

src/features/InactiveDialog.tsx

@@ -1,4 +1,4 @@
-import React from "react"
+import type React from "react"
 import { Button, Dialog, Typography } from "@mui/material"
 
 import { Countdown } from "../components"

src/features/ScreenTimeDialog.tsx

@@ -1,4 +1,4 @@
-import React from "react"
+import type React from "react"
 import { Button, Dialog, Typography } from "@mui/material"
 
 import { Image } from "../components"

src/features/index.ts

@@ -1,5 +1,5 @@
-import InactiveDialog, { InactiveDialogProps } from "./InactiveDialog"
-import ScreenTimeDialog, { ScreenTimeDialogProps } from "./ScreenTimeDialog"
+import InactiveDialog, { type InactiveDialogProps } from "./InactiveDialog"
+import ScreenTimeDialog, { type ScreenTimeDialogProps } from "./ScreenTimeDialog"
 
 export {
   InactiveDialog,

src/helpers/index.ts

@@ -2,7 +2,7 @@ import {
   openInNewTab,
   wrap,
   path,
-  Path,
+  type Path,
   snakeCaseToCamelCase,
   camelCaseToSnakeCase,
 } from "./general"

src/helpers/materialUI.tsx

@@ -1,6 +1,6 @@
-import React from "react"
-import { Divider, DividerProps, ThemeOptions } from "@mui/material"
-import { CommonProps } from "@mui/material/OverridableComponent"
+import type React from "react"
+import { Divider, type DividerProps, type ThemeOptions } from "@mui/material"
+import { type CommonProps } from "@mui/material/OverridableComponent"
 
 import _components from "../theme/components"
 

src/helpers/yup.ts

@@ -1,4 +1,4 @@
-import { InferType, ValidateOptions, ValidationError, ObjectSchema } from "yup"
+import { type InferType, type ValidateOptions, ValidationError, type ObjectSchema } from "yup"
 
 export function tryValidateSync<Schema extends ObjectSchema<any>>(
   value: any,