material-react-table 1.4.0-beta.4 → 1.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +4 -2
- package/dist/cjs/index.js +30 -598
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/MaterialReactTable.d.ts +6 -2
- package/dist/cjs/types/body/MRT_TableDetailPanel.d.ts +4 -1
- package/dist/cjs/types/index.d.ts +3 -1
- package/dist/cjs/types/table/MRT_TableRoot.d.ts +3 -2
- package/dist/cjs/types/toolbar/MRT_ToolbarAlertBanner.d.ts +4 -4
- package/dist/cjs/types/toolbar/MRT_ToolbarDropZone.d.ts +4 -4
- package/dist/esm/material-react-table.esm.js +333 -885
- package/dist/esm/material-react-table.esm.js.map +1 -1
- package/dist/esm/types/MaterialReactTable.d.ts +6 -2
- package/dist/esm/types/body/MRT_TableDetailPanel.d.ts +4 -1
- package/dist/esm/types/index.d.ts +3 -1
- package/dist/esm/types/table/MRT_TableRoot.d.ts +3 -2
- package/dist/esm/types/toolbar/MRT_ToolbarAlertBanner.d.ts +4 -4
- package/dist/esm/types/toolbar/MRT_ToolbarDropZone.d.ts +4 -4
- package/dist/index.d.ts +33 -18
- package/locales/nl.esm.js +1 -1
- package/locales/nl.esm.js.map +1 -1
- package/locales/nl.js +1 -1
- package/locales/nl.js.map +1 -1
- package/locales/ru.esm.js +3 -3
- package/locales/ru.esm.js.map +1 -1
- package/locales/ru.js +3 -3
- package/locales/ru.js.map +1 -1
- package/package.json +10 -10
- package/src/MaterialReactTable.tsx +11 -3
- package/src/_locales/nl.ts +1 -1
- package/src/_locales/ru.ts +3 -3
- package/src/body/MRT_TableBody.tsx +1 -1
- package/src/body/MRT_TableBodyRow.tsx +6 -1
- package/src/body/MRT_TableDetailPanel.tsx +32 -5
- package/src/head/MRT_TableHead.tsx +2 -8
- package/src/index.tsx +4 -0
- package/src/table/MRT_Table.tsx +2 -6
- package/src/table/MRT_TableContainer.tsx +4 -9
- package/src/toolbar/MRT_ToolbarAlertBanner.tsx +5 -5
- package/src/toolbar/MRT_ToolbarDropZone.tsx +6 -4
@@ -468,6 +468,9 @@ export type MaterialReactTableProps<TData extends Record<string, any> = {}> = Om
|
|
468
468
|
globalFilterModeOptions?: MRT_FilterOption[] | null;
|
469
469
|
icons?: Partial<MRT_Icons>;
|
470
470
|
initialState?: Partial<MRT_TableState<TData>>;
|
471
|
+
/**
|
472
|
+
* Changes which kind of CSS layout is used to render the table. `semantic` uses default semantic HTML elements, while `grid` adds CSS grid and flexbox styles
|
473
|
+
*/
|
471
474
|
layoutMode?: 'semantic' | 'grid';
|
472
475
|
/**
|
473
476
|
* Pass in either a locale imported from `material-react-table/locales/*` or a custom locale object.
|
@@ -538,9 +541,10 @@ export type MaterialReactTableProps<TData extends Record<string, any> = {}> = Om
|
|
538
541
|
table: MRT_TableInstance<TData>;
|
539
542
|
row: MRT_Row<TData>;
|
540
543
|
}) => IconButtonProps);
|
541
|
-
muiTableBodyRowProps?: TableRowProps | (({
|
542
|
-
|
544
|
+
muiTableBodyRowProps?: TableRowProps | (({ isDetailPanel, row, table, }: {
|
545
|
+
isDetailPanel?: boolean;
|
543
546
|
row: MRT_Row<TData>;
|
547
|
+
table: MRT_TableInstance<TData>;
|
544
548
|
}) => TableRowProps);
|
545
549
|
muiTableContainerProps?: TableContainerProps | (({ table, }: {
|
546
550
|
table: MRT_TableInstance<TData>;
|
@@ -1,8 +1,11 @@
|
|
1
|
-
import { FC } from 'react';
|
1
|
+
import React, { FC } from 'react';
|
2
|
+
import type { VirtualItem } from '@tanstack/react-virtual';
|
2
3
|
import type { MRT_Row, MRT_TableInstance } from '..';
|
3
4
|
interface Props {
|
5
|
+
parentRowRef: React.RefObject<HTMLTableRowElement>;
|
4
6
|
row: MRT_Row;
|
5
7
|
table: MRT_TableInstance;
|
8
|
+
virtualRow?: VirtualItem;
|
6
9
|
}
|
7
10
|
export declare const MRT_TableDetailPanel: FC<Props>;
|
8
11
|
export {};
|
@@ -12,5 +12,7 @@ import { MRT_TablePagination } from './toolbar/MRT_TablePagination';
|
|
12
12
|
import { MRT_ToggleDensePaddingButton } from './buttons/MRT_ToggleDensePaddingButton';
|
13
13
|
import { MRT_ToggleFiltersButton } from './buttons/MRT_ToggleFiltersButton';
|
14
14
|
import { MRT_ToggleGlobalFilterButton } from './buttons/MRT_ToggleGlobalFilterButton';
|
15
|
+
import { MRT_ToolbarAlertBanner } from './toolbar/MRT_ToolbarAlertBanner';
|
16
|
+
import { MRT_ToolbarDropZone } from './toolbar/MRT_ToolbarDropZone';
|
15
17
|
import { MRT_ToolbarInternalButtons } from './toolbar/MRT_ToolbarInternalButtons';
|
16
|
-
export { MRT_CopyButton, MRT_FilterOptionMenu, MRT_FullScreenToggleButton, MRT_GlobalFilterTextField, MRT_ShowHideColumnsButton, MRT_TablePagination, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleGlobalFilterButton, MRT_ToolbarInternalButtons, };
|
18
|
+
export { MRT_CopyButton, MRT_FilterOptionMenu, MRT_FullScreenToggleButton, MRT_GlobalFilterTextField, MRT_ShowHideColumnsButton, MRT_TablePagination, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleGlobalFilterButton, MRT_ToolbarAlertBanner, MRT_ToolbarDropZone, MRT_ToolbarInternalButtons, };
|
@@ -104,9 +104,10 @@ export declare const MRT_TableRoot: <TData extends Record<string, any> = {}>(pro
|
|
104
104
|
table: MRT_TableInstance<TData>;
|
105
105
|
row: MRT_Row<TData>;
|
106
106
|
}) => import("@mui/material").IconButtonProps<"button", {}>) | undefined;
|
107
|
-
muiTableBodyRowProps?: import("@mui/material").TableRowProps<"tr", {}> | (({
|
108
|
-
|
107
|
+
muiTableBodyRowProps?: import("@mui/material").TableRowProps<"tr", {}> | (({ isDetailPanel, row, table, }: {
|
108
|
+
isDetailPanel?: boolean | undefined;
|
109
109
|
row: MRT_Row<TData>;
|
110
|
+
table: MRT_TableInstance<TData>;
|
110
111
|
}) => import("@mui/material").TableRowProps<"tr", {}>) | undefined;
|
111
112
|
muiTableContainerProps?: import("@mui/material").TableContainerProps<"div", {}> | (({ table, }: {
|
112
113
|
table: MRT_TableInstance<TData>;
|
@@ -1,8 +1,8 @@
|
|
1
|
-
|
1
|
+
/// <reference types="react" />
|
2
2
|
import { MRT_TableInstance } from '..';
|
3
|
-
interface Props {
|
3
|
+
interface Props<TData extends Record<string, any> = {}> {
|
4
4
|
stackAlertBanner: boolean;
|
5
|
-
table: MRT_TableInstance
|
5
|
+
table: MRT_TableInstance<TData>;
|
6
6
|
}
|
7
|
-
export declare const MRT_ToolbarAlertBanner:
|
7
|
+
export declare const MRT_ToolbarAlertBanner: <TData extends Record<string, any> = {}>({ stackAlertBanner, table, }: Props<TData>) => JSX.Element;
|
8
8
|
export {};
|
@@ -1,7 +1,7 @@
|
|
1
|
-
|
1
|
+
/// <reference types="react" />
|
2
2
|
import { MRT_TableInstance } from '..';
|
3
|
-
interface Props {
|
4
|
-
table: MRT_TableInstance
|
3
|
+
interface Props<TData extends Record<string, any> = {}> {
|
4
|
+
table: MRT_TableInstance<TData>;
|
5
5
|
}
|
6
|
-
export declare const MRT_ToolbarDropZone:
|
6
|
+
export declare const MRT_ToolbarDropZone: <TData extends Record<string, any> = {}>({ table, }: Props<TData>) => JSX.Element;
|
7
7
|
export {};
|