Use tabler-react-typescript, updated frontend deps

2025-08-27 19:20:04 +00:00 · 2021-07-04 16:11:55 +10:00
parent 0f6498603e
commit 4fbb354d54
16 changed files with 419 additions and 332 deletions
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -3,41 +3,41 @@
 	"version": "1.0.0",
 	"private": true,
 	"dependencies": {
-		"@testing-library/jest-dom": "5.12.0",
-		"@testing-library/react": "11.2.7",
+		"@testing-library/jest-dom": "5.14.1",
+		"@testing-library/react": "12.0.0",
 		"@types/humps": "^2.0.0",
 		"@types/jest": "26.0.23",
-		"@types/lodash": "4.14.169",
-		"@types/node": "15.3.0",
-		"@types/react": "17.0.5",
-		"@types/react-dom": "17.0.5",
+		"@types/lodash": "4.14.170",
+		"@types/node": "16.0.0",
+		"@types/react": "17.0.13",
+		"@types/react-dom": "17.0.8",
 		"@types/react-router-dom": "5.1.7",
-		"@types/styled-components": "5.1.9",
-		"@typescript-eslint/eslint-plugin": "^4.23.0",
-		"@typescript-eslint/parser": "^4.23.0",
+		"@types/styled-components": "5.1.11",
+		"@typescript-eslint/eslint-plugin": "^4.28.1",
+		"@typescript-eslint/parser": "^4.28.1",
 		"babel-eslint": "^10.1.0",
-		"date-fns": "2.21.3",
-		"eslint": "^7.26.0",
+		"date-fns": "2.22.1",
+		"eslint": "^7.30.0",
 		"eslint-config-prettier": "^8.3.0",
 		"eslint-config-react-app": "^6.0.0",
 		"eslint-loader": "^4.0.2",
-		"eslint-plugin-flowtype": "^5.7.2",
-		"eslint-plugin-import": "^2.23.2",
+		"eslint-plugin-flowtype": "^5.8.0",
+		"eslint-plugin-import": "^2.23.4",
 		"eslint-plugin-jsx-a11y": "^6.4.1",
 		"eslint-plugin-prettier": "^3.4.0",
-		"eslint-plugin-react": "^7.23.2",
+		"eslint-plugin-react": "^7.24.0",
 		"eslint-plugin-react-hooks": "^4.2.0",
 		"humps": "^2.0.1",
 		"jest-date-mock": "1.0.8",
 		"jest-fetch-mock": "3.0.3",
-		"jest-junit": "^12.0.0",
-		"jest-localstorage-mock": "2.4.12",
-		"jest-runner-eslint": "0.10.0",
+		"jest-junit": "^12.2.0",
+		"jest-localstorage-mock": "2.4.14",
+		"jest-runner-eslint": "0.10.1",
 		"lodash": "4.17.21",
 		"moment": "2.29.1",
 		"node-sass": "^5.0.0",
-		"prettier": "2.3.0",
-		"query-string": "7.0.0",
+		"prettier": "2.3.2",
+		"query-string": "7.0.1",
 		"react": "17.0.2",
 		"react-async": "10.0.1",
 		"react-dom": "17.0.2",
@@ -45,8 +45,10 @@
 		"react-scripts": "4.0.3",
 		"rooks": "5.0.2",
 		"styled-components": "5.3.0",
+		"tabler-icons-react": "^1.35.0",
 		"tabler-react": "^2.0.0-alpha.1",
-		"typescript": "^4.2.4"
+		"tabler-react-typescript": "^0.0.4",
+		"typescript": "^4.3.5"
 	},
 	"scripts": {
 		"start": "react-scripts start",
--- a/frontend/public/index.html
+++ b/frontend/public/index.html
@@ -51,6 +51,10 @@
 			rel="stylesheet"
 			href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext"
 		/>
+		<link
+			rel="stylesheet"
+			href="https://unpkg.com/@tabler/core@1.0.0-beta3/dist/css/tabler.min.css"
+		/>
 	</head>
 	<body>
 		<noscript>You need to enable JavaScript to run this app.</noscript>
--- a/frontend/src/components/Router.tsx
+++ b/frontend/src/components/Router.tsx
@@ -4,9 +4,15 @@ import { Loading, SiteWrapper, SinglePage } from "components";
 import { useAuthState, useHealthState, UserProvider } from "context";
 import { BrowserRouter, Switch, Route } from "react-router-dom";

-const Setup = lazy(() => import("pages/Setup"));
+const AccessLists = lazy(() => import("pages/AccessLists"));
+const AuditLog = lazy(() => import("pages/AuditLog"));
+const Certificates = lazy(() => import("pages/Certificates"));
 const Dashboard = lazy(() => import("pages/Dashboard"));
+const Hosts = lazy(() => import("pages/Hosts"));
 const Login = lazy(() => import("pages/Login"));
+const Settings = lazy(() => import("pages/Settings"));
+const Setup = lazy(() => import("pages/Setup"));
+const Users = lazy(() => import("pages/Users"));

 function Router() {
 	const { health } = useHealthState();
@@ -43,6 +49,24 @@ function Router() {
 				<SiteWrapper>
 					<Suspense fallback={Spinner}>
 						<Switch>
+							<Route path="/hosts">
+								<Hosts />
+							</Route>
+							<Route path="/certificates">
+								<Certificates />
+							</Route>
+							<Route path="/audit-log">
+								<AuditLog />
+							</Route>
+							<Route path="/access-lists">
+								<AccessLists />
+							</Route>
+							<Route path="/users">
+								<Users />
+							</Route>
+							<Route path="/settings">
+								<Settings />
+							</Route>
 							<Route path="/">
 								<Dashboard />
 							</Route>
--- a/frontend/src/components/SiteWrapper.tsx
+++ b/frontend/src/components/SiteWrapper.tsx
@@ -3,9 +3,18 @@ import React, { ReactNode } from "react";
 import { Footer } from "components";
 import { useAuthState, useUserState } from "context";
 import styled from "styled-components";
-import { Site, Container, Button, Grid, List } from "tabler-react";
+import {
+	Book,
+	DeviceDesktop,
+	Home,
+	Lock,
+	Settings,
+	Shield,
+	Users,
+} from "tabler-icons-react";
+import { Avatar, Dropdown, Navigation } from "tabler-react-typescript";

-const StyledContainer = styled(Container)`
+const StyledContainer = styled.div`
 	padding-bottom: 30px;
 `;

@@ -16,177 +25,79 @@ function SiteWrapper({ children }: Props) {
 	const user = useUserState();
 	const { logout } = useAuthState();

-	const accountDropdownProps = {
-		avatarURL: user.gravatarUrl,
-		name: user.nickname,
-		description: user.roles.includes("admin")
-			? "Administrator"
-			: "Standard User",
-		options: [
-			{ icon: "user", value: "Profile" },
-			{ icon: "settings", value: "Settings" },
-			{ isDivider: true },
-			{
-				icon: "help-circle",
-				value: "Need help?",
-				href: "https://nginxproxymanager.com",
-				target: "_blank",
-			},
-			{ icon: "log-out", value: "Log out", onClick: logout },
-		],
-	};
-
-	const navBarItems = [
-		{
-			value: "Home",
-			to: "/",
-			icon: "home",
-			//LinkComponent: withRouter(NavLink),
-			useExact: true,
-		},
-		{
-			value: "Interface",
-			icon: "box",
-			subItems: [
-				{
-					value: "Cards Design",
-					to: "/cards",
-					//LinkComponent: withRouter(NavLink),
-				},
-				//{ value: "Charts", to: "/charts", LinkComponent: withRouter(NavLink) },
-				{
-					value: "Pricing Cards",
-					to: "/pricing-cards",
-					//LinkComponent: withRouter(NavLink),
-				},
-			],
-		},
-		{
-			value: "Components",
-			icon: "calendar",
-			/*
-			subItems: [
-				{ value: "Maps", to: "/maps", LinkComponent: withRouter(NavLink) },
-				{ value: "Icons", to: "/icons", LinkComponent: withRouter(NavLink) },
-				{ value: "Store", to: "/store", LinkComponent: withRouter(NavLink) },
-				{ value: "Blog", to: "/blog", LinkComponent: withRouter(NavLink) },
-			],
-			*/
-		},
-		{
-			value: "Pages",
-			icon: "file",
-			subItems: [
-				{
-					value: "Profile",
-					to: "/profile",
-					//LinkComponent: withRouter(NavLink),
-				},
-				//{ value: "Login", to: "/login", LinkComponent: withRouter(NavLink) },
-				{
-					value: "Register",
-					to: "/register",
-					//LinkComponent: withRouter(NavLink),
-				},
-				{
-					value: "Forgot password",
-					to: "/forgot-password",
-					//LinkComponent: withRouter(NavLink),
-				},
-				{
-					value: "Empty page",
-					to: "/empty-page",
-					//LinkComponent: withRouter(NavLink),
-				},
-				//{ value: "RTL", to: "/rtl", LinkComponent: withRouter(NavLink) },
-			],
-		},
-		{
-			value: "Forms",
-			to: "/form-elements",
-			icon: "check-square",
-			//LinkComponent: withRouter(NavLink),
-		},
-		{
-			value: "Gallery",
-			to: "/gallery",
-			icon: "image",
-			//LinkComponent: withRouter(NavLink),
-		},
-		{
-			icon: "file-text",
-			value: "Documentation",
-			to:
-				process.env.NODE_ENV === "production"
-					? "https://tabler.github.io/tabler-react/documentation"
-					: "/documentation",
-		},
-	];
-
 	return (
-		<Site.Wrapper
-			headerProps={{
-				href: "/",
-				alt: "Nginx Proxy Manager",
-				imageURL: "/images/logo-bold-horizontal-grey.svg",
-				accountDropdown: accountDropdownProps,
-			}}
-			navProps={{ itemsObjects: navBarItems }}
-			//routerContextComponentType={withRouter(RouterContextProvider)}
-			footerProps={{
-				links: [
-					<a href="#asd">First Link</a>,
-					<a href="#fg">Second Link</a>,
-					<a href="#dsg">Third Link</a>,
-					<a href="#egf">Fourth Link</a>,
-					<a href="#dsf">Five Link</a>,
-					<a href="#sdfg">Sixth Link</a>,
-					<a href="#sdf">Seventh Link</a>,
-					<a href="#sdf">Eigth Link</a>,
-				],
-				note: "Premium and Open Source dashboard template with responsive and high quality UI. For Free!",
-				copyright: (
-					<React.Fragment>
-						Copyright © 2019
-						<a href="."> Tabler-react</a>. Theme by
-						<a
-							href="https://codecalm.net"
-							target="_blank"
-							rel="noopener noreferrer">
-							{" "}
-							codecalm.net
-						</a>{" "}
-						All rights reserved.
-					</React.Fragment>
-				),
-				nav: (
-					<React.Fragment>
-						<Grid.Col auto={true}>
-							<List className="list-inline list-inline-dots mb-0">
-								<List.Item className="list-inline-item">
-									<a href="./docs/index.html">Documentation</a>
-								</List.Item>
-								<List.Item className="list-inline-item">
-									<a href="./faq.html">FAQ</a>
-								</List.Item>
-							</List>
-						</Grid.Col>
-						<Grid.Col auto={true}>
-							<Button
-								href="https://github.com/tabler/tabler-react"
-								size="sm"
-								outline
-								color="primary"
-								RootComponent="a">
-								Source code
-							</Button>
-						</Grid.Col>
-					</React.Fragment>
-				),
-			}}>
-			<StyledContainer>{children}</StyledContainer>
+		<div className="wrapper">
+			<Navigation.Header
+				theme="light"
+				brandContent={
+					<a href=".">
+						<img
+							src="/images/logo-bold-horizontal-grey.svg"
+							alt="Nginx Proxy Manager"
+							className="navbar-brand-image"
+							height="32"
+						/>
+					</a>
+				}
+				avatar={<Avatar size="sm" url={user.gravatarUrl} />}
+				profileName={user.nickname}
+				profileSubName={
+					user.roles.includes("admin") ? "Administrator" : "Standard User"
+				}
+				profileItems={[
+					<Dropdown.Item key="m1-1">Set status</Dropdown.Item>,
+					<Dropdown.Item key="m1-2">Profile &amp; account</Dropdown.Item>,
+					<Dropdown.Item key="m1-3">Feedback</Dropdown.Item>,
+					<Dropdown.Item divider key="m1-4" />,
+					<Dropdown.Item key="m1-5">Settings</Dropdown.Item>,
+					<Dropdown.Item key="m1-6" onClick={logout}>
+						Logout
+					</Dropdown.Item>,
+				]}
+			/>
+			<Navigation.Menu
+				theme="light"
+				className="mb-3"
+				items={[
+					{
+						title: "Home",
+						icon: <Home />,
+						active: true,
+					},
+					{
+						title: "Hosts",
+						icon: <DeviceDesktop />,
+					},
+					{
+						title: "Access Lists",
+						icon: <Lock />,
+					},
+					{
+						title: "Certificates",
+						icon: <Shield />,
+					},
+					{
+						title: "Users",
+						icon: <Users />,
+					},
+					{
+						title: "Audit Log",
+						icon: <Book />,
+					},
+					{
+						title: "Settings",
+						icon: <Settings />,
+					},
+				]}
+			/>
+
+			<div className="content">
+				<div className="container-xl">
+					<StyledContainer>{children}</StyledContainer>
+				</div>
+			</div>
 			<Footer fixed />
-		</Site.Wrapper>
+		</div>
 	);
 }

--- a/frontend/src/context/HealthContext.tsx
+++ b/frontend/src/context/HealthContext.tsx
@@ -13,8 +13,9 @@ export interface HealthContextType {
 }

 const initalValue = null;
-const HealthContext =
-	React.createContext<HealthContextType | null>(initalValue);
+const HealthContext = React.createContext<HealthContextType | null>(
+	initalValue,
+);

 interface Props {
 	children: ReactNode;
--- a/frontend/src/index.scss
+++ b/frontend/src/index.scss
@@ -13,7 +13,7 @@ body {
 	background-color: #f5f7fb;
 	color: rgb(73, 80, 87);
 }
-
+/*
 .btn {
 	text-transform: none;
 }
@@ -60,3 +60,4 @@ body {
 		}
 	}
 }
+*/
--- a/frontend/src/index.tsx
+++ b/frontend/src/index.tsx
@@ -4,7 +4,6 @@ import * as ReactDOM from "react-dom";

 import App from "./App";

-import "./tabler.css";
 import "./index.scss";

 ReactDOM.render(<App />, document.getElementById("root"));
--- a/frontend/src/pages/AccessLists/index.tsx
+++ b/frontend/src/pages/AccessLists/index.tsx
@@ -0,0 +1,14 @@
+import React from "react";
+
+import styled from "styled-components";
+
+const Root = styled.div`
+	display: flex;
+	flex-direction: column;
+`;
+
+function AccessLists() {
+	return <Root>AccessLists</Root>;
+}
+
+export default AccessLists;
--- a/frontend/src/pages/AuditLog/index.tsx
+++ b/frontend/src/pages/AuditLog/index.tsx
@@ -0,0 +1,14 @@
+import React from "react";
+
+import styled from "styled-components";
+
+const Root = styled.div`
+	display: flex;
+	flex-direction: column;
+`;
+
+function AuditLog() {
+	return <Root>AuditLog</Root>;
+}
+
+export default AuditLog;
--- a/frontend/src/pages/Certificates/index.tsx
+++ b/frontend/src/pages/Certificates/index.tsx
@@ -0,0 +1,14 @@
+import React from "react";
+
+import styled from "styled-components";
+
+const Root = styled.div`
+	display: flex;
+	flex-direction: column;
+`;
+
+function Certificates() {
+	return <Root>Certificates</Root>;
+}
+
+export default Certificates;
--- a/frontend/src/pages/Dashboard/index.tsx
+++ b/frontend/src/pages/Dashboard/index.tsx
@@ -1,6 +1,5 @@
 import React from "react";

-import { useAuthState } from "context";
 import styled from "styled-components";

 const Root = styled.div`
@@ -9,16 +8,7 @@ const Root = styled.div`
 `;

 function Dashboard() {
-	const { logout } = useAuthState();
-
-	return (
-		<Root>
-			Dashboard
-			<div>
-				<button onClick={logout}>Logout</button>
-			</div>
-		</Root>
-	);
+	return <Root>Dashboard</Root>;
 }

 export default Dashboard;
--- a/frontend/src/pages/Hosts/index.tsx
+++ b/frontend/src/pages/Hosts/index.tsx
@@ -0,0 +1,14 @@
+import React from "react";
+
+import styled from "styled-components";
+
+const Root = styled.div`
+	display: flex;
+	flex-direction: column;
+`;
+
+function Hosts() {
+	return <Root>Hosts</Root>;
+}
+
+export default Hosts;
--- a/frontend/src/pages/Settings/index.tsx
+++ b/frontend/src/pages/Settings/index.tsx
@@ -0,0 +1,14 @@
+import React from "react";
+
+import styled from "styled-components";
+
+const Root = styled.div`
+	display: flex;
+	flex-direction: column;
+`;
+
+function Settings() {
+	return <Root>Settings</Root>;
+}
+
+export default Settings;
--- a/frontend/src/pages/Users/index.tsx
+++ b/frontend/src/pages/Users/index.tsx
@@ -0,0 +1,14 @@
+import React from "react";
+
+import styled from "styled-components";
+
+const Root = styled.div`
+	display: flex;
+	flex-direction: column;
+`;
+
+function Users() {
+	return <Root>Users</Root>;
+}
+
+export default Users;
--- a/frontend/src/tabler.css
+++ b/frontend/src/tabler.css
@@ -1,2 +0,0 @@
-@charset "UTF-8";
-@import url("https://unpkg.com/@tabler/core@1.0.0-beta3/dist/css/tabler.min.css");
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -1343,6 +1343,20 @@
  dependencies:
    "@hapi/hoek" "^8.3.0"

+"@humanwhocodes/config-array@^0.5.0":
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.5.0.tgz#1407967d4c6eecd7388f83acf1eaf4d0c6e58ef9"
+  integrity sha512-FagtKFz74XrTl7y6HCzQpwDfXP0yhxe9lHLD1UZxjvZIcbyRz8zTFF/yYNfSfzU414eDwZ1SrO0Qvtyf+wFMQg==
+  dependencies:
+    "@humanwhocodes/object-schema" "^1.2.0"
+    debug "^4.1.1"
+    minimatch "^3.0.4"
+
+"@humanwhocodes/object-schema@^1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-1.2.0.tgz#87de7af9c231826fdd68ac7258f77c429e0e5fcf"
+  integrity sha512-wdppn25U8z/2yiaT6YGquE6X8sSv7hNMWSXYSSU1jGv/yd6XqjXgTDJ8KP4NgjTXfJ3GbRjeeb8RTV7a/VpM+w==
+
 "@istanbuljs/load-nyc-config@^1.0.0":
  version "1.1.0"
  resolved "https://registry.yarnpkg.com/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz#fd3db1d59ecf7cf121e80650bb86712f9b55eced"
@@ -1530,6 +1544,17 @@
    "@types/yargs" "^15.0.0"
    chalk "^4.0.0"

+"@jest/types@^27.0.6":
+  version "27.0.6"
+  resolved "https://registry.yarnpkg.com/@jest/types/-/types-27.0.6.tgz#9a992bc517e0c49f035938b8549719c2de40706b"
+  integrity sha512-aSquT1qa9Pik26JK5/3rvnYb4bGtm1VFNesHKmNTwmPIgOrixvhL2ghIvFRNEpzy3gU+rUgjIF/KodbkFAl++g==
+  dependencies:
+    "@types/istanbul-lib-coverage" "^2.0.0"
+    "@types/istanbul-reports" "^3.0.0"
+    "@types/node" "*"
+    "@types/yargs" "^16.0.0"
+    chalk "^4.0.0"
+
 "@nodelib/fs.scandir@2.1.4":
  version "2.1.4"
  resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.4.tgz#d4b3549a5db5de2683e0c1071ab4f140904bbf69"
@@ -1724,24 +1749,24 @@
    "@svgr/plugin-svgo" "^5.5.0"
    loader-utils "^2.0.0"

-"@testing-library/dom@^7.28.1":
-  version "7.29.4"
-  resolved "https://registry.yarnpkg.com/@testing-library/dom/-/dom-7.29.4.tgz#1647c2b478789621ead7a50614ad81ab5ae5b86c"
-  integrity sha512-CtrJRiSYEfbtNGtEsd78mk1n1v2TUbeABlNIcOCJdDfkN5/JTOwQEbbQpoSRxGqzcWPgStMvJ4mNolSuBRv1NA==
+"@testing-library/dom@^8.0.0":
+  version "8.1.0"
+  resolved "https://registry.yarnpkg.com/@testing-library/dom/-/dom-8.1.0.tgz#f8358b1883844ea569ba76b7e94582168df5370d"
+  integrity sha512-kmW9alndr19qd6DABzQ978zKQ+J65gU2Rzkl8hriIetPnwpesRaK4//jEQyYh8fEALmGhomD/LBQqt+o+DL95Q==
  dependencies:
    "@babel/code-frame" "^7.10.4"
    "@babel/runtime" "^7.12.5"
    "@types/aria-query" "^4.2.0"
    aria-query "^4.2.2"
    chalk "^4.1.0"
-    dom-accessibility-api "^0.5.4"
+    dom-accessibility-api "^0.5.6"
    lz-string "^1.4.4"
-    pretty-format "^26.6.2"
+    pretty-format "^27.0.2"

-"@testing-library/jest-dom@5.12.0":
-  version "5.12.0"
-  resolved "https://registry.yarnpkg.com/@testing-library/jest-dom/-/jest-dom-5.12.0.tgz#6a5d340b092c44b7bce17a4791b47d9bc2c61443"
-  integrity sha512-N9Y82b2Z3j6wzIoAqajlKVF1Zt7sOH0pPee0sUHXHc5cv2Fdn23r+vpWm0MBBoGJtPOly5+Bdx1lnc3CD+A+ow==
+"@testing-library/jest-dom@5.14.1":
+  version "5.14.1"
+  resolved "https://registry.yarnpkg.com/@testing-library/jest-dom/-/jest-dom-5.14.1.tgz#8501e16f1e55a55d675fe73eecee32cdaddb9766"
+  integrity sha512-dfB7HVIgTNCxH22M1+KU6viG5of2ldoA5ly8Ar8xkezKHKXjRvznCdbMbqjYGgO2xjRbwnR+rR8MLUIqF3kKbQ==
  dependencies:
    "@babel/runtime" "^7.9.2"
    "@types/testing-library__jest-dom" "^5.9.1"
@@ -1749,16 +1774,17 @@
    chalk "^3.0.0"
    css "^3.0.0"
    css.escape "^1.5.1"
+    dom-accessibility-api "^0.5.6"
    lodash "^4.17.15"
    redent "^3.0.0"

-"@testing-library/react@11.2.7":
-  version "11.2.7"
-  resolved "https://registry.yarnpkg.com/@testing-library/react/-/react-11.2.7.tgz#b29e2e95c6765c815786c0bc1d5aed9cb2bf7818"
-  integrity sha512-tzRNp7pzd5QmbtXNG/mhdcl7Awfu/Iz1RaVHY75zTdOkmHCuzMhRL83gWHSgOAcjS3CCbyfwUHMZgRJb4kAfpA==
+"@testing-library/react@12.0.0":
+  version "12.0.0"
+  resolved "https://registry.yarnpkg.com/@testing-library/react/-/react-12.0.0.tgz#9aeb2264521522ab9b68f519eaf15136148f164a"
+  integrity sha512-sh3jhFgEshFyJ/0IxGltRhwZv2kFKfJ3fN1vTZ6hhMXzz9ZbbcTgmDYM4e+zJv+oiVKKEWZPyqPAh4MQBI65gA==
  dependencies:
    "@babel/runtime" "^7.12.5"
-    "@testing-library/dom" "^7.28.1"
+    "@testing-library/dom" "^8.0.0"

 "@types/anymatch@*":
  version "1.3.1"
@@ -1803,6 +1829,13 @@
  dependencies:
    "@babel/types" "^7.3.0"

+"@types/classnames@^2.2.11":
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/@types/classnames/-/classnames-2.3.1.tgz#3c2467aa0f1a93f1f021e3b9bcf938bd5dfdc0dd"
+  integrity sha512-zeOWb0JGBoVmlQoznvqXbE0tEC/HONsnoUNH19Hc96NFsTAwTXbTqb8FMYkru1F/iqp7a18Ws3nWJvtA1sHD1A==
+  dependencies:
+    classnames "*"
+
 "@types/eslint@^7.2.6":
  version "7.2.6"
  resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-7.2.6.tgz#5e9aff555a975596c03a98b59ecd103decc70c3c"
@@ -1904,10 +1937,10 @@
  resolved "https://registry.yarnpkg.com/@types/json5/-/json5-0.0.29.tgz#ee28707ae94e11d2b827bcbe5270bcea7f3e71ee"
  integrity sha1-7ihweulOEdK4J7y+UnC86n8+ce4=

-"@types/lodash@4.14.169":
-  version "4.14.169"
-  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.169.tgz#83c217688f07a4d9ef8f28a3ebd1d318f6ff4cbb"
-  integrity sha512-DvmZHoHTFJ8zhVYwCLWbQ7uAbYQEk52Ev2/ZiQ7Y7gQGeV9pjBqjnQpECMHfKS1rCYAhMI7LHVxwyZLZinJgdw==
+"@types/lodash@4.14.170":
+  version "4.14.170"
+  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.170.tgz#0d67711d4bf7f4ca5147e9091b847479b87925d6"
+  integrity sha512-bpcvu/MKHHeYX+qeEN8GE7DIravODWdACVA1ctevD8CN24RhPZIKMn9ntfAsrvLfSX3cR5RrBKAbYm9bGs0A+Q==

 "@types/minimatch@*":
  version "3.0.3"
@@ -1919,10 +1952,10 @@
  resolved "https://registry.yarnpkg.com/@types/node/-/node-14.14.25.tgz#15967a7b577ff81383f9b888aa6705d43fbbae93"
  integrity sha512-EPpXLOVqDvisVxtlbvzfyqSsFeQxltFbluZNRndIb8tr9KiBnYNLzrc1N3pyKUCww2RNrfHDViqDWWE1LCJQtQ==

-"@types/node@15.3.0":
-  version "15.3.0"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-15.3.0.tgz#d6fed7d6bc6854306da3dea1af9f874b00783e26"
-  integrity sha512-8/bnjSZD86ZfpBsDlCIkNXIvm+h6wi9g7IqL+kmFkQ+Wvu3JrasgLElfiPgoo8V8vVfnEi0QVS12gbl94h9YsQ==
+"@types/node@16.0.0":
+  version "16.0.0"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-16.0.0.tgz#067a6c49dc7a5c2412a505628e26902ae967bf6f"
+  integrity sha512-TmCW5HoZ2o2/z2EYi109jLqIaPIi9y/lc2LmDCWzuCi35bcaQ+OtUh6nwBiFK7SOu25FAU5+YKdqFZUwtqGSdg==

 "@types/normalize-package-data@^2.4.0":
  version "2.4.0"
@@ -1949,10 +1982,10 @@
  resolved "https://registry.yarnpkg.com/@types/q/-/q-1.5.4.tgz#15925414e0ad2cd765bfef58842f7e26a7accb24"
  integrity sha512-1HcDas8SEj4z1Wc696tH56G8OlRaH/sqZOynNNB+HF0WOeXPaxTtbYzJY2oEfiUxjSKjhCKr+MvR7dCHcEelug==

-"@types/react-dom@17.0.5":
-  version "17.0.5"
-  resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-17.0.5.tgz#df44eed5b8d9e0b13bb0cd38e0ea6572a1231227"
-  integrity sha512-ikqukEhH4H9gr4iJCmQVNzTB307kROe3XFfHAOTxOXPOw7lAoEXnM5KWTkzeANGL5Ce6ABfiMl/zJBYNi7ObmQ==
+"@types/react-dom@17.0.8":
+  version "17.0.8"
+  resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-17.0.8.tgz#3180de6d79bf53762001ad854e3ce49f36dd71fc"
+  integrity sha512-0ohAiJAx1DAUEcY9UopnfwCE9sSMDGnY/oXjWMax6g3RpzmTt2GMyMVAXcbn0mo8XAff0SbQJl2/SBU+hjSZ1A==
  dependencies:
    "@types/react" "*"

@@ -1981,10 +2014,10 @@
    "@types/prop-types" "*"
    csstype "^3.0.2"

-"@types/react@17.0.5":
-  version "17.0.5"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.5.tgz#3d887570c4489011f75a3fc8f965bf87d09a1bea"
-  integrity sha512-bj4biDB9ZJmGAYTWSKJly6bMr4BLUiBrx9ujiJEoP9XIDY9CTaPGxE5QWN/1WjpPLzYF7/jRNnV2nNxNe970sw==
+"@types/react@17.0.13":
+  version "17.0.13"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.13.tgz#6b7c9a8f2868586ad87d941c02337c6888fb874f"
+  integrity sha512-D/G3PiuqTfE3IMNjLn/DCp6umjVCSvtZTPdtAFy5+Ved6CsdRvivfKeCzw79W4AatShtU4nGqgvOv5Gro534vQ==
  dependencies:
    "@types/prop-types" "*"
    "@types/scheduler" "*"
@@ -2012,10 +2045,10 @@
  resolved "https://registry.yarnpkg.com/@types/stack-utils/-/stack-utils-2.0.0.tgz#7036640b4e21cc2f259ae826ce843d277dad8cff"
  integrity sha512-RJJrrySY7A8havqpGObOB4W92QXKJo63/jFLLgpvOtsGUqbQZ9Sbgl35KMm1DjC6j7AvmmU2bIno+3IyEaemaw==

-"@types/styled-components@5.1.9":
-  version "5.1.9"
-  resolved "https://registry.yarnpkg.com/@types/styled-components/-/styled-components-5.1.9.tgz#00d3d84b501420521c4db727e3c195459f87a6cf"
-  integrity sha512-kbEG6YlwK8rucITpKEr6pA4Ho9KSQHUUOzZ9lY3va1mtcjvS3D0wDciFyHEiNHKLL/npZCKDQJqm0x44sPO9oA==
+"@types/styled-components@5.1.11":
+  version "5.1.11"
+  resolved "https://registry.yarnpkg.com/@types/styled-components/-/styled-components-5.1.11.tgz#a3a1bc0f2cdad7318d8ce219ee507e6b353503b5"
+  integrity sha512-u8g3bSw9KUiZY+S++gh+LlURGraqBe3MC5I5dygrNjGDHWWQfsmZZRTJ9K9oHU2CqWtxChWmJkDI/gp+TZPQMw==
  dependencies:
    "@types/hoist-non-react-statics" "*"
    "@types/react" "*"
@@ -2073,16 +2106,22 @@
  dependencies:
    "@types/yargs-parser" "*"

-"@typescript-eslint/eslint-plugin@^4.23.0":
-  version "4.26.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-4.26.0.tgz#12bbd6ebd5e7fabd32e48e1e60efa1f3554a3242"
-  integrity sha512-yA7IWp+5Qqf+TLbd8b35ySFOFzUfL7i+4If50EqvjT6w35X8Lv0eBHb6rATeWmucks37w+zV+tWnOXI9JlG6Eg==
+"@types/yargs@^16.0.0":
+  version "16.0.4"
+  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-16.0.4.tgz#26aad98dd2c2a38e421086ea9ad42b9e51642977"
+  integrity sha512-T8Yc9wt/5LbJyCaLiHPReJa0kApcIgJ7Bn735GjItUfh08Z1pJvu8QZqb9s+mMvKV6WUQRV7K2R46YbjMXTTJw==
  dependencies:
-    "@typescript-eslint/experimental-utils" "4.26.0"
-    "@typescript-eslint/scope-manager" "4.26.0"
+    "@types/yargs-parser" "*"
+
+"@typescript-eslint/eslint-plugin@^4.28.1":
+  version "4.28.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-4.28.1.tgz#c045e440196ae45464e08e20c38aff5c3a825947"
+  integrity sha512-9yfcNpDaNGQ6/LQOX/KhUFTR1sCKH+PBr234k6hI9XJ0VP5UqGxap0AnNwBnWFk1MNyWBylJH9ZkzBXC+5akZQ==
+  dependencies:
+    "@typescript-eslint/experimental-utils" "4.28.1"
+    "@typescript-eslint/scope-manager" "4.28.1"
    debug "^4.3.1"
    functional-red-black-tree "^1.0.1"
-    lodash "^4.17.21"
    regexpp "^3.1.0"
    semver "^7.3.5"
    tsutils "^3.21.0"
@@ -2113,15 +2152,15 @@
    eslint-scope "^5.0.0"
    eslint-utils "^2.0.0"

-"@typescript-eslint/experimental-utils@4.26.0":
-  version "4.26.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-4.26.0.tgz#ba7848b3f088659cdf71bce22454795fc55be99a"
-  integrity sha512-TH2FO2rdDm7AWfAVRB5RSlbUhWxGVuxPNzGT7W65zVfl8H/WeXTk1e69IrcEVsBslrQSTDKQSaJD89hwKrhdkw==
+"@typescript-eslint/experimental-utils@4.28.1":
+  version "4.28.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-4.28.1.tgz#3869489dcca3c18523c46018b8996e15948dbadc"
+  integrity sha512-n8/ggadrZ+uyrfrSEchx3jgODdmcx7MzVM2sI3cTpI/YlfSm0+9HEUaWw3aQn2urL2KYlWYMDgn45iLfjDYB+Q==
  dependencies:
    "@types/json-schema" "^7.0.7"
-    "@typescript-eslint/scope-manager" "4.26.0"
-    "@typescript-eslint/types" "4.26.0"
-    "@typescript-eslint/typescript-estree" "4.26.0"
+    "@typescript-eslint/scope-manager" "4.28.1"
+    "@typescript-eslint/types" "4.28.1"
+    "@typescript-eslint/typescript-estree" "4.28.1"
    eslint-scope "^5.1.1"
    eslint-utils "^3.0.0"

@@ -2136,14 +2175,14 @@
    eslint-scope "^5.0.0"
    eslint-utils "^2.0.0"

-"@typescript-eslint/parser@^4.23.0":
-  version "4.26.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-4.26.0.tgz#31b6b732c9454f757b020dab9b6754112aa5eeaf"
-  integrity sha512-b4jekVJG9FfmjUfmM4VoOItQhPlnt6MPOBUL0AQbiTmm+SSpSdhHYlwayOm4IW9KLI/4/cRKtQCmDl1oE2OlPg==
+"@typescript-eslint/parser@^4.28.1":
+  version "4.28.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-4.28.1.tgz#5181b81658414f47291452c15bf6cd44a32f85bd"
+  integrity sha512-UjrMsgnhQIIK82hXGaD+MCN8IfORS1CbMdu7VlZbYa8LCZtbZjJA26De4IPQB7XYZbL8gJ99KWNj0l6WD0guJg==
  dependencies:
-    "@typescript-eslint/scope-manager" "4.26.0"
-    "@typescript-eslint/types" "4.26.0"
-    "@typescript-eslint/typescript-estree" "4.26.0"
+    "@typescript-eslint/scope-manager" "4.28.1"
+    "@typescript-eslint/types" "4.28.1"
+    "@typescript-eslint/typescript-estree" "4.28.1"
    debug "^4.3.1"

 "@typescript-eslint/parser@^4.5.0":
@@ -2164,13 +2203,13 @@
    "@typescript-eslint/types" "4.15.0"
    "@typescript-eslint/visitor-keys" "4.15.0"

-"@typescript-eslint/scope-manager@4.26.0":
-  version "4.26.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-4.26.0.tgz#60d1a71df162404e954b9d1c6343ff3bee496194"
-  integrity sha512-G6xB6mMo4xVxwMt5lEsNTz3x4qGDt0NSGmTBNBPJxNsrTXJSm21c6raeYroS2OwQsOyIXqKZv266L/Gln1BWqg==
+"@typescript-eslint/scope-manager@4.28.1":
+  version "4.28.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-4.28.1.tgz#fd3c20627cdc12933f6d98b386940d8d0ce8a991"
+  integrity sha512-o95bvGKfss6705x7jFGDyS7trAORTy57lwJ+VsYwil/lOUxKQ9tA7Suuq+ciMhJc/1qPwB3XE2DKh9wubW8YYA==
  dependencies:
-    "@typescript-eslint/types" "4.26.0"
-    "@typescript-eslint/visitor-keys" "4.26.0"
+    "@typescript-eslint/types" "4.28.1"
+    "@typescript-eslint/visitor-keys" "4.28.1"

 "@typescript-eslint/types@3.10.1":
  version "3.10.1"
@@ -2182,10 +2221,10 @@
  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-4.15.0.tgz#3011ae1ac3299bb9a5ac56bdd297cccf679d3662"
  integrity sha512-su4RHkJhS+iFwyqyXHcS8EGPlUVoC+XREfy5daivjLur9JP8GhvTmDipuRpcujtGC4M+GYhUOJCPDE3rC5NJrg==

-"@typescript-eslint/types@4.26.0":
-  version "4.26.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-4.26.0.tgz#7c6732c0414f0a69595f4f846ebe12616243d546"
-  integrity sha512-rADNgXl1kS/EKnDr3G+m7fB9yeJNnR9kF7xMiXL6mSIWpr3Wg5MhxyfEXy/IlYthsqwBqHOr22boFbf/u6O88A==
+"@typescript-eslint/types@4.28.1":
+  version "4.28.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-4.28.1.tgz#d0f2ecbef3684634db357b9bbfc97b94b828f83f"
+  integrity sha512-4z+knEihcyX7blAGi7O3Fm3O6YRCP+r56NJFMNGsmtdw+NCdpG5SgNz427LS9nQkRVTswZLhz484hakQwB8RRg==

 "@typescript-eslint/typescript-estree@3.10.1":
  version "3.10.1"
@@ -2214,13 +2253,13 @@
    semver "^7.3.2"
    tsutils "^3.17.1"

-"@typescript-eslint/typescript-estree@4.26.0":
-  version "4.26.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-4.26.0.tgz#aea17a40e62dc31c63d5b1bbe9a75783f2ce7109"
-  integrity sha512-GHUgahPcm9GfBuy3TzdsizCcPjKOAauG9xkz9TR8kOdssz2Iz9jRCSQm6+aVFa23d5NcSpo1GdHGSQKe0tlcbg==
+"@typescript-eslint/typescript-estree@4.28.1":
+  version "4.28.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-4.28.1.tgz#af882ae41740d1f268e38b4d0fad21e7e8d86a81"
+  integrity sha512-GhKxmC4sHXxHGJv8e8egAZeTZ6HI4mLU6S7FUzvFOtsk7ZIDN1ksA9r9DyOgNqowA9yAtZXV0Uiap61bIO81FQ==
  dependencies:
-    "@typescript-eslint/types" "4.26.0"
-    "@typescript-eslint/visitor-keys" "4.26.0"
+    "@typescript-eslint/types" "4.28.1"
+    "@typescript-eslint/visitor-keys" "4.28.1"
    debug "^4.3.1"
    globby "^11.0.3"
    is-glob "^4.0.1"
@@ -2242,12 +2281,12 @@
    "@typescript-eslint/types" "4.15.0"
    eslint-visitor-keys "^2.0.0"

-"@typescript-eslint/visitor-keys@4.26.0":
-  version "4.26.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-4.26.0.tgz#26d2583169222815be4dcd1da4fe5459bc3bcc23"
-  integrity sha512-cw4j8lH38V1ycGBbF+aFiLUls9Z0Bw8QschP3mkth50BbWzgFS33ISIgBzUMuQ2IdahoEv/rXstr8Zhlz4B1Zg==
+"@typescript-eslint/visitor-keys@4.28.1":
+  version "4.28.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-4.28.1.tgz#162a515ee255f18a6068edc26df793cdc1ec9157"
+  integrity sha512-K4HMrdFqr9PFquPu178SaSb92CaWe2yErXyPumc8cYWxFmhgJsNY9eSePmO05j0JhBvf2Cdhptd6E6Yv9HVHcg==
  dependencies:
-    "@typescript-eslint/types" "4.26.0"
+    "@typescript-eslint/types" "4.28.1"
    eslint-visitor-keys "^2.0.0"

 "@webassemblyjs/ast@1.9.0":
@@ -2583,6 +2622,11 @@ ansi-styles@^4.0.0, ansi-styles@^4.1.0:
  dependencies:
    color-convert "^2.0.1"

+ansi-styles@^5.0.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-5.2.0.tgz#07449690ad45777d1924ac2abb2fc8895dba836b"
+  integrity sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==
+
 anymatch@^2.0.0:
  version "2.0.0"
  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-2.0.0.tgz#bcb24b4f37934d9aa7ac17b4adaf89e7c76ef2eb"
@@ -3602,6 +3646,11 @@ class-utils@^0.3.5:
    isobject "^3.0.0"
    static-extend "^0.1.1"

+classnames@*, classnames@^2.2.6:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.3.1.tgz#dfcfa3891e306ec1dad105d0e88f4417b8535e8e"
+  integrity sha512-OlQdbZ7gLfGarSqxesMesDa5uz7KFbID8Kpq/SxIoNGDqY8lSYs0D+hhtBXhcdB3rcbXArFr7vlHheLk1voeNA==
+
 clean-css@^4.2.3:
  version "4.2.3"
  resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-4.2.3.tgz#507b5de7d97b48ee53d84adb0160ff6216380f78"
@@ -4293,10 +4342,10 @@ data-urls@^2.0.0:
    whatwg-mimetype "^2.3.0"
    whatwg-url "^8.0.0"

-date-fns@2.21.3:
-  version "2.21.3"
-  resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-2.21.3.tgz#8f5f6889d7a96bbcc1f0ea50239b397a83357f9b"
-  integrity sha512-HeYdzCaFflc1i4tGbj7JKMjM4cKGYoyxwcIIkHzNgCkX8xXDNJDZXgDDVchIWpN4eQc3lH37WarduXFZJOtxfw==
+date-fns@2.22.1:
+  version "2.22.1"
+  resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-2.22.1.tgz#1e5af959831ebb1d82992bf67b765052d8f0efc4"
+  integrity sha512-yUFPQjrxEmIsMqlHhAhmxkuH769baF21Kk+nZwZGyrMoyLA+LugaQtC0+Tqf9CBUUULWwUJt6Q5ySI3LJDDCGg==

 debug@2.6.9, debug@^2.2.0, debug@^2.3.3, debug@^2.6.0, debug@^2.6.9:
  version "2.6.9"
@@ -4520,10 +4569,10 @@ doctrine@^3.0.0:
  dependencies:
    esutils "^2.0.2"

-dom-accessibility-api@^0.5.4:
-  version "0.5.4"
-  resolved "https://registry.yarnpkg.com/dom-accessibility-api/-/dom-accessibility-api-0.5.4.tgz#b06d059cdd4a4ad9a79275f9d414a5c126241166"
-  integrity sha512-TvrjBckDy2c6v6RLxPv5QXOnU+SmF9nBII5621Ve5fu6Z/BDrENurBEvlC1f44lKEUVqOpK4w9E5Idc5/EgkLQ==
+dom-accessibility-api@^0.5.6:
+  version "0.5.6"
+  resolved "https://registry.yarnpkg.com/dom-accessibility-api/-/dom-accessibility-api-0.5.6.tgz#3f5d43b52c7a3bd68b5fb63fa47b4e4c1fdf65a9"
+  integrity sha512-DplGLZd8L1lN64jlT27N9TVSESFR5STaEJvX+thCby7fuCHonfPpAlodYc3vuUYbDuDec5w8AMP7oCM5TWFsqw==

 dom-converter@^0.2:
  version "0.2.0"
@@ -4955,10 +5004,10 @@ eslint-plugin-flowtype@^5.2.0:
    lodash "^4.17.15"
    string-natural-compare "^3.0.1"

-eslint-plugin-flowtype@^5.7.2:
-  version "5.7.2"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-flowtype/-/eslint-plugin-flowtype-5.7.2.tgz#482a42fe5d15ee614652ed256d37543d584d7bc0"
-  integrity sha512-7Oq/N0+3nijBnYWQYzz/Mp/7ZCpwxYvClRyW/PLAmimY9uLCBvoXsNsERcJdkKceyOjgRbFhhxs058KTrne9Mg==
+eslint-plugin-flowtype@^5.8.0:
+  version "5.8.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-flowtype/-/eslint-plugin-flowtype-5.8.0.tgz#35b55e4ce559b90efbe913ed33630e391e301481"
+  integrity sha512-feK1xnUTsMSNTOw9jFw7aVgZl7Ep+ghpta/YEoaV6jbXU6Yso30B7BIj9ObHLzZ5TFJL7D98az080wfykLCrcw==
  dependencies:
    lodash "^4.17.15"
    string-natural-compare "^3.0.1"
@@ -4982,7 +5031,7 @@ eslint-plugin-import@^2.22.1:
    resolve "^1.17.0"
    tsconfig-paths "^3.9.0"

-eslint-plugin-import@^2.23.2:
+eslint-plugin-import@^2.23.4:
  version "2.23.4"
  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.23.4.tgz#8dceb1ed6b73e46e50ec9a5bb2411b645e7d3d97"
  integrity sha512-6/wP8zZRsnQFiR3iaPFgh5ImVRM1WN5NUWfTIRqwOdeiGJlBcSk82o1FEVq8yXmy4lkIzTo7YhHCIxlU/2HyEQ==
@@ -5056,7 +5105,7 @@ eslint-plugin-react@^7.21.5:
    resolve "^1.18.1"
    string.prototype.matchall "^4.0.2"

-eslint-plugin-react@^7.23.2:
+eslint-plugin-react@^7.24.0:
  version "7.24.0"
  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.24.0.tgz#eadedfa351a6f36b490aa17f4fa9b14e842b9eb4"
  integrity sha512-KJJIx2SYx7PBx3ONe/mEeMz4YE0Lcr7feJTCMyyKb/341NcjuAgim3Acgan89GfPv7nxXK2+0slu0CWXYM4x+Q==
@@ -5176,13 +5225,14 @@ eslint@^7.11.0:
    text-table "^0.2.0"
    v8-compile-cache "^2.0.3"

-eslint@^7.26.0:
-  version "7.28.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-7.28.0.tgz#435aa17a0b82c13bb2be9d51408b617e49c1e820"
-  integrity sha512-UMfH0VSjP0G4p3EWirscJEQ/cHqnT/iuH6oNZOB94nBjWbMnhGEPxsZm1eyIW0C/9jLI0Fow4W5DXLjEI7mn1g==
+eslint@^7.30.0:
+  version "7.30.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-7.30.0.tgz#6d34ab51aaa56112fd97166226c9a97f505474f8"
+  integrity sha512-VLqz80i3as3NdloY44BQSJpFw534L9Oh+6zJOUaViV4JPd+DaHwutqP7tcpkW3YiXbK6s05RZl7yl7cQn+lijg==
  dependencies:
    "@babel/code-frame" "7.12.11"
    "@eslint/eslintrc" "^0.4.2"
+    "@humanwhocodes/config-array" "^0.5.0"
    ajv "^6.10.0"
    chalk "^4.0.0"
    cross-spawn "^7.0.2"
@@ -7188,14 +7238,14 @@ jest-jasmine2@^26.6.3:
    pretty-format "^26.6.2"
    throat "^5.0.0"

-jest-junit@^12.0.0:
-  version "12.0.0"
-  resolved "https://registry.yarnpkg.com/jest-junit/-/jest-junit-12.0.0.tgz#3ebd4a6a84b50c4ab18323a8f7d9cceb9d845df6"
-  integrity sha512-+8K35LlboWiPuCnXSyiid7rFdxNlpCWWM20WEYe6IZH6psfUWKZmSpSRQ5tk0C0cBeDsvsnIzcef5mYhyJsbug==
+jest-junit@^12.2.0:
+  version "12.2.0"
+  resolved "https://registry.yarnpkg.com/jest-junit/-/jest-junit-12.2.0.tgz#cff7f9516e84f8e30f6bdea04cd84db6b095a376"
+  integrity sha512-ecGzF3KEQwLbMP5xMO7wqmgmyZlY/5yWDvgE/vFa+/uIT0KsU5nluf0D2fjIlOKB+tb6DiuSSpZuGpsmwbf7Fw==
  dependencies:
    mkdirp "^1.0.4"
    strip-ansi "^5.2.0"
-    uuid "^3.3.3"
+    uuid "^8.3.2"
    xml "^1.0.1"

 jest-leak-detector@^26.6.2:
@@ -7206,10 +7256,10 @@ jest-leak-detector@^26.6.2:
    jest-get-type "^26.3.0"
    pretty-format "^26.6.2"

-jest-localstorage-mock@2.4.12:
-  version "2.4.12"
-  resolved "https://registry.yarnpkg.com/jest-localstorage-mock/-/jest-localstorage-mock-2.4.12.tgz#113d5ee5328b62d033d672d4594da484e8973644"
-  integrity sha512-J4ODx0RvWhD9+S3vvDN4Lc1/1BujuFW/OeMKo870c5h7W/AA6EDPdWv69QLN0iZdb21dDYJasIRyJHiToHkj0g==
+jest-localstorage-mock@2.4.14:
+  version "2.4.14"
+  resolved "https://registry.yarnpkg.com/jest-localstorage-mock/-/jest-localstorage-mock-2.4.14.tgz#f42f2ce66ac2675955d537c99f93cff807967d0f"
+  integrity sha512-B+Y0y3J4wBOHdmcFSicWmVYMFAZFbJvjs1EfRIzUJRg2UAK+YVVUgTn7/MdjENey5xbBKmraBmKY5EX+x1NJXA==

 jest-matcher-utils@^26.6.0, jest-matcher-utils@^26.6.2:
  version "26.6.2"
@@ -7291,10 +7341,10 @@ jest-resolve@^26.6.2:
    resolve "^1.18.1"
    slash "^3.0.0"

-jest-runner-eslint@0.10.0:
-  version "0.10.0"
-  resolved "https://registry.yarnpkg.com/jest-runner-eslint/-/jest-runner-eslint-0.10.0.tgz#5d7197d1e982b2cceea9e65f078dc371cc4a9815"
-  integrity sha512-XXKz2hMLGvyH50i29UcNQDQY2Sj1hLuCn7H3otMdeOB2LOzdHXXif3RXX+8m/eAewflB5RqqqlF1K7FozYZKrg==
+jest-runner-eslint@0.10.1:
+  version "0.10.1"
+  resolved "https://registry.yarnpkg.com/jest-runner-eslint/-/jest-runner-eslint-0.10.1.tgz#f76eacb51154736d53d64eb195cc8a82f02caf12"
+  integrity sha512-3HiDDWwJfXksVUkpDIHphwPkXYtaKFCBjufTz3aR4b6WqSl31WECmTGFqhkfWzQdEACShO6WkKjBj/gSfgLsqQ==
  dependencies:
    chalk "^3.0.0"
    cosmiconfig "^6.0.0"
@@ -7852,7 +7902,7 @@ lodash.uniq@^4.5.0:
  resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
  integrity sha1-0CJTc662Uq3BvILklFM5qEJ1R3M=

-lodash@4.17.21, lodash@^4.17.21:
+lodash@4.17.21:
  version "4.17.21"
  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
  integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
@@ -9823,10 +9873,10 @@ prettier-linter-helpers@^1.0.0:
  dependencies:
    fast-diff "^1.1.2"

-prettier@2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.3.0.tgz#b6a5bf1284026ae640f17f7ff5658a7567fc0d18"
-  integrity sha512-kXtO4s0Lz/DW/IJ9QdWhAf7/NmPWQXkFr/r/WkR3vyI+0v8amTDxiaQSLzs8NBlytfLWX/7uQUMIW677yLKl4w==
+prettier@2.3.2:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.3.2.tgz#ef280a05ec253712e486233db5c6f23441e7342d"
+  integrity sha512-lnJzDfJ66zkMy58OL5/NY5zp70S7Nz6KqcKkXYzn2tMVrNxvbqaBpg7H3qHaLxCJ5lNMsGuM8+ohS7cZrthdLQ==

 pretty-bytes@^5.3.0:
  version "5.5.0"
@@ -9851,6 +9901,16 @@ pretty-format@^26.0.0, pretty-format@^26.6.0, pretty-format@^26.6.2:
    ansi-styles "^4.0.0"
    react-is "^17.0.1"

+pretty-format@^27.0.2:
+  version "27.0.6"
+  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-27.0.6.tgz#ab770c47b2c6f893a21aefc57b75da63ef49a11f"
+  integrity sha512-8tGD7gBIENgzqA+UBzObyWqQ5B778VIFZA/S66cclyd5YkFLYs2Js7gxDKf0MXtTc9zcS7t1xhdfcElJ3YIvkQ==
+  dependencies:
+    "@jest/types" "^27.0.6"
+    ansi-regex "^5.0.0"
+    ansi-styles "^5.0.0"
+    react-is "^17.0.1"
+
 process-nextick-args@~2.0.0:
  version "2.0.1"
  resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
@@ -9985,10 +10045,10 @@ qs@~6.5.2:
  resolved "https://registry.yarnpkg.com/qs/-/qs-6.5.2.tgz#cb3ae806e8740444584ef154ce8ee98d403f3e36"
  integrity sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==

-query-string@7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/query-string/-/query-string-7.0.0.tgz#aaad2c8d5c6a6d0c6afada877fecbd56af79e609"
-  integrity sha512-Iy7moLybliR5ZgrK/1R3vjrXq03S13Vz4Rbm5Jg3EFq1LUmQppto0qtXz4vqZ386MSRjZgnTSZ9QC+NZOSd/XA==
+query-string@7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/query-string/-/query-string-7.0.1.tgz#45bd149cf586aaa582dffc7ec7a8ad97dd02f75d"
+  integrity sha512-uIw3iRvHnk9to1blJCG3BTc+Ro56CBowJXKmNNAm3RulvPBzWLRqKSiiDk+IplJhsydwtuNMHi8UGQFcCLVfkA==
  dependencies:
    decode-uri-component "^0.2.0"
    filter-obj "^1.1.0"
@@ -11719,6 +11779,19 @@ table@^6.0.9:
    string-width "^4.2.0"
    strip-ansi "^6.0.0"

+tabler-icons-react@^1.35.0:
+  version "1.35.0"
+  resolved "https://registry.yarnpkg.com/tabler-icons-react/-/tabler-icons-react-1.35.0.tgz#b4e7f8da632314d002aa5e34931f2f824395b77c"
+  integrity sha512-WiJ+dYQ71HCsxKAQpCfPrFVwSfqE6CByYFjq9Gzikmp2RijJBsNpj0sE/T5G0H+nERS9odjAWJoSryvr4FymFg==
+
+tabler-react-typescript@^0.0.4:
+  version "0.0.4"
+  resolved "https://registry.yarnpkg.com/tabler-react-typescript/-/tabler-react-typescript-0.0.4.tgz#b40ee7faef743f5d5af6cdf098d3376cdb71989e"
+  integrity sha512-l/OoB4zQ3+u4xVxARw+1HqaHO13wDYlQIvjFyvs6Sdk7Vdys0sAc/EzN9hxWg5ywRNM+mGwt5+fVHXiuYAcD7g==
+  dependencies:
+    "@types/classnames" "^2.2.11"
+    classnames "^2.2.6"
+
 tabler-react@^2.0.0-alpha.1:
  version "2.0.0-alpha.1"
  resolved "https://registry.yarnpkg.com/tabler-react/-/tabler-react-2.0.0-alpha.1.tgz#67b0f7976357fd3c9d46358ce07c000001453ef4"
@@ -12088,10 +12161,10 @@ typedarray@^0.0.6:
  resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
  integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=

-typescript@^4.2.4:
-  version "4.3.2"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.3.2.tgz#399ab18aac45802d6f2498de5054fcbbe716a805"
-  integrity sha512-zZ4hShnmnoVnAHpVHWpTcxdv7dWP60S2FsydQLV8V5PbS3FifjWFFRiHSWpDJahly88PRyV5teTSLoq4eG7mKw==
+typescript@^4.3.5:
+  version "4.3.5"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.3.5.tgz#4d1c37cc16e893973c45a06886b7113234f119f4"
+  integrity sha512-DqQgihaQ9cUrskJo9kIyW/+g0Vxsk8cDtZ52a3NGh0YNTfpUSArXSohyUGnvbPazEPLu398C0UxmKSOrPumUzA==

 unbox-primitive@^1.0.0, unbox-primitive@^1.0.1:
  version "1.0.1"
@@ -12297,12 +12370,12 @@ utils-merge@1.0.1:
  resolved "https://registry.yarnpkg.com/utils-merge/-/utils-merge-1.0.1.tgz#9f95710f50a267947b2ccc124741c1028427e713"
  integrity sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=

-uuid@^3.3.2, uuid@^3.3.3, uuid@^3.4.0:
+uuid@^3.3.2, uuid@^3.4.0:
  version "3.4.0"
  resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.4.0.tgz#b23e4358afa8a202fe7a100af1f5f883f02007ee"
  integrity sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==

-uuid@^8.3.0:
+uuid@^8.3.0, uuid@^8.3.2:
  version "8.3.2"
  resolved "https://registry.yarnpkg.com/uuid/-/uuid-8.3.2.tgz#80d5b5ced271bb9af6c445f21a1a04c606cefbe2"
  integrity sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==