material-react-table 0.2.0 → 0.3.0

package/src/useMaterialReactTable.tsx

@@ -10,17 +10,18 @@ import {
   useFilters,
   useFlexLayout,
   useGlobalFilter,
+  useGroupBy,
   usePagination,
   useResizeColumns,
   useRowSelect,
   useSortBy,
   useTable,
 } from 'react-table';
-import { MaterialReactTableProps } from '.';
+import { MaterialReactTableProps } from './MaterialReactTable';
 import { UseMRTCalcs, useMRTCalcs } from './utils/useMRTCalcs';
-import { showOverrideWarnings } from './utils/overrideWarnings';
+import { showoverrideWarnings } from './utils/overrideWarnings';
 
-interface UseMaterialReactTable<D extends {}>
+export interface UseMaterialReactTable<D extends {}>
   extends MaterialReactTableProps<D>,
     UseMRTCalcs {
   tableInstance: TableInstance<D>;
@@ -35,15 +36,29 @@ export const MaterialReactTableProvider = <D extends {}>({
   children,
   columns,
   data,
-  surpressOverrideWarnings,
+  defaultColumn,
+  getRowId,
+  getSubRows,
+  initialState,
+  stateReducer,
+  surpressoverrideWarnings,
   ...rest
 }: PropsWithChildren<MaterialReactTableProps<D>>) => {
-  const tableInstance = useTable(
-    { columns, data },
+  const tableInstance = useTable<D>(
+    {
+      columns,
+      data,
+      defaultColumn,
+      getRowId,
+      getSubRows,
+      initialState,
+      stateReducer,
+    },
     useFlexLayout,
     useResizeColumns,
     useFilters,
     useGlobalFilter,
+    useGroupBy,
     useSortBy,
     useExpanded,
     usePagination,
@@ -52,16 +67,14 @@ export const MaterialReactTableProvider = <D extends {}>({
 
   const mrtCalcs = useMRTCalcs({ tableInstance });
 
-  if (process.env.NODE_ENV !== 'production' && !surpressOverrideWarnings) {
-    showOverrideWarnings(rest);
+  if (process.env.NODE_ENV !== 'production' && !surpressoverrideWarnings) {
+    showoverrideWarnings(rest);
   }
 
   return (
     <MaterialReactTableContext.Provider
-      //@ts-ignore
       value={{
-        columns,
-        data,
+        //@ts-ignore
         tableInstance,
         ...mrtCalcs,
         ...rest,

package/src/utils/localization.ts

@@ -4,6 +4,8 @@ export interface MRT_Localization {
   columnActionMenuItemSortAsc?: string;
   columnActionMenuItemClearSort?: string;
   columnActionMenuItemSortDesc?: string;
+  columnActionMenuItemGroupBy?: string;
+  columnActionMenuItemUnGroupBy?: string;
   expandAllButtonTitle?: string;
   expandButtonTitle?: string;
   filterTextFieldClearButtonTitle?: string;
@@ -19,11 +21,13 @@ export const defaultLocalization: MRT_Localization = {
   columnActionMenuItemSortAsc: 'Sort ascending',
   columnActionMenuItemClearSort: 'Clear sorting',
   columnActionMenuItemSortDesc: 'Sort descending',
+  columnActionMenuItemGroupBy: 'Group by column',
+  columnActionMenuItemUnGroupBy: 'Ungroup column',
   expandAllButtonTitle: 'Expand all',
   expandButtonTitle: 'Expand',
   filterTextFieldClearButtonTitle: 'Clear filter',
   filterTextFieldPlaceholder: 'Filter',
   searchTextFieldClearButtonTitle: 'Clear search',
   searchTextFieldPlaceholder: 'Search',
-  showHideColumnsButtonTitle: 'Show/Hide columns'
+  showHideColumnsButtonTitle: 'Show/Hide columns',
 };

package/src/utils/overrideWarnings.ts

@@ -1,35 +1,35 @@
-export const showOverrideWarnings = (props: any) => {
-  if (props.OverrideTableBodyCellComponent) {
+export const showoverrideWarnings = (props: any) => {
+  if (props.overrideTableBodyCellComponent) {
     showWarning('TableCell', 'props');
   }
-  if (props.OverrideTableBodyComponent) {
+  if (props.overrideTableBodyComponent) {
     showWarning('TableBody', 'tableBodyProps');
   }
-  if (props.OverrideTableBodyRowComponent) {
+  if (props.overrideTableBodyRowComponent) {
     showWarning('TableRow', 'props');
   }
-  if (props.OverrideTableDetailPanelComponent) {
+  if (props.overrideTableDetailPanelComponent) {
     showWarning('Detail Panel', 'tableDetailPanelProps');
   }
-  if (props.OverrideTableFooterComponent) {
+  if (props.overrideTableFooterComponent) {
     showWarning('TableFooter', 'tableFooterProps');
   }
-  if (props.OverrideTableFooterCellComponent) {
+  if (props.overrideTableFooterCellComponent) {
     showWarning('TableCell', 'props');
   }
-  if (props.OverrideTableFooterRowComponent) {
+  if (props.overrideTableFooterRowComponent) {
     showWarning('TableRow', 'props');
   }
-  if (props.OverrideTableHeadComponent) {
+  if (props.overrideTableHeadComponent) {
     showWarning('TableHead', 'tableHeadProps');
   }
-  if (props.OverrideTableHeadRowComponent) {
+  if (props.overrideTableHeadRowComponent) {
     showWarning('TableRow', 'props');
   }
-  if (props.OverrideTablePaginationComponent) {
+  if (props.overrideTablePaginationComponent) {
     showWarning('', 'props');
   }
-  if (props.OverrideTableToolbarComponent) {
+  if (props.overrideTableToolbarComponent) {
     showWarning('TableBodyCell', 'props');
   }
 };