chore: update to v5 stable

material-table-core · Sep 20, 2021 · ac8008e · ac8008e
1 parent 3059424
commit ac8008e
Show file tree

Hide file tree

Showing 8 changed files with 426 additions and 397 deletions.
diff --git a/__tests__/demo/demo.js b/__tests__/demo/demo.js
@@ -16,7 +16,11 @@
  * built-in dev server (run `npm start`)
  */
 
-import { ThemeProvider, createTheme } from '@mui/material';
+import {
+  ThemeProvider,
+  StyledEngineProvider,
+  createTheme
+} from '@mui/material';
 import React from 'react';
 import { render } from 'react-dom';
 
@@ -45,103 +49,109 @@ import { I1353, I1941, I122 } from './demo-components/RemoteData';
 module.hot.accept();
 
 render(
-  <ThemeProvider theme={createTheme()}>
-    <h1>Switcher</h1>
-    <DataSwitcher />
-
-    <h1>SelectionOnRowClick</h1>
-    <SelectionOnRowClick />
-
-    <h1>EventTargetErrorOnRowClick</h1>
-    <EventTargetErrorOnRowClick
-      onSelectionChange={(d) => console.log('onSelectionChange', d)}
-    />
-
-    <h1>DetailPanelIssuesProgrammaticallyHidingWhenOpen</h1>
-    <DetailPanelIssuesProgrammaticallyHidingWhenOpen />
-    <h1>Basic</h1>
-    <Basic />
-
-    <h1>Basic Ref</h1>
-    <BasicRef />
-
-    {/*
-    <h1>Export Data</h1>
-    <ExportData />
-    */}
-
-    {/*
-    <h1>Custom Export </h1>
-    <CustomExport />
-    */}
-
-    <h1>Bulk Edit</h1>
-    <BulkEdit />
-
-    <h1>Default Order Issue</h1>
-    <DefaultOrderIssue />
-
-    <h1>Bulk Edit With Detail Panel</h1>
-    <BulkEditWithDetailPanel />
-
-    <h1>Hiding Columns</h1>
-    <HidingColumns />
-
-    <h1>TestingNewActionHandlersProp</h1>
-    <TestingNewActionHandlersProp />
-
-    <h1>Editable Rows</h1>
-    <EditableRow />
-
-    <h1>One Detail Panel</h1>
-    <OneDetailPanel />
-
-    <h1>Multiple Detail Panels</h1>
-    <MultipleDetailPanels />
-
-    <h1>Editable</h1>
-    <EditableCells />
-
-    <h1>Frankenstein</h1>
-    <FrankensteinDemo />
-
-    <h1>Resizable Columns</h1>
-    <Resizable />
-
-    <h1>Persistent Groupings</h1>
-    <PersistentGroupings persistentGroupingsId="persistence-id" />
-
-    <h1>Persistent Groupings Same ID</h1>
-    <PersistentGroupings persistentGroupingsId="persistence-id" />
-
-    <h1>Persistent Groupings unshared</h1>
-    <PersistentGroupings persistentGroupingsId="some-other-id" />
-
-    <h1>Remote Data Related</h1>
-    <ol>
-      <li>
-        <h3>
-          mbrn{' '}
-          <a href="https://github.com/mbrn/material-table/issues/1353">#1353</a>
-        </h3>
-        <I1353 />
-      </li>
-      <li>
-        <h3>
-          mbrn{' '}
-          <a href="https://github.com/mbrn/material-table/issues/1941">#1941</a>
-        </h3>
-        <I1941 />
-      </li>
-      <li>
-        <h3>
-          <a href="https://github.com/material-table-core/core/issues/122">
-            #122
-          </a>
-        </h3>
-        <I122 />
-      </li>
-    </ol>
-  </ThemeProvider>,
+  <StyledEngineProvider injectFirst>
+    <ThemeProvider theme={createTheme()}>
+      <h1>Switcher</h1>
+      <DataSwitcher />
+
+      <h1>SelectionOnRowClick</h1>
+      <SelectionOnRowClick />
+
+      <h1>EventTargetErrorOnRowClick</h1>
+      <EventTargetErrorOnRowClick
+        onSelectionChange={(d) => console.log('onSelectionChange', d)}
+      />
+
+      <h1>DetailPanelIssuesProgrammaticallyHidingWhenOpen</h1>
+      <DetailPanelIssuesProgrammaticallyHidingWhenOpen />
+      <h1>Basic</h1>
+      <Basic />
+
+      <h1>Basic Ref</h1>
+      <BasicRef />
+
+      {/*
+      <h1>Export Data</h1>
+      <ExportData />
+      */}
+
+      {/*
+      <h1>Custom Export </h1>
+      <CustomExport />
+      */}
+
+      <h1>Bulk Edit</h1>
+      <BulkEdit />
+
+      <h1>Default Order Issue</h1>
+      <DefaultOrderIssue />
+
+      <h1>Bulk Edit With Detail Panel</h1>
+      <BulkEditWithDetailPanel />
+
+      <h1>Hiding Columns</h1>
+      <HidingColumns />
+
+      <h1>TestingNewActionHandlersProp</h1>
+      <TestingNewActionHandlersProp />
+
+      <h1>Editable Rows</h1>
+      <EditableRow />
+
+      <h1>One Detail Panel</h1>
+      <OneDetailPanel />
+
+      <h1>Multiple Detail Panels</h1>
+      <MultipleDetailPanels />
+
+      <h1>Editable</h1>
+      <EditableCells />
+
+      <h1>Frankenstein</h1>
+      <FrankensteinDemo />
+
+      <h1>Resizable Columns</h1>
+      <Resizable />
+
+      <h1>Persistent Groupings</h1>
+      <PersistentGroupings persistentGroupingsId="persistence-id" />
+
+      <h1>Persistent Groupings Same ID</h1>
+      <PersistentGroupings persistentGroupingsId="persistence-id" />
+
+      <h1>Persistent Groupings unshared</h1>
+      <PersistentGroupings persistentGroupingsId="some-other-id" />
+
+      <h1>Remote Data Related</h1>
+      <ol>
+        <li>
+          <h3>
+            mbrn{' '}
+            <a href="https://github.com/mbrn/material-table/issues/1353">
+              #1353
+            </a>
+          </h3>
+          <I1353 />
+        </li>
+        <li>
+          <h3>
+            mbrn{' '}
+            <a href="https://github.com/mbrn/material-table/issues/1941">
+              #1941
+            </a>
+          </h3>
+          <I1941 />
+        </li>
+        <li>
+          <h3>
+            <a href="https://github.com/material-table-core/core/issues/122">
+              #122
+            </a>
+          </h3>
+          <I122 />
+        </li>
+      </ol>
+    </ThemeProvider>
+  </StyledEngineProvider>,
   document.querySelector('#app')
 );