update packages

update storybook update rollup v4 and esm refactor update react-query examples to v5
KevinVandy · Oct 19, 2023 · 1cfdc83 · 1cfdc83
1 parent 6e75c8d
commit 1cfdc83
Show file tree

Hide file tree

Showing 294 changed files with 1,988 additions and 2,248 deletions.
diff --git a/apps/material-react-table-docs/.eslintrc.json b/apps/material-react-table-docs/.eslintrc.json
@@ -2,12 +2,14 @@
   "extends": [
     "next/core-web-vitals",
     "eslint:recommended",
-    "plugin:@typescript-eslint/recommended"
+    "plugin:@typescript-eslint/recommended",
+    "plugin:@tanstack/eslint-plugin-query/recommended"
   ],
   "parser": "@typescript-eslint/parser",
   "plugins": [
     "@typescript-eslint",
-    "mui-path-imports"
+    "mui-path-imports",
+    "@tanstack/query"
   ],
   "rules": {
     "@next/next/no-img-element": "off",

diff --git a/apps/material-react-table-docs/components/mdx/GuideCard.tsx b/apps/material-react-table-docs/components/mdx/GuideCard.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { alpha, Card, CardContent, Typography } from '@mui/material';
 import Link from 'next/link';
 

diff --git a/apps/material-react-table-docs/components/mdx/SourceCodeSnippet.tsx b/apps/material-react-table-docs/components/mdx/SourceCodeSnippet.tsx
@@ -131,7 +131,7 @@ export const SourceCodeSnippet = ({
                   gap: '2rem',
                 }}
               >
-                <Box sx={{display: 'flex', alignItems: 'center'}}>
+                <Box sx={{ display: 'flex', alignItems: 'center' }}>
                   <Box
                     sx={{
                       display: { xs: 'grid', sm: 'flex' },

diff --git a/apps/material-react-table-docs/components/navigation/routes.ts b/apps/material-react-table-docs/components/navigation/routes.ts
@@ -140,7 +140,7 @@ export const routes: Array<RouteItem> = [
             href: '/docs/examples/detail-panel',
             label: 'Detail Panel (Expanding)',
           },
-        ]
+        ],
       },
       {
         href: '/docs/examples/filter-variants',

diff --git a/apps/material-react-table-docs/components/prop-tables/CellInstanceAPIsSource.tsx b/apps/material-react-table-docs/components/prop-tables/CellInstanceAPIsSource.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { Box, Typography } from '@mui/material';
 import { SourceCodeSnippet } from '../mdx/SourceCodeSnippet';
 const TS = require('!!raw-loader!./CellInstanceAPIsTable.tsx').default;

diff --git a/apps/material-react-table-docs/components/prop-tables/ColumnInstanceAPIsSource.tsx b/apps/material-react-table-docs/components/prop-tables/ColumnInstanceAPIsSource.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { Box, Typography } from '@mui/material';
 import { SourceCodeSnippet } from '../mdx/SourceCodeSnippet';
 const TS = require('!!raw-loader!./ColumnInstanceAPIsTable.tsx').default;

diff --git a/apps/material-react-table-docs/components/prop-tables/ColumnOptionsSource.tsx b/apps/material-react-table-docs/components/prop-tables/ColumnOptionsSource.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { Box, Typography } from '@mui/material';
 import { SourceCodeSnippet } from '../mdx/SourceCodeSnippet';
 const TS = require('!!raw-loader!./ColumnOptionsTable.tsx').default;

diff --git a/apps/material-react-table-docs/components/prop-tables/RowInstanceAPIsSource.tsx b/apps/material-react-table-docs/components/prop-tables/RowInstanceAPIsSource.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { Box, Typography } from '@mui/material';
 import { SourceCodeSnippet } from '../mdx/SourceCodeSnippet';
 const TS = require('!!raw-loader!./RowInstanceAPIsTable.tsx').default;

diff --git a/apps/material-react-table-docs/components/prop-tables/StateOptionsSource.tsx b/apps/material-react-table-docs/components/prop-tables/StateOptionsSource.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { Box, Typography } from '@mui/material';
 import { SourceCodeSnippet } from '../mdx/SourceCodeSnippet';
 const TS = require('!!raw-loader!./StateOptionsTable.tsx').default;

diff --git a/apps/material-react-table-docs/components/prop-tables/TableInstanceAPIsSource.tsx b/apps/material-react-table-docs/components/prop-tables/TableInstanceAPIsSource.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { Box, Typography } from '@mui/material';
 import { SourceCodeSnippet } from '../mdx/SourceCodeSnippet';
 const TS = require('!!raw-loader!./TableInstanceAPIsTable.tsx').default;

diff --git a/apps/material-react-table-docs/components/prop-tables/TableOptionsSource.tsx b/apps/material-react-table-docs/components/prop-tables/TableOptionsSource.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { Box, Typography } from '@mui/material';
 import { SourceCodeSnippet } from '../mdx/SourceCodeSnippet';
 const TS = require('!!raw-loader!./TableOptionsTable.tsx').default;

diff --git a/apps/material-react-table-docs/example-groups/FilteringExamples.tsx b/apps/material-react-table-docs/example-groups/FilteringExamples.tsx
@@ -1,10 +1,10 @@
 import { useRouter } from 'next/router';
+import { useState } from 'react';
 import { Box, Tab, Tabs } from '@mui/material';
 import FilterVariantsExample from '../examples/customize-filter-variants';
 import FacetedValuesExample from '../examples/enable-filter-facet-values';
 import FilterModesExample from '../examples/customize-filter-modes';
-import PopoverFiltersExample from '../examples/alternate-column-filtering'
-import { useState } from 'react';
+import PopoverFiltersExample from '../examples/alternate-column-filtering';
 import Link from 'next/link';
 import LaunchIcon from '@mui/icons-material/Launch';
 

diff --git a/apps/material-react-table-docs/examples/SimpleCodeSandbox.tsx b/apps/material-react-table-docs/examples/SimpleCodeSandbox.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 const SimpleCodeSandbox = () => {
   return (
     <iframe

diff --git a/apps/material-react-table-docs/examples/advanced/index.tsx b/apps/material-react-table-docs/examples/advanced/index.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { SourceCodeSnippet } from '../../components/mdx/SourceCodeSnippet';
 import Example from './sandbox/src/TS';
 const JS = require('!!raw-loader!./sandbox/src/JS.js').default;

diff --git a/apps/material-react-table-docs/examples/advanced/sandbox/src/main.tsx b/apps/material-react-table-docs/examples/advanced/sandbox/src/main.tsx
@@ -1,9 +1,9 @@
-import React from 'react';
+import { StrictMode } from 'react';
 import ReactDOM from 'react-dom/client';
 import Example from './TS';
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
-  <React.StrictMode>
+  <StrictMode>
     <Example />
-  </React.StrictMode>,
+  </StrictMode>,
 );
diff --git a/apps/material-react-table-docs/examples/aggregation-and-grouping/index.tsx b/apps/material-react-table-docs/examples/aggregation-and-grouping/index.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { SourceCodeSnippet } from '../../components/mdx/SourceCodeSnippet';
 import Example from './sandbox/src/TS';
 const JS = require('!!raw-loader!./sandbox/src/JS.js').default;

diff --git a/apps/material-react-table-docs/examples/aggregation-and-grouping/sandbox/src/main.tsx b/apps/material-react-table-docs/examples/aggregation-and-grouping/sandbox/src/main.tsx
@@ -1,9 +1,9 @@
-import React from 'react';
+import { StrictMode } from 'react';
 import ReactDOM from 'react-dom/client';
 import Example from './TS';
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
-  <React.StrictMode>
+  <StrictMode>
     <Example />
-  </React.StrictMode>,
+  </StrictMode>,
 );
diff --git a/apps/material-react-table-docs/examples/aggregation-multi/index.tsx b/apps/material-react-table-docs/examples/aggregation-multi/index.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { SourceCodeSnippet } from '../../components/mdx/SourceCodeSnippet';
 import Example from './sandbox/src/TS';
 const JS = require('!!raw-loader!./sandbox/src/JS.js').default;

diff --git a/apps/material-react-table-docs/examples/aggregation-multi/sandbox/src/main.tsx b/apps/material-react-table-docs/examples/aggregation-multi/sandbox/src/main.tsx
@@ -1,9 +1,9 @@
-import React from 'react';
+import { StrictMode } from 'react';
 import ReactDOM from 'react-dom/client';
 import Example from './TS';
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
-  <React.StrictMode>
+  <StrictMode>
     <Example />
-  </React.StrictMode>,
+  </StrictMode>,
 );
diff --git a/apps/material-react-table-docs/examples/alternate-column-filtering/sandbox/src/main.tsx b/apps/material-react-table-docs/examples/alternate-column-filtering/sandbox/src/main.tsx
@@ -1,9 +1,9 @@
-import React from 'react';
+import { StrictMode } from 'react';
 import ReactDOM from 'react-dom/client';
 import Example from './TS';
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
-  <React.StrictMode>
+  <StrictMode>
     <Example />
-  </React.StrictMode>,
+  </StrictMode>,
 );
diff --git a/apps/material-react-table-docs/examples/alternate-detail-panel/index.tsx b/apps/material-react-table-docs/examples/alternate-detail-panel/index.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { SourceCodeSnippet } from '../../components/mdx/SourceCodeSnippet';
 import Example from './sandbox/src/TS';
 const JS = require('!!raw-loader!./sandbox/src/JS.js').default;

diff --git a/apps/material-react-table-docs/examples/alternate-detail-panel/sandbox/src/main.tsx b/apps/material-react-table-docs/examples/alternate-detail-panel/sandbox/src/main.tsx
@@ -1,9 +1,9 @@
-import React from 'react';
+import { StrictMode } from 'react';
 import ReactDOM from 'react-dom/client';
 import Example from './TS';
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
-  <React.StrictMode>
+  <StrictMode>
     <Example />
-  </React.StrictMode>,
+  </StrictMode>,
 );
diff --git a/apps/material-react-table-docs/examples/alternate-pagination/sandbox/src/main.tsx b/apps/material-react-table-docs/examples/alternate-pagination/sandbox/src/main.tsx
@@ -1,9 +1,9 @@
-import React from 'react';
+import { StrictMode } from 'react';
 import ReactDOM from 'react-dom/client';
 import Example from './TS';
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
-  <React.StrictMode>
+  <StrictMode>
     <Example />
-  </React.StrictMode>,
+  </StrictMode>,
 );
diff --git a/apps/material-react-table-docs/examples/basic/index.tsx b/apps/material-react-table-docs/examples/basic/index.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { SourceCodeSnippet } from '../../components/mdx/SourceCodeSnippet';
 import Example from './sandbox/src/TS';
 const JS = require('!!raw-loader!./sandbox/src/JS.js').default;

diff --git a/apps/material-react-table-docs/examples/basic/sandbox/src/main.tsx b/apps/material-react-table-docs/examples/basic/sandbox/src/main.tsx
@@ -1,9 +1,9 @@
-import React from 'react';
+import { StrictMode } from 'react';
 import ReactDOM from 'react-dom/client';
 import Example from './TS';
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
-  <React.StrictMode>
+  <StrictMode>
     <Example />
-  </React.StrictMode>,
+  </StrictMode>,
 );
diff --git a/apps/material-react-table-docs/examples/column-actions-space/index.tsx b/apps/material-react-table-docs/examples/column-actions-space/index.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { SourceCodeSnippet } from '../../components/mdx/SourceCodeSnippet';
 import Example from './sandbox/src/TS';
 const JS = require('!!raw-loader!./sandbox/src/JS.js').default;

diff --git a/apps/material-react-table-docs/examples/column-actions-space/sandbox/src/main.tsx b/apps/material-react-table-docs/examples/column-actions-space/sandbox/src/main.tsx
@@ -1,9 +1,9 @@
-import React from 'react';
+import { StrictMode } from 'react';
 import ReactDOM from 'react-dom/client';
 import Example from './TS';
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
-  <React.StrictMode>
+  <StrictMode>
     <Example />
-  </React.StrictMode>,
+  </StrictMode>,
 );
diff --git a/apps/material-react-table-docs/examples/column-alignment/index.tsx b/apps/material-react-table-docs/examples/column-alignment/index.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { SourceCodeSnippet } from '../../components/mdx/SourceCodeSnippet';
 import Example from './sandbox/src/TS';
 const JS = require('!!raw-loader!./sandbox/src/JS.js').default;

diff --git a/apps/material-react-table-docs/examples/column-alignment/sandbox/src/main.tsx b/apps/material-react-table-docs/examples/column-alignment/sandbox/src/main.tsx
@@ -1,9 +1,9 @@
-import React from 'react';
+import { StrictMode } from 'react';
 import ReactDOM from 'react-dom/client';
 import Example from './TS';
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
-  <React.StrictMode>
+  <StrictMode>
     <Example />
-  </React.StrictMode>,
+  </StrictMode>,
 );
diff --git a/apps/material-react-table-docs/examples/custom-column-actions/index.tsx b/apps/material-react-table-docs/examples/custom-column-actions/index.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { SourceCodeSnippet } from '../../components/mdx/SourceCodeSnippet';
 import Example from './sandbox/src/TS';
 const JS = require('!!raw-loader!./sandbox/src/JS.js').default;

diff --git a/apps/material-react-table-docs/examples/custom-column-actions/sandbox/src/main.tsx b/apps/material-react-table-docs/examples/custom-column-actions/sandbox/src/main.tsx
@@ -1,9 +1,9 @@
-import React from 'react';
+import { StrictMode } from 'react';
 import ReactDOM from 'react-dom/client';
 import Example from './TS';
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
-  <React.StrictMode>
+  <StrictMode>
     <Example />
-  </React.StrictMode>,
+  </StrictMode>,
 );
diff --git a/apps/material-react-table-docs/examples/custom-headless/sandbox/src/main.tsx b/apps/material-react-table-docs/examples/custom-headless/sandbox/src/main.tsx
@@ -1,9 +1,9 @@
-import React from 'react';
+import { StrictMode } from 'react';
 import ReactDOM from 'react-dom/client';
 import Example from './TS';
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
-  <React.StrictMode>
+  <StrictMode>
     <Example />
-  </React.StrictMode>,
+  </StrictMode>,
 );
diff --git a/apps/material-react-table-docs/examples/custom-top-toolbar/index.tsx b/apps/material-react-table-docs/examples/custom-top-toolbar/index.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { SourceCodeSnippet } from '../../components/mdx/SourceCodeSnippet';
 import Example from './sandbox/src/TS';
 const JS = require('!!raw-loader!./sandbox/src/JS.js').default;

diff --git a/apps/material-react-table-docs/examples/custom-top-toolbar/sandbox/src/main.tsx b/apps/material-react-table-docs/examples/custom-top-toolbar/sandbox/src/main.tsx
@@ -1,9 +1,9 @@
-import React from 'react';
+import { StrictMode } from 'react';
 import ReactDOM from 'react-dom/client';
 import Example from './TS';
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
-  <React.StrictMode>
+  <StrictMode>
     <Example />
-  </React.StrictMode>,
+  </StrictMode>,
 );
diff --git a/apps/material-react-table-docs/examples/customize-display-columns/index.tsx b/apps/material-react-table-docs/examples/customize-display-columns/index.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { SourceCodeSnippet } from '../../components/mdx/SourceCodeSnippet';
 import Example from './sandbox/src/TS';
 const JS = require('!!raw-loader!./sandbox/src/JS.js').default;

diff --git a/apps/material-react-table-docs/examples/customize-display-columns/sandbox/src/main.tsx b/apps/material-react-table-docs/examples/customize-display-columns/sandbox/src/main.tsx
@@ -1,9 +1,9 @@
-import React from 'react';
+import { StrictMode } from 'react';
 import ReactDOM from 'react-dom/client';
 import Example from './TS';
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
-  <React.StrictMode>
+  <StrictMode>
     <Example />
-  </React.StrictMode>,
+  </StrictMode>,
 );
diff --git a/apps/material-react-table-docs/examples/customize-filter-components/index.tsx b/apps/material-react-table-docs/examples/customize-filter-components/index.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { SourceCodeSnippet } from '../../components/mdx/SourceCodeSnippet';
 import Example from './sandbox/src/TS';
 const JS = require('!!raw-loader!./sandbox/src/JS.js').default;

diff --git a/apps/material-react-table-docs/examples/customize-filter-components/sandbox/src/main.tsx b/apps/material-react-table-docs/examples/customize-filter-components/sandbox/src/main.tsx
@@ -1,9 +1,9 @@
-import React from 'react';
+import { StrictMode } from 'react';
 import ReactDOM from 'react-dom/client';
 import Example from './TS';
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
-  <React.StrictMode>
+  <StrictMode>
     <Example />
-  </React.StrictMode>,
+  </StrictMode>,
 );
diff --git a/apps/material-react-table-docs/examples/customize-filter-modes/index.tsx b/apps/material-react-table-docs/examples/customize-filter-modes/index.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { SourceCodeSnippet } from '../../components/mdx/SourceCodeSnippet';
 import Example from './sandbox/src/TS';
 const JS = require('!!raw-loader!./sandbox/src/JS.js').default;

diff --git a/apps/material-react-table-docs/examples/customize-filter-modes/sandbox/src/main.tsx b/apps/material-react-table-docs/examples/customize-filter-modes/sandbox/src/main.tsx
@@ -1,9 +1,9 @@
-import React from 'react';
+import { StrictMode } from 'react';
 import ReactDOM from 'react-dom/client';
 import Example from './TS';
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
-  <React.StrictMode>
+  <StrictMode>
     <Example />
-  </React.StrictMode>,
+  </StrictMode>,
 );
diff --git a/apps/material-react-table-docs/examples/customize-filter-variants/index.tsx b/apps/material-react-table-docs/examples/customize-filter-variants/index.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { SourceCodeSnippet } from '../../components/mdx/SourceCodeSnippet';
 import Example from './sandbox/src/TS';
 const JS = require('!!raw-loader!./sandbox/src/JS.js').default;

diff --git a/apps/material-react-table-docs/examples/customize-filter-variants/sandbox/src/main.tsx b/apps/material-react-table-docs/examples/customize-filter-variants/sandbox/src/main.tsx
@@ -1,9 +1,9 @@
-import React from 'react';
+import { StrictMode } from 'react';
 import ReactDOM from 'react-dom/client';
 import Example from './TS';
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
-  <React.StrictMode>
+  <StrictMode>
     <Example />
-  </React.StrictMode>,
+  </StrictMode>,
 );
diff --git a/apps/material-react-table-docs/examples/customize-global-filter-component/index.tsx b/apps/material-react-table-docs/examples/customize-global-filter-component/index.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { SourceCodeSnippet } from '../../components/mdx/SourceCodeSnippet';
 import Example from './sandbox/src/TS';
 const JS = require('!!raw-loader!./sandbox/src/JS.js').default;

diff --git a/...material-react-table-docs/examples/customize-global-filter-component/sandbox/src/main.tsx b/...material-react-table-docs/examples/customize-global-filter-component/sandbox/src/main.tsx
@@ -1,9 +1,9 @@
-import React from 'react';
+import { StrictMode } from 'react';
 import ReactDOM from 'react-dom/client';
 import Example from './TS';
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
-  <React.StrictMode>
+  <StrictMode>
     <Example />
-  </React.StrictMode>,
+  </StrictMode>,
 );
diff --git a/apps/material-react-table-docs/examples/customize-row-selection/index.tsx b/apps/material-react-table-docs/examples/customize-row-selection/index.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { SourceCodeSnippet } from '../../components/mdx/SourceCodeSnippet';
 import Example from './sandbox/src/TS';
 const JS = require('!!raw-loader!./sandbox/src/JS.js').default;