more storybook upgrade cleanup

KevinVandy · Apr 17, 2023 · a71ba47 · a71ba47
1 parent c70cb1e
commit a71ba47
Show file tree

Hide file tree

Showing 50 changed files with 135 additions and 208 deletions.
diff --git a/apps/material-react-table-storybook/stories/Playground.stories.tsx b/apps/material-react-table-storybook/stories/Playground.stories.tsx
@@ -1,9 +1,6 @@
 import React from 'react';
- import { Meta } from '@storybook/react';
-import MaterialReactTable, {
-  type MaterialReactTableProps,
-  type MRT_ColumnDef,
-} from 'material-react-table';
+import { Meta } from '@storybook/react';
+import MaterialReactTable, { type MRT_ColumnDef } from 'material-react-table';
 import { faker } from '@faker-js/faker';
 
 const meta: Meta = {

diff --git a/apps/material-react-table-storybook/stories/features/Aggregation.stories.tsx b/apps/material-react-table-storybook/stories/features/Aggregation.stories.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
- import { Meta } from '@storybook/react';
+import { Meta } from '@storybook/react';
 import MaterialReactTable, {
   type MaterialReactTableProps,
   MRT_AggregationFns,

diff --git a/apps/material-react-table-storybook/stories/features/ClickToCopy.stories.tsx b/apps/material-react-table-storybook/stories/features/ClickToCopy.stories.tsx
@@ -1,9 +1,6 @@
 import React from 'react';
- import { Meta } from '@storybook/react';
-import MaterialReactTable, {
-  type MaterialReactTableProps,
-  type MRT_ColumnDef,
-} from 'material-react-table';
+import { Meta } from '@storybook/react';
+import MaterialReactTable, { type MRT_ColumnDef } from 'material-react-table';
 import { faker } from '@faker-js/faker';
 
 const meta: Meta = {

diff --git a/apps/material-react-table-storybook/stories/features/ColumnActions.stories.tsx b/apps/material-react-table-storybook/stories/features/ColumnActions.stories.tsx
@@ -1,9 +1,6 @@
 import React from 'react';
- import { Meta } from '@storybook/react';
-import MaterialReactTable, {
-  type MaterialReactTableProps,
-  type MRT_ColumnDef,
-} from 'material-react-table';
+import { Meta } from '@storybook/react';
+import MaterialReactTable, { type MRT_ColumnDef } from 'material-react-table';
 import { faker } from '@faker-js/faker';
 
 const meta: Meta = {

diff --git a/apps/material-react-table-storybook/stories/features/ColumnDragging.stories.tsx b/apps/material-react-table-storybook/stories/features/ColumnDragging.stories.tsx
@@ -1,9 +1,6 @@
 import React from 'react';
- import { Meta } from '@storybook/react';
-import MaterialReactTable, {
-  type MaterialReactTableProps,
-  type MRT_ColumnDef,
-} from 'material-react-table';
+import { Meta } from '@storybook/react';
+import MaterialReactTable, { type MRT_ColumnDef } from 'material-react-table';
 import { faker } from '@faker-js/faker';
 
 const meta: Meta = {

diff --git a/apps/material-react-table-storybook/stories/features/ColumnGrouping.stories.tsx b/apps/material-react-table-storybook/stories/features/ColumnGrouping.stories.tsx
@@ -1,7 +1,6 @@
-import React, { useEffect, useState } from 'react';
- import { Meta } from '@storybook/react';
+import React, { useEffect, useMemo, useState } from 'react';
+import { Meta } from '@storybook/react';
 import MaterialReactTable, {
-  type MaterialReactTableProps,
   type MRT_Column,
   type MRT_ColumnDef,
 } from 'material-react-table';
@@ -255,3 +254,29 @@ export const GroupingStateManaged = () => {
     />
   );
 };
+
+export const GroupingAndDraggingWithSomeDisabledGrouping = () => {
+  const _columns = useMemo<MRT_ColumnDef<Person>[]>(
+    () => [
+      {
+        accessorKey: 'firstName',
+        header: 'First Name',
+        enableGrouping: false,
+      },
+      {
+        accessorKey: 'lastName',
+        header: 'Last Name',
+      },
+    ],
+    [],
+  );
+
+  return (
+    <MaterialReactTable
+      columns={_columns}
+      data={data}
+      enableColumnDragging
+      enableGrouping
+    />
+  );
+};
diff --git a/apps/material-react-table-storybook/stories/features/ColumnHiding.stories.tsx b/apps/material-react-table-storybook/stories/features/ColumnHiding.stories.tsx
@@ -1,9 +1,6 @@
 import React from 'react';
- import { Meta } from '@storybook/react';
-import MaterialReactTable, {
-  type MaterialReactTableProps,
-  type MRT_ColumnDef,
-} from 'material-react-table';
+import { Meta } from '@storybook/react';
+import MaterialReactTable, { type MRT_ColumnDef } from 'material-react-table';
 import { faker } from '@faker-js/faker';
 
 const meta: Meta = {

diff --git a/apps/material-react-table-storybook/stories/features/ColumnOrdering.stories.tsx b/apps/material-react-table-storybook/stories/features/ColumnOrdering.stories.tsx
@@ -1,7 +1,6 @@
 import React, { useState } from 'react';
- import { Meta } from '@storybook/react';
+import { Meta } from '@storybook/react';
 import MaterialReactTable, {
-  type MaterialReactTableProps,
   type MRT_ColumnDef,
   MRT_ColumnOrderState,
 } from 'material-react-table';

diff --git a/apps/material-react-table-storybook/stories/features/ColumnPinning.stories.tsx b/apps/material-react-table-storybook/stories/features/ColumnPinning.stories.tsx
@@ -1,9 +1,6 @@
 import React from 'react';
- import { Meta } from '@storybook/react';
-import MaterialReactTable, {
-  type MaterialReactTableProps,
-  type MRT_ColumnDef,
-} from 'material-react-table';
+import { Meta } from '@storybook/react';
+import MaterialReactTable, { type MRT_ColumnDef } from 'material-react-table';
 import { faker } from '@faker-js/faker';
 
 const meta: Meta = {

diff --git a/apps/material-react-table-storybook/stories/features/ColumnResizing.stories.tsx b/apps/material-react-table-storybook/stories/features/ColumnResizing.stories.tsx
@@ -1,9 +1,6 @@
 import React from 'react';
- import { Meta } from '@storybook/react';
-import MaterialReactTable, {
-  type MaterialReactTableProps,
-  type MRT_ColumnDef,
-} from 'material-react-table';
+import { Meta } from '@storybook/react';
+import MaterialReactTable, { type MRT_ColumnDef } from 'material-react-table';
 import { faker } from '@faker-js/faker';
 
 const meta: Meta = {

diff --git a/apps/material-react-table-storybook/stories/features/DensePadding.stories.tsx b/apps/material-react-table-storybook/stories/features/DensePadding.stories.tsx
@@ -1,9 +1,6 @@
 import React from 'react';
- import { Meta } from '@storybook/react';
-import MaterialReactTable, {
-  type MaterialReactTableProps,
-  type MRT_ColumnDef,
-} from 'material-react-table';
+import { Meta } from '@storybook/react';
+import MaterialReactTable, { type MRT_ColumnDef } from 'material-react-table';
 import { faker } from '@faker-js/faker';
 
 const meta: Meta = {

diff --git a/apps/material-react-table-storybook/stories/features/DetailPanel.stories.tsx b/apps/material-react-table-storybook/stories/features/DetailPanel.stories.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
- import { Meta } from '@storybook/react';
+import { Meta } from '@storybook/react';
 import MaterialReactTable, {
   type MaterialReactTableProps,
 } from 'material-react-table';

diff --git a/apps/material-react-table-storybook/stories/features/Editing.stories.tsx b/apps/material-react-table-storybook/stories/features/Editing.stories.tsx
@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
- import { Meta } from '@storybook/react';
+import { Meta } from '@storybook/react';
 import MaterialReactTable, {
   type MaterialReactTableProps,
 } from 'material-react-table';

diff --git a/apps/material-react-table-storybook/stories/features/Filtering.stories.tsx b/apps/material-react-table-storybook/stories/features/Filtering.stories.tsx
@@ -1,7 +1,6 @@
 import React, { useEffect, useState } from 'react';
- import { Meta } from '@storybook/react';
+import { Meta } from '@storybook/react';
 import MaterialReactTable, {
-  type MaterialReactTableProps,
   type MRT_ColumnDef,
   type MRT_ColumnFiltersState,
 } from 'material-react-table';

diff --git a/apps/material-react-table-storybook/stories/features/FullScreen.stories.tsx b/apps/material-react-table-storybook/stories/features/FullScreen.stories.tsx
@@ -1,9 +1,6 @@
 import React, { useState } from 'react';
- import { Meta } from '@storybook/react';
-import MaterialReactTable, {
-  type MaterialReactTableProps,
-  type MRT_ColumnDef,
-} from 'material-react-table';
+import { Meta } from '@storybook/react';
+import MaterialReactTable, { type MRT_ColumnDef } from 'material-react-table';
 import { faker } from '@faker-js/faker';
 
 const meta: Meta = {

diff --git a/apps/material-react-table-storybook/stories/features/HeaderGroups.stories.tsx b/apps/material-react-table-storybook/stories/features/HeaderGroups.stories.tsx
@@ -1,9 +1,6 @@
 import React from 'react';
- import { Meta } from '@storybook/react';
-import MaterialReactTable, {
-  type MaterialReactTableProps,
-  type MRT_ColumnDef,
-} from 'material-react-table';
+import { Meta } from '@storybook/react';
+import MaterialReactTable, { type MRT_ColumnDef } from 'material-react-table';
 import { faker } from '@faker-js/faker';
 
 const meta: Meta = {

diff --git a/apps/material-react-table-storybook/stories/features/LayoutMode.stories.tsx b/apps/material-react-table-storybook/stories/features/LayoutMode.stories.tsx
@@ -1,9 +1,6 @@
 import React from 'react';
- import { Meta } from '@storybook/react';
-import MaterialReactTable, {
-  type MaterialReactTableProps,
-  type MRT_ColumnDef,
-} from 'material-react-table';
+import { Meta } from '@storybook/react';
+import MaterialReactTable, { type MRT_ColumnDef } from 'material-react-table';
 import { faker } from '@faker-js/faker';
 
 const meta: Meta = {

diff --git a/apps/material-react-table-storybook/stories/features/Loading.stories.tsx b/apps/material-react-table-storybook/stories/features/Loading.stories.tsx
@@ -1,9 +1,6 @@
 import React from 'react';
- import { Meta } from '@storybook/react';
-import MaterialReactTable, {
-  type MaterialReactTableProps,
-  type MRT_ColumnDef,
-} from 'material-react-table';
+import { Meta } from '@storybook/react';
+import MaterialReactTable, { type MRT_ColumnDef } from 'material-react-table';
 import { faker } from '@faker-js/faker';
 
 const meta: Meta = {

diff --git a/apps/material-react-table-storybook/stories/features/Memod.stories.tsx b/apps/material-react-table-storybook/stories/features/Memod.stories.tsx
@@ -1,9 +1,6 @@
 import React from 'react';
- import { Meta } from '@storybook/react';
-import MaterialReactTable, {
-  type MaterialReactTableProps,
-  type MRT_ColumnDef,
-} from 'material-react-table';
+import { Meta } from '@storybook/react';
+import MaterialReactTable, { type MRT_ColumnDef } from 'material-react-table';
 import { faker } from '@faker-js/faker';
 import { Button } from '@mui/material';
 

diff --git a/apps/material-react-table-storybook/stories/features/Pagination.stories.tsx b/apps/material-react-table-storybook/stories/features/Pagination.stories.tsx
@@ -1,9 +1,6 @@
 import React from 'react';
- import { Meta } from '@storybook/react';
-import MaterialReactTable, {
-  type MaterialReactTableProps,
-  type MRT_ColumnDef,
-} from 'material-react-table';
+import { Meta } from '@storybook/react';
+import MaterialReactTable, { type MRT_ColumnDef } from 'material-react-table';
 import { faker } from '@faker-js/faker';
 
 const meta: Meta = {

diff --git a/apps/material-react-table-storybook/stories/features/RowActions.stories.tsx b/apps/material-react-table-storybook/stories/features/RowActions.stories.tsx
@@ -1,9 +1,6 @@
 import React from 'react';
- import { Meta } from '@storybook/react';
-import MaterialReactTable, {
-  type MaterialReactTableProps,
-  type MRT_ColumnDef,
-} from 'material-react-table';
+import { Meta } from '@storybook/react';
+import MaterialReactTable, { type MRT_ColumnDef } from 'material-react-table';
 import { faker } from '@faker-js/faker';
 import { Button, MenuItem as MuiMenuItem, styled } from '@mui/material';
 import AccountCircleIcon from '@mui/icons-material/AccountCircle';

diff --git a/apps/material-react-table-storybook/stories/features/RowDragging.stories.tsx b/apps/material-react-table-storybook/stories/features/RowDragging.stories.tsx
@@ -1,9 +1,6 @@
 import React from 'react';
- import { Meta } from '@storybook/react';
-import MaterialReactTable, {
-  type MaterialReactTableProps,
-  type MRT_ColumnDef,
-} from 'material-react-table';
+import { Meta } from '@storybook/react';
+import MaterialReactTable, { type MRT_ColumnDef } from 'material-react-table';
 import { faker } from '@faker-js/faker';
 
 const meta: Meta = {

diff --git a/apps/material-react-table-storybook/stories/features/RowNumbers.stories.tsx b/apps/material-react-table-storybook/stories/features/RowNumbers.stories.tsx
@@ -1,9 +1,6 @@
 import React from 'react';
- import { Meta } from '@storybook/react';
-import MaterialReactTable, {
-  type MaterialReactTableProps,
-  type MRT_ColumnDef,
-} from 'material-react-table';
+import { Meta } from '@storybook/react';
+import MaterialReactTable, { type MRT_ColumnDef } from 'material-react-table';
 import { faker } from '@faker-js/faker';
 
 const meta: Meta = {

diff --git a/apps/material-react-table-storybook/stories/features/RowOrdering.stories.tsx b/apps/material-react-table-storybook/stories/features/RowOrdering.stories.tsx
@@ -1,7 +1,6 @@
 import React, { useState } from 'react';
- import { Meta } from '@storybook/react';
+import { Meta } from '@storybook/react';
 import MaterialReactTable, {
-  type MaterialReactTableProps,
   type MRT_ColumnDef,
   type MRT_Row,
 } from 'material-react-table';

diff --git a/apps/material-react-table-storybook/stories/features/Search.stories.tsx b/apps/material-react-table-storybook/stories/features/Search.stories.tsx
@@ -1,9 +1,6 @@
 import React from 'react';
- import { Meta } from '@storybook/react';
-import MaterialReactTable, {
-  type MaterialReactTableProps,
-  type MRT_ColumnDef,
-} from 'material-react-table';
+import { Meta } from '@storybook/react';
+import MaterialReactTable, { type MRT_ColumnDef } from 'material-react-table';
 import { faker } from '@faker-js/faker';
 
 const meta: Meta = {

diff --git a/apps/material-react-table-storybook/stories/features/Selection.stories.tsx b/apps/material-react-table-storybook/stories/features/Selection.stories.tsx
@@ -1,7 +1,6 @@
 import React, { useRef, useState } from 'react';
- import { Meta } from '@storybook/react';
+import { Meta } from '@storybook/react';
 import MaterialReactTable, {
-  type MaterialReactTableProps,
   type MRT_ColumnDef,
   type MRT_TableInstance,
 } from 'material-react-table';

diff --git a/apps/material-react-table-storybook/stories/features/Sorting.stories.tsx b/apps/material-react-table-storybook/stories/features/Sorting.stories.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
- import { Meta } from '@storybook/react';
+import { Meta } from '@storybook/react';
 import MaterialReactTable, {
-  type MaterialReactTableProps,
   type MRT_ColumnDef,
   type MRT_SortingState,
 } from 'material-react-table';

diff --git a/apps/material-react-table-storybook/stories/features/SubRowTree.stories.tsx b/apps/material-react-table-storybook/stories/features/SubRowTree.stories.tsx
@@ -1,9 +1,6 @@
 import React from 'react';
- import { Meta } from '@storybook/react';
-import MaterialReactTable, {
-  type MaterialReactTableProps,
-  type MRT_ColumnDef,
-} from 'material-react-table';
+import { Meta } from '@storybook/react';
+import MaterialReactTable, { type MRT_ColumnDef } from 'material-react-table';
 import { faker } from '@faker-js/faker';
 
 const meta: Meta = {

diff --git a/apps/material-react-table-storybook/stories/features/Toolbar.stories.tsx b/apps/material-react-table-storybook/stories/features/Toolbar.stories.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
- import { Meta } from '@storybook/react';
+import { Meta } from '@storybook/react';
 import MaterialReactTable, {
-  type MaterialReactTableProps,
   type MRT_ColumnDef,
   MRT_FullScreenToggleButton,
 } from 'material-react-table';

diff --git a/apps/material-react-table-storybook/stories/features/Virtualization.stories.tsx b/apps/material-react-table-storybook/stories/features/Virtualization.stories.tsx
@@ -1,9 +1,6 @@
 import React from 'react';
- import { Meta } from '@storybook/react';
-import MaterialReactTable, {
-  type MaterialReactTableProps,
-  type MRT_ColumnDef,
-} from 'material-react-table';
+import { Meta } from '@storybook/react';
+import MaterialReactTable, { type MRT_ColumnDef } from 'material-react-table';
 import { faker } from '@faker-js/faker';
 
 const meta: Meta = {