material-react-table 0.13.1 → 0.14.0

package/README.md

@@ -1,13 +1,17 @@
 # Material React Table
 
-<a href="https://bundlephobia.com/result?p=material-react-table" target="\_parent">
-  <img alt="" src="https://badgen.net/bundlephobia/minzip/material-react-table" />
+<a href="https://bundlephobia.com/result?p=material-react-table" target="_blank_">
+  <img alt="" src="https://badgen.net/bundlephobia/minzip/material-react-table@latest" />
 </a>
 
-<a href="https://npmjs.com/package/material-react-table" target="\_parent">
+<a href="https://npmjs.com/package/material-react-table" target="_blank_">
   <img alt="" src="https://img.shields.io/npm/dm/material-react-table.svg" />
 </a>
 
+<a href="https://github.com/KevinVandy/material-react-table" target="_blank_">
+  <img alt="" src="https://img.shields.io/github/stars/KevinVandy/material-react-table.svg?style=social&label=Star" />
+</a>
+
 > This Project is based on `@tanstack/react-table` v8, which itself is still in beta, so therefore this package is also still in alpha/beta
 
 - A fully featured Material UI V5 implementation of Tanstack React Table v8 (beta)
@@ -46,7 +50,7 @@ _All features can easily be enabled/disabled_
 - [x] Filtering and multiple built-in filter modes
 - [x] Full Screen mode
 - [x] Global Filtering (Search across all columns, rank by best match)
-- [x] HeaderGroups & Footers
+- [x] Header Groups & Footers
 - [x] Localization (i18n) support
 - [x] Manage your own state
 - [x] Pagination (supports client-side and server-side)
@@ -58,7 +62,7 @@ _All features can easily be enabled/disabled_
 - [x] Sorting
 - [x] Theming (Respects your Material UI Theme)
 - [x] Toolbars (Add your own action buttons)
-- [x] Tree Data / Expanding Subrows
+- [x] Tree Data / Expanding Sub-rows
 - [x] Virtualization (react-virtual)
 
 ### Installation

package/dist/MaterialReactTable.d.ts

@@ -106,31 +106,31 @@ export declare type MRT_ColumnDef<D extends Record<string, any> = {}> = Omit<Col
     header: string;
     id: keyof D | string;
     muiTableBodyCellCopyButtonProps?: ButtonProps | (({ instance, cell, }: {
-        instance: MRT_TableInstance;
+        instance: MRT_TableInstance<D>;
         cell: MRT_Cell<D>;
     }) => ButtonProps);
     muiTableBodyCellEditTextFieldProps?: TextFieldProps | (({ instance, cell, }: {
-        instance: MRT_TableInstance;
+        instance: MRT_TableInstance<D>;
         cell: MRT_Cell<D>;
     }) => TextFieldProps);
     muiTableBodyCellProps?: TableCellProps | (({ instance, cell, }: {
-        instance: MRT_TableInstance;
+        instance: MRT_TableInstance<D>;
         cell: MRT_Cell<D>;
     }) => TableCellProps);
     muiTableFooterCellProps?: TableCellProps | (({ instance, column, }: {
-        instance: MRT_TableInstance;
+        instance: MRT_TableInstance<D>;
         column: MRT_Column<D>;
     }) => TableCellProps);
     muiTableHeadCellColumnActionsButtonProps?: IconButtonProps | (({ instance, column, }: {
-        instance: MRT_TableInstance;
+        instance: MRT_TableInstance<D>;
         column: MRT_Column<D>;
     }) => IconButtonProps);
     muiTableHeadCellFilterTextFieldProps?: TextFieldProps | (({ instance, column, }: {
-        instance: MRT_TableInstance;
+        instance: MRT_TableInstance<D>;
         column: MRT_Column<D>;
     }) => TextFieldProps);
     muiTableHeadCellProps?: TableCellProps | (({ instance, column, }: {
-        instance: MRT_TableInstance;
+        instance: MRT_TableInstance<D>;
         column: MRT_Column<D>;
     }) => TableCellProps);
     onCellEditBlur?: ({ cell, event, instance, }: {
@@ -206,94 +206,103 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
     enabledGlobalFilterOptions?: (MRT_FILTER_OPTION | string)[] | null;
     icons?: Partial<MRT_Icons>;
     localization?: Partial<MRT_Localization>;
+    muiExpandAllButtonProps?: IconButtonProps | (({ instance }: {
+        instance: MRT_TableInstance<D>;
+    }) => IconButtonProps);
+    muiExpandButtonProps?: IconButtonProps | (({ instance, }: {
+        instance: MRT_TableInstance<D>;
+        row: MRT_Row<D>;
+    }) => IconButtonProps);
     muiLinearProgressProps?: LinearProgressProps | (({ instance, }: {
-        instance: MRT_TableInstance;
+        instance: MRT_TableInstance<D>;
     }) => LinearProgressProps);
     muiSearchTextFieldProps?: TextFieldProps | (({ instance }: {
-        instance: MRT_TableInstance;
+        instance: MRT_TableInstance<D>;
     }) => TextFieldProps);
-    muiSelectCheckboxProps?: CheckboxProps | (({ instance, isSelectAll, row, }: {
-        instance: MRT_TableInstance;
-        isSelectAll: boolean;
-        row?: MRT_Row<D>;
+    muiSelectAllCheckboxProps?: CheckboxProps | (({ instance }: {
+        instance: MRT_TableInstance<D>;
+    }) => CheckboxProps);
+    muiSelectCheckboxProps?: CheckboxProps | (({ instance, row, }: {
+        instance: MRT_TableInstance<D>;
+        row: MRT_Row<D>;
     }) => CheckboxProps);
     muiTableBodyCellCopyButtonProps?: ButtonProps | (({ instance, cell, }: {
-        instance: MRT_TableInstance;
+        instance: MRT_TableInstance<D>;
         cell: MRT_Cell<D>;
     }) => ButtonProps);
     muiTableBodyCellEditTextFieldProps?: TextFieldProps | (({ instance, cell, }: {
-        instance: MRT_TableInstance;
+        instance: MRT_TableInstance<D>;
         cell: MRT_Cell<D>;
     }) => TextFieldProps);
     muiTableBodyCellProps?: TableCellProps | (({ instance, cell, }: {
-        instance: MRT_TableInstance;
+        instance: MRT_TableInstance<D>;
         cell: MRT_Cell<D>;
     }) => TableCellProps);
     muiTableBodyCellSkeletonProps?: SkeletonProps | (({ instance, cell, }: {
-        instance: MRT_TableInstance;
+        instance: MRT_TableInstance<D>;
         cell: MRT_Cell<D>;
     }) => SkeletonProps);
     muiTableBodyProps?: TableBodyProps | (({ instance }: {
-        instance: MRT_TableInstance;
+        instance: MRT_TableInstance<D>;
     }) => TableBodyProps);
     muiTableBodyRowProps?: TableRowProps | (({ instance, row, }: {
-        instance: MRT_TableInstance;
+        instance: MRT_TableInstance<D>;
         row: MRT_Row<D>;
     }) => TableRowProps);
     muiTableContainerProps?: TableContainerProps | (({ instance, }: {
-        instance: MRT_TableInstance;
+        instance: MRT_TableInstance<D>;
     }) => TableContainerProps);
     muiTableDetailPanelProps?: TableCellProps | (({ instance, row, }: {
-        instance: MRT_TableInstance;
+        instance: MRT_TableInstance<D>;
         row: MRT_Row<D>;
     }) => TableCellProps);
     muiTableFooterCellProps?: TableCellProps | (({ instance, column, }: {
-        instance: MRT_TableInstance;
+        instance: MRT_TableInstance<D>;
         column: MRT_Column<D>;
     }) => TableCellProps);
-    muiTableFooterProps?: TableFooterProps | (({ instance }: {
-        instance: MRT_TableInstance;
+    muiTableFooterProps?: TableFooterProps | (({ instance, }: {
+        instance: MRT_TableInstance<D>;
     }) => TableFooterProps);
     muiTableFooterRowProps?: TableRowProps | (({ instance, footerGroup, }: {
-        instance: MRT_TableInstance;
+        instance: MRT_TableInstance<D>;
         footerGroup: MRT_HeaderGroup<D>;
     }) => TableRowProps);
     muiTableHeadCellColumnActionsButtonProps?: IconButtonProps | (({ instance, column, }: {
-        instance: MRT_TableInstance;
+        instance: MRT_TableInstance<D>;
         column: MRT_Column<D>;
     }) => IconButtonProps);
     muiTableHeadCellFilterTextFieldProps?: TextFieldProps | (({ instance, column, }: {
-        instance: MRT_TableInstance;
+        instance: MRT_TableInstance<D>;
         column: MRT_Column<D>;
     }) => TextFieldProps);
     muiTableHeadCellProps?: TableCellProps | (({ instance, column, }: {
-        instance: MRT_TableInstance;
+        instance: MRT_TableInstance<D>;
         column: MRT_Column<D>;
     }) => TableCellProps);
     muiTableHeadProps?: TableHeadProps | (({ instance }: {
-        instance: MRT_TableInstance;
+        instance: MRT_TableInstance<D>;
     }) => TableHeadProps);
     muiTableHeadRowProps?: TableRowProps | (({ instance, headerGroup, }: {
-        instance: MRT_TableInstance;
+        instance: MRT_TableInstance<D>;
         headerGroup: MRT_HeaderGroup<D>;
     }) => TableRowProps);
     muiTablePaginationProps?: Partial<TablePaginationProps> | (({ instance, }: {
-        instance: MRT_TableInstance;
+        instance: MRT_TableInstance<D>;
     }) => Partial<TablePaginationProps>);
     muiTablePaperProps?: PaperProps | (({ instance }: {
-        instance: MRT_TableInstance;
+        instance: MRT_TableInstance<D>;
     }) => PaperProps);
     muiTableProps?: TableProps | (({ instance }: {
-        instance: MRT_TableInstance;
+        instance: MRT_TableInstance<D>;
     }) => TableProps);
     muiTableToolbarAlertBannerProps?: AlertProps | (({ instance }: {
-        instance: MRT_TableInstance;
+        instance: MRT_TableInstance<D>;
     }) => AlertProps);
     muiTableToolbarBottomProps?: ToolbarProps | (({ instance }: {
-        instance: MRT_TableInstance;
+        instance: MRT_TableInstance<D>;
     }) => ToolbarProps);
     muiTableToolbarTopProps?: ToolbarProps | (({ instance }: {
-        instance: MRT_TableInstance;
+        instance: MRT_TableInstance<D>;
     }) => ToolbarProps);
     onCellClick?: ({ cell, event, instance, }: {
         cell: MRT_Cell<D>;
@@ -399,7 +408,6 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
     positionActionsColumn?: 'first' | 'last';
     positionGlobalFilter?: 'left' | 'right';
     positionPagination?: 'bottom' | 'top' | 'both';
-    positionToolbarActions?: 'bottom' | 'top';
     positionToolbarAlertBanner?: 'bottom' | 'top';
     renderDetailPanel?: ({ row, instance, }: {
         row: MRT_Row<D>;
@@ -414,7 +422,10 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
         row: MRT_Row<D>;
         instance: MRT_TableInstance<D>;
     }) => ReactNode;
-    renderToolbarCustomActions?: ({ instance, }: {
+    renderToolbarBottomCustomActions?: ({ instance, }: {
+        instance: MRT_TableInstance<D>;
+    }) => ReactNode;
+    renderToolbarTopCustomActions?: ({ instance, }: {
         instance: MRT_TableInstance<D>;
     }) => ReactNode;
     renderToolbarInternalActions?: ({ instance, MRT_ToggleGlobalFilterButton, MRT_ToggleFiltersButton, MRT_ShowHideColumnsButton, MRT_ToggleDensePaddingButton, MRT_FullScreenToggleButton, }: {
@@ -440,5 +451,5 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
     tableId?: string;
     virtualizerProps?: VirtualizerOptions<HTMLDivElement>;
 };
-declare const _default: <D extends Record<string, any> = {}>({ autoResetExpanded, columnResizeMode, defaultColumn, editingMode, enableColumnActions, enableColumnFilters, enableColumnOrdering, enableColumnResizing, enableDensityToggle, enableExpandAll, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableGrouping, enableHiding, enableMultiRowSelection, enablePagination, enablePinning, enableSelectAll, enableSorting, enableStickyHeader, enableTableFooter, enableTableHead, enableToolbarBottom, enableToolbarInternalActions, enableToolbarTop, icons, localization, persistentStateMode, positionActionsColumn, positionPagination, positionGlobalFilter, positionToolbarActions, positionToolbarAlertBanner, rowNumberMode, selectAllMode, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
+declare const _default: <D extends Record<string, any> = {}>({ autoResetExpanded, columnResizeMode, defaultColumn, editingMode, enableColumnActions, enableColumnFilters, enableColumnOrdering, enableColumnResizing, enableDensityToggle, enableExpandAll, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableGrouping, enableHiding, enableMultiRowSelection, enablePagination, enablePinning, enableRowSelection, enableSelectAll, enableSorting, enableStickyHeader, enableTableFooter, enableTableHead, enableToolbarBottom, enableToolbarInternalActions, enableToolbarTop, icons, localization, persistentStateMode, positionActionsColumn, positionGlobalFilter, positionPagination, positionToolbarAlertBanner, rowNumberMode, selectAllMode, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
 export default _default;