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.
Files changed (40) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +4 -2
  3. package/dist/cjs/index.js +30 -598
  4. package/dist/cjs/index.js.map +1 -1
  5. package/dist/cjs/types/MaterialReactTable.d.ts +6 -2
  6. package/dist/cjs/types/body/MRT_TableDetailPanel.d.ts +4 -1
  7. package/dist/cjs/types/index.d.ts +3 -1
  8. package/dist/cjs/types/table/MRT_TableRoot.d.ts +3 -2
  9. package/dist/cjs/types/toolbar/MRT_ToolbarAlertBanner.d.ts +4 -4
  10. package/dist/cjs/types/toolbar/MRT_ToolbarDropZone.d.ts +4 -4
  11. package/dist/esm/material-react-table.esm.js +333 -885
  12. package/dist/esm/material-react-table.esm.js.map +1 -1
  13. package/dist/esm/types/MaterialReactTable.d.ts +6 -2
  14. package/dist/esm/types/body/MRT_TableDetailPanel.d.ts +4 -1
  15. package/dist/esm/types/index.d.ts +3 -1
  16. package/dist/esm/types/table/MRT_TableRoot.d.ts +3 -2
  17. package/dist/esm/types/toolbar/MRT_ToolbarAlertBanner.d.ts +4 -4
  18. package/dist/esm/types/toolbar/MRT_ToolbarDropZone.d.ts +4 -4
  19. package/dist/index.d.ts +33 -18
  20. package/locales/nl.esm.js +1 -1
  21. package/locales/nl.esm.js.map +1 -1
  22. package/locales/nl.js +1 -1
  23. package/locales/nl.js.map +1 -1
  24. package/locales/ru.esm.js +3 -3
  25. package/locales/ru.esm.js.map +1 -1
  26. package/locales/ru.js +3 -3
  27. package/locales/ru.js.map +1 -1
  28. package/package.json +10 -10
  29. package/src/MaterialReactTable.tsx +11 -3
  30. package/src/_locales/nl.ts +1 -1
  31. package/src/_locales/ru.ts +3 -3
  32. package/src/body/MRT_TableBody.tsx +1 -1
  33. package/src/body/MRT_TableBodyRow.tsx +6 -1
  34. package/src/body/MRT_TableDetailPanel.tsx +32 -5
  35. package/src/head/MRT_TableHead.tsx +2 -8
  36. package/src/index.tsx +4 -0
  37. package/src/table/MRT_Table.tsx +2 -6
  38. package/src/table/MRT_TableContainer.tsx +4 -9
  39. package/src/toolbar/MRT_ToolbarAlertBanner.tsx +5 -5
  40. 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 | (({ table, row, }: {
542
- table: MRT_TableInstance<TData>;
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", {}> | (({ table, row, }: {
108
- table: MRT_TableInstance<TData>;
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
- import { FC } from 'react';
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: FC<Props>;
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
- import { FC } from 'react';
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: FC<Props>;
6
+ export declare const MRT_ToolbarDropZone: <TData extends Record<string, any> = {}>({ table, }: Props<TData>) => JSX.Element;
7
7
  export {};