Fix createMuiTheme deprecation warnings

Author: fzaninotto

packages/ra-ui-materialui/src/button/Button.spec.tsx

@@ -3,10 +3,10 @@ import * as React from 'react';
 import expect from 'expect';
 import { TestContext } from 'ra-test';
 import { ThemeProvider } from '@material-ui/core';
-import { createMuiTheme } from '@material-ui/core/styles';
+import { createTheme } from '@material-ui/core/styles';
 import Button from './Button';
 
-const theme = createMuiTheme();
+const theme = createTheme();
 
 const invalidButtonDomProps = {
     basePath: '',

packages/ra-ui-materialui/src/button/CloneButton.spec.tsx

@@ -1,6 +1,6 @@
 import expect from 'expect';
 import { ThemeProvider } from '@material-ui/core';
-import { createMuiTheme } from '@material-ui/core/styles';
+import { createTheme } from '@material-ui/core/styles';
 import { render } from '@testing-library/react';
 import * as React from 'react';
 import { createMemoryHistory } from 'history';
@@ -9,7 +9,7 @@ import { Router } from 'react-router-dom';
 import { CloneButton } from './CloneButton';
 import { TestContext } from 'ra-test';
 
-const theme = createMuiTheme();
+const theme = createTheme();
 
 const invalidButtonDomProps = {
     basePath: '/posts',

packages/ra-ui-materialui/src/button/CreateButton.spec.tsx

@@ -3,7 +3,7 @@ import * as React from 'react';
 import expect from 'expect';
 import { TestContext } from 'ra-test';
 import { ThemeProvider } from '@material-ui/core';
-import { createMuiTheme } from '@material-ui/core/styles';
+import { createTheme } from '@material-ui/core/styles';
 import CreateButton from './CreateButton';
 
 const invalidButtonDomProps = {
@@ -25,7 +25,7 @@ describe('<CreateButton />', () => {
     it('should render a button with no DOM errors', () => {
         const spy = jest.spyOn(console, 'error').mockImplementation(() => {});
 
-        const theme = createMuiTheme({
+        const theme = createTheme({
             props: {
                 MuiWithWidth: {
                     initialWidth: 'sm',

packages/ra-ui-materialui/src/button/DeleteWithConfirmButton.spec.tsx

@@ -3,14 +3,14 @@ import * as React from 'react';
 import expect from 'expect';
 import { DataProvider, DataProviderContext } from 'ra-core';
 import { renderWithRedux, TestContext } from 'ra-test';
-import { createMuiTheme, ThemeProvider } from '@material-ui/core/styles';
+import { createTheme, ThemeProvider } from '@material-ui/core/styles';
 import { DeleteWithConfirmButton } from './DeleteWithConfirmButton';
 import { Toolbar, SimpleForm } from '../form';
 import { Edit } from '../detail';
 import { TextInput } from '../input';
 import { Notification } from '../layout';
 
-const theme = createMuiTheme();
+const theme = createTheme();
 
 const invalidButtonDomProps = {
     basePath: '',

packages/ra-ui-materialui/src/button/DeleteWithUndoButton.spec.tsx

@@ -3,13 +3,13 @@ import * as React from 'react';
 import expect from 'expect';
 import { DataProvider, DataProviderContext } from 'ra-core';
 import { renderWithRedux, TestContext } from 'ra-test';
-import { createMuiTheme, ThemeProvider } from '@material-ui/core/styles';
+import { createTheme, ThemeProvider } from '@material-ui/core/styles';
 import { Toolbar, SimpleForm } from '../form';
 import { Edit } from '../detail';
 import { TextInput } from '../input';
 import { DeleteWithUndoButton } from './DeleteWithUndoButton';
 
-const theme = createMuiTheme();
+const theme = createTheme();
 
 const invalidButtonDomProps = {
     basePath: '',

packages/ra-ui-materialui/src/button/SaveButton.spec.tsx

@@ -9,14 +9,14 @@ import {
 } from 'ra-core';
 import { renderWithRedux, TestContext } from 'ra-test';
 import { ThemeProvider } from '@material-ui/core';
-import { createMuiTheme } from '@material-ui/core/styles';
+import { createTheme } from '@material-ui/core/styles';
 
 import SaveButton from './SaveButton';
 import { Toolbar, SimpleForm } from '../form';
 import { Edit } from '../detail';
 import { TextInput } from '../input';
 
-const theme = createMuiTheme();
+const theme = createTheme();
 
 const invalidButtonDomProps = {
     basePath: '',

packages/ra-ui-materialui/src/form/SimpleFormIterator.spec.tsx

@@ -1,5 +1,5 @@
 import { ThemeProvider } from '@material-ui/core';
-import { createMuiTheme } from '@material-ui/core/styles';
+import { createTheme } from '@material-ui/core/styles';
 import { fireEvent, getByText, waitFor } from '@testing-library/react';
 import expect from 'expect';
 import { SaveContextProvider, SideEffectContextProvider } from 'ra-core';
@@ -10,7 +10,7 @@ import TextInput from '../input/TextInput';
 import SimpleForm from './SimpleForm';
 import { SimpleFormIterator } from './SimpleFormIterator';
 
-const theme = createMuiTheme();
+const theme = createTheme();
 
 describe('<SimpleFormIterator />', () => {
     // bypass confirm leave form with unsaved changes

packages/ra-ui-materialui/src/layout/DeviceTestWrapper.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import mediaQuery from 'css-mediaquery';
 import { ThemeProvider } from '@material-ui/styles';
-import { createMuiTheme } from '@material-ui/core/styles';
+import { createTheme } from '@material-ui/core/styles';
 
 /**
  * Test utility to simulate a device form factor for server-side mediaQueries
@@ -18,7 +18,7 @@ const DeviceTestWrapper = ({
     width = 'md',
     children,
 }: DeviceTestWrapperProps): JSX.Element => {
-    const theme = createMuiTheme();
+    const theme = createTheme();
 
     // Use https://github.com/ericf/css-mediaquery as polyfill.
     const ssrMatchMedia = query => ({

packages/ra-ui-materialui/src/layout/createMuiTheme.ts

@@ -1,5 +1,5 @@
 import {
-    createMuiTheme as createLegacyModeTheme,
+    createTheme as createLegacyModeTheme,
     unstable_createMuiStrictModeTheme as createStrictModeTheme,
 } from '@material-ui/core/styles';
 

packages/ra-ui-materialui/src/list/List.spec.tsx

@@ -4,15 +4,15 @@ import { waitFor, fireEvent } from '@testing-library/react';
 import { DataProviderContext, ResourceContextProvider } from 'ra-core';
 import { renderWithRedux } from 'ra-test';
 import { ThemeProvider } from '@material-ui/styles';
-import { createMuiTheme } from '@material-ui/core/styles';
+import { createTheme } from '@material-ui/core/styles';
 import { MemoryRouter } from 'react-router-dom';
 
 import defaultTheme from '../defaultTheme';
 import List from './List';
 import { Filter } from './filter';
 import { TextInput } from '../input';
 
-const theme = createMuiTheme(defaultTheme);
+const theme = createTheme(defaultTheme);
 
 describe('<List />', () => {
     const defaultProps = {

packages/ra-ui-materialui/src/list/filter/FilterButton.spec.tsx

@@ -2,12 +2,12 @@ import * as React from 'react';
 import expect from 'expect';
 import { render, fireEvent } from '@testing-library/react';
 import { ThemeProvider } from '@material-ui/styles';
-import { createMuiTheme } from '@material-ui/core/styles';
+import { createTheme } from '@material-ui/core/styles';
 
 import FilterButton from './FilterButton';
 import TextInput from '../../input/TextInput';
 
-const theme = createMuiTheme();
+const theme = createTheme();
 
 describe('<FilterButton />', () => {
     const defaultProps = {

packages/ra-ui-materialui/src/list/pagination/Pagination.spec.tsx

@@ -2,13 +2,13 @@ import * as React from 'react';
 import expect from 'expect';
 import { render } from '@testing-library/react';
 import { ThemeProvider } from '@material-ui/styles';
-import { createMuiTheme } from '@material-ui/core/styles';
+import { createTheme } from '@material-ui/core/styles';
 import { ListPaginationContext } from 'ra-core';
 
 import Pagination from './Pagination';
 import DeviceTestWrapper from '../../layout/DeviceTestWrapper';
 
-const theme = createMuiTheme();
+const theme = createTheme();
 
 describe('<Pagination />', () => {
     const defaultProps = {