reorganize package folder structure

apps/material-react-table-docs/examples/editing-crud-cell/sandbox/src/TS.tsx

@@ -297,13 +297,11 @@ function useUpdateUsers() {
     },
     //client side optimistic update
     onMutate: (newUsers: User[]) => {
-      queryClient.setQueryData(
-        ['users'],
-        (prevUsers: any) =>
-          prevUsers?.map((user: User) => {
-            const newUser = newUsers.find((u) => u.id === user.id);
-            return newUser ? newUser : user;
-          }),
+      queryClient.setQueryData(['users'], (prevUsers: any) =>
+        prevUsers?.map((user: User) => {
+          const newUser = newUsers.find((u) => u.id === user.id);
+          return newUser ? newUser : user;
+        }),
       );
     },
     // onSettled: () => queryClient.invalidateQueries({ queryKey: ['users'] }), //refetch users after mutation, disabled for demo
@@ -321,10 +319,8 @@ function useDeleteUser() {
     },
     //client side optimistic update
     onMutate: (userId: string) => {
-      queryClient.setQueryData(
-        ['users'],
-        (prevUsers: any) =>
-          prevUsers?.filter((user: User) => user.id !== userId),
+      queryClient.setQueryData(['users'], (prevUsers: any) =>
+        prevUsers?.filter((user: User) => user.id !== userId),
       );
     },
     // onSettled: () => queryClient.invalidateQueries({ queryKey: ['users'] }), //refetch users after mutation, disabled for demo

apps/material-react-table-docs/examples/editing-crud-modal/sandbox/src/TS.tsx

@@ -299,12 +299,10 @@ function useUpdateUser() {
     },
     //client side optimistic update
     onMutate: (newUserInfo: User) => {
-      queryClient.setQueryData(
-        ['users'],
-        (prevUsers: any) =>
-          prevUsers?.map((prevUser: User) =>
-            prevUser.id === newUserInfo.id ? newUserInfo : prevUser,
-          ),
+      queryClient.setQueryData(['users'], (prevUsers: any) =>
+        prevUsers?.map((prevUser: User) =>
+          prevUser.id === newUserInfo.id ? newUserInfo : prevUser,
+        ),
       );
     },
     // onSettled: () => queryClient.invalidateQueries({ queryKey: ['users'] }), //refetch users after mutation, disabled for demo
@@ -322,10 +320,8 @@ function useDeleteUser() {
     },
     //client side optimistic update
     onMutate: (userId: string) => {
-      queryClient.setQueryData(
-        ['users'],
-        (prevUsers: any) =>
-          prevUsers?.filter((user: User) => user.id !== userId),
+      queryClient.setQueryData(['users'], (prevUsers: any) =>
+        prevUsers?.filter((user: User) => user.id !== userId),
       );
     },
     // onSettled: () => queryClient.invalidateQueries({ queryKey: ['users'] }), //refetch users after mutation, disabled for demo

apps/material-react-table-docs/examples/editing-crud-row/sandbox/src/TS.tsx

@@ -262,12 +262,10 @@ function useUpdateUser() {
     },
     //client side optimistic update
     onMutate: (newUserInfo: User) => {
-      queryClient.setQueryData(
-        ['users'],
-        (prevUsers: any) =>
-          prevUsers?.map((prevUser: User) =>
-            prevUser.id === newUserInfo.id ? newUserInfo : prevUser,
-          ),
+      queryClient.setQueryData(['users'], (prevUsers: any) =>
+        prevUsers?.map((prevUser: User) =>
+          prevUser.id === newUserInfo.id ? newUserInfo : prevUser,
+        ),
       );
     },
     // onSettled: () => queryClient.invalidateQueries({ queryKey: ['users'] }), //refetch users after mutation, disabled for demo
@@ -285,10 +283,8 @@ function useDeleteUser() {
     },
     //client side optimistic update
     onMutate: (userId: string) => {
-      queryClient.setQueryData(
-        ['users'],
-        (prevUsers: any) =>
-          prevUsers?.filter((user: User) => user.id !== userId),
+      queryClient.setQueryData(['users'], (prevUsers: any) =>
+        prevUsers?.filter((user: User) => user.id !== userId),
       );
     },
     // onSettled: () => queryClient.invalidateQueries({ queryKey: ['users'] }), //refetch users after mutation, disabled for demo

apps/material-react-table-docs/examples/editing-crud-table/sandbox/src/TS.tsx

@@ -297,13 +297,11 @@ function useUpdateUsers() {
     },
     //client side optimistic update
     onMutate: (newUsers: User[]) => {
-      queryClient.setQueryData(
-        ['users'],
-        (prevUsers: any) =>
-          prevUsers?.map((user: User) => {
-            const newUser = newUsers.find((u) => u.id === user.id);
-            return newUser ? newUser : user;
-          }),
+      queryClient.setQueryData(['users'], (prevUsers: any) =>
+        prevUsers?.map((user: User) => {
+          const newUser = newUsers.find((u) => u.id === user.id);
+          return newUser ? newUser : user;
+        }),
       );
     },
     // onSettled: () => queryClient.invalidateQueries({ queryKey: ['users'] }), //refetch users after mutation, disabled for demo
@@ -321,10 +319,8 @@ function useDeleteUser() {
     },
     //client side optimistic update
     onMutate: (userId: string) => {
-      queryClient.setQueryData(
-        ['users'],
-        (prevUsers: any) =>
-          prevUsers?.filter((user: User) => user.id !== userId),
+      queryClient.setQueryData(['users'], (prevUsers: any) =>
+        prevUsers?.filter((user: User) => user.id !== userId),
       );
     },
     // onSettled: () => queryClient.invalidateQueries({ queryKey: ['users'] }), //refetch users after mutation, disabled for demo

apps/material-react-table-docs/pages/api/data.ts

@@ -13,7 +13,7 @@ export default async function handler(
   if (process.env.NODE_ENV === 'development') {
     await new Promise((resolve) => setTimeout(resolve, 500));
   }
-  
+
   let dbData = getData();
   const { start, size, filters, sorting, globalFilter } = req.query as Record<
     string,
@@ -40,12 +40,11 @@ export default async function handler(
 
   if (globalFilter) {
     dbData = dbData.filter((row) =>
-      Object.keys(row).some(
-        (columnId) =>
-          row[columnId]
-            ?.toString()
-            ?.toLowerCase()
-            ?.includes?.((globalFilter as string).toLowerCase()),
+      Object.keys(row).some((columnId) =>
+        row[columnId]
+          ?.toString()
+          ?.toLowerCase()
+          ?.includes?.((globalFilter as string).toLowerCase()),
       ),
     );
   }

apps/material-react-table-docs/pages/docs/api/mrt-components.mdx

@@ -35,7 +35,7 @@ In previous versions of `material-react-table`, you only had the option to use t
 
 ### \<MaterialReactTable /\>
 
-[View Source Code on GitHub](https://github.com/KevinVandy/material-react-table/blob/v2/packages/material-react-table/src/MaterialReactTable.tsx)
+[View Source Code on GitHub](https://github.com/KevinVandy/material-react-table/blob/v2/packages/material-react-table/src/components/MaterialReactTable.tsx)
 
 For most use cases, you will probably just use the default `<MaterialReactTable />` component.
 
@@ -69,7 +69,7 @@ Material React Table now exports all of its internal components. You can use the
 
 #### Table Components
 
-[View Table Components Source Code on GitHub](https://github.com/KevinVandy/material-react-table/tree/v2/packages/material-react-table/src/table)
+[View Table Components Source Code on GitHub](https://github.com/KevinVandy/material-react-table/tree/v2/packages/material-react-table/src/components/table)
 
 ##### \<MRT_TablePaper /\>
 
@@ -95,7 +95,7 @@ Shows a loading spinner over the table above the `MRT_Table` component when the
 
 #### TableHead Components
 
-[View TableHead Components Source Code on GitHub](https://github.com/KevinVandy/material-react-table/tree/v2/packages/material-react-table/src/head)
+[View TableHead Components Source Code on GitHub](https://github.com/KevinVandy/material-react-table/tree/v2/packages/material-react-table/src/components/head)
 
 ##### \<MRT_TableHead /\>
 
@@ -135,7 +135,7 @@ The Filter Container that contains the filter input and filter actions
 
 #### TableBody Components
 
-[View TableBody Components Source Code on GitHub](https://github.com/KevinVandy/material-react-table/tree/v2/packages/material-react-table/src/body)
+[View TableBody Components Source Code on GitHub](https://github.com/KevinVandy/material-react-table/tree/v2/packages/material-react-table/src/components/body)
 
 ##### \<MRT_TableBody /\>
 
@@ -167,7 +167,7 @@ A button or buttons for pinning a row.
 
 #### TableFooter Components
 
-[View TableFooter Components Source Code on GitHub](https://github.com/KevinVandy/material-react-table/tree/v2/packages/material-react-table/src/footer)
+[View TableFooter Components Source Code on GitHub](https://github.com/KevinVandy/material-react-table/tree/v2/packages/material-react-table/src/components/footer)
 
 ##### \<MRT_TableFooter /\>
 
@@ -183,7 +183,7 @@ The `<MRT_TableFooterCell />` is a `<td>` element that surrounds the cell value
 
 #### Input Components
 
-[View Input Components Source Code on GitHub](https://github.com/KevinVandy/material-react-table/tree/v2/packages/material-react-table/src/inputs)
+[View Input Components Source Code on GitHub](https://github.com/KevinVandy/material-react-table/tree/v2/packages/material-react-table/src/components/inputs)
 
 ##### \<MRT_EditCellTextField /\>
 

apps/material-react-table-docs/pages/docs/api/mrt-hooks.mdx

@@ -32,7 +32,7 @@ MRT has been adopting more and more of a hooks based approach for its internal l
 
 ### useMaterialReactTable
 
-[Source Code](https://github.com/KevinVandy/material-react-table/blob/v2/packages/material-react-table/src/useMaterialReactTable.ts)
+[Source Code](https://github.com/KevinVandy/material-react-table/blob/v2/packages/material-react-table/src/hooks/useMaterialReactTable.ts)
 
 > This is probably the only MRT hook you will need to use, unless you are writing a custom headless table.
 

packages/material-react-table/rollup.config.mjs

@@ -8,6 +8,7 @@ export default [
     external: [
       '@mui/icons-material',
       '@mui/material',
+      '@mui/x-date-pickers',
       '@tanstack/match-sorter-utils',
       '@tanstack/react-table',
       '@tanstack/react-virtual',

packages/material-react-table/src/MaterialReactTable.tsx → packages/material-react-table/src/components/MaterialReactTable.tsx

@@ -1,11 +1,11 @@
-import { MRT_TablePaper } from './table/MRT_TablePaper';
+import { useMaterialReactTable } from '../hooks/useMaterialReactTable';
 import {
   type MRT_RowData,
   type MRT_TableInstance,
   type MRT_TableOptions,
   type Xor,
-} from './types';
-import { useMaterialReactTable } from './useMaterialReactTable';
+} from '../types';
+import { MRT_TablePaper } from './table/MRT_TablePaper';
 
 type TableInstanceProp<TData extends MRT_RowData> = {
   table: MRT_TableInstance<TData>;

packages/material-react-table/src/body/MRT_TableBody.tsx → packages/material-react-table/src/components/body/MRT_TableBody.tsx

@@ -3,15 +3,15 @@ import { type VirtualItem } from '@tanstack/react-virtual';
 import TableBody, { type TableBodyProps } from '@mui/material/TableBody';
 import Typography from '@mui/material/Typography';
 import { MRT_TableBodyRow, Memo_MRT_TableBodyRow } from './MRT_TableBodyRow';
-import { parseFromValuesOrFunc } from '../column.utils';
-import { useMRT_RowVirtualizer } from '../hooks/useMRT_RowVirtualizer';
-import { useMRT_Rows } from '../hooks/useMRT_Rows';
+import { useMRT_RowVirtualizer } from '../../hooks/useMRT_RowVirtualizer';
+import { useMRT_Rows } from '../../hooks/useMRT_Rows';
 import {
   type MRT_ColumnVirtualizer,
   type MRT_Row,
   type MRT_RowData,
   type MRT_TableInstance,
-} from '../types';
+} from '../../types';
+import { parseFromValuesOrFunc } from '../../utils/utils';
 
 interface Props<TData extends MRT_RowData> extends TableBodyProps {
   columnVirtualizer?: MRT_ColumnVirtualizer;

packages/material-react-table/src/body/MRT_TableBodyCell.tsx → packages/material-react-table/src/components/body/MRT_TableBodyCell.tsx

@@ -11,19 +11,16 @@ import Skeleton from '@mui/material/Skeleton';
 import TableCell, { type TableCellProps } from '@mui/material/TableCell';
 import { useTheme } from '@mui/material/styles';
 import { MRT_TableBodyCellValue } from './MRT_TableBodyCellValue';
-import { MRT_CopyButton } from '../buttons/MRT_CopyButton';
-import {
-  getIsFirstColumn,
-  getIsLastColumn,
-  parseFromValuesOrFunc,
-} from '../column.utils';
-import { MRT_EditCellTextField } from '../inputs/MRT_EditCellTextField';
-import { getCommonMRTCellStyles, getMRTTheme } from '../style.utils';
 import {
   type MRT_Cell,
   type MRT_RowData,
   type MRT_TableInstance,
-} from '../types';
+} from '../../types';
+import { getIsFirstColumn, getIsLastColumn } from '../../utils/column.utils';
+import { getCommonMRTCellStyles, getMRTTheme } from '../../utils/style.utils';
+import { parseFromValuesOrFunc } from '../../utils/utils';
+import { MRT_CopyButton } from '../buttons/MRT_CopyButton';
+import { MRT_EditCellTextField } from '../inputs/MRT_EditCellTextField';
 
 interface Props<TData extends MRT_RowData> extends TableCellProps {
   cell: MRT_Cell<TData>;

packages/material-react-table/src/body/MRT_TableBodyCellValue.tsx → packages/material-react-table/src/components/body/MRT_TableBodyCellValue.tsx

@@ -1,11 +1,11 @@
 import { type ReactNode, type RefObject } from 'react';
 import Box from '@mui/material/Box';
-import { getMRTTheme } from '../style.utils';
 import {
   type MRT_Cell,
   type MRT_RowData,
   type MRT_TableInstance,
-} from '../types';
+} from '../../types';
+import { getMRTTheme } from '../../utils/style.utils';
 import highlightWords from 'highlight-words';
 
 const allowedTypes = ['string', 'number'];

packages/material-react-table/src/body/MRT_TableBodyRow.tsx → packages/material-react-table/src/components/body/MRT_TableBodyRow.tsx

@@ -10,16 +10,16 @@ import {
 } from '@mui/material/styles';
 import { MRT_TableBodyCell, Memo_MRT_TableBodyCell } from './MRT_TableBodyCell';
 import { MRT_TableDetailPanel } from './MRT_TableDetailPanel';
-import { parseFromValuesOrFunc } from '../column.utils';
-import { getMRTTheme } from '../style.utils';
 import {
   type MRT_Cell,
   type MRT_ColumnVirtualizer,
   type MRT_Row,
   type MRT_RowData,
   type MRT_RowVirtualizer,
   type MRT_TableInstance,
-} from '../types';
+} from '../../types';
+import { getMRTTheme } from '../../utils/style.utils';
+import { parseFromValuesOrFunc } from '../../utils/utils';
 
 interface Props<TData extends MRT_RowData> {
   columnVirtualizer?: MRT_ColumnVirtualizer;

packages/material-react-table/src/body/MRT_TableBodyRowGrabHandle.tsx → packages/material-react-table/src/components/body/MRT_TableBodyRowGrabHandle.tsx

@@ -1,12 +1,12 @@
 import { type DragEvent, type RefObject } from 'react';
 import { type IconButtonProps } from '@mui/material/IconButton';
-import { MRT_GrabHandleButton } from '../buttons/MRT_GrabHandleButton';
-import { parseFromValuesOrFunc } from '../column.utils';
 import {
   type MRT_Row,
   type MRT_RowData,
   type MRT_TableInstance,
-} from '../types';
+} from '../../types';
+import { parseFromValuesOrFunc } from '../../utils/utils';
+import { MRT_GrabHandleButton } from '../buttons/MRT_GrabHandleButton';
 
 interface Props<TData extends MRT_RowData> extends IconButtonProps {
   row: MRT_Row<TData>;

packages/material-react-table/src/body/MRT_TableBodyRowPinButton.tsx → packages/material-react-table/src/components/body/MRT_TableBodyRowPinButton.tsx

@@ -1,12 +1,12 @@
 import Box from '@mui/material/Box';
 import { type IconButtonProps } from '@mui/material/IconButton';
-import { MRT_RowPinButton } from '../buttons/MRT_RowPinButton';
-import { parseFromValuesOrFunc } from '../column.utils';
 import {
   type MRT_Row,
   type MRT_RowData,
   type MRT_TableInstance,
-} from '../types';
+} from '../../types';
+import { parseFromValuesOrFunc } from '../../utils/utils';
+import { MRT_RowPinButton } from '../buttons/MRT_RowPinButton';
 
 interface Props<TData extends MRT_RowData> extends IconButtonProps {
   row: MRT_Row<TData>;

packages/material-react-table/src/body/MRT_TableDetailPanel.tsx → packages/material-react-table/src/components/body/MRT_TableDetailPanel.tsx

@@ -2,15 +2,15 @@ import { type RefObject } from 'react';
 import Collapse from '@mui/material/Collapse';
 import TableCell, { type TableCellProps } from '@mui/material/TableCell';
 import TableRow from '@mui/material/TableRow';
-import { parseFromValuesOrFunc } from '../column.utils';
-import { getMRTTheme } from '../style.utils';
 import {
   type MRT_Row,
   type MRT_RowData,
   type MRT_RowVirtualizer,
   type MRT_TableInstance,
   type MRT_VirtualItem,
-} from '../types';
+} from '../../types';
+import { getMRTTheme } from '../../utils/style.utils';
+import { parseFromValuesOrFunc } from '../../utils/utils';
 
 interface Props<TData extends MRT_RowData> extends TableCellProps {
   parentRowRef: RefObject<HTMLTableRowElement>;

packages/material-react-table/src/buttons/MRT_ColumnPinningButtons.tsx → packages/material-react-table/src/components/buttons/MRT_ColumnPinningButtons.tsx

@@ -1,12 +1,12 @@
 import Box, { type BoxProps } from '@mui/material/Box';
 import IconButton from '@mui/material/IconButton';
 import Tooltip from '@mui/material/Tooltip';
-import { parseFromValuesOrFunc } from '../column.utils';
 import {
   type MRT_Column,
   type MRT_RowData,
   type MRT_TableInstance,
-} from '../types';
+} from '../../types';
+import { parseFromValuesOrFunc } from '../../utils/utils';
 
 interface Props<TData extends MRT_RowData> extends BoxProps {
   column: MRT_Column<TData>;

packages/material-react-table/src/buttons/MRT_CopyButton.tsx → packages/material-react-table/src/components/buttons/MRT_CopyButton.tsx

@@ -1,13 +1,13 @@
 import { type MouseEvent, useState } from 'react';
 import Button, { type ButtonProps } from '@mui/material/Button';
 import Tooltip from '@mui/material/Tooltip';
-import { parseFromValuesOrFunc } from '../column.utils';
-import { getCommonTooltipProps } from '../style.utils';
 import {
   type MRT_Cell,
   type MRT_RowData,
   type MRT_TableInstance,
-} from '../types';
+} from '../../types';
+import { getCommonTooltipProps } from '../../utils/style.utils';
+import { parseFromValuesOrFunc } from '../../utils/utils';
 
 interface Props<TData extends MRT_RowData> extends ButtonProps {
   cell: MRT_Cell<TData>;