@vidispine/cra-template-vdt 22.1.0 → 22.2.0-pre.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vidispine/cra-template-vdt",
-  "version": "22.1.0",
+  "version": "22.2.0-pre.1",
   "license": "SEE LICENSE IN LICENSE.md",
   "homepage": "https://github.com/vidispine/vdt#readme",
   "publishConfig": {
@@ -22,8 +22,8 @@
     "template.json"
   ],
   "devDependencies": {
-    "@vidispine/eslint-config": "^22.1.0",
-    "@vidispine/prettier-config": "^22.1.0"
+    "@vidispine/eslint-config": "^22.2.0-pre.1",
+    "@vidispine/prettier-config": "^22.2.0-pre.1"
   },
   "eslintConfig": {
     "extends": [
@@ -35,5 +35,5 @@
     }
   },
   "prettier": "@vidispine/prettier-config",
-  "gitHead": "7adbc3c7ead52a3443982f9838ab91e200a510a6"
+  "gitHead": "1040299b0671b53d2999ce12f6226f813c24bf2d"
 }

package/template/src/components/ErrorBoundary.js

@@ -1,8 +1,8 @@
-import React from 'react';
+import { Component } from 'react';
 
 import { Container, Paper } from '@material-ui/core';
 
-export default class ErrorBoundary extends React.Component {
+export default class ErrorBoundary extends Component {
   constructor(props) {
     super(props);
     this.state = { hasError: false };

package/template/src/index.js

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import { MuiThemeProvider, CssBaseline } from '@material-ui/core';
 import ReactDOM from 'react-dom';
 import { BrowserRouter as Router } from 'react-router-dom';

package/template/src/pages/Login/Login.js

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import { withStyles, Grid, Hidden } from '@material-ui/core';
 import { Alert } from '@material-ui/lab';
 

package/template/src/pages/NotFound/NotFound.js

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import { withStyles, Typography } from '@material-ui/core';
 
 const styles = () => ({

package/template/src/pages/Root/Root.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { useState } from 'react';
 
 import { Route, Redirect, Switch } from 'react-router-dom';
 
@@ -14,7 +14,7 @@ import Layout from './components/Layout';
 import RootPath from './path';
 
 function Root() {
-  const [loginError, setLoginError] = React.useState(!VIDISPINE_URL && 'VIDISPINE_URL is unset');
+  const [loginError, setLoginError] = useState(!VIDISPINE_URL && 'VIDISPINE_URL is unset');
   const handleLoginError = ({ message }) => {
     setLoginError(message);
     setTimeout(() => setLoginError(), 5000);

package/template/src/pages/Root/components/Drawer.js

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {
   withStyles,
   List,

package/template/src/pages/Root/components/Header.js

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import { withStyles, IconButton, Typography, Toolbar, AppBar } from '@material-ui/core';
 import MenuIcon from '@material-ui/icons/Menu';
 

package/template/src/pages/Root/components/Layout.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { useState } from 'react';
 
 import { withStyles, Container } from '@material-ui/core';
 
@@ -22,7 +22,7 @@ const styles = (theme) => ({
 });
 
 function Layout({ classes, children }) {
-  const [open, setOpen] = React.useState(true);
+  const [open, setOpen] = useState(true);
   const toggleDrawer = () => setOpen((prevState) => !prevState);
   return (
     <div className={classes.root}>

package/template/src/pages/SearchCollection/SearchCollection.js

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import { withStyles, Card, CardHeader, CardContent } from '@material-ui/core';
 
 import { SearchInput, CollectionList } from '@vidispine/vdt-materialui';

package/template/src/pages/SearchItem/SearchItem.js

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import { withStyles, Card, CardHeader, CardContent } from '@material-ui/core';
 
 import { SearchInput, ItemList } from '@vidispine/vdt-materialui';

package/template.json

@@ -8,19 +8,19 @@
       "@material-ui/core": "^4.11.1",
       "@material-ui/icons": "^4.9.1",
       "@material-ui/lab": "^4.0.0-alpha.56",
-      "@vidispine/vdt-api": "~22.1.0",
-      "@vidispine/vdt-materialui": "~22.1.0",
-      "@vidispine/vdt-react": "~22.1.0",
+      "@vidispine/vdt-api": "~22.2.0-pre.1",
+      "@vidispine/vdt-materialui": "~22.2.0-pre.1",
+      "@vidispine/vdt-react": "~22.2.0-pre.1",
       "clsx": "^1.1.1",
-      "react": "^16.14.0",
-      "react-dom": "^16.14.0",
+      "react": "^17.0.2",
+      "react-dom": "^17.0.2",
       "react-cookie": "^4.0.3",
       "react-router-dom": "^5.2.0",
       "typeface-roboto": "^0.0.75"
     },
     "devDependencies": {
-      "@vidispine/eslint-config": "~22.1.0",
-      "@vidispine/prettier-config": "~22.1.0",
+      "@vidispine/eslint-config": "~22.2.0-pre.1",
+      "@vidispine/prettier-config": "~22.2.0-pre.1",
       "http-proxy-middleware": "^1.3.1",
       "prettier": "^2.5.1"
     },