chore: first PoC - migrate to mui v5

This commit is contained in:
dec0dOS 2022-08-26 19:31:13 +03:00
parent 358c07dfe0
commit 7fa8cdcc5f
29 changed files with 427 additions and 194 deletions

View file

@ -2,10 +2,12 @@
"name": "frontend",
"private": true,
"dependencies": {
"@emotion/react": "^11.10.0",
"@emotion/styled": "^11.10.0",
"@fontsource/roboto": "^4.5.8",
"@material-ui/core": "^4.12.4",
"@material-ui/icons": "^4.11.3",
"@material-ui/styles": "^4.11.5",
"@mui/icons-material": "^5.10.2",
"@mui/material": "^5.10.2",
"@mui/styles": "^5.10.2",
"@uiw/react-codemirror": "^3.1.0",
"axios": "^0.27.2",
"codemirror": "^5.62.3",

View file

@ -1,5 +1,6 @@
import "@fontsource/roboto";
import CssBaseline from "@mui/material/CssBaseline";
import { BrowserRouter, Route, Redirect, Switch } from "react-router-dom";
import Theme from "./components/Theme";
@ -12,6 +13,7 @@ import Network from "./routes/Network/Network";
function App() {
return (
<Theme>
<CssBaseline />
<BrowserRouter basename="/app">
<Bar />
<Switch>

View file

@ -14,8 +14,8 @@ import {
Menu,
MenuItem,
Link,
} from "@material-ui/core";
import MenuIcon from "@material-ui/icons/Menu";
} from "@mui/material";
import MenuIcon from "@mui/icons-material/Menu";
import LogIn from "components/LogIn";

View file

@ -1,7 +1,7 @@
import { useState, useEffect } from "react";
import { useHistory } from "react-router-dom";
import { Divider, Button, Grid, Typography, Box } from "@material-ui/core";
import { Divider, Button, Grid, Typography, Box } from "@mui/material";
import useStyles from "./HomeLoggedIn.styles";
import NetworkButton from "./components/NetworkButton";

View file

@ -1,4 +1,4 @@
import { makeStyles } from "@material-ui/core/styles";
import makeStyles from "@mui/styles/makeStyles";
const useStyles = makeStyles((theme) => ({
root: {

View file

@ -1,7 +1,7 @@
import "./NetworkButton.css";
import { Link } from "react-router-dom";
import { List, ListItem, Hidden } from "@material-ui/core";
import { List, ListItem, Hidden } from "@mui/material";
import useStyles from "./NetworkButton.styles";
import { getCIDRAddress } from "utils/IP";
@ -17,7 +17,7 @@ function NetworkButton({ network }) {
<ListItem className={classes.name}>
{network["config"]["name"]}
</ListItem>
<Hidden mdDown>
<Hidden lgDown>
<ListItem className={classes.cidr}>
{network["config"]["ipAssignmentPools"] &&
network["config"]["ipAssignmentPools"][0] &&

View file

@ -1,4 +1,4 @@
import { makeStyles } from "@material-ui/core/styles";
import makeStyles from "@mui/styles/makeStyles";
const useStyles = makeStyles((theme) => ({
link: {

View file

@ -1,5 +1,5 @@
import { useEffect } from "react";
import { Grid, Typography } from "@material-ui/core";
import { Grid, Typography } from "@mui/material";
import { useLocalStorage } from "react-use";
import { useHistory } from "react-router-dom";
@ -35,7 +35,7 @@ function HomeLoggedOut() {
spacing={0}
direction="column"
alignItems="center"
justify="center"
justifyContent="center"
style={{
minHeight: "50vh",
}}

View file

@ -1,4 +1,4 @@
import { Divider } from "@material-ui/core";
import { Divider } from "@mui/material";
import LogInUser from "./components/LogInUser";
import LogInToken from "./components/LogInToken";

View file

@ -10,7 +10,7 @@ import {
DialogContent,
DialogContentText,
DialogTitle,
} from "@material-ui/core";
} from "@mui/material";
function LogInToken() {
const [open, setOpen] = useState(false);

View file

@ -9,7 +9,7 @@ import {
DialogContent,
DialogTitle,
Snackbar,
} from "@material-ui/core";
} from "@mui/material";
import axios from "axios";

View file

@ -1,4 +1,4 @@
import { Grid, Typography } from "@material-ui/core";
import { Grid, Typography } from "@mui/material";
function NetworkHeader({ network }) {
return (

View file

@ -12,9 +12,9 @@ import {
DialogTitle,
DialogActions,
Typography,
} from "@material-ui/core";
import ExpandMoreIcon from "@material-ui/icons/ExpandMore";
import DeleteIcon from "@material-ui/icons/Delete";
} from "@mui/material";
import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
import DeleteIcon from "@mui/icons-material/Delete";
import API from "utils/API";

View file

@ -6,9 +6,9 @@ import {
Grid,
IconButton,
Typography,
} from "@material-ui/core";
import ExpandMoreIcon from "@material-ui/icons/ExpandMore";
import RefreshIcon from "@material-ui/icons/Refresh";
} from "@mui/material";
import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
import RefreshIcon from "@mui/icons-material/Refresh";
import { useCallback, useEffect, useState } from "react";
import DataTable from "react-data-table-component";
import { useParams } from "react-router-dom";
@ -166,7 +166,7 @@ function NetworkMembers({ network }) {
</AccordionSummary>
<AccordionDetails>
<Grid container direction="column" spacing={3}>
<IconButton color="primary" onClick={fetchData}>
<IconButton color="primary" onClick={fetchData} size="large">
<RefreshIcon />
</IconButton>
<Grid container>

View file

@ -1,7 +1,7 @@
import { useState } from "react";
import { List, Typography, IconButton, TextField } from "@material-ui/core";
import AddIcon from "@material-ui/icons/Add";
import { List, Typography, IconButton, TextField } from "@mui/material";
import AddIcon from "@mui/icons-material/Add";
import API from "utils/API";

View file

@ -8,8 +8,8 @@ import {
DialogContentText,
DialogActions,
IconButton,
} from "@material-ui/core";
import DeleteOutlineIcon from "@material-ui/icons/DeleteOutline";
} from "@mui/material";
import DeleteOutlineIcon from "@mui/icons-material/DeleteOutline";
import API from "utils/API";
@ -33,7 +33,7 @@ function DeleteMember({ nwid, mid, callback }) {
return (
<>
<IconButton color="primary" onClick={handleClickOpen}>
<IconButton color="primary" onClick={handleClickOpen} size="large">
<DeleteOutlineIcon color="secondary" style={{ fontSize: 20 }} />
</IconButton>
<Dialog open={open} onClose={handleClose}>

View file

@ -1,8 +1,8 @@
import { useState } from "react";
import { Grid, List, TextField, IconButton } from "@material-ui/core";
import AddIcon from "@material-ui/icons/Add";
import DeleteOutlineIcon from "@material-ui/icons/DeleteOutline";
import { Grid, List, TextField, IconButton } from "@mui/material";
import AddIcon from "@mui/icons-material/Add";
import DeleteOutlineIcon from "@mui/icons-material/DeleteOutline";
import { validateIP, normilizeIP } from "utils/IP";

View file

@ -1,4 +1,4 @@
import { Grid, TextField } from "@material-ui/core";
import { Grid, TextField } from "@mui/material";
function MemberName({ member, handleChange }) {
return (

View file

@ -8,8 +8,8 @@ import {
IconButton,
Paper,
Typography,
} from "@material-ui/core";
import BuildIcon from "@material-ui/icons/Build";
} from "@mui/material";
import BuildIcon from "@mui/icons-material/Build";
import { useState } from "react";
import Tag from "./components/Tag";
@ -26,7 +26,7 @@ function MemberSettings({ member, network, handleChange }) {
return (
<>
<IconButton color="primary" onClick={handleClickOpen}>
<IconButton color="primary" onClick={handleClickOpen} size="large">
<BuildIcon style={{ fontSize: 20 }} />
</IconButton>
<Dialog open={open} onClose={handleClose}>

View file

@ -7,8 +7,8 @@ import {
Paper,
Select,
Typography,
} from "@material-ui/core";
import DeleteIcon from "@material-ui/icons/Delete";
} from "@mui/material";
import DeleteIcon from "@mui/icons-material/Delete";
import { useEffect, useState } from "react";
import { useDebounce } from "react-use";
@ -100,7 +100,7 @@ function Tag({ member, tagName, tagDetail, handleChange }) {
{tagValue === "" ? (
""
) : (
<IconButton aria-label="delete" onClick={clearTag}>
<IconButton aria-label="delete" onClick={clearTag} size="large">
<DeleteIcon />
</IconButton>
)}

View file

@ -8,8 +8,8 @@ import {
Hidden,
Snackbar,
Typography,
} from "@material-ui/core";
import ExpandMoreIcon from "@material-ui/icons/ExpandMore";
} from "@mui/material";
import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
import CodeMirror from "@uiw/react-codemirror";
import "codemirror/theme/3024-day.css";
import { compile } from "external/RuleCompiler";
@ -99,7 +99,7 @@ function NetworkRules({ network, callback }) {
onChange={onChange}
options={{ tabSize: 2, lineWrapping: true }}
/>
<Hidden mdDown>
<Hidden lgDown>
<div>
<CodeMirror
value={JSON.stringify(flowData, null, 2)}

View file

@ -8,8 +8,8 @@ import {
Typography,
TextField,
Select,
} from "@material-ui/core";
import ExpandMoreIcon from "@material-ui/icons/ExpandMore";
} from "@mui/material";
import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
import ManagedRoutes from "./components/ManagedRoutes";
import IPv4AutoAssign from "./components/IPv4AutoAssign";

View file

@ -9,9 +9,9 @@ import {
Typography,
TextField,
IconButton,
} from "@material-ui/core";
import AddIcon from "@material-ui/icons/Add";
import DeleteOutlineIcon from "@material-ui/icons/DeleteOutline";
} from "@mui/material";
import AddIcon from "@mui/icons-material/Add";
import DeleteOutlineIcon from "@mui/icons-material/DeleteOutline";
import DataTable from "react-data-table-component";

View file

@ -8,9 +8,9 @@ import {
Typography,
TextField,
IconButton,
} from "@material-ui/core";
import AddIcon from "@material-ui/icons/Add";
import DeleteOutlineIcon from "@material-ui/icons/DeleteOutline";
} from "@mui/material";
import AddIcon from "@mui/icons-material/Add";
import DeleteOutlineIcon from "@mui/icons-material/DeleteOutline";
import DataTable from "react-data-table-component";

View file

@ -1,6 +1,9 @@
import { ThemeProvider } from "@material-ui/styles";
import { createTheme } from "@material-ui/core/styles";
import { red, amber } from "@material-ui/core/colors";
import {
ThemeProvider,
createTheme,
StyledEngineProvider,
} from "@mui/material/styles";
import { red, amber } from "@mui/material/colors";
const theme = createTheme({
palette: {
@ -10,12 +13,16 @@ const theme = createTheme({
secondary: {
main: red[500],
},
type: "light",
mode: "light",
},
});
function Theme({ children }) {
return <ThemeProvider theme={theme}>{children}</ThemeProvider>;
return (
<StyledEngineProvider injectFirst>
<ThemeProvider theme={theme}>{children}</ThemeProvider>
</StyledEngineProvider>
);
}
export default Theme;

View file

@ -1,5 +1,5 @@
import { Grid, Link, Typography } from "@material-ui/core";
import ArrowBackIcon from "@material-ui/icons/ArrowBack";
import { Grid, Link, Typography } from "@mui/material";
import ArrowBackIcon from "@mui/icons-material/ArrowBack";
import NetworkHeader from "components/NetworkHeader";
import NetworkManagement from "components/NetworkManagement";
import NetworkMembers from "components/NetworkMembers";
@ -65,7 +65,7 @@ function Network() {
spacing={0}
direction="column"
alignItems="center"
justify="center"
justifyContent="center"
style={{
minHeight: "50vh",
}}

View file

@ -1,4 +1,4 @@
import { makeStyles } from "@material-ui/core/styles";
import makeStyles from "@mui/styles/makeStyles";
const useStyles = makeStyles((theme) => ({
backIcon: {

View file

@ -1,4 +1,4 @@
import { Grid, Typography } from "@material-ui/core";
import { Grid, Typography } from "@mui/material";
function NotFound() {
return (
@ -7,7 +7,7 @@ function NotFound() {
spacing={0}
direction="column"
alignItems="center"
justify="center"
justifyContent="center"
style={{
minHeight: "50vh",
}}

490
yarn.lock
View file

@ -229,7 +229,7 @@ __metadata:
languageName: node
linkType: hard
"@babel/helper-module-imports@npm:^7.0.0, @babel/helper-module-imports@npm:^7.16.0, @babel/helper-module-imports@npm:^7.18.6":
"@babel/helper-module-imports@npm:^7.0.0, @babel/helper-module-imports@npm:^7.16.0, @babel/helper-module-imports@npm:^7.16.7, @babel/helper-module-imports@npm:^7.18.6":
version: 7.18.6
resolution: "@babel/helper-module-imports@npm:7.18.6"
dependencies:
@ -737,7 +737,7 @@ __metadata:
languageName: node
linkType: hard
"@babel/plugin-syntax-jsx@npm:^7.18.6":
"@babel/plugin-syntax-jsx@npm:^7.17.12, @babel/plugin-syntax-jsx@npm:^7.18.6":
version: 7.18.6
resolution: "@babel/plugin-syntax-jsx@npm:7.18.6"
dependencies:
@ -1467,7 +1467,7 @@ __metadata:
languageName: node
linkType: hard
"@babel/runtime@npm:^7.1.2, @babel/runtime@npm:^7.10.2, @babel/runtime@npm:^7.12.1, @babel/runtime@npm:^7.12.13, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.16.3, @babel/runtime@npm:^7.18.9, @babel/runtime@npm:^7.3.1, @babel/runtime@npm:^7.4.4, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.7.6, @babel/runtime@npm:^7.8.3, @babel/runtime@npm:^7.8.4, @babel/runtime@npm:^7.8.7":
"@babel/runtime@npm:^7.1.2, @babel/runtime@npm:^7.10.2, @babel/runtime@npm:^7.12.1, @babel/runtime@npm:^7.12.13, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.16.3, @babel/runtime@npm:^7.17.2, @babel/runtime@npm:^7.18.3, @babel/runtime@npm:^7.18.9, @babel/runtime@npm:^7.3.1, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.7.6, @babel/runtime@npm:^7.8.3, @babel/runtime@npm:^7.8.4, @babel/runtime@npm:^7.8.7":
version: 7.18.9
resolution: "@babel/runtime@npm:7.18.9"
dependencies:
@ -1747,14 +1747,49 @@ __metadata:
languageName: node
linkType: hard
"@emotion/hash@npm:^0.8.0":
version: 0.8.0
resolution: "@emotion/hash@npm:0.8.0"
checksum: 4b35d88a97e67275c1d990c96d3b0450451d089d1508619488fc0acb882cb1ac91e93246d471346ebd1b5402215941ef4162efe5b51534859b39d8b3a0e3ffaa
"@emotion/babel-plugin@npm:^11.10.0":
version: 11.10.2
resolution: "@emotion/babel-plugin@npm:11.10.2"
dependencies:
"@babel/helper-module-imports": ^7.16.7
"@babel/plugin-syntax-jsx": ^7.17.12
"@babel/runtime": ^7.18.3
"@emotion/hash": ^0.9.0
"@emotion/memoize": ^0.8.0
"@emotion/serialize": ^1.1.0
babel-plugin-macros: ^3.1.0
convert-source-map: ^1.5.0
escape-string-regexp: ^4.0.0
find-root: ^1.1.0
source-map: ^0.5.7
stylis: 4.0.13
peerDependencies:
"@babel/core": ^7.0.0
checksum: 7f9e84b3c00b4db5a829c6880549c6a816b3defcaf828cb37808737f3c17b22a45a06e48334f38f5729b218812252857ced27d3a12dd8ca1e260e4b1d0045dfd
languageName: node
linkType: hard
"@emotion/is-prop-valid@npm:^1.1.0":
"@emotion/cache@npm:^11.10.0, @emotion/cache@npm:^11.10.1":
version: 11.10.3
resolution: "@emotion/cache@npm:11.10.3"
dependencies:
"@emotion/memoize": ^0.8.0
"@emotion/sheet": ^1.2.0
"@emotion/utils": ^1.2.0
"@emotion/weak-memoize": ^0.3.0
stylis: 4.0.13
checksum: d31291eff1b270d8db6f471b2b9b3bc5d786c296838631f101837747ff5afa8e8890655279457c68ce2cee23256ab02a25c177f5487b5061da82c7354c1bdce5
languageName: node
linkType: hard
"@emotion/hash@npm:^0.9.0":
version: 0.9.0
resolution: "@emotion/hash@npm:0.9.0"
checksum: b63428f7c8186607acdca5d003700cecf0ded519d0b5c5cc3b3154eafcad6ff433f8361bd2bac8882715b557e6f06945694aeb6ba8b25c6095d7a88570e2e0bb
languageName: node
linkType: hard
"@emotion/is-prop-valid@npm:^1.1.0, @emotion/is-prop-valid@npm:^1.2.0":
version: 1.2.0
resolution: "@emotion/is-prop-valid@npm:1.2.0"
dependencies:
@ -1770,6 +1805,71 @@ __metadata:
languageName: node
linkType: hard
"@emotion/react@npm:^11.10.0":
version: 11.10.0
resolution: "@emotion/react@npm:11.10.0"
dependencies:
"@babel/runtime": ^7.18.3
"@emotion/babel-plugin": ^11.10.0
"@emotion/cache": ^11.10.0
"@emotion/serialize": ^1.1.0
"@emotion/utils": ^1.2.0
"@emotion/weak-memoize": ^0.3.0
hoist-non-react-statics: ^3.3.1
peerDependencies:
"@babel/core": ^7.0.0
react: ">=16.8.0"
peerDependenciesMeta:
"@babel/core":
optional: true
"@types/react":
optional: true
checksum: 6d692e43ff53fd3b87d4a000a9aec2ef080d66a0ebb7d0b9529c46d1e6bc1ac8a27c7dd74c27a8274ec1df1e3c960b78c035fca5d8a901a48eda445c6163b33b
languageName: node
linkType: hard
"@emotion/serialize@npm:^1.1.0":
version: 1.1.0
resolution: "@emotion/serialize@npm:1.1.0"
dependencies:
"@emotion/hash": ^0.9.0
"@emotion/memoize": ^0.8.0
"@emotion/unitless": ^0.8.0
"@emotion/utils": ^1.2.0
csstype: ^3.0.2
checksum: 8f22f83194ad76cb3bbee481daa57fdc65ca3078a5db9e219c04151341ef93af80c7057aea17b64446682d275918f7ecc0c20e977c1af153c79a1485503fe717
languageName: node
linkType: hard
"@emotion/sheet@npm:^1.2.0":
version: 1.2.0
resolution: "@emotion/sheet@npm:1.2.0"
checksum: b3771e47963d36c179f9a1119055d7e5d18e2718e73ebe2b4b1c56f4bbf4ea6b12c50bbc52cd502f03f7981beb2fbb3fee2638b6f5ef6c5f223b06f8bf88ec7b
languageName: node
linkType: hard
"@emotion/styled@npm:^11.10.0":
version: 11.10.0
resolution: "@emotion/styled@npm:11.10.0"
dependencies:
"@babel/runtime": ^7.18.3
"@emotion/babel-plugin": ^11.10.0
"@emotion/is-prop-valid": ^1.2.0
"@emotion/serialize": ^1.1.0
"@emotion/utils": ^1.2.0
peerDependencies:
"@babel/core": ^7.0.0
"@emotion/react": ^11.0.0-rc.0
react: ">=16.8.0"
peerDependenciesMeta:
"@babel/core":
optional: true
"@types/react":
optional: true
checksum: f2a3e9798f807713d12771320cde9c2fa17ea6f008da605055496bd3522d81c120321240c8a1dae49c7272fea11361e1f47938ee069f678038b6836820c01243
languageName: node
linkType: hard
"@emotion/stylis@npm:^0.8.4":
version: 0.8.5
resolution: "@emotion/stylis@npm:0.8.5"
@ -1784,6 +1884,27 @@ __metadata:
languageName: node
linkType: hard
"@emotion/unitless@npm:^0.8.0":
version: 0.8.0
resolution: "@emotion/unitless@npm:0.8.0"
checksum: 176141117ed23c0eb6e53a054a69c63e17ae532ec4210907a20b2208f91771821835f1c63dd2ec63e30e22fcc984026d7f933773ee6526dd038e0850919fae7a
languageName: node
linkType: hard
"@emotion/utils@npm:^1.2.0":
version: 1.2.0
resolution: "@emotion/utils@npm:1.2.0"
checksum: 55457a49ddd4db6a014ea0454dc09eaa23eedfb837095c8ff90470cb26a303f7ceb5fcc1e2190ef64683e64cfd33d3ba3ca3109cd87d12bc9e379e4195c9a4dd
languageName: node
linkType: hard
"@emotion/weak-memoize@npm:^0.3.0":
version: 0.3.0
resolution: "@emotion/weak-memoize@npm:0.3.0"
checksum: f43ef4c8b7de70d9fa5eb3105921724651e4188e895beb71f0c5919dc899a7b8743e1fdd99d38b9092dd5722c7be2312ebb47fbdad0c4e38bea58f6df5885cc0
languageName: node
linkType: hard
"@eslint/eslintrc@npm:^0.4.3":
version: 0.4.3
resolution: "@eslint/eslintrc@npm:0.4.3"
@ -2169,123 +2290,206 @@ __metadata:
languageName: node
linkType: hard
"@material-ui/core@npm:^4.12.4":
version: 4.12.4
resolution: "@material-ui/core@npm:4.12.4"
"@mui/base@npm:5.0.0-alpha.94":
version: 5.0.0-alpha.94
resolution: "@mui/base@npm:5.0.0-alpha.94"
dependencies:
"@babel/runtime": ^7.4.4
"@material-ui/styles": ^4.11.5
"@material-ui/system": ^4.12.2
"@material-ui/types": 5.1.0
"@material-ui/utils": ^4.11.3
"@types/react-transition-group": ^4.2.0
clsx: ^1.0.4
"@babel/runtime": ^7.17.2
"@emotion/is-prop-valid": ^1.2.0
"@mui/types": ^7.1.5
"@mui/utils": ^5.9.3
"@popperjs/core": ^2.11.6
clsx: ^1.2.1
prop-types: ^15.8.1
react-is: ^18.2.0
peerDependencies:
"@types/react": ^17.0.0 || ^18.0.0
react: ^17.0.0 || ^18.0.0
react-dom: ^17.0.0 || ^18.0.0
peerDependenciesMeta:
"@types/react":
optional: true
checksum: 877c7c1b53a555265332e1e677945de0415db187a7c5a7f088eaacb4f85aa20086a668915ad1885e77fa7ef4df5d35250e55f4aef2b4c5aa82f014406bbdaef3
languageName: node
linkType: hard
"@mui/core-downloads-tracker@npm:^5.10.2":
version: 5.10.2
resolution: "@mui/core-downloads-tracker@npm:5.10.2"
checksum: 237d25f2cc8f63e4ee5f1cbe7944cb9818784535ed861ab3b8564ec4c7cbfdeb3c044596a2447c49feff987f268da30538fcb2ad194e3f7a0095d2e6edcdfdbd
languageName: node
linkType: hard
"@mui/icons-material@npm:^5.10.2":
version: 5.10.2
resolution: "@mui/icons-material@npm:5.10.2"
dependencies:
"@babel/runtime": ^7.17.2
peerDependencies:
"@mui/material": ^5.0.0
"@types/react": ^17.0.0 || ^18.0.0
react: ^17.0.0 || ^18.0.0
peerDependenciesMeta:
"@types/react":
optional: true
checksum: 9e694babaa69c52139b7cdd12f449a3464707ae12c3cdfd8af43bcbb1f9040dce08c6cde95ea7812e7b946f49fddbf4df05bc6cf44a30eaeb1c8701786fd309d
languageName: node
linkType: hard
"@mui/material@npm:^5.10.2":
version: 5.10.2
resolution: "@mui/material@npm:5.10.2"
dependencies:
"@babel/runtime": ^7.17.2
"@mui/base": 5.0.0-alpha.94
"@mui/core-downloads-tracker": ^5.10.2
"@mui/system": ^5.10.2
"@mui/types": ^7.1.5
"@mui/utils": ^5.9.3
"@types/react-transition-group": ^4.4.5
clsx: ^1.2.1
csstype: ^3.1.0
prop-types: ^15.8.1
react-is: ^18.2.0
react-transition-group: ^4.4.5
peerDependencies:
"@emotion/react": ^11.5.0
"@emotion/styled": ^11.3.0
"@types/react": ^17.0.0 || ^18.0.0
react: ^17.0.0 || ^18.0.0
react-dom: ^17.0.0 || ^18.0.0
peerDependenciesMeta:
"@emotion/react":
optional: true
"@emotion/styled":
optional: true
"@types/react":
optional: true
checksum: 2d44933c28e25b112a18cdcee4ea4c71d6eeba6b91ee33e3b66ec636c05daf3a9b03715d0a86c34a5670a3e25e39d13b10fc57aac524d52631134db0daca88de
languageName: node
linkType: hard
"@mui/private-theming@npm:^5.9.3":
version: 5.9.3
resolution: "@mui/private-theming@npm:5.9.3"
dependencies:
"@babel/runtime": ^7.17.2
"@mui/utils": ^5.9.3
prop-types: ^15.8.1
peerDependencies:
"@types/react": ^17.0.0 || ^18.0.0
react: ^17.0.0 || ^18.0.0
peerDependenciesMeta:
"@types/react":
optional: true
checksum: baa144969e7839f4c74eba65f6518890942453c57992d9446c8ba8c1a5b1925400c392041cb5643bd3ca7f77894f94b72966b6ffdef659962b6105e5670c6cc4
languageName: node
linkType: hard
"@mui/styled-engine@npm:^5.10.2":
version: 5.10.2
resolution: "@mui/styled-engine@npm:5.10.2"
dependencies:
"@babel/runtime": ^7.17.2
"@emotion/cache": ^11.10.1
csstype: ^3.1.0
prop-types: ^15.8.1
peerDependencies:
"@emotion/react": ^11.4.1
"@emotion/styled": ^11.3.0
react: ^17.0.0 || ^18.0.0
peerDependenciesMeta:
"@emotion/react":
optional: true
"@emotion/styled":
optional: true
checksum: 337455da69990ef83b10f7e0ee14720b991ae2dca9c616664931edbc17f209f3f9fc0abcad97c01d70cd72afbb0760f44c9aefe27c458fb6104d4a3f0078b812
languageName: node
linkType: hard
"@mui/styles@npm:^5.10.2":
version: 5.10.2
resolution: "@mui/styles@npm:5.10.2"
dependencies:
"@babel/runtime": ^7.17.2
"@emotion/hash": ^0.9.0
"@mui/private-theming": ^5.9.3
"@mui/types": ^7.1.5
"@mui/utils": ^5.9.3
clsx: ^1.2.1
csstype: ^3.1.0
hoist-non-react-statics: ^3.3.2
popper.js: 1.16.1-lts
prop-types: ^15.7.2
react-is: ^16.8.0 || ^17.0.0
react-transition-group: ^4.4.0
jss: ^10.9.2
jss-plugin-camel-case: ^10.9.2
jss-plugin-default-unit: ^10.9.2
jss-plugin-global: ^10.9.2
jss-plugin-nested: ^10.9.2
jss-plugin-props-sort: ^10.9.2
jss-plugin-rule-value-function: ^10.9.2
jss-plugin-vendor-prefixer: ^10.9.2
prop-types: ^15.8.1
peerDependencies:
"@types/react": ^16.8.6 || ^17.0.0
react: ^16.8.0 || ^17.0.0
react-dom: ^16.8.0 || ^17.0.0
"@types/react": ^17.0.0
react: ^17.0.0
peerDependenciesMeta:
"@types/react":
optional: true
checksum: 96b48deccda87ced841b1db45bed2be6d2b6d1b4eae72cd5c9b931201cb72026330688e0fead54e715bcead40b267ea88bde781c9f1563b1a71a5c51bf187289
checksum: 3dcdf622f17a2cbce3f2cdd93b10778447c51c274edfc26863847bf13e5e44093e3e5d3e85cf220c1459b45c6cbf2b26674e05bb6d16e7331a4978a6160cc371
languageName: node
linkType: hard
"@material-ui/icons@npm:^4.11.3":
version: 4.11.3
resolution: "@material-ui/icons@npm:4.11.3"
"@mui/system@npm:^5.10.2":
version: 5.10.2
resolution: "@mui/system@npm:5.10.2"
dependencies:
"@babel/runtime": ^7.4.4
"@babel/runtime": ^7.17.2
"@mui/private-theming": ^5.9.3
"@mui/styled-engine": ^5.10.2
"@mui/types": ^7.1.5
"@mui/utils": ^5.9.3
clsx: ^1.2.1
csstype: ^3.1.0
prop-types: ^15.8.1
peerDependencies:
"@material-ui/core": ^4.0.0
"@types/react": ^16.8.6 || ^17.0.0
react: ^16.8.0 || ^17.0.0
react-dom: ^16.8.0 || ^17.0.0
"@emotion/react": ^11.5.0
"@emotion/styled": ^11.3.0
"@types/react": ^17.0.0 || ^18.0.0
react: ^17.0.0 || ^18.0.0
peerDependenciesMeta:
"@emotion/react":
optional: true
"@emotion/styled":
optional: true
"@types/react":
optional: true
checksum: f849a8c4fecddc112cfa94105a2c72e763ff76b9f8da74135b7bbadfd294ed6685897cbea6a2128099be0ce37843784893d8c64da6bde37d020956ab9067206c
checksum: 07bdac55e8a29d5397579025a47258b885bd54b60cd9f7bc7214526960ba076ab975ba0a217b2420fd48960aaaec4bceea37ae404f7452cc2048c677fc91790a
languageName: node
linkType: hard
"@material-ui/styles@npm:^4.11.5":
version: 4.11.5
resolution: "@material-ui/styles@npm:4.11.5"
dependencies:
"@babel/runtime": ^7.4.4
"@emotion/hash": ^0.8.0
"@material-ui/types": 5.1.0
"@material-ui/utils": ^4.11.3
clsx: ^1.0.4
csstype: ^2.5.2
hoist-non-react-statics: ^3.3.2
jss: ^10.5.1
jss-plugin-camel-case: ^10.5.1
jss-plugin-default-unit: ^10.5.1
jss-plugin-global: ^10.5.1
jss-plugin-nested: ^10.5.1
jss-plugin-props-sort: ^10.5.1
jss-plugin-rule-value-function: ^10.5.1
jss-plugin-vendor-prefixer: ^10.5.1
prop-types: ^15.7.2
peerDependencies:
"@types/react": ^16.8.6 || ^17.0.0
react: ^16.8.0 || ^17.0.0
react-dom: ^16.8.0 || ^17.0.0
peerDependenciesMeta:
"@types/react":
optional: true
checksum: dbf3985ef57c1b7dae3fd916d5bfd61f2097afb93c9e1f64832cfcb8fc9bbf38a504c9632ed7b76eb5d235670083d9e66d35942bc976b7cd148c71d75b808e82
languageName: node
linkType: hard
"@material-ui/system@npm:^4.12.2":
version: 4.12.2
resolution: "@material-ui/system@npm:4.12.2"
dependencies:
"@babel/runtime": ^7.4.4
"@material-ui/utils": ^4.11.3
csstype: ^2.5.2
prop-types: ^15.7.2
peerDependencies:
"@types/react": ^16.8.6 || ^17.0.0
react: ^16.8.0 || ^17.0.0
react-dom: ^16.8.0 || ^17.0.0
peerDependenciesMeta:
"@types/react":
optional: true
checksum: ebe6b3cc5f111034eacd763014f3260f7647b5e0cd132870f2ee18855cf3d51a996b4633035fe6f5f8965489944db4ac0cb3b71b84a765faa35a6861532ac9f6
languageName: node
linkType: hard
"@material-ui/types@npm:5.1.0":
version: 5.1.0
resolution: "@material-ui/types@npm:5.1.0"
"@mui/types@npm:^7.1.5":
version: 7.1.5
resolution: "@mui/types@npm:7.1.5"
peerDependencies:
"@types/react": "*"
peerDependenciesMeta:
"@types/react":
optional: true
checksum: 64ac0938ee6f48011ba596f7422ab0660d9a8d9b4f5f183b39bd63185b1ce724209f65580f0af686d59b524603ffa57418ca2d443b69bec894303f80779c61f8
checksum: ce866083bfaef7c2231077b7d5db3db20e2a9b17758e4337aeac12bbae2063ea15b95f8384661dd4f260c51e6dfb098a0f768bf26daaad91e7e1233f794191f0
languageName: node
linkType: hard
"@material-ui/utils@npm:^4.11.3":
version: 4.11.3
resolution: "@material-ui/utils@npm:4.11.3"
"@mui/utils@npm:^5.9.3":
version: 5.9.3
resolution: "@mui/utils@npm:5.9.3"
dependencies:
"@babel/runtime": ^7.4.4
prop-types: ^15.7.2
react-is: ^16.8.0 || ^17.0.0
"@babel/runtime": ^7.17.2
"@types/prop-types": ^15.7.5
"@types/react-is": ^16.7.1 || ^17.0.0
prop-types: ^15.8.1
react-is: ^18.2.0
peerDependencies:
react: ^16.8.0 || ^17.0.0
react-dom: ^16.8.0 || ^17.0.0
checksum: 05ff67c982b33d3b4260cfaeaf566f3ccaecaebb231907ed626bcc30322d89d705bfe79b8805c0dda2f1dc2cfa98ca9d731ec8ae12868da7a98568a41c7dc231
react: ^17.0.0 || ^18.0.0
checksum: 745a9c5634a1b1104a64eb77341ed48dabf3afcc2bab6d67ce875d0fdd7c3ee5d115f0613a7782a8406b34e0e29e15c6293cac540711161ff9aba720b2478a60
languageName: node
linkType: hard
@ -2392,6 +2596,13 @@ __metadata:
languageName: node
linkType: hard
"@popperjs/core@npm:^2.11.6":
version: 2.11.6
resolution: "@popperjs/core@npm:2.11.6"
checksum: 47fb328cec1924559d759b48235c78574f2d71a8a6c4c03edb6de5d7074078371633b91e39bbf3f901b32aa8af9b9d8f82834856d2f5737a23475036b16817f0
languageName: node
linkType: hard
"@rollup/plugin-node-resolve@npm:^7.1.1":
version: 7.1.3
resolution: "@rollup/plugin-node-resolve@npm:7.1.3"
@ -2812,7 +3023,7 @@ __metadata:
languageName: node
linkType: hard
"@types/prop-types@npm:*":
"@types/prop-types@npm:*, @types/prop-types@npm:^15.7.5":
version: 15.7.5
resolution: "@types/prop-types@npm:15.7.5"
checksum: 5b43b8b15415e1f298243165f1d44390403bb2bd42e662bca3b5b5633fdd39c938e91b7fce3a9483699db0f7a715d08cef220c121f723a634972fdf596aec980
@ -2826,7 +3037,16 @@ __metadata:
languageName: node
linkType: hard
"@types/react-transition-group@npm:^4.2.0":
"@types/react-is@npm:^16.7.1 || ^17.0.0":
version: 17.0.3
resolution: "@types/react-is@npm:17.0.3"
dependencies:
"@types/react": "*"
checksum: 6abb7c47d54f012272650df8a962a28bd82f219291e5ef8b4dfa7fe0bb98ae243b060bf9fbe8ceff6213141794855a006db194b490b00ffd15842ae19d0ce1f0
languageName: node
linkType: hard
"@types/react-transition-group@npm:^4.4.5":
version: 4.4.5
resolution: "@types/react-transition-group@npm:4.4.5"
dependencies:
@ -5113,7 +5333,7 @@ __metadata:
languageName: node
linkType: hard
"clsx@npm:^1.0.4":
"clsx@npm:^1.2.1":
version: 1.2.1
resolution: "clsx@npm:1.2.1"
checksum: 30befca8019b2eb7dbad38cff6266cf543091dae2825c856a62a8ccf2c3ab9c2907c4d12b288b73101196767f66812365400a227581484a05f968b0307cfaf12
@ -5688,7 +5908,7 @@ __metadata:
languageName: node
linkType: hard
"convert-source-map@npm:^1.4.0, convert-source-map@npm:^1.6.0, convert-source-map@npm:^1.7.0":
"convert-source-map@npm:^1.4.0, convert-source-map@npm:^1.5.0, convert-source-map@npm:^1.6.0, convert-source-map@npm:^1.7.0":
version: 1.8.0
resolution: "convert-source-map@npm:1.8.0"
dependencies:
@ -6274,14 +6494,7 @@ __metadata:
languageName: node
linkType: hard
"csstype@npm:^2.5.2":
version: 2.6.20
resolution: "csstype@npm:2.6.20"
checksum: cb5d5ded49c3390909e93b20b285d4a63d0ba5b10294bdfbc4cf911f80e91d6cf367ea671f99f09570762535c14ea7074a2c7fa73f02008203f01328dea8968b
languageName: node
linkType: hard
"csstype@npm:^3.0.2, csstype@npm:^3.0.6":
"csstype@npm:^3.0.2, csstype@npm:^3.0.6, csstype@npm:^3.1.0":
version: 3.1.0
resolution: "csstype@npm:3.1.0"
checksum: 644e986cefab86525f0b674a06889cfdbb1f117e5b7d1ce0fc55b0423ecc58807a1ea42ecc75c4f18999d14fc42d1d255f84662a45003a52bb5840e977eb2ffd
@ -8022,7 +8235,7 @@ __metadata:
languageName: node
linkType: hard
"find-root@npm:1.1.0":
"find-root@npm:1.1.0, find-root@npm:^1.1.0":
version: 1.1.0
resolution: "find-root@npm:1.1.0"
checksum: b2a59fe4b6c932eef36c45a048ae8f93c85640212ebe8363164814990ee20f154197505965f3f4f102efc33bfb1cbc26fd17c4a2fc739ebc51b886b137cbefaf
@ -8204,10 +8417,12 @@ __metadata:
version: 0.0.0-use.local
resolution: "frontend@workspace:frontend"
dependencies:
"@emotion/react": ^11.10.0
"@emotion/styled": ^11.10.0
"@fontsource/roboto": ^4.5.8
"@material-ui/core": ^4.12.4
"@material-ui/icons": ^4.11.3
"@material-ui/styles": ^4.11.5
"@mui/icons-material": ^5.10.2
"@mui/material": ^5.10.2
"@mui/styles": ^5.10.2
"@uiw/react-codemirror": ^3.1.0
axios: ^0.27.2
codemirror: ^5.62.3
@ -8937,7 +9152,7 @@ __metadata:
languageName: node
linkType: hard
"hoist-non-react-statics@npm:^3.0.0, hoist-non-react-statics@npm:^3.1.0, hoist-non-react-statics@npm:^3.3.2":
"hoist-non-react-statics@npm:^3.0.0, hoist-non-react-statics@npm:^3.1.0, hoist-non-react-statics@npm:^3.3.1, hoist-non-react-statics@npm:^3.3.2":
version: 3.3.2
resolution: "hoist-non-react-statics@npm:3.3.2"
dependencies:
@ -10891,7 +11106,7 @@ __metadata:
languageName: node
linkType: hard
"jss-plugin-camel-case@npm:^10.5.1":
"jss-plugin-camel-case@npm:^10.9.2":
version: 10.9.2
resolution: "jss-plugin-camel-case@npm:10.9.2"
dependencies:
@ -10902,7 +11117,7 @@ __metadata:
languageName: node
linkType: hard
"jss-plugin-default-unit@npm:^10.5.1":
"jss-plugin-default-unit@npm:^10.9.2":
version: 10.9.2
resolution: "jss-plugin-default-unit@npm:10.9.2"
dependencies:
@ -10912,7 +11127,7 @@ __metadata:
languageName: node
linkType: hard
"jss-plugin-global@npm:^10.5.1":
"jss-plugin-global@npm:^10.9.2":
version: 10.9.2
resolution: "jss-plugin-global@npm:10.9.2"
dependencies:
@ -10922,7 +11137,7 @@ __metadata:
languageName: node
linkType: hard
"jss-plugin-nested@npm:^10.5.1":
"jss-plugin-nested@npm:^10.9.2":
version: 10.9.2
resolution: "jss-plugin-nested@npm:10.9.2"
dependencies:
@ -10933,7 +11148,7 @@ __metadata:
languageName: node
linkType: hard
"jss-plugin-props-sort@npm:^10.5.1":
"jss-plugin-props-sort@npm:^10.9.2":
version: 10.9.2
resolution: "jss-plugin-props-sort@npm:10.9.2"
dependencies:
@ -10943,7 +11158,7 @@ __metadata:
languageName: node
linkType: hard
"jss-plugin-rule-value-function@npm:^10.5.1":
"jss-plugin-rule-value-function@npm:^10.9.2":
version: 10.9.2
resolution: "jss-plugin-rule-value-function@npm:10.9.2"
dependencies:
@ -10954,7 +11169,7 @@ __metadata:
languageName: node
linkType: hard
"jss-plugin-vendor-prefixer@npm:^10.5.1":
"jss-plugin-vendor-prefixer@npm:^10.9.2":
version: 10.9.2
resolution: "jss-plugin-vendor-prefixer@npm:10.9.2"
dependencies:
@ -10965,7 +11180,7 @@ __metadata:
languageName: node
linkType: hard
"jss@npm:10.9.2, jss@npm:^10.5.1":
"jss@npm:10.9.2, jss@npm:^10.9.2":
version: 10.9.2
resolution: "jss@npm:10.9.2"
dependencies:
@ -13170,13 +13385,6 @@ __metadata:
languageName: node
linkType: hard
"popper.js@npm:1.16.1-lts":
version: 1.16.1-lts
resolution: "popper.js@npm:1.16.1-lts"
checksum: 27c00b5b07afa91a5e9f9db78a9a61b50f44ca156d09c851cd29d79cd359e54cfde4288ae555b88801438227e452e56cb4b56bd79fd45ab17dac780a70a7e9ac
languageName: node
linkType: hard
"portfinder@npm:^1.0.26":
version: 1.0.32
resolution: "portfinder@npm:1.0.32"
@ -14141,7 +14349,7 @@ __metadata:
languageName: node
linkType: hard
"prop-types@npm:^15.6.2, prop-types@npm:^15.7.2, prop-types@npm:^15.8.1":
"prop-types@npm:^15.6.2, prop-types@npm:^15.8.1":
version: 15.8.1
resolution: "prop-types@npm:15.8.1"
dependencies:
@ -14451,13 +14659,20 @@ __metadata:
languageName: node
linkType: hard
"react-is@npm:^16.8.0 || ^17.0.0, react-is@npm:^17.0.1, react-is@npm:^17.0.2":
"react-is@npm:^17.0.1, react-is@npm:^17.0.2":
version: 17.0.2
resolution: "react-is@npm:17.0.2"
checksum: 9d6d111d8990dc98bc5402c1266a808b0459b5d54830bbea24c12d908b536df7883f268a7868cfaedde3dd9d4e0d574db456f84d2e6df9c4526f99bb4b5344d8
languageName: node
linkType: hard
"react-is@npm:^18.2.0":
version: 18.2.0
resolution: "react-is@npm:18.2.0"
checksum: e72d0ba81b5922759e4aff17e0252bd29988f9642ed817f56b25a3e217e13eea8a7f2322af99a06edb779da12d5d636e9fda473d620df9a3da0df2a74141d53e
languageName: node
linkType: hard
"react-refresh@npm:^0.8.3":
version: 0.8.3
resolution: "react-refresh@npm:0.8.3"
@ -14580,7 +14795,7 @@ __metadata:
languageName: node
linkType: hard
"react-transition-group@npm:^4.4.0":
"react-transition-group@npm:^4.4.5":
version: 4.4.5
resolution: "react-transition-group@npm:4.4.5"
dependencies:
@ -15979,7 +16194,7 @@ __metadata:
languageName: node
linkType: hard
"source-map@npm:^0.5.0, source-map@npm:^0.5.6":
"source-map@npm:^0.5.0, source-map@npm:^0.5.6, source-map@npm:^0.5.7":
version: 0.5.7
resolution: "source-map@npm:0.5.7"
checksum: 5dc2043b93d2f194142c7f38f74a24670cd7a0063acdaf4bf01d2964b402257ae843c2a8fa822ad5b71013b5fcafa55af7421383da919752f22ff488bc553f4d
@ -16568,6 +16783,13 @@ __metadata:
languageName: node
linkType: hard
"stylis@npm:4.0.13":
version: 4.0.13
resolution: "stylis@npm:4.0.13"
checksum: 8ea7a87028b6383c6a982231c4b5b6150031ce028e0fdaf7b2ace82253d28a8af50cc5a9da8a421d3c7c4441592f393086e332795add672aa4a825f0fe3713a3
languageName: node
linkType: hard
"stylis@npm:^4.0.6":
version: 4.1.1
resolution: "stylis@npm:4.1.1"