material-react-table 2.9.0 → 2.9.1
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/index.esm.js +14 -24
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +13 -23
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/hooks/useMRT_TableInstance.ts +1 -42
- package/src/hooks/useMRT_TableOptions.ts +33 -0
- package/src/utils/row.utils.ts +4 -1
- package/src/utils.ts +0 -0
package/dist/index.esm.js
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
import { flexRender as flexRender$1, createRow as createRow$1, aggregationFns, filterFns, sortingFns,
|
1
|
+
import { flexRender as flexRender$1, createRow as createRow$1, aggregationFns, filterFns, sortingFns, getCoreRowModel, getExpandedRowModel, getFacetedMinMaxValues, getFacetedRowModel, getFacetedUniqueValues, getFilteredRowModel, getGroupedRowModel, getPaginationRowModel, getSortedRowModel, useReactTable } from '@tanstack/react-table';
|
2
2
|
import { rankItem, rankings, compareItems } from '@tanstack/match-sorter-utils';
|
3
3
|
import { useMemo, useState, useReducer, useRef, useEffect, useCallback, memo, Fragment as Fragment$1, useLayoutEffect } from 'react';
|
4
4
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
@@ -289,7 +289,7 @@ const getValueAndLabel = (option) => {
|
|
289
289
|
};
|
290
290
|
|
291
291
|
const getIsRowSelected = ({ row, table, }) => {
|
292
|
-
const { options: enableRowSelection } = table;
|
292
|
+
const { options: { enableRowSelection }, } = table;
|
293
293
|
return (row.getIsSelected() ||
|
294
294
|
(parseFromValuesOrFunc(enableRowSelection, row) &&
|
295
295
|
row.getCanSelectSubRows() &&
|
@@ -1432,7 +1432,7 @@ const MRT_DefaultDisplayColumn = {
|
|
1432
1432
|
};
|
1433
1433
|
const useMRT_TableOptions = (_a) => {
|
1434
1434
|
var _b;
|
1435
|
-
var { aggregationFns, autoResetExpanded = false, columnFilterDisplayMode = 'subheader', columnResizeDirection, columnResizeMode = 'onChange', createDisplayMode = 'modal', defaultColumn, defaultDisplayColumn, editDisplayMode = 'modal', enableBottomToolbar = true, enableColumnActions = true, enableColumnFilters = true, enableColumnOrdering = false, enableColumnPinning = false, enableColumnResizing = false, enableColumnVirtualization, enableDensityToggle = true, enableExpandAll = true, enableExpanding, enableFilterMatchHighlighting = true, enableFilters = true, enableFullScreenToggle = true, enableGlobalFilter = true, enableGlobalFilterRankedResults = true, enableGrouping = false, enableHiding = true, enableMultiRowSelection = true, enableMultiSort = true, enablePagination = true, enableRowPinning = false, enableRowSelection = false, enableRowVirtualization, enableSelectAll = true, enableSorting = true, enableStickyHeader = false, enableTableFooter = true, enableTableHead = true, enableToolbarInternalActions = true, enableTopToolbar = true, filterFns, icons, layoutMode, localization, manualFiltering, manualGrouping, manualPagination, manualSorting, paginationDisplayMode = 'default', positionActionsColumn = 'first', positionCreatingRow = 'top', positionExpandColumn = 'first', positionGlobalFilter = 'right', positionPagination = 'bottom', positionToolbarAlertBanner = 'top', positionToolbarDropZone = 'top', rowNumberDisplayMode = 'static', rowPinningDisplayMode = 'sticky', selectAllMode = 'page', sortingFns } = _a, rest = __rest(_a, ["aggregationFns", "autoResetExpanded", "columnFilterDisplayMode", "columnResizeDirection", "columnResizeMode", "createDisplayMode", "defaultColumn", "defaultDisplayColumn", "editDisplayMode", "enableBottomToolbar", "enableColumnActions", "enableColumnFilters", "enableColumnOrdering", "enableColumnPinning", "enableColumnResizing", "enableColumnVirtualization", "enableDensityToggle", "enableExpandAll", "enableExpanding", "enableFilterMatchHighlighting", "enableFilters", "enableFullScreenToggle", "enableGlobalFilter", "enableGlobalFilterRankedResults", "enableGrouping", "enableHiding", "enableMultiRowSelection", "enableMultiSort", "enablePagination", "enableRowPinning", "enableRowSelection", "enableRowVirtualization", "enableSelectAll", "enableSorting", "enableStickyHeader", "enableTableFooter", "enableTableHead", "enableToolbarInternalActions", "enableTopToolbar", "filterFns", "icons", "layoutMode", "localization", "manualFiltering", "manualGrouping", "manualPagination", "manualSorting", "paginationDisplayMode", "positionActionsColumn", "positionCreatingRow", "positionExpandColumn", "positionGlobalFilter", "positionPagination", "positionToolbarAlertBanner", "positionToolbarDropZone", "rowNumberDisplayMode", "rowPinningDisplayMode", "selectAllMode", "sortingFns"]);
|
1435
|
+
var { aggregationFns, autoResetExpanded = false, columnFilterDisplayMode = 'subheader', columnResizeDirection, columnResizeMode = 'onChange', createDisplayMode = 'modal', defaultColumn, defaultDisplayColumn, editDisplayMode = 'modal', enableBottomToolbar = true, enableColumnActions = true, enableColumnFilters = true, enableColumnOrdering = false, enableColumnPinning = false, enableColumnResizing = false, enableColumnVirtualization, enableDensityToggle = true, enableExpandAll = true, enableExpanding, enableFacetedValues = false, enableFilterMatchHighlighting = true, enableFilters = true, enableFullScreenToggle = true, enableGlobalFilter = true, enableGlobalFilterRankedResults = true, enableGrouping = false, enableHiding = true, enableMultiRowSelection = true, enableMultiSort = true, enablePagination = true, enableRowPinning = false, enableRowSelection = false, enableRowVirtualization, enableSelectAll = true, enableSorting = true, enableStickyHeader = false, enableTableFooter = true, enableTableHead = true, enableToolbarInternalActions = true, enableTopToolbar = true, filterFns, icons, layoutMode, localization, manualFiltering, manualGrouping, manualPagination, manualSorting, paginationDisplayMode = 'default', positionActionsColumn = 'first', positionCreatingRow = 'top', positionExpandColumn = 'first', positionGlobalFilter = 'right', positionPagination = 'bottom', positionToolbarAlertBanner = 'top', positionToolbarDropZone = 'top', rowNumberDisplayMode = 'static', rowPinningDisplayMode = 'sticky', selectAllMode = 'page', sortingFns } = _a, rest = __rest(_a, ["aggregationFns", "autoResetExpanded", "columnFilterDisplayMode", "columnResizeDirection", "columnResizeMode", "createDisplayMode", "defaultColumn", "defaultDisplayColumn", "editDisplayMode", "enableBottomToolbar", "enableColumnActions", "enableColumnFilters", "enableColumnOrdering", "enableColumnPinning", "enableColumnResizing", "enableColumnVirtualization", "enableDensityToggle", "enableExpandAll", "enableExpanding", "enableFacetedValues", "enableFilterMatchHighlighting", "enableFilters", "enableFullScreenToggle", "enableGlobalFilter", "enableGlobalFilterRankedResults", "enableGrouping", "enableHiding", "enableMultiRowSelection", "enableMultiSort", "enablePagination", "enableRowPinning", "enableRowSelection", "enableRowVirtualization", "enableSelectAll", "enableSorting", "enableStickyHeader", "enableTableFooter", "enableTableHead", "enableToolbarInternalActions", "enableTopToolbar", "filterFns", "icons", "layoutMode", "localization", "manualFiltering", "manualGrouping", "manualPagination", "manualSorting", "paginationDisplayMode", "positionActionsColumn", "positionCreatingRow", "positionExpandColumn", "positionGlobalFilter", "positionPagination", "positionToolbarAlertBanner", "positionToolbarDropZone", "rowNumberDisplayMode", "rowPinningDisplayMode", "selectAllMode", "sortingFns"]);
|
1436
1436
|
const theme = useTheme();
|
1437
1437
|
icons = useMemo(() => (Object.assign(Object.assign({}, MRT_Default_Icons), icons)), [icons]);
|
1438
1438
|
localization = useMemo(() => (Object.assign(Object.assign({}, MRT_Localization_EN), localization)), [localization]);
|
@@ -1483,6 +1483,7 @@ const useMRT_TableOptions = (_a) => {
|
|
1483
1483
|
enableDensityToggle,
|
1484
1484
|
enableExpandAll,
|
1485
1485
|
enableExpanding,
|
1486
|
+
enableFacetedValues,
|
1486
1487
|
enableFilterMatchHighlighting,
|
1487
1488
|
enableFilters,
|
1488
1489
|
enableFullScreenToggle,
|
@@ -1503,8 +1504,15 @@ const useMRT_TableOptions = (_a) => {
|
|
1503
1504
|
enableTableHead,
|
1504
1505
|
enableToolbarInternalActions,
|
1505
1506
|
enableTopToolbar,
|
1506
|
-
filterFns,
|
1507
|
-
|
1507
|
+
filterFns, getCoreRowModel: getCoreRowModel(), getExpandedRowModel: enableExpanding || enableGrouping ? getExpandedRowModel() : undefined, getFacetedMinMaxValues: enableFacetedValues
|
1508
|
+
? getFacetedMinMaxValues()
|
1509
|
+
: undefined, getFacetedRowModel: enableFacetedValues ? getFacetedRowModel() : undefined, getFacetedUniqueValues: enableFacetedValues
|
1510
|
+
? getFacetedUniqueValues()
|
1511
|
+
: undefined, getFilteredRowModel: enableColumnFilters || enableGlobalFilter || enableFilters
|
1512
|
+
? getFilteredRowModel()
|
1513
|
+
: undefined, getGroupedRowModel: enableGrouping ? getGroupedRowModel() : undefined, getPaginationRowModel: enablePagination
|
1514
|
+
? getPaginationRowModel()
|
1515
|
+
: undefined, getSortedRowModel: enableSorting ? getSortedRowModel() : undefined, getSubRows: (row) => row === null || row === void 0 ? void 0 : row.subRows, icons,
|
1508
1516
|
layoutMode,
|
1509
1517
|
localization,
|
1510
1518
|
manualFiltering,
|
@@ -1719,25 +1727,7 @@ const useMRT_TableInstance = (_tableOptions) => {
|
|
1719
1727
|
tableOptions.state.showSkeletons,
|
1720
1728
|
]);
|
1721
1729
|
//@ts-ignore
|
1722
|
-
const table = useReactTable(Object.assign(Object.assign({
|
1723
|
-
? getExpandedRowModel()
|
1724
|
-
: undefined, getFacetedMinMaxValues: tableOptions.enableFacetedValues
|
1725
|
-
? getFacetedMinMaxValues()
|
1726
|
-
: undefined, getFacetedRowModel: tableOptions.enableFacetedValues
|
1727
|
-
? getFacetedRowModel()
|
1728
|
-
: undefined, getFacetedUniqueValues: tableOptions.enableFacetedValues
|
1729
|
-
? getFacetedUniqueValues()
|
1730
|
-
: undefined, getFilteredRowModel: tableOptions.enableColumnFilters ||
|
1731
|
-
tableOptions.enableGlobalFilter ||
|
1732
|
-
tableOptions.enableFilters
|
1733
|
-
? getFilteredRowModel()
|
1734
|
-
: undefined, getGroupedRowModel: tableOptions.enableGrouping
|
1735
|
-
? getGroupedRowModel()
|
1736
|
-
: undefined, getPaginationRowModel: tableOptions.enablePagination
|
1737
|
-
? getPaginationRowModel()
|
1738
|
-
: undefined, getSortedRowModel: tableOptions.enableSorting
|
1739
|
-
? getSortedRowModel()
|
1740
|
-
: undefined, getSubRows: (row) => row === null || row === void 0 ? void 0 : row.subRows, onColumnOrderChange,
|
1730
|
+
const table = useReactTable(Object.assign(Object.assign({ onColumnOrderChange,
|
1741
1731
|
onColumnSizingInfoChange,
|
1742
1732
|
onGroupingChange,
|
1743
1733
|
onPaginationChange }, tableOptions), { globalFilterFn: (_u = tableOptions.filterFns) === null || _u === void 0 ? void 0 : _u[globalFilterFn !== null && globalFilterFn !== void 0 ? globalFilterFn : 'fuzzy'] }));
|