material-react-table 0.30.2 → 0.32.0-alpha.1

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.30.2",
+  "version": "0.32.0-alpha.1",
   "license": "MIT",
   "name": "material-react-table",
   "description": "A fully featured Material UI V5 implementation of TanStack React Table V8, written from the ground up in TypeScript.",
@@ -19,50 +19,46 @@
   "bugs": {
     "url": "https://github.com/KevinVandy/material-react-table/issues"
   },
-  "main": "dist/index.js",
-  "module": "dist/material-react-table.esm.js",
+  "main": "dist/cjs/index.min.js",
+  "module": "dist/esm/material-react-table.esm.min.js",
   "typings": "dist/index.d.ts",
   "files": [
     "dist",
     "src"
   ],
+  "size-limit": [
+    {
+      "path": "dist/cjs/index.min.js",
+      "limit": "50 KB"
+    },
+    {
+      "path": "dist/esm/material-react-table.esm.min.js",
+      "limit": "50 KB"
+    }
+  ],
   "engines": {
     "node": ">=14"
   },
   "scripts": {
     "analyze": "size-limit --why",
-    "build": "tsdx build && size-limit && rm -rf material-react-table-docs/node_modules/material-react-table/dist && cp -r dist material-react-table-docs/node_modules/material-react-table/",
+    "build": "rm -rf dist && rollup -c && size-limit && rm -rf material-react-table-docs/node_modules/material-react-table/dist && cp -r dist material-react-table-docs/node_modules/material-react-table/",
     "build-storybook": "build-storybook",
     "format": "prettier -w .",
     "lint": "eslint .",
-    "prepare": "tsdx build",
     "size": "size-limit",
-    "start": "tsdx watch",
-    "storybook": "start-storybook -p 6006",
-    "test": "tsdx test --passWithNoTests"
-  },
-  "husky": {
-    "hooks": {
-      "pre-commit": "tsdx lint && format"
-    }
+    "storybook": "start-storybook -p 6006"
   },
-  "size-limit": [
-    {
-      "path": "dist/material-react-table.cjs.production.min.js",
-      "limit": "40 KB"
-    },
-    {
-      "path": "dist/material-react-table.esm.js",
-      "limit": "40 KB"
-    }
-  ],
   "devDependencies": {
     "@babel/core": "^7.18.9",
+    "@babel/preset-react": "^7.18.6",
     "@emotion/react": "^11.9.3",
     "@emotion/styled": "^11.9.3",
     "@faker-js/faker": "^7.3.0",
     "@mui/icons-material": "^5.8.4",
     "@mui/material": "^5.9.2",
+    "@rollup/plugin-babel": "^5.3.1",
+    "@rollup/plugin-node-resolve": "^13.3.0",
+    "@rollup/plugin-typescript": "^8.3.4",
     "@size-limit/preset-small-lib": "^7.0.8",
     "@storybook/addon-a11y": "^6.5.9",
     "@storybook/addon-actions": "^6.5.9",
@@ -82,9 +78,12 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-is": "^18.2.0",
+    "rollup": "^2.77.2",
+    "rollup-plugin-dts": "^4.2.2",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-terser": "^7.0.2",
     "size-limit": "^7.0.8",
     "storybook-dark-mode": "^1.1.0",
-    "tsdx": "^0.14.1",
     "tslib": "^2.4.0",
     "typescript": "^4.7.4"
   },
@@ -98,6 +97,6 @@
   "dependencies": {
     "@tanstack/match-sorter-utils": "8.1.1",
     "@tanstack/react-table": "8.5.2",
-    "@tanstack/react-virtual": "^3.0.0-beta.13"
+    "@tanstack/react-virtual": "^3.0.0-beta.14"
   }
 }

package/src/MaterialReactTable.tsx

@@ -30,6 +30,7 @@ import type {
   Cell,
   Column,
   ColumnDef,
+  CoreColumnDefAccessorKey,
   FilterFn,
   Header,
   HeaderGroup,
@@ -104,8 +105,12 @@ export type MRT_TableInstance<TData extends Record<string, any> = {}> = Omit<
     }>
   >;
   setCurrentGlobalFilterFn: Dispatch<SetStateAction<MRT_FilterOption>>;
-  setCurrentHoveredColumn: Dispatch<SetStateAction<MRT_Column<TData> | null>>;
-  setCurrentHoveredRow: Dispatch<SetStateAction<MRT_Row | null>>;
+  setCurrentHoveredColumn: Dispatch<
+    SetStateAction<MRT_Column<TData> | { id: string } | null>
+  >;
+  setCurrentHoveredRow: Dispatch<
+    SetStateAction<MRT_Row<TData> | { id: string } | null>
+  >;
   setDensity: Dispatch<SetStateAction<'comfortable' | 'compact' | 'spacious'>>;
   setIsFullScreen: Dispatch<SetStateAction<boolean>>;
   setShowAlertBanner: Dispatch<SetStateAction<boolean>>;
@@ -121,8 +126,8 @@ export type MRT_TableState<TData extends Record<string, any> = {}> =
     currentEditingRow: MRT_Row<TData> | null;
     currentFilterFns: Record<string, MRT_FilterOption>;
     currentGlobalFilterFn: Record<string, MRT_FilterOption>;
-    currentHoveredColumn: MRT_Column<TData> | null;
-    currentHoveredRow: MRT_Row<TData> | null;
+    currentHoveredColumn: MRT_Column<TData> | { id: string } | null;
+    currentHoveredRow: MRT_Row<TData> | { id: string } | null;
     density: 'comfortable' | 'compact' | 'spacious';
     isFullScreen: boolean;
     isLoading: boolean;
@@ -135,8 +140,6 @@ export type MRT_TableState<TData extends Record<string, any> = {}> =
 
 export type MRT_ColumnDef<TData extends Record<string, any> = {}> = Omit<
   ColumnDef<TData, unknown>,
-  | 'accessorFn'
-  | 'accessorKey'
   | 'aggregatedCell'
   | 'cell'
   | 'columns'
@@ -148,47 +151,59 @@ export type MRT_ColumnDef<TData extends Record<string, any> = {}> = Omit<
 > & {
   AggregatedCell?: ({
     cell,
+    column,
     table,
   }: {
     cell: MRT_Cell<TData>;
+    column: MRT_Column<TData>;
     table: MRT_TableInstance<TData>;
   }) => ReactNode;
   Cell?: ({
     cell,
+    column,
     table,
   }: {
     cell: MRT_Cell<TData>;
+    column: MRT_Column<TData>;
     table: MRT_TableInstance<TData>;
   }) => ReactNode;
   Edit?: ({
     cell,
+    column,
     table,
   }: {
     cell: MRT_Cell<TData>;
+    column: MRT_Column<TData>;
     table: MRT_TableInstance<TData>;
   }) => ReactNode;
   Filter?: ({
+    column,
     header,
     table,
   }: {
+    column: MRT_Column<TData>;
     header: MRT_Header<TData>;
     table: MRT_TableInstance<TData>;
   }) => ReactNode;
   Footer?:
     | ReactNode
     | (({
+        column,
         footer,
         table,
       }: {
+        column: MRT_Column<TData>;
         footer: MRT_Header<TData>;
         table: MRT_TableInstance<TData>;
       }) => ReactNode);
   Header?:
     | ReactNode
     | (({
+        column,
         header,
         table,
       }: {
+        column: MRT_Column<TData>;
         header: MRT_Header<TData>;
         table: MRT_TableInstance<TData>;
       }) => ReactNode);
@@ -202,10 +217,12 @@ export type MRT_ColumnDef<TData extends Record<string, any> = {}> = Omit<
   /**
    * Either an `accessorKey` or a combination of an `accessorFn` and `id` are required for a data column definition.
    * Specify which key in the row this column should use to access the correct data.
+   * Also supports Deep Key Dot Notation.
    *
-   * @example accessorKey: 'username'
+   * @example accessorKey: 'username' //simple
+   * @example accessorKey: 'name.firstName' //deep key dot notation
    */
-  accessorKey?: string & keyof TData;
+  accessorKey?: CoreColumnDefAccessorKey<TData, unknown>['accessorKey'];
   /**
    * Specify what type of column this is. Either `data`, `display`, or `group`. Defaults to `data`.
    * Leave this blank if you are just creating a normal data column.
@@ -689,7 +706,7 @@ export type MaterialReactTableProps<TData extends Record<string, any> = {}> =
     }: {
       event: DragEvent<HTMLButtonElement>;
       draggedColumn: MRT_Column<TData>;
-      targetColumn: MRT_Column<TData> | null;
+      targetColumn: MRT_Column<TData> | { id: string } | null;
     }) => void;
     onCurrentDraggingColumnChange?: OnChangeFn<MRT_Column<TData> | null>;
     onCurrentDraggingRowChange?: OnChangeFn<MRT_Row<TData> | null>;
@@ -715,7 +732,7 @@ export type MaterialReactTableProps<TData extends Record<string, any> = {}> =
     }: {
       event: DragEvent<HTMLButtonElement>;
       draggedRow: MRT_Row<TData>;
-      targetRow: MRT_Row<TData> | null;
+      targetRow: MRT_Row<TData> | { id: string } | null;
     }) => void;
     onShowAlertBannerChange?: OnChangeFn<boolean>;
     onShowFiltersChange?: OnChangeFn<boolean>;
@@ -725,7 +742,8 @@ export type MaterialReactTableProps<TData extends Record<string, any> = {}> =
     positionExpandColumn?: 'first' | 'last';
     positionGlobalFilter?: 'left' | 'right';
     positionPagination?: 'bottom' | 'top' | 'both';
-    positionToolbarAlertBanner?: 'bottom' | 'top';
+    positionToolbarAlertBanner?: 'bottom' | 'top' | 'none';
+    positionToolbarDropZone?: 'bottom' | 'top' | 'none' | 'both';
     renderDetailPanel?: ({
       row,
       table,
@@ -833,6 +851,7 @@ export default <TData extends Record<string, any> = {}>({
   positionGlobalFilter = 'right',
   positionPagination = 'bottom',
   positionToolbarAlertBanner = 'top',
+  positionToolbarDropZone = 'top',
   rowNumberMode = 'original',
   selectAllMode = 'all',
   ...rest
@@ -876,6 +895,7 @@ export default <TData extends Record<string, any> = {}>({
     positionGlobalFilter={positionGlobalFilter}
     positionPagination={positionPagination}
     positionToolbarAlertBanner={positionToolbarAlertBanner}
+    positionToolbarDropZone={positionToolbarDropZone}
     rowNumberMode={rowNumberMode}
     selectAllMode={selectAllMode}
     {...rest}

package/src/body/MRT_TableBodyCell.tsx

@@ -35,6 +35,7 @@ export const MRT_TableBodyCell: FC<Props> = ({
       enableClickToCopy,
       enableColumnOrdering,
       enableEditing,
+      enableGrouping,
       enablePagination,
       enableRowNumbers,
       muiTableBodyCellProps,
@@ -129,6 +130,9 @@ export const MRT_TableBodyCell: FC<Props> = ({
   };
 
   const handleDragEnter = (_e: DragEvent) => {
+    if (enableGrouping && currentHoveredColumn?.id === 'drop-zone') {
+      setCurrentHoveredColumn(null);
+    }
     if (enableColumnOrdering && currentDraggingColumn) {
       setCurrentHoveredColumn(
         columnDef.enableColumnOrdering !== false ? column : null,
@@ -258,20 +262,23 @@ export const MRT_TableBodyCell: FC<Props> = ({
             table={table}
           />
         ) : columnDefType === 'display' ? (
-          columnDef.Cell?.({ cell, table })
+          columnDef.Cell?.({ cell, column, table })
         ) : isEditing ? (
           <MRT_EditCellTextField cell={cell} table={table} />
         ) : (enableClickToCopy || columnDef.enableClickToCopy) &&
           columnDef.enableClickToCopy !== false ? (
           <>
             <MRT_CopyButton cell={cell} table={table}>
-              <>{columnDef?.Cell?.({ cell, table }) ?? cell.renderValue()}</>
+              <>
+                {columnDef?.Cell?.({ cell, column, table }) ??
+                  cell.renderValue()}
+              </>
             </MRT_CopyButton>
             {cell.getIsGrouped() && <> ({row.subRows?.length})</>}
           </>
         ) : (
           <>
-            {columnDef?.Cell?.({ cell, table }) ?? cell.renderValue()}
+            {columnDef?.Cell?.({ cell, column, table }) ?? cell.renderValue()}
             {cell.getIsGrouped() && <> ({row.subRows?.length ?? ''})</>}
           </>
         )}

package/src/column.utils.ts

@@ -10,6 +10,21 @@ import {
 import { MRT_FilterFns } from './filtersFns';
 import { MRT_SortingFns } from './sortingFns';
 
+export const defaultDisplayColumnDefOptions = {
+  columnDefType: 'display',
+  enableClickToCopy: false,
+  enableColumnActions: false,
+  enableColumnDragging: false,
+  enableColumnFilter: false,
+  enableColumnOrdering: false,
+  enableEditing: false,
+  enableGlobalFilter: false,
+  enableGrouping: false,
+  enableHiding: false,
+  enableResizing: false,
+  enableSorting: false,
+} as Partial<MRT_ColumnDef>;
+
 const getColumnId = <TData extends Record<string, any> = {}>(
   columnDef: MRT_ColumnDef<TData>,
 ): string =>
@@ -60,6 +75,11 @@ export const prepareColumns = <TData extends Record<string, any> = {}>(
         // @ts-ignore
         columnDef.sortingFn = MRT_SortingFns[columnDef.sortingFn];
       }
+    } else if (columnDef.columnDefType === 'display') {
+      columnDef = {
+        ...columnDef,
+        ...(defaultDisplayColumnDefOptions as MRT_ColumnDef<TData>),
+      };
     }
     return columnDef;
   }) as MRT_DefinedColumnDef<TData>[];

package/src/footer/MRT_TableFooterCell.tsx

@@ -66,6 +66,7 @@ export const MRT_TableFooterCell: FC<Props> = ({ footer, table }) => {
           ? null
           : (columnDef.Footer instanceof Function
               ? columnDef.Footer?.({
+                  column,
                   footer,
                   table,
                 })

package/src/head/MRT_TableHeadCell.tsx

@@ -71,6 +71,9 @@ export const MRT_TableHeadCell: FC<Props> = ({ header, table }) => {
   };
 
   const handleDragEnter = (_e: DragEvent) => {
+    if (enableGrouping && currentHoveredColumn?.id === 'drop-zone') {
+      setCurrentHoveredColumn(null);
+    }
     if (enableColumnOrdering && currentDraggingColumn) {
       setCurrentHoveredColumn(
         columnDef.enableColumnOrdering !== false ? column : null,
@@ -95,6 +98,7 @@ export const MRT_TableHeadCell: FC<Props> = ({ header, table }) => {
 
   const headerElement = ((columnDef?.Header instanceof Function
     ? columnDef?.Header?.({
+        column,
         header,
         table,
       })
@@ -144,9 +148,9 @@ export const MRT_TableHeadCell: FC<Props> = ({ header, table }) => {
         pb:
           columnDefType === 'display'
             ? 0
-            : showColumnFilters
-            ? '0.5rem'
-            : undefined,
+            : showColumnFilters || density === 'compact'
+            ? '0.4rem'
+            : '0.6rem',
         position:
           column.getIsPinned() && columnDefType !== 'group'
             ? 'sticky'

package/src/head/MRT_TableHeadCellGrabHandle.tsx

@@ -55,12 +55,16 @@ export const MRT_TableHeadCellGrabHandle: FC<Props> = ({
       draggedColumn: column,
       targetColumn: currentHoveredColumn,
     });
-    if (
+    if (currentHoveredColumn?.id === 'drop-zone') {
+      column.toggleGrouping();
+    } else if (
       enableColumnOrdering &&
       currentHoveredColumn &&
       currentHoveredColumn?.id !== currentDraggingColumn?.id
     ) {
-      setColumnOrder(reorderColumn(column, currentHoveredColumn, columnOrder));
+      setColumnOrder(
+        reorderColumn(column, currentHoveredColumn as MRT_Column, columnOrder),
+      );
     }
     setCurrentDraggingColumn(null);
     setCurrentHoveredColumn(null);

package/src/inputs/MRT_EditCellTextField.tsx

@@ -67,7 +67,7 @@ export const MRT_EditCellTextField: FC<Props> = ({ cell, table }) => {
   };
 
   if (enableEditing && columnDef.enableEditing !== false && columnDef.Edit) {
-    return <>{columnDef.Edit?.({ cell, table })}</>;
+    return <>{columnDef.Edit?.({ cell, column, table })}</>;
   }
 
   return (

package/src/inputs/MRT_FilterTextField.tsx

@@ -177,7 +177,7 @@ export const MRT_FilterTextField: FC<Props> = ({
   };
 
   if (columnDef.Filter) {
-    return <>{columnDef.Filter?.({ header, table })}</>;
+    return <>{columnDef.Filter?.({ column, header, table })}</>;
   }
 
   return (

package/src/localization.ts

@@ -10,6 +10,7 @@ export interface MRT_Localization {
   clickToCopy: string;
   columnActions: string;
   copiedToClipboard: string;
+  dropToGroupBy: string;
   edit: string;
   expand: string;
   expandAll: string;
@@ -91,6 +92,7 @@ export const MRT_DefaultLocalization_EN: MRT_Localization = {
   clickToCopy: 'Click to copy',
   columnActions: 'Column Actions',
   copiedToClipboard: 'Copied to clipboard',
+  dropToGroupBy: 'Drop to group by {column}',
   edit: 'Edit',
   expand: 'Expand',
   expandAll: 'Expand all',

package/src/table/MRT_TableRoot.tsx

@@ -21,6 +21,7 @@ import {
   getAllLeafColumnDefs,
   getDefaultColumnOrderIds,
   getDefaultColumnFilterFn,
+  defaultDisplayColumnDefOptions,
 } from '../column.utils';
 import { MRT_FilterFns } from '../filtersFns';
 import type {
@@ -34,22 +35,6 @@ import type {
   MaterialReactTableProps,
 } from '..';
 
-const defaultDisplayColumnDefOptions = {
-  columnDefType: 'display',
-  enableClickToCopy: false,
-  enableColumnActions: false,
-  enableColumnDragging: false,
-  enableColumnFilter: false,
-  enableColumnOrdering: false,
-  enableEditing: false,
-  enableGlobalFilter: false,
-  enableGrouping: false,
-  enableHiding: false,
-  enablePinning: false,
-  enableResizing: false,
-  enableSorting: false,
-} as Partial<MRT_ColumnDef>;
-
 export const MRT_TableRoot = <TData extends Record<string, any> = {}>(
   props: MaterialReactTableProps<TData>,
 ) => {
@@ -80,12 +65,12 @@ export const MRT_TableRoot = <TData extends Record<string, any> = {}>(
     useState<MRT_Cell<TData> | null>(initialState.currentEditingCell ?? null);
   const [currentEditingRow, setCurrentEditingRow] =
     useState<MRT_Row<TData> | null>(initialState.currentEditingRow ?? null);
-  const [currentHoveredColumn, setCurrentHoveredColumn] =
-    useState<MRT_Column<TData> | null>(
-      initialState.currentHoveredColumn ?? null,
-    );
-  const [currentHoveredRow, setCurrentHoveredRow] =
-    useState<MRT_Row<TData> | null>(initialState.currentHoveredRow ?? null);
+  const [currentHoveredColumn, setCurrentHoveredColumn] = useState<
+    MRT_Column<TData> | { id: string } | null
+  >(initialState.currentHoveredColumn ?? null);
+  const [currentHoveredRow, setCurrentHoveredRow] = useState<
+    MRT_Row<TData> | { id: string } | null
+  >(initialState.currentHoveredRow ?? null);
   const [density, setDensity] = useState(
     initialState?.density ?? 'comfortable',
   );
@@ -248,11 +233,12 @@ export const MRT_TableRoot = <TData extends Record<string, any> = {}>(
       getPaginationRowModel: getPaginationRowModel(),
       getSortedRowModel: getSortedRowModel(),
       onColumnOrderChange: setColumnOrder,
+      getSubRows: (row) => row?.subRows,
       ...props,
       //@ts-ignore
       columns: columnDefs,
       data,
-      getSubRows: (row) => row?.subRows,
+
       globalFilterFn:
         //@ts-ignore
         MRT_FilterFns[currentGlobalFilterFn] ?? MRT_FilterFns.fuzzy,

package/src/toolbar/MRT_ToolbarBottom.tsx

@@ -5,6 +5,7 @@ import { MRT_ToolbarAlertBanner } from './MRT_ToolbarAlertBanner';
 import { MRT_LinearProgressBar } from './MRT_LinearProgressBar';
 import { commonToolbarStyles } from './MRT_ToolbarTop';
 import { MRT_TableInstance } from '..';
+import { MRT_ToolbarDropZone } from './MRT_ToolbarDropZone';
 
 interface Props {
   table: MRT_TableInstance;
@@ -18,6 +19,7 @@ export const MRT_ToolbarBottom: FC<Props> = ({ table }) => {
       muiTableToolbarBottomProps,
       positionPagination,
       positionToolbarAlertBanner,
+      positionToolbarDropZone,
       renderToolbarBottomCustomActions,
       tableId,
     },
@@ -56,6 +58,9 @@ export const MRT_ToolbarBottom: FC<Props> = ({ table }) => {
       {positionToolbarAlertBanner === 'bottom' && (
         <MRT_ToolbarAlertBanner table={table} />
       )}
+      {['both', 'bottom'].includes(positionToolbarDropZone ?? '') && (
+        <MRT_ToolbarDropZone table={table} />
+      )}
       <Box
         sx={{
           display: 'flex',

package/src/toolbar/MRT_ToolbarDropZone.tsx

@@ -0,0 +1,54 @@
+import React, { DragEvent, FC } from 'react';
+import { alpha, Box, Fade, Typography } from '@mui/material';
+import { MRT_TableInstance } from '..';
+
+interface Props {
+  table: MRT_TableInstance;
+}
+
+export const MRT_ToolbarDropZone: FC<Props> = ({ table }) => {
+  const {
+    getState,
+    options: { enableGrouping, localization },
+    setCurrentHoveredColumn,
+  } = table;
+
+  const { currentDraggingColumn, currentHoveredColumn } = getState();
+
+  const handleDragEnter = (_event: DragEvent<HTMLDivElement>) => {
+    setCurrentHoveredColumn({ id: 'drop-zone' });
+  };
+
+  return (
+    <Fade
+      unmountOnExit
+      mountOnEnter
+      in={!!enableGrouping && !!currentDraggingColumn}
+    >
+      <Box
+        sx={(theme) => ({
+          alignItems: 'center',
+          backgroundColor: alpha(
+            theme.palette.info.main,
+            currentHoveredColumn?.id === 'drop-zone' ? 0.2 : 0.1,
+          ),
+          border: `dashed ${theme.palette.info.main} 2px`,
+          display: 'flex',
+          justifyContent: 'center',
+          height: 'calc(100% - 4px)',
+          position: 'absolute',
+          width: 'calc(100% - 4px)',
+          zIndex: 2,
+        })}
+        onDragEnter={handleDragEnter}
+      >
+        <Typography>
+          {localization.dropToGroupBy.replace(
+            '{column}',
+            currentDraggingColumn?.columnDef?.header ?? '',
+          )}
+        </Typography>
+      </Box>
+    </Fade>
+  );
+};

package/src/toolbar/MRT_ToolbarTop.tsx

@@ -6,6 +6,7 @@ import { MRT_TableInstance } from '..';
 import { MRT_TablePagination } from './MRT_TablePagination';
 import { MRT_ToolbarAlertBanner } from './MRT_ToolbarAlertBanner';
 import { MRT_ToolbarInternalButtons } from './MRT_ToolbarInternalButtons';
+import { MRT_ToolbarDropZone } from './MRT_ToolbarDropZone';
 
 export const commonToolbarStyles = ({ theme }: { theme: Theme }) => ({
   alignItems: 'flex-start',
@@ -34,6 +35,7 @@ export const MRT_ToolbarTop: FC<Props> = ({ table }) => {
       positionGlobalFilter,
       positionPagination,
       positionToolbarAlertBanner,
+      positionToolbarDropZone,
       renderToolbarTopCustomActions,
       tableId,
     },
@@ -73,6 +75,9 @@ export const MRT_ToolbarTop: FC<Props> = ({ table }) => {
           table={table}
         />
       )}
+      {['both', 'top'].includes(positionToolbarDropZone ?? '') && (
+        <MRT_ToolbarDropZone table={table} />
+      )}
       <Box
         sx={{
           alignItems: 'flex-start',

package/dist/index.js

@@ -1,8 +0,0 @@
-
-'use strict'
-
-if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./material-react-table.cjs.production.min.js')
-} else {
-  module.exports = require('./material-react-table.cjs.development.js')
-}