build(dev-deps): bump eslint and config to latest

mlaursen · mlaursen · commit 5027b3fb1ea9 · 2022-03-17T16:51:22.000-06:00
diff --git a/components/AppBarAction.tsx b/components/AppBarAction.tsx
@@ -1,10 +1,6 @@
 import type { ReactElement, ReactNode } from "react";
-import {
-  AppBarAction as RMDAppBarAction,
-  AppBarActionProps as RMDAppBarActionProps,
-  Tooltip,
-  useTooltip,
-} from "react-md";
+import type { AppBarActionProps as RMDAppBarActionProps } from "react-md";
+import { AppBarAction as RMDAppBarAction, Tooltip, useTooltip } from "react-md";
 
 interface AppBarActionProps extends RMDAppBarActionProps {
   id: string;
diff --git a/components/ErrorHeader.tsx b/components/ErrorHeader.tsx
@@ -1,13 +1,11 @@
 import type { ReactElement } from "react";
 import filesize from "filesize";
-import {
+import type {
   FileExtensionError,
   FileSizeError,
-  isFileSizeError,
-  isTooManyFilesError,
-  Typography,
   TooManyFilesError,
 } from "react-md";
+import { isFileSizeError, isTooManyFilesError, Typography } from "react-md";
 
 interface ErrorHeaderProps {
   error: TooManyFilesError | FileSizeError | FileExtensionError;
diff --git a/components/ErrorModal.tsx b/components/ErrorModal.tsx
@@ -1,12 +1,13 @@
-import { ReactElement, useEffect, useState } from "react";
+import type { ReactElement } from "react";
+import { useEffect, useState } from "react";
+import type { FileValidationError } from "react-md";
 import {
   Button,
   Dialog,
   DialogContent,
   DialogFooter,
   DialogHeader,
   DialogTitle,
-  FileValidationError,
 } from "react-md";
 
 import { ErrorRenderer } from "./ErrorRenderer";
diff --git a/components/ErrorRenderer.tsx b/components/ErrorRenderer.tsx
@@ -1,12 +1,8 @@
-import { Fragment, ReactElement } from "react";
+import type { ReactElement } from "react";
+import { Fragment } from "react";
 import filesize from "filesize";
-import {
-  FileValidationError,
-  isFileSizeError,
-  List,
-  SimpleListItem,
-  Typography,
-} from "react-md";
+import type { FileValidationError } from "react-md";
+import { isFileSizeError, List, SimpleListItem, Typography } from "react-md";
 
 import { ErrorHeader } from "./ErrorHeader";
 
diff --git a/components/FileDropzone.tsx b/components/FileDropzone.tsx
@@ -1,5 +1,6 @@
 import cn from "classnames";
-import { ReactElement, useEffect, useState } from "react";
+import type { ReactElement } from "react";
+import { useEffect, useState } from "react";
 import {
   FileUploadSVGIcon,
   Typography,
diff --git a/components/Header.tsx b/components/Header.tsx
@@ -1,4 +1,5 @@
-import { ReactElement, useState } from "react";
+import type { ReactElement } from "react";
+import { useState } from "react";
 import {
   AppBar,
   AppBarTitle,
diff --git a/components/MarkdownEditor.tsx b/components/MarkdownEditor.tsx
@@ -1,5 +1,6 @@
 import cn from "classnames";
-import { ReactElement, useRef } from "react";
+import type { ReactElement } from "react";
+import { useRef } from "react";
 import { TextArea } from "react-md";
 
 import styles from "./MarkdownEditor.module.scss";
diff --git a/components/MarkdownPreview.tsx b/components/MarkdownPreview.tsx
@@ -1,7 +1,8 @@
 import Prism from "prismjs";
 import type { ReactElement } from "react";
 
-import { DangerouslyHighlightCode, GetCodeLanguage, Markdown } from "../src";
+import type { DangerouslyHighlightCode, GetCodeLanguage } from "../src";
+import { Markdown } from "../src";
 import styles from "./MarkdownPreview.module.scss";
 import { renderers } from "./renderers";
 import { usePlayground } from "./usePlayground";
diff --git a/components/PanelResizer.module.scss b/components/PanelResizer.module.scss
@@ -1,4 +1,4 @@
-@use "../everything" as *;
+@use '../everything' as *;
 
 .separator {
   @include rmd-divider-theme(background-color);
diff --git a/components/PanelResizer.tsx b/components/PanelResizer.tsx
@@ -1,7 +1,8 @@
 /* eslint-disable jsx-a11y/role-supports-aria-props */
 /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
 /* eslint-disable jsx-a11y/no-noninteractive-tabindex */
-import { ReactElement, useEffect, useState } from "react";
+import type { ReactElement } from "react";
+import { useEffect, useState } from "react";
 
 import styles from "./PanelResizer.module.scss";
 import {
diff --git a/components/PlaygroundView.module.scss b/components/PlaygroundView.module.scss
@@ -1,4 +1,4 @@
-@use "../everything" as *;
+@use '../everything' as *;
 
 .panels {
   @include rmd-app-bar-offset($height-type: prominent-dense-height);
diff --git a/components/renderers.module.scss b/components/renderers.module.scss
@@ -1,4 +1,4 @@
-@use "../everything" as *;
+@use '../everything' as *;
 
 .blockquote {
   $border-style: 0.25em solid rmd-divider-theme-var(background-color);
diff --git a/components/renderers.tsx b/components/renderers.tsx
@@ -28,10 +28,10 @@ import {
   Typography,
 } from "react-md";
 
+import type { MarkdownRenderers } from "../src";
 import {
   getTokensText,
   useSluggedId,
-  MarkdownRenderers,
   DEFAULT_MARKDOWN_RENDERERS,
 } from "../src";
 import styles from "./renderers.module.scss";
diff --git a/components/usePlayground.tsx b/components/usePlayground.tsx
@@ -1,7 +1,6 @@
+import type { ReactElement, ReactNode } from "react";
 import {
   createContext,
-  ReactElement,
-  ReactNode,
   useCallback,
   useContext,
   useEffect,
diff --git a/components/useUpload.tsx b/components/useUpload.tsx
@@ -1,17 +1,7 @@
-import {
-  createContext,
-  ReactElement,
-  ReactNode,
-  useContext,
-  useEffect,
-  useMemo,
-} from "react";
-import {
-  FileUploadHookReturnValue,
-  GetFileParser,
-  getSplitFileUploads,
-  useFileUpload,
-} from "react-md";
+import type { ReactElement, ReactNode } from "react";
+import { createContext, useContext, useEffect, useMemo } from "react";
+import type { FileUploadHookReturnValue, GetFileParser } from "react-md";
+import { getSplitFileUploads, useFileUpload } from "react-md";
 import { ErrorModal } from "./ErrorModal";
 import { usePlayground } from "./usePlayground";
 
diff --git a/package.json b/package.json
@@ -48,7 +48,7 @@
     "@babel/preset-env": "^7.16.11",
     "@babel/preset-react": "^7.16.7",
     "@babel/preset-typescript": "^7.16.7",
-    "@mlaursen/eslint-config": "^1.4.0",
+    "@mlaursen/eslint-config": "^1.5.0",
     "@next/eslint-plugin-next": "^12.0.9",
     "@octokit/core": "^3.5.1",
     "@rollup/plugin-babel": "^5.3.0",
@@ -64,7 +64,7 @@
     "@types/react": "^17.0.38",
     "@types/react-dom": "^17.0.11",
     "dotenv": "^15.0.0",
-    "eslint": "^8.8.0",
+    "eslint": "^8.11.0",
     "filesize": "^8.0.7",
     "husky": "^7.0.4",
     "identity-obj-proxy": "^3.0.0",
diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -3,13 +3,13 @@ import "./solarized-dark.css";
 import type { ReactElement } from "react";
 import type { AppProps } from "next/app";
 import Head from "next/head";
+import type { ConfiguredIcons } from "react-md";
 import {
   ArrowDropDownSVGIcon,
   ArrowUpwardSVGIcon,
   CheckBoxSVGIcon,
   CheckSVGIcon,
   Configuration,
-  ConfiguredIcons,
   ErrorOutlineSVGIcon,
   FileUploadSVGIcon,
   KeyboardArrowDownSVGIcon,
diff --git a/pages/_document.tsx b/pages/_document.tsx
@@ -1,4 +1,4 @@
-import { ReactElement } from "react";
+import type { ReactElement } from "react";
 import Document, { Html, Head, Main, NextScript } from "next/document";
 
 const PRISM_HTML = "window.Prism=window.Prism||{};window.Prism.manual=true";
diff --git a/pages/app.scss b/pages/app.scss
@@ -1,4 +1,4 @@
-@use "../everything" as *;
+@use '../everything' as *;
 
 @include react-md-utils;
 
diff --git a/src/Markdown.tsx b/src/Markdown.tsx
@@ -1,16 +1,18 @@
 import { marked } from "marked";
 import type { ReactElement } from "react";
 
+import type {
+  HighlightCodeOptions,
+  MarkdownRenderers,
+  MarkdownOptions,
+  ValidHighlightCodeOptions,
+} from "./renderers";
 import {
   DEFAULT_MARKDOWN_OPTIONS,
   DEFAULT_MARKDOWN_RENDERERS,
-  HighlightCodeOptions,
   MarkdownCodeProvider,
-  MarkdownRenderers,
   MarkdownRenderersProvider,
-  MarkdownOptions,
   TokensRenderer,
-  ValidHighlightCodeOptions,
 } from "./renderers";
 import { MarkdownSluggerProvider } from "./useSluggedId";
 
diff --git a/src/__tests__/Markdown.tsx b/src/__tests__/Markdown.tsx
@@ -17,12 +17,12 @@ import "prismjs/components/prism-typescript";
 import { renderers } from "../../components/renderers";
 import { DEFAULT_MARKDOWN } from "../../constants";
 import { Markdown } from "../Markdown";
-import {
+import type {
   DangerouslyHighlightCode,
-  DEFAULT_MARKDOWN_OPTIONS,
   GetCodeLanguage,
   MarkdownOptions,
 } from "../renderers";
+import { DEFAULT_MARKDOWN_OPTIONS } from "../renderers";
 
 const HEADING_MARKDOWN = `
 # Heading 1
diff --git a/src/renderers/code.tsx b/src/renderers/code.tsx
@@ -1,14 +1,11 @@
 import type { marked } from "marked";
-import {
+import type {
   ComponentType,
-  createContext,
   DOMAttributes,
   ReactElement,
   ReactNode,
-  useCallback,
-  useContext,
-  useMemo,
 } from "react";
+import { createContext, useCallback, useContext, useMemo } from "react";
 
 /**
  * A function that should highlight all the code within an `HTMLElement`. This
diff --git a/src/renderers/useMarkdownRenderers.tsx b/src/renderers/useMarkdownRenderers.tsx
@@ -1,15 +1,20 @@
-import { createContext, ReactElement, ReactNode, useContext } from "react";
+import type { ReactElement, ReactNode } from "react";
+import { createContext, useContext } from "react";
 
-import { CodeRenderers, CODE_RENDERERS } from "./code";
-import { HtmlRenderers, HTML_RENDERERS } from "./html";
-import { ListRenderers, LIST_RENDERERS } from "./list";
-import { MediaRenderers, MEDIA_RENDERERS } from "./media";
-import {
-  PRESENTATIONAL_RENDERERS,
-  PresentationRenderers,
-} from "./presentational";
-import { TableRenderers, TABLE_RENDERERS } from "./table";
-import { TextRenderers, TEXT_RENDERERS } from "./text";
+import type { CodeRenderers } from "./code";
+import { CODE_RENDERERS } from "./code";
+import type { HtmlRenderers } from "./html";
+import { HTML_RENDERERS } from "./html";
+import type { ListRenderers } from "./list";
+import { LIST_RENDERERS } from "./list";
+import type { MediaRenderers } from "./media";
+import { MEDIA_RENDERERS } from "./media";
+import type { PresentationRenderers } from "./presentational";
+import { PRESENTATIONAL_RENDERERS } from "./presentational";
+import type { TableRenderers } from "./table";
+import { TABLE_RENDERERS } from "./table";
+import type { TextRenderers } from "./text";
+import { TEXT_RENDERERS } from "./text";
 
 /**
  * @see {@link DEFAULT_MARKDOWN_RENDERERS} for the default implementation
diff --git a/src/useSluggedId.tsx b/src/useSluggedId.tsx
@@ -1,5 +1,7 @@
-import { marked, Slugger } from "marked";
-import { createContext, ReactElement, ReactNode, useContext } from "react";
+import type { Slugger } from "marked";
+import { marked } from "marked";
+import type { ReactElement, ReactNode } from "react";
+import { createContext, useContext } from "react";
 
 export interface TokensTextOptions {
   /**
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-@use "../everything" as *;`
	`1`	`+@use '../everything' as *;`
`2`	`2`
`3`	`3`	`.separator {`
`4`	`4`	`@include rmd-divider-theme(background-color);`