DT-1125: Migrate away from @mui/styles Part 2 - ThemeProvider to use @mui/system

src/components/AppBreadcrumbs/AppBreadcrumbs.test.tsx

@@ -3,7 +3,7 @@ import { mount } from 'cypress/react';
 import { Router } from 'react-router-dom';
 import history from 'modules/hist';
 import globalTheme from 'modules/theme';
-import { ThemeProvider } from '@mui/styles';
+import { ThemeProvider } from '@mui/material/styles';
 import AppBreadcrumbs from './AppBreadcrumbs';
 import { BreadcrumbType } from '../../constants';
 

src/components/EditableFieldView.test.tsx

@@ -1,7 +1,7 @@
 import { mount } from 'cypress/react';
 import { Router } from 'react-router-dom';
 import { Provider } from 'react-redux';
-import { ThemeProvider } from '@mui/styles';
+import { ThemeProvider } from '@mui/material/styles';
 import createMockStore from 'redux-mock-store';
 import React from 'react';
 import EditableFieldView from './EditableFieldView';

src/components/JobView.test.tsx

@@ -1,7 +1,7 @@
 import { mount } from 'cypress/react';
 import { Router } from 'react-router-dom';
 import { Provider } from 'react-redux';
-import { ThemeProvider } from '@mui/styles';
+import { ThemeProvider } from '@mui/material/styles';
 import createMockStore from 'redux-mock-store';
 import React from 'react';
 import _ from 'lodash';

src/components/ManageUsersView.test.tsx

@@ -1,6 +1,6 @@
 import { mount } from 'cypress/react';
 import { Router } from 'react-router-dom';
-import { ThemeProvider } from '@mui/styles';
+import { ThemeProvider } from '@mui/material/styles';
 import { Provider } from 'react-redux';
 import React from 'react';
 import createMockStore from 'redux-mock-store';

src/components/SnapshotAccessRequestView.test.tsx

@@ -8,7 +8,7 @@ import { routerMiddleware } from 'connected-react-router';
 import history from 'modules/hist';
 import { Provider } from 'react-redux';
 import { Router } from 'react-router-dom';
-import { ThemeProvider } from '@mui/styles';
+import { ThemeProvider } from '@mui/material/styles';
 import globalTheme from 'modules/theme';
 import React from 'react';
 

src/components/UserList.test.tsx

@@ -1,6 +1,6 @@
 import { mount } from 'cypress/react';
 import { Router } from 'react-router-dom';
-import { ThemeProvider } from '@mui/styles';
+import { ThemeProvider } from '@mui/material/styles';
 import { Provider } from 'react-redux';
 import React from 'react';
 import createMockStore from 'redux-mock-store';

src/components/common/TabWrapper.test.tsx

@@ -7,7 +7,7 @@ import { routerMiddleware } from 'connected-react-router';
 import history from 'modules/hist';
 import { Provider } from 'react-redux';
 import { Router } from 'react-router-dom';
-import { ThemeProvider } from '@mui/styles';
+import { ThemeProvider } from '@mui/material/styles';
 import globalTheme from 'modules/theme';
 import React from 'react';
 import TabWrapper from 'components/common/TabWrapper';

src/components/common/TerraAvatar.test.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { mount } from 'cypress/react';
 import { Router } from 'react-router-dom';
-import { ThemeProvider } from '@mui/styles';
+import { ThemeProvider } from '@mui/material/styles';
 import { Provider } from 'react-redux';
 import createMockStore from 'redux-mock-store';
 

src/components/common/TextContent.test.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { mount } from 'cypress/react';
 import { Router } from 'react-router-dom';
-import { ThemeProvider } from '@mui/styles';
+import { ThemeProvider } from '@mui/material/styles';
 import { Provider } from 'react-redux';
 import createMockStore from 'redux-mock-store';
 

src/components/common/WithoutStylesMarkdownContent.test.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { mount } from 'cypress/react';
 import { Router } from 'react-router-dom';
-import { ThemeProvider } from '@mui/styles';
+import { ThemeProvider } from '@mui/material/styles';
 import { Provider } from 'react-redux';
 import createMockStore from 'redux-mock-store';
 

src/components/common/overview/SchemaPanel.test.tsx

@@ -1,6 +1,6 @@
 import { mount } from 'cypress/react';
 import { Router } from 'react-router-dom';
-import { ThemeProvider } from '@mui/styles';
+import { ThemeProvider } from '@mui/material/styles';
 import React from 'react';
 import { TableDataType, TableModel } from 'generated/tdr';
 import history from '../../../modules/hist';

src/components/dataset/data/sidebar/filter/CategoryWrapper.test.tsx

@@ -1,7 +1,7 @@
 import { mount } from 'cypress/react';
 import { Router } from 'react-router-dom';
 import { Provider } from 'react-redux';
-import { ThemeProvider } from '@mui/styles';
+import { ThemeProvider } from '@mui/material/styles';
 import { routerMiddleware } from 'connected-react-router';
 import createMockStore, { MockStoreEnhanced } from 'redux-mock-store';
 import React from 'react';

src/components/dataset/data/sidebar/filter/FreetextFilter.test.tsx

@@ -1,7 +1,7 @@
 import { Provider } from 'react-redux';
 import { mount } from 'cypress/react';
 import { Router } from 'react-router-dom';
-import { ThemeProvider } from '@mui/styles';
+import { ThemeProvider } from '@mui/material/styles';
 import { routerMiddleware } from 'connected-react-router';
 import createMockStore, { MockStoreEnhanced } from 'redux-mock-store';
 import React from 'react';

src/components/dataset/data/sidebar/filter/RangeFilter.test.tsx

@@ -1,7 +1,7 @@
 import { mount } from 'cypress/react';
 import { Router } from 'react-router-dom';
 import { Provider } from 'react-redux';
-import { ThemeProvider } from '@mui/styles';
+import { ThemeProvider } from '@mui/material/styles';
 import { routerMiddleware } from 'connected-react-router';
 import createMockStore, { MockStoreEnhanced } from 'redux-mock-store';
 import React from 'react';

src/components/dataset/schemaCreation/DatasetSchemaCreationView.test.tsx

@@ -1,7 +1,7 @@
 import { mount } from 'cypress/react';
 import { Router } from 'react-router-dom';
 import { Provider } from 'react-redux';
-import { ThemeProvider } from '@mui/styles';
+import { ThemeProvider } from '@mui/material/styles';
 import createMockStore, { MockStoreEnhanced } from 'redux-mock-store';
 import React from 'react';
 import _ from 'lodash';

src/components/snapshot/DataAccessControlGroup.test.tsx

@@ -1,6 +1,6 @@
 import { mount } from 'cypress/react';
 import { Router } from 'react-router-dom';
-import { ThemeProvider } from '@mui/styles';
+import { ThemeProvider } from '@mui/material/styles';
 import { Provider } from 'react-redux';
 import React from 'react';
 import createMockStore from 'redux-mock-store';

src/components/snapshot/SnapshotAccess.test.tsx

@@ -1,6 +1,6 @@
 import { mount } from 'cypress/react';
 import { Router } from 'react-router-dom';
-import { ThemeProvider } from '@mui/styles';
+import { ThemeProvider } from '@mui/material/styles';
 import { Provider } from 'react-redux';
 import React from 'react';
 import createMockStore from 'redux-mock-store';

src/components/snapshot/overview/SnapshotExport.test.tsx

@@ -1,6 +1,6 @@
 import { mount } from 'cypress/react';
 import { Router } from 'react-router-dom';
-import { ThemeProvider } from '@mui/styles';
+import { ThemeProvider } from '@mui/material/styles';
 import { Provider } from 'react-redux';
 import React from 'react';
 import createMockStore from 'redux-mock-store';

src/components/snapshot/overview/SnapshotOverviewPanel.test.tsx

@@ -1,6 +1,6 @@
 import { mount } from 'cypress/react';
 import { Router } from 'react-router-dom';
-import { ThemeProvider } from '@mui/styles';
+import { ThemeProvider } from '@mui/material/styles';
 import { Provider } from 'react-redux';
 import React from 'react';
 import createMockStore from 'redux-mock-store';

src/components/snapshot/overview/SnapshotWorkspace.test.tsx

@@ -1,6 +1,6 @@
 import { mount } from 'cypress/react';
 import { Router } from 'react-router-dom';
-import { ThemeProvider } from '@mui/styles';
+import { ThemeProvider } from '@mui/material/styles';
 import { Provider } from 'react-redux';
 import React from 'react';
 import createMockStore from 'redux-mock-store';

src/components/table/LightTable.test.tsx

@@ -1,7 +1,7 @@
 import { mount } from 'cypress/react';
 import { Router } from 'react-router-dom';
 import { Provider } from 'react-redux';
-import { ThemeProvider } from '@mui/styles';
+import { ThemeProvider } from '@mui/material/styles';
 import { initialUserState } from 'reducers/user';
 import { initialQueryState } from 'reducers/query';
 import _ from 'lodash';

src/components/table/ResourceName.test.tsx

@@ -3,7 +3,7 @@ import createMockStore from 'redux-mock-store';
 import { mount } from 'cypress/react';
 import { Router } from 'react-router-dom';
 import { Provider } from 'react-redux';
-import { ThemeProvider } from '@mui/styles';
+import { ThemeProvider } from '@mui/material/styles';
 
 import history from '../../modules/hist';
 import globalTheme from '../../modules/theme';

src/components/table/SnapshotAccessRequestTable.test.tsx

@@ -7,7 +7,7 @@ import { routerMiddleware } from 'connected-react-router';
 import history from 'modules/hist';
 import { Provider } from 'react-redux';
 import { Router } from 'react-router-dom';
-import { ThemeProvider } from '@mui/styles';
+import { ThemeProvider } from '@mui/material/styles';
 import globalTheme from 'modules/theme';
 import React from 'react';
 import SnapshotAccessRequestTable from 'components/table/SnapshotAccessRequestTable';