material-react-table 0.4.4 → 0.4.7

package/README.md

@@ -12,7 +12,7 @@ View additional storybook examples at https://www.material-react-table.dev/
 
 View the source code and open issues at https://github.com/KevinVandy/material-react-table
 
-Join the discord development discussion at https://discord.gg/Gjm62HGw
+Join the discord development discussion at https://discord.gg/5wqyRx6fnm
 
 <br />
 
@@ -25,6 +25,7 @@ Join the discord development discussion at https://discord.gg/Gjm62HGw
 - [x] Column Hiding
 - [x] Custom Styling
 - [x] Dense Padding Toggle
+- [x] Localization
 - [x] Filtering
 - [x] Global Search
 - [x] HeaderGroups
@@ -40,7 +41,7 @@ Join the discord development discussion at https://discord.gg/Gjm62HGw
 1. Install Peer Dependencies (material-ui v5 and react table v7)
 
 ```bash
-npm install @mui/material @mui/icons-material @emotion/react react-table
+npm install @mui/material @mui/icons-material @emotion/react @emotion/styled react-table
 ```
 
 2. Install material-react-table

package/dist/MaterialReactTable.d.ts

@@ -1,8 +1,9 @@
 import { ChangeEvent, FC, MouseEvent, ReactNode } from 'react';
-import { AlertProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TextFieldProps, ToolbarProps } from '@mui/material';
+import { AlertProps, IconButtonProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TextFieldProps, ToolbarProps } from '@mui/material';
 import { Cell, Column, HeaderGroup, Row, TableInstance, TableOptions, UseExpandedOptions, UseFiltersOptions, UseGlobalFiltersOptions, UseGroupByOptions, UsePaginationOptions, UseResizeColumnsOptions, UseRowSelectOptions, UseRowStateOptions, UseSortByOptions, UseTableOptions } from 'react-table';
-import { MRT_Localization } from './utils/localization';
 import { MRT_ColumnInterface } from './@types/react-table-config';
+import { MRT_Localization } from './localization';
+import { MRT_Icons } from './icons';
 export declare type MaterialReactTableProps<D extends {} = {}> = TableOptions<D> & UseTableOptions<D> & UseExpandedOptions<D> & UseFiltersOptions<D> & UseGlobalFiltersOptions<D> & UseGroupByOptions<D> & UsePaginationOptions<D> & UseResizeColumnsOptions<D> & UseRowSelectOptions<D> & UseRowStateOptions<D> & UseSortByOptions<D> & {
     columns: (Column<D> & MRT_ColumnInterface)[];
     defaultDensePadding?: boolean;
@@ -16,17 +17,18 @@ export declare type MaterialReactTableProps<D extends {} = {}> = TableOptions<D>
     disableFullScreenToggle?: boolean;
     disableSelectAll?: boolean;
     disableSubRowTree?: boolean;
-    enableRowNumbers?: boolean;
     enableColumnGrouping?: boolean;
     enableColumnResizing?: boolean;
     enableRowActions?: boolean;
     enableRowEditing?: boolean;
+    enableRowNumbers?: boolean;
     enableSelection?: boolean;
     hideTableFooter?: boolean;
     hideTableHead?: boolean;
-    hideToolbarInternalActions?: boolean;
     hideToolbarBottom?: boolean;
+    hideToolbarInternalActions?: boolean;
     hideToolbarTop?: boolean;
+    icons?: Partial<MRT_Icons>;
     isFetching?: boolean;
     isLoading?: boolean;
     localization?: Partial<MRT_Localization>;
@@ -57,6 +59,7 @@ export declare type MaterialReactTableProps<D extends {} = {}> = TableOptions<D>
     onRowEditSubmit?: (row: Row<D>) => Promise<void> | void;
     onRowExpandChange?: (event: MouseEvent<HTMLButtonElement>, row: Row<D>) => void;
     onRowSelectChange?: (event: ChangeEvent, row: Row<D>, selectedRows: Row<D>[]) => void;
+    onSelectAllChange?: (event: ChangeEvent, selectedRows: Row<D>[]) => void;
     positionActionsColumn?: 'first' | 'last';
     positionPagination?: 'bottom' | 'top' | 'both';
     positionToolbarActions?: 'bottom' | 'top';
@@ -66,12 +69,12 @@ export declare type MaterialReactTableProps<D extends {} = {}> = TableOptions<D>
     renderRowActions?: (row: Row<D>, tableInstance: TableInstance<D>) => ReactNode;
     renderToolbarCustomActions?: (tableInstance: TableInstance<D>) => ReactNode;
     renderToolbarInternalActions?: (tableInstance: TableInstance<D>, { MRT_ToggleSearchButton, MRT_ToggleFiltersButton, MRT_ShowHideColumnsButton, MRT_ToggleDensePaddingButton, MRT_FullScreenToggleButton, }: {
-        MRT_ToggleSearchButton: FC;
-        MRT_ToggleFiltersButton: FC;
-        MRT_ShowHideColumnsButton: FC;
-        MRT_ToggleDensePaddingButton: FC;
-        MRT_FullScreenToggleButton: FC;
+        MRT_ToggleSearchButton: FC<IconButtonProps>;
+        MRT_ToggleFiltersButton: FC<IconButtonProps>;
+        MRT_ShowHideColumnsButton: FC<IconButtonProps>;
+        MRT_ToggleDensePaddingButton: FC<IconButtonProps>;
+        MRT_FullScreenToggleButton: FC<IconButtonProps>;
     }) => ReactNode;
 };
-declare const _default: <D extends {}>({ defaultColumn, localization, positionActionsColumn, positionPagination, positionToolbarActions, positionToolbarAlertBanner, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
+declare const _default: <D extends {}>({ defaultColumn, icons, localization, positionActionsColumn, positionPagination, positionToolbarActions, positionToolbarAlertBanner, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
 export default _default;

package/dist/buttons/MRT_FullScreenToggleButton.d.ts

@@ -1,4 +1,6 @@
 import { FC } from 'react';
-declare type Props = {};
+import { IconButtonProps } from '@mui/material';
+interface Props extends IconButtonProps {
+}
 export declare const MRT_FullScreenToggleButton: FC<Props>;
 export {};

package/dist/buttons/MRT_ShowHideColumnsButton.d.ts

@@ -1,5 +1,6 @@
 import { FC } from 'react';
-interface Props {
+import { IconButtonProps } from '@mui/material';
+interface Props extends IconButtonProps {
 }
 export declare const MRT_ShowHideColumnsButton: FC<Props>;
 export {};

package/dist/buttons/MRT_ToggleDensePaddingButton.d.ts

@@ -1,5 +1,6 @@
 import { FC } from 'react';
-interface Props {
+import { IconButtonProps } from '@mui/material';
+interface Props extends IconButtonProps {
 }
 export declare const MRT_ToggleDensePaddingButton: FC<Props>;
 export {};

package/dist/buttons/MRT_ToggleFiltersButton.d.ts

@@ -1,4 +1,6 @@
 import { FC } from 'react';
-declare type Props = {};
+import { IconButtonProps } from '@mui/material';
+interface Props extends IconButtonProps {
+}
 export declare const MRT_ToggleFiltersButton: FC<Props>;
 export {};

package/dist/buttons/MRT_ToggleSearchButton.d.ts

@@ -1,4 +1,6 @@
 import { FC } from 'react';
-declare type Props = {};
+import { IconButtonProps } from '@mui/material';
+interface Props extends IconButtonProps {
+}
 export declare const MRT_ToggleSearchButton: FC<Props>;
 export {};

package/dist/icons.d.ts

@@ -0,0 +1,25 @@
+export interface MRT_Icons {
+    CancelIcon: any;
+    ClearAllIcon: any;
+    CloseIcon: any;
+    DensityMediumIcon: any;
+    DensitySmallIcon: any;
+    DoubleArrowDownIcon: any;
+    DynamicFeedIcon: any;
+    EditIcon: any;
+    ExpandLessIcon: any;
+    ExpandMoreIcon: any;
+    FilterListIcon: any;
+    FilterListOffIcon: any;
+    FullscreenExitIcon: any;
+    FullscreenIcon: any;
+    MoreHorizIcon: any;
+    MoreVertIcon: any;
+    SaveIcon: any;
+    SearchIcon: any;
+    SearchOffIcon: any;
+    SortIcon: any;
+    ViewColumnIcon: any;
+    VisibilityOffIcon: any;
+}
+export declare const MRT_Default_Icons: MRT_Icons;

package/dist/inputs/MRT_SelectCheckbox.d.ts

@@ -1,7 +1,8 @@
 import { FC } from 'react';
 import { Row } from 'react-table';
 interface Props {
-    row: Row;
+    row?: Row;
+    selectAll?: boolean;
 }
 export declare const MRT_SelectCheckbox: FC<Props>;
 export {};

package/dist/{utils/localization.d.ts → localization.d.ts}

@@ -31,4 +31,4 @@ export interface MRT_Localization {
     toolbarAlertGroupedByMessage: string;
     toolbarAlertGroupedThenByMessage: string;
 }
-export declare const defaultLocalization: MRT_Localization;
+export declare const MRT_DefaultLocalization_EN: MRT_Localization;