chore(dev-deps): bump all dev dependencies to latest

Author: mlaursen

components/Playground.tsx

@@ -7,7 +7,7 @@ import { PlaygroundView } from "./PlaygroundView";
 import { PlaygroundProvider } from "./usePlayground";
 import { UploadProvider } from "./useUpload";
 
-const tabs = ["Editor", "Preview"];
+const tabs = ["Editor", "Preview"] as const;
 
 export default function Playground(): ReactElement {
   return (

package.json

@@ -43,51 +43,51 @@
     "marked": "^4.0.10"
   },
   "devDependencies": {
-    "@babel/core": "^7.16.7",
-    "@babel/plugin-transform-runtime": "^7.16.8",
-    "@babel/preset-env": "^7.16.8",
+    "@babel/core": "^7.16.12",
+    "@babel/plugin-transform-runtime": "^7.16.10",
+    "@babel/preset-env": "^7.16.11",
     "@babel/preset-react": "^7.16.7",
     "@babel/preset-typescript": "^7.16.7",
     "@mlaursen/eslint-config": "^1.4.0",
-    "@next/eslint-plugin-next": "^12.0.8",
+    "@next/eslint-plugin-next": "^12.0.9",
     "@octokit/core": "^3.5.1",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-commonjs": "^21.0.1",
     "@rollup/plugin-node-resolve": "^13.1.3",
     "@rollup/plugin-replace": "^3.0.1",
     "@testing-library/jest-dom": "^5.16.1",
     "@testing-library/react": "^12.1.2",
-    "@types/inquirer": "^8.1.3",
+    "@types/inquirer": "^8.2.0",
     "@types/jest": "^27.4.0",
-    "@types/node": "^17.0.10",
-    "@types/prismjs": "^1.16.6",
+    "@types/node": "^17.0.13",
+    "@types/prismjs": "^1.26.0",
     "@types/react": "^17.0.38",
     "@types/react-dom": "^17.0.11",
-    "dotenv": "^14.2.0",
-    "eslint": "^8.7.0",
-    "filesize": "^8.0.6",
+    "dotenv": "^15.0.0",
+    "eslint": "^8.8.0",
+    "filesize": "^8.0.7",
     "husky": "^7.0.4",
     "identity-obj-proxy": "^3.0.0",
     "inquirer": "^8.2.0",
     "jest": "^27.4.7",
     "jest-watch-typeahead": "^1.0.0",
-    "lint-staged": "^12.2.0",
-    "next": "^12.0.8",
+    "lint-staged": "^12.3.2",
+    "next": "^12.0.9",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.5.1",
     "prismjs": "^1.26.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "react-md": "^4.0.3",
+    "react-md": "^5.0.0",
     "rimraf": "^3.0.2",
-    "rollup": "^2.64.0",
+    "rollup": "^2.66.1",
     "rollup-plugin-terser": "^7.0.2",
     "sass": "^1.49.0",
     "standard-version": "^9.3.2",
     "ts-jest": "^27.1.3",
     "ts-node": "^10.4.0",
     "typedoc": "^0.22.11",
-    "typescript": "^4.5.4"
+    "typescript": "^4.5.5"
   },
   "peerDependencies": {
     "react": ">= 16.14"

pages/_app.tsx

@@ -8,10 +8,10 @@ import {
   ArrowUpwardSVGIcon,
   CheckBoxSVGIcon,
   CheckSVGIcon,
-  ConfigurableIcons,
   Configuration,
+  ConfiguredIcons,
   ErrorOutlineSVGIcon,
-  FileDownloadSVGIcon,
+  FileUploadSVGIcon,
   KeyboardArrowDownSVGIcon,
   KeyboardArrowLeftSVGIcon,
   KeyboardArrowRightSVGIcon,
@@ -21,10 +21,9 @@ import {
   RemoveRedEyeSVGIcon,
 } from "react-md";
 
-const icons: ConfigurableIcons = {
+const icons: ConfiguredIcons = {
   back: <KeyboardArrowLeftSVGIcon />,
   checkbox: <CheckBoxSVGIcon />,
-  download: <FileDownloadSVGIcon />,
   dropdown: <ArrowDropDownSVGIcon />,
   error: <ErrorOutlineSVGIcon />,
   expander: <KeyboardArrowDownSVGIcon />,
@@ -35,6 +34,7 @@ const icons: ConfigurableIcons = {
   radio: <RadioButtonCheckedSVGIcon />,
   selected: <CheckSVGIcon />,
   sort: <ArrowUpwardSVGIcon />,
+  upload: <FileUploadSVGIcon />,
 };
 
 const DESCRIPTION =