material-react-table 0.40.10 → 0.40.11
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.
|
@@ -2393,7 +2393,7 @@ const MRT_EditRowModal = ({ open, row, table, }) => {
|
|
|
2393
2393
|
};
|
|
2394
2394
|
|
|
2395
2395
|
const MRT_TableRoot = (props) => {
|
|
2396
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8;
|
|
2396
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9;
|
|
2397
2397
|
const bottomToolbarRef = useRef(null);
|
|
2398
2398
|
const editInputRefs = useRef({});
|
|
2399
2399
|
const filterInputRefs = useRef({});
|
|
@@ -2465,7 +2465,15 @@ const MRT_TableRoot = (props) => {
|
|
|
2465
2465
|
props.positionActionsColumn,
|
|
2466
2466
|
props.renderDetailPanel,
|
|
2467
2467
|
]);
|
|
2468
|
-
const columnDefs = useMemo(() =>
|
|
2468
|
+
const columnDefs = useMemo(() => {
|
|
2469
|
+
var _a, _b;
|
|
2470
|
+
return prepareColumns([...displayColumns, ...props.columns], (_b = (_a = props.state) === null || _a === void 0 ? void 0 : _a.columnFilterFns) !== null && _b !== void 0 ? _b : columnFilterFns, props.filterFns, props.sortingFns);
|
|
2471
|
+
}, [
|
|
2472
|
+
columnFilterFns,
|
|
2473
|
+
displayColumns,
|
|
2474
|
+
props.columns,
|
|
2475
|
+
(_r = props.state) === null || _r === void 0 ? void 0 : _r.columnFilterFns,
|
|
2476
|
+
]);
|
|
2469
2477
|
const data = useMemo(() => {
|
|
2470
2478
|
var _a, _b, _c, _d, _e;
|
|
2471
2479
|
return (((_a = props.state) === null || _a === void 0 ? void 0 : _a.isLoading) || ((_b = props.state) === null || _b === void 0 ? void 0 : _b.showSkeletons)) &&
|
|
@@ -2481,11 +2489,11 @@ const MRT_TableRoot = (props) => {
|
|
|
2481
2489
|
});
|
|
2482
2490
|
})))
|
|
2483
2491
|
: props.data;
|
|
2484
|
-
}, [props.data, (
|
|
2492
|
+
}, [props.data, (_s = props.state) === null || _s === void 0 ? void 0 : _s.isLoading, (_t = props.state) === null || _t === void 0 ? void 0 : _t.showSkeletons]);
|
|
2485
2493
|
//@ts-ignore
|
|
2486
2494
|
const table = Object.assign(Object.assign({}, useReactTable(Object.assign(Object.assign({ getCoreRowModel: getCoreRowModel(), getExpandedRowModel: getExpandedRowModel(), getFacetedRowModel: getFacetedRowModel(), getFilteredRowModel: getFilteredRowModel(), getGroupedRowModel: getGroupedRowModel(), getPaginationRowModel: getPaginationRowModel(), getSortedRowModel: getSortedRowModel(), onColumnOrderChange: setColumnOrder, onGroupingChange: setGrouping, getSubRows: (row) => row === null || row === void 0 ? void 0 : row.subRows }, props), {
|
|
2487
2495
|
//@ts-ignore
|
|
2488
|
-
columns: columnDefs, data, globalFilterFn: (
|
|
2496
|
+
columns: columnDefs, data, globalFilterFn: (_v = (_u = props.filterFns) === null || _u === void 0 ? void 0 : _u[globalFilterFn]) !== null && _v !== void 0 ? _v : (_w = props.filterFns) === null || _w === void 0 ? void 0 : _w.fuzzy, initialState, state: Object.assign({ columnFilterFns,
|
|
2489
2497
|
columnOrder,
|
|
2490
2498
|
density,
|
|
2491
2499
|
draggingColumn,
|
|
@@ -2506,7 +2514,7 @@ const MRT_TableRoot = (props) => {
|
|
|
2506
2514
|
searchInputRef,
|
|
2507
2515
|
tableContainerRef,
|
|
2508
2516
|
topToolbarRef,
|
|
2509
|
-
}, setColumnFilterFns: (
|
|
2517
|
+
}, setColumnFilterFns: (_x = props.onFilterFnsChange) !== null && _x !== void 0 ? _x : setColumnFilterFns, setDensity: (_y = props.onDensityChange) !== null && _y !== void 0 ? _y : setDensity, setDraggingColumn: (_z = props.onDraggingColumnChange) !== null && _z !== void 0 ? _z : setDraggingColumn, setDraggingRow: (_0 = props.onDraggingRowChange) !== null && _0 !== void 0 ? _0 : setDraggingRow, setEditingCell: (_1 = props.onEditingCellChange) !== null && _1 !== void 0 ? _1 : setEditingCell, setEditingRow: (_2 = props.onEditingRowChange) !== null && _2 !== void 0 ? _2 : setEditingRow, setGlobalFilterFn: (_3 = props.onGlobalFilterFnChange) !== null && _3 !== void 0 ? _3 : setGlobalFilterFn, setHoveredColumn: (_4 = props.onHoveredColumnChange) !== null && _4 !== void 0 ? _4 : setHoveredColumn, setHoveredRow: (_5 = props.onHoveredRowChange) !== null && _5 !== void 0 ? _5 : setHoveredRow, setIsFullScreen: (_6 = props.onIsFullScreenChange) !== null && _6 !== void 0 ? _6 : setIsFullScreen, setShowAlertBanner: (_7 = props.onShowAlertBannerChange) !== null && _7 !== void 0 ? _7 : setShowAlertBanner, setShowFilters: (_8 = props.onShowFiltersChange) !== null && _8 !== void 0 ? _8 : setShowFilters, setShowGlobalFilter: (_9 = props.onShowGlobalFilterChange) !== null && _9 !== void 0 ? _9 : setShowGlobalFilter });
|
|
2510
2518
|
if (props.tableInstanceRef) {
|
|
2511
2519
|
props.tableInstanceRef.current = table;
|
|
2512
2520
|
}
|