material-react-table 1.5.0-beta.2 → 1.5.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/README.md +1 -1
- package/dist/cjs/index.js +11 -7
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/_locales/zh-Hans.d.ts +2 -0
- package/dist/cjs/types/_locales/zh-Hant.d.ts +2 -0
- package/dist/cjs/types/buttons/MRT_ToggleRowActionMenuButton.d.ts +6 -6
- package/dist/cjs/types/index.d.ts +2 -1
- package/dist/esm/material-react-table.esm.js +11 -8
- package/dist/esm/material-react-table.esm.js.map +1 -1
- package/dist/esm/types/_locales/zh-Hans.d.ts +2 -0
- package/dist/esm/types/_locales/zh-Hant.d.ts +2 -0
- package/dist/esm/types/buttons/MRT_ToggleRowActionMenuButton.d.ts +6 -6
- package/dist/esm/types/index.d.ts +2 -1
- package/dist/index.d.ts +28 -21
- package/locales/zh-Hans.d.ts +2 -0
- package/locales/zh-Hans.esm.d.ts +2 -0
- package/locales/zh-Hans.esm.js +94 -0
- package/locales/zh-Hans.esm.js.map +1 -0
- package/locales/zh-Hans.js +98 -0
- package/locales/zh-Hans.js.map +1 -0
- package/locales/zh-Hant.d.ts +2 -0
- package/locales/zh-Hant.esm.d.ts +2 -0
- package/locales/zh-Hant.esm.js +94 -0
- package/locales/zh-Hant.esm.js.map +1 -0
- package/locales/zh-Hant.js +98 -0
- package/locales/zh-Hant.js.map +1 -0
- package/package.json +11 -11
- package/src/MaterialReactTable.tsx +7 -0
- package/src/_locales/zh-Hans.ts +94 -0
- package/src/_locales/zh-Hant.ts +94 -0
- package/src/body/MRT_TableBody.tsx +1 -4
- package/src/buttons/MRT_ToggleRowActionMenuButton.tsx +11 -9
- package/src/column.utils.ts +1 -3
- package/src/footer/MRT_TableFooter.tsx +1 -0
- package/src/index.tsx +2 -0
- package/src/table/MRT_Table.tsx +1 -0
@@ -1,9 +1,9 @@
|
|
1
|
-
|
1
|
+
/// <reference types="react" />
|
2
2
|
import type { MRT_Cell, MRT_Row, MRT_TableInstance } from '..';
|
3
|
-
interface Props {
|
4
|
-
cell: MRT_Cell
|
5
|
-
row: MRT_Row
|
6
|
-
table: MRT_TableInstance
|
3
|
+
interface Props<TData extends Record<string, any> = {}> {
|
4
|
+
cell: MRT_Cell<TData>;
|
5
|
+
row: MRT_Row<TData>;
|
6
|
+
table: MRT_TableInstance<TData>;
|
7
7
|
}
|
8
|
-
export declare const MRT_ToggleRowActionMenuButton:
|
8
|
+
export declare const MRT_ToggleRowActionMenuButton: <TData extends Record<string, any> = {}>({ cell, row, table, }: Props<TData>) => JSX.Element;
|
9
9
|
export {};
|
@@ -15,4 +15,5 @@ import { MRT_ToggleGlobalFilterButton } from './buttons/MRT_ToggleGlobalFilterBu
|
|
15
15
|
import { MRT_ToolbarAlertBanner } from './toolbar/MRT_ToolbarAlertBanner';
|
16
16
|
import { MRT_ToolbarDropZone } from './toolbar/MRT_ToolbarDropZone';
|
17
17
|
import { MRT_ToolbarInternalButtons } from './toolbar/MRT_ToolbarInternalButtons';
|
18
|
-
|
18
|
+
import { MRT_ToggleRowActionMenuButton } from './buttons/MRT_ToggleRowActionMenuButton';
|
19
|
+
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, MRT_ToggleRowActionMenuButton, };
|
@@ -241,9 +241,7 @@ const getCommonCellStyles = ({ column, header, table, tableCellProps, theme, })
|
|
241
241
|
: undefined, ml: table.options.enableColumnVirtualization &&
|
242
242
|
column.getIsPinned() === 'left' &&
|
243
243
|
column.getPinnedIndex() === 0
|
244
|
-
? `-${column.getSize() *
|
245
|
-
((_b = (_a = table.getState().columnPinning.left) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 1) *
|
246
|
-
1.2}px`
|
244
|
+
? `-${column.getSize() * ((_b = (_a = table.getState().columnPinning.left) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 1)}px`
|
247
245
|
: undefined, mr: table.options.enableColumnVirtualization &&
|
248
246
|
column.getIsPinned() === 'right' &&
|
249
247
|
column.getPinnedIndex() === table.getVisibleLeafColumns().length - 1
|
@@ -2387,9 +2385,7 @@ const MRT_TableBody = ({ columnVirtualizer, table, virtualColumns, virtualPaddin
|
|
2387
2385
|
}
|
2388
2386
|
return rankedRows;
|
2389
2387
|
}
|
2390
|
-
return
|
2391
|
-
? getRowModel().rows
|
2392
|
-
: getPrePaginationRowModel().rows;
|
2388
|
+
return getRowModel().rows;
|
2393
2389
|
}, [
|
2394
2390
|
enableGlobalFilterRankedResults,
|
2395
2391
|
(enableGlobalFilterRankedResults && globalFilter) || !enablePagination
|
@@ -2521,7 +2517,7 @@ const MRT_TableFooter = ({ table, virtualColumns, virtualPaddingLeft, virtualPad
|
|
2521
2517
|
? theme.palette.mode === 'light'
|
2522
2518
|
? `1px solid ${theme.palette.grey[300]}`
|
2523
2519
|
: `1px solid ${theme.palette.grey[700]}`
|
2524
|
-
: undefined, position: stickFooter ? 'sticky' : undefined }, ((tableFooterProps === null || tableFooterProps === void 0 ? void 0 : tableFooterProps.sx) instanceof Function
|
2520
|
+
: undefined, position: stickFooter ? 'sticky' : undefined, zIndex: stickFooter ? 1 : undefined }, ((tableFooterProps === null || tableFooterProps === void 0 ? void 0 : tableFooterProps.sx) instanceof Function
|
2525
2521
|
? tableFooterProps === null || tableFooterProps === void 0 ? void 0 : tableFooterProps.sx(theme)
|
2526
2522
|
: tableFooterProps === null || tableFooterProps === void 0 ? void 0 : tableFooterProps.sx))) }), getFooterGroups().map((footerGroup) => (React.createElement(MRT_TableFooterRow, { footerGroup: footerGroup, key: footerGroup.id, table: table, virtualColumns: virtualColumns, virtualPaddingLeft: virtualPaddingLeft, virtualPaddingRight: virtualPaddingRight })))));
|
2527
2523
|
};
|
@@ -2539,6 +2535,8 @@ const MRT_Table = ({ table }) => {
|
|
2539
2535
|
//get first 16 column widths and average them
|
2540
2536
|
const averageColumnWidth = useMemo(() => {
|
2541
2537
|
var _a, _b, _c, _d;
|
2538
|
+
if (!enableColumnVirtualization)
|
2539
|
+
return 0;
|
2542
2540
|
const columnsWidths = (_d = (_c = (_b = (_a = table
|
2543
2541
|
.getRowModel()
|
2544
2542
|
.rows[0]) === null || _a === void 0 ? void 0 : _a.getCenterVisibleCells()) === null || _b === void 0 ? void 0 : _b.slice(0, 16)) === null || _c === void 0 ? void 0 : _c.map((cell) => cell.column.getSize() * 1.2)) !== null && _d !== void 0 ? _d : [];
|
@@ -2941,8 +2939,13 @@ const MaterialReactTable = (_a) => {
|
|
2941
2939
|
const _defaultDisplayColumn = useMemo(() => (Object.assign(Object.assign({}, MRT_DefaultDisplayColumn), defaultDisplayColumn)), [defaultDisplayColumn]);
|
2942
2940
|
if (rest.enableRowVirtualization || rest.enableColumnVirtualization) {
|
2943
2941
|
layoutMode = 'grid';
|
2942
|
+
}
|
2943
|
+
if (rest.enableRowVirtualization) {
|
2944
2944
|
enableStickyHeader = true;
|
2945
2945
|
}
|
2946
|
+
if (enablePagination === false && manualPagination === undefined) {
|
2947
|
+
manualPagination = true;
|
2948
|
+
}
|
2946
2949
|
if (!((_b = rest.data) === null || _b === void 0 ? void 0 : _b.length)) {
|
2947
2950
|
manualFiltering = true;
|
2948
2951
|
manualGrouping = true;
|
@@ -2952,5 +2955,5 @@ const MaterialReactTable = (_a) => {
|
|
2952
2955
|
return (React.createElement(MRT_TableRoot, Object.assign({ aggregationFns: _aggregationFns, autoResetExpanded: autoResetExpanded, columnResizeMode: columnResizeMode, defaultColumn: _defaultColumn, defaultDisplayColumn: _defaultDisplayColumn, editingMode: editingMode, enableBottomToolbar: enableBottomToolbar, enableColumnActions: enableColumnActions, enableColumnFilters: enableColumnFilters, enableColumnOrdering: enableColumnOrdering, enableColumnResizing: enableColumnResizing, enableDensityToggle: enableDensityToggle, enableExpandAll: enableExpandAll, enableFilters: enableFilters, enableFullScreenToggle: enableFullScreenToggle, enableGlobalFilter: enableGlobalFilter, enableGlobalFilterRankedResults: enableGlobalFilterRankedResults, enableGrouping: enableGrouping, enableHiding: enableHiding, enableMultiRowSelection: enableMultiRowSelection, enableMultiSort: enableMultiSort, enablePagination: enablePagination, enablePinning: enablePinning, enableRowSelection: enableRowSelection, enableSelectAll: enableSelectAll, enableSorting: enableSorting, enableStickyHeader: enableStickyHeader, enableTableFooter: enableTableFooter, enableTableHead: enableTableHead, enableToolbarInternalActions: enableToolbarInternalActions, enableTopToolbar: enableTopToolbar, filterFns: _filterFns, icons: _icons, layoutMode: layoutMode, localization: _localization, manualFiltering: manualFiltering, manualGrouping: manualGrouping, manualPagination: manualPagination, manualSorting: manualSorting, positionActionsColumn: positionActionsColumn, positionExpandColumn: positionExpandColumn, positionGlobalFilter: positionGlobalFilter, positionPagination: positionPagination, positionToolbarAlertBanner: positionToolbarAlertBanner, positionToolbarDropZone: positionToolbarDropZone, rowNumberMode: rowNumberMode, selectAllMode: selectAllMode, sortingFns: _sortingFns }, rest)));
|
2953
2956
|
};
|
2954
2957
|
|
2955
|
-
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, MaterialReactTable as default };
|
2958
|
+
export { MRT_CopyButton, MRT_FilterOptionMenu, MRT_FullScreenToggleButton, MRT_GlobalFilterTextField, MRT_ShowHideColumnsButton, MRT_TablePagination, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleGlobalFilterButton, MRT_ToggleRowActionMenuButton, MRT_ToolbarAlertBanner, MRT_ToolbarDropZone, MRT_ToolbarInternalButtons, MaterialReactTable as default };
|
2956
2959
|
//# sourceMappingURL=material-react-table.esm.js.map
|