material-react-table 0.7.1 → 0.7.4
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/dist/MaterialReactTable.d.ts +23 -2
- package/dist/icons.d.ts +1 -0
- package/dist/localization.d.ts +1 -0
- package/dist/material-react-table.cjs.development.js +206 -68
- package/dist/material-react-table.cjs.development.js.map +1 -1
- package/dist/material-react-table.cjs.production.min.js +1 -1
- package/dist/material-react-table.cjs.production.min.js.map +1 -1
- package/dist/material-react-table.esm.js +206 -68
- package/dist/material-react-table.esm.js.map +1 -1
- package/dist/utils.d.ts +1 -1
- package/package.json +6 -6
- package/src/MaterialReactTable.tsx +42 -0
- package/src/body/MRT_TableBodyCell.tsx +39 -5
- package/src/buttons/MRT_CopyButton.tsx +1 -0
- package/src/footer/MRT_TableFooterCell.tsx +3 -0
- package/src/head/MRT_TableHeadCell.tsx +52 -53
- package/src/head/MRT_TableHeadRow.tsx +12 -3
- package/src/icons.ts +3 -0
- package/src/inputs/MRT_EditCellTextField.tsx +12 -1
- package/src/localization.ts +2 -0
- package/src/menus/MRT_ColumnActionMenu.tsx +26 -4
- package/src/table/MRT_TableContainer.tsx +3 -4
- package/src/table/MRT_TableRoot.tsx +84 -17
- package/src/utils.ts +5 -1
|
@@ -37,6 +37,7 @@ export declare type MRT_TableInstance<D extends Record<string, any> = {}> = Omit
|
|
|
37
37
|
};
|
|
38
38
|
localization: MRT_Localization;
|
|
39
39
|
};
|
|
40
|
+
setCurrentEditingCell: Dispatch<SetStateAction<MRT_Cell<D> | null>>;
|
|
40
41
|
setCurrentEditingRow: Dispatch<SetStateAction<MRT_Row<D> | null>>;
|
|
41
42
|
setCurrentFilterTypes: Dispatch<SetStateAction<{
|
|
42
43
|
[key: string]: MRT_FilterType;
|
|
@@ -48,6 +49,7 @@ export declare type MRT_TableInstance<D extends Record<string, any> = {}> = Omit
|
|
|
48
49
|
setShowGlobalFilter: Dispatch<SetStateAction<boolean>>;
|
|
49
50
|
};
|
|
50
51
|
export declare type MRT_TableState<D extends Record<string, any> = {}> = Omit<TableState, 'pagination'> & {
|
|
52
|
+
currentEditingCell: MRT_Cell<D> | null;
|
|
51
53
|
currentEditingRow: MRT_Row<D> | null;
|
|
52
54
|
currentFilterTypes: Record<string, string | Function>;
|
|
53
55
|
currentGlobalFilterType: Record<string, string | Function>;
|
|
@@ -129,7 +131,8 @@ export declare type MRT_ColumnDef<D extends Record<string, any> = {}> = Omit<Col
|
|
|
129
131
|
cell: MRT_Cell<D>;
|
|
130
132
|
tableInstance: MRT_TableInstance<D>;
|
|
131
133
|
}) => void;
|
|
132
|
-
onColumnFilterValueChange?: ({ event, filterValue, }: {
|
|
134
|
+
onColumnFilterValueChange?: ({ column, event, filterValue, }: {
|
|
135
|
+
column: MRT_Column<D>;
|
|
133
136
|
event: ChangeEvent<HTMLInputElement>;
|
|
134
137
|
filterValue: any;
|
|
135
138
|
}) => void;
|
|
@@ -158,6 +161,7 @@ export declare type MRT_Cell<D extends Record<string, any> = {}> = Omit<Cell<D>,
|
|
|
158
161
|
};
|
|
159
162
|
export declare type MRT_FilterType = MRT_FILTER_TYPE | Function;
|
|
160
163
|
export declare type MaterialReactTableProps<D extends Record<string, any> = {}> = MRT_TableOptions<D> & {
|
|
164
|
+
editingMode?: 'table' | 'row' | 'cell';
|
|
161
165
|
enableClickToCopy?: boolean;
|
|
162
166
|
enableColumnActions?: boolean;
|
|
163
167
|
enableDensePaddingToggle?: boolean;
|
|
@@ -165,6 +169,7 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
|
|
|
165
169
|
enableExpandAll?: boolean;
|
|
166
170
|
enableFullScreenToggle?: boolean;
|
|
167
171
|
enablePagination?: boolean;
|
|
172
|
+
enablePersistentState?: boolean;
|
|
168
173
|
enableRowActions?: boolean;
|
|
169
174
|
enableRowNumbers?: boolean;
|
|
170
175
|
enableSelectAll?: boolean;
|
|
@@ -277,6 +282,21 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
|
|
|
277
282
|
tableInstance: MRT_TableInstance<D>;
|
|
278
283
|
event: MouseEvent<HTMLTableCellElement>;
|
|
279
284
|
}) => void;
|
|
285
|
+
onCellEditBlur?: ({ cell, event, tableInstance, }: {
|
|
286
|
+
event: FocusEvent<HTMLInputElement>;
|
|
287
|
+
cell: MRT_Cell<D>;
|
|
288
|
+
tableInstance: MRT_TableInstance<D>;
|
|
289
|
+
}) => void;
|
|
290
|
+
onCellEditChange?: ({ cell, event, tableInstance, }: {
|
|
291
|
+
event: ChangeEvent<HTMLInputElement>;
|
|
292
|
+
cell: MRT_Cell<D>;
|
|
293
|
+
tableInstance: MRT_TableInstance<D>;
|
|
294
|
+
}) => void;
|
|
295
|
+
onColumnFilterValueChange?: ({ column, event, filterValue, }: {
|
|
296
|
+
column: MRT_Column<D>;
|
|
297
|
+
event: ChangeEvent<HTMLInputElement>;
|
|
298
|
+
filterValue: any;
|
|
299
|
+
}) => void;
|
|
280
300
|
onDetailPanelClick?: ({ event, row, tableInstance, }: {
|
|
281
301
|
event: MouseEvent<HTMLTableCellElement>;
|
|
282
302
|
row: MRT_Row<D>;
|
|
@@ -336,6 +356,7 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
|
|
|
336
356
|
showGlobalFilter: boolean;
|
|
337
357
|
tableInstance: MRT_TableInstance<D>;
|
|
338
358
|
}) => void;
|
|
359
|
+
persistentStateMode?: 'localStorage' | 'sessionStorage';
|
|
339
360
|
positionActionsColumn?: 'first' | 'last';
|
|
340
361
|
positionPagination?: 'bottom' | 'top' | 'both';
|
|
341
362
|
positionToolbarActions?: 'bottom' | 'top';
|
|
@@ -375,5 +396,5 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
|
|
|
375
396
|
}>;
|
|
376
397
|
}) => ReactNode;
|
|
377
398
|
};
|
|
378
|
-
declare const _default: <D extends Record<string, any> = {}>({ autoResetExpanded, enableColumnActions, enableColumnFilters, enableDensePaddingToggle, enableExpandAll, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableHiding, enableMultiRowSelection, enablePagination, enableSelectAll, enableSorting, enableStickyHeader, enableTableFooter, enableTableHead, enableToolbarBottom, enableToolbarInternalActions, enableToolbarTop, icons, localization, positionActionsColumn, positionPagination, positionToolbarActions, positionToolbarAlertBanner, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
|
|
399
|
+
declare const _default: <D extends Record<string, any> = {}>({ autoResetExpanded, columnResizeMode, editingMode, enableColumnActions, enableColumnFilters, enableColumnResizing, enableDensePaddingToggle, enableExpandAll, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableHiding, enableMultiRowSelection, enablePagination, enableSelectAll, enableSorting, enableStickyHeader, enableTableFooter, enableTableHead, enableToolbarBottom, enableToolbarInternalActions, enableToolbarTop, icons, localization, persistentStateMode, positionActionsColumn, positionPagination, positionToolbarActions, positionToolbarAlertBanner, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
|
|
379
400
|
export default _default;
|
package/dist/icons.d.ts
CHANGED