packages/core: fix dependencies and imports

packages/core/jest.config.ts

@@ -1,20 +0,0 @@
-/*
- * Copyright 2020 Spotify AB
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-module.exports = {
-  ...require('@spotify/web-scripts/config/jest.config.js'),
-  setupFilesAfterEnv: ['../jest.setup.ts'],
-};

packages/core/package.json

@@ -31,6 +31,8 @@
     "@types/jest": "^24.0.0",
     "@types/node": "^12.0.0",
     "classnames": "^2.2.6",
+    "clsx": "^1.1.0",
+    "prop-types": "^15.7.2",
     "rc-progress": "^2.5.2",
     "react": "^16.12.0",
     "react-addons-text-content": "0.0.4",
@@ -44,6 +46,6 @@
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.3.2",
     "@testing-library/user-event": "^7.1.2",
-    "prop-types": "^15.7.2"
+    "react-router": "^5.1.2"
   }
 }

packages/core/src/layout/HeaderLabel/HeaderLabel.tsx

@@ -14,9 +14,8 @@
  * limitations under the License.
  */
 
+import { Link, makeStyles, Typography } from '@material-ui/core';
 import React, { FC } from 'react';
-import { Typography, makeStyles } from '@material-ui/core';
-import { Link } from '@material-ui/core';
 import { BackstageTheme } from '../../theme/theme';
 
 const useStyles = makeStyles<BackstageTheme>(theme => ({

packages/core/src/layout/InfoCard/BottomLink.tsx

@@ -14,13 +14,18 @@
  * limitations under the License.
  */
 
-import React, { FC } from 'react';
-import { Link } from '@material-ui/core';
-import { Divider, ListItemText, makeStyles } from '@material-ui/core';
-import { ListItem, ListItemIcon } from '@material-ui/core';
-import ArrowIcon from '@material-ui/icons/ArrowForward';
-import grey from '@material-ui/core/colors/grey';
+import {
+  Divider,
+  Link,
+  ListItem,
+  ListItemIcon,
+  ListItemText,
+  makeStyles,
+} from '@material-ui/core';
 import Box from '@material-ui/core/Box';
+import grey from '@material-ui/core/colors/grey';
+import ArrowIcon from '@material-ui/icons/ArrowForward';
+import React, { FC } from 'react';
 import { BackstageTheme } from '../../theme/theme';
 
 const useStyles = makeStyles<BackstageTheme>(theme => ({

packages/core/src/testUtils/index.js

@@ -15,7 +15,7 @@
  */
 
 import React from 'react';
-import { ThemeProvider } from '@material-ui/styles';
+import { ThemeProvider } from '@material-ui/core';
 
 import { MemoryRouter } from 'react-router';
 import { Route } from 'react-router-dom';