material-react-table 2.9.0 → 2.9.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/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.js
CHANGED
@@ -378,7 +378,7 @@ const getValueAndLabel = (option) => {
|
|
378
378
|
};
|
379
379
|
|
380
380
|
const getIsRowSelected = ({ row, table, }) => {
|
381
|
-
const { options: enableRowSelection } = table;
|
381
|
+
const { options: { enableRowSelection }, } = table;
|
382
382
|
return (row.getIsSelected() ||
|
383
383
|
(parseFromValuesOrFunc(enableRowSelection, row) &&
|
384
384
|
row.getCanSelectSubRows() &&
|
@@ -1521,7 +1521,7 @@ const MRT_DefaultDisplayColumn = {
|
|
1521
1521
|
};
|
1522
1522
|
const useMRT_TableOptions = (_a) => {
|
1523
1523
|
var _b;
|
1524
|
-
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"]);
|
1524
|
+
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"]);
|
1525
1525
|
const theme = styles.useTheme();
|
1526
1526
|
icons = react.useMemo(() => (Object.assign(Object.assign({}, MRT_Default_Icons), icons)), [icons]);
|
1527
1527
|
localization = react.useMemo(() => (Object.assign(Object.assign({}, MRT_Localization_EN), localization)), [localization]);
|
@@ -1572,6 +1572,7 @@ const useMRT_TableOptions = (_a) => {
|
|
1572
1572
|
enableDensityToggle,
|
1573
1573
|
enableExpandAll,
|
1574
1574
|
enableExpanding,
|
1575
|
+
enableFacetedValues,
|
1575
1576
|
enableFilterMatchHighlighting,
|
1576
1577
|
enableFilters,
|
1577
1578
|
enableFullScreenToggle,
|
@@ -1592,8 +1593,15 @@ const useMRT_TableOptions = (_a) => {
|
|
1592
1593
|
enableTableHead,
|
1593
1594
|
enableToolbarInternalActions,
|
1594
1595
|
enableTopToolbar,
|
1595
|
-
filterFns,
|
1596
|
-
|
1596
|
+
filterFns, getCoreRowModel: reactTable.getCoreRowModel(), getExpandedRowModel: enableExpanding || enableGrouping ? reactTable.getExpandedRowModel() : undefined, getFacetedMinMaxValues: enableFacetedValues
|
1597
|
+
? reactTable.getFacetedMinMaxValues()
|
1598
|
+
: undefined, getFacetedRowModel: enableFacetedValues ? reactTable.getFacetedRowModel() : undefined, getFacetedUniqueValues: enableFacetedValues
|
1599
|
+
? reactTable.getFacetedUniqueValues()
|
1600
|
+
: undefined, getFilteredRowModel: enableColumnFilters || enableGlobalFilter || enableFilters
|
1601
|
+
? reactTable.getFilteredRowModel()
|
1602
|
+
: undefined, getGroupedRowModel: enableGrouping ? reactTable.getGroupedRowModel() : undefined, getPaginationRowModel: enablePagination
|
1603
|
+
? reactTable.getPaginationRowModel()
|
1604
|
+
: undefined, getSortedRowModel: enableSorting ? reactTable.getSortedRowModel() : undefined, getSubRows: (row) => row === null || row === void 0 ? void 0 : row.subRows, icons,
|
1597
1605
|
layoutMode,
|
1598
1606
|
localization,
|
1599
1607
|
manualFiltering,
|
@@ -1808,25 +1816,7 @@ const useMRT_TableInstance = (_tableOptions) => {
|
|
1808
1816
|
tableOptions.state.showSkeletons,
|
1809
1817
|
]);
|
1810
1818
|
//@ts-ignore
|
1811
|
-
const table = reactTable.useReactTable(Object.assign(Object.assign({
|
1812
|
-
? reactTable.getExpandedRowModel()
|
1813
|
-
: undefined, getFacetedMinMaxValues: tableOptions.enableFacetedValues
|
1814
|
-
? reactTable.getFacetedMinMaxValues()
|
1815
|
-
: undefined, getFacetedRowModel: tableOptions.enableFacetedValues
|
1816
|
-
? reactTable.getFacetedRowModel()
|
1817
|
-
: undefined, getFacetedUniqueValues: tableOptions.enableFacetedValues
|
1818
|
-
? reactTable.getFacetedUniqueValues()
|
1819
|
-
: undefined, getFilteredRowModel: tableOptions.enableColumnFilters ||
|
1820
|
-
tableOptions.enableGlobalFilter ||
|
1821
|
-
tableOptions.enableFilters
|
1822
|
-
? reactTable.getFilteredRowModel()
|
1823
|
-
: undefined, getGroupedRowModel: tableOptions.enableGrouping
|
1824
|
-
? reactTable.getGroupedRowModel()
|
1825
|
-
: undefined, getPaginationRowModel: tableOptions.enablePagination
|
1826
|
-
? reactTable.getPaginationRowModel()
|
1827
|
-
: undefined, getSortedRowModel: tableOptions.enableSorting
|
1828
|
-
? reactTable.getSortedRowModel()
|
1829
|
-
: undefined, getSubRows: (row) => row === null || row === void 0 ? void 0 : row.subRows, onColumnOrderChange,
|
1819
|
+
const table = reactTable.useReactTable(Object.assign(Object.assign({ onColumnOrderChange,
|
1830
1820
|
onColumnSizingInfoChange,
|
1831
1821
|
onGroupingChange,
|
1832
1822
|
onPaginationChange }, tableOptions), { globalFilterFn: (_u = tableOptions.filterFns) === null || _u === void 0 ? void 0 : _u[globalFilterFn !== null && globalFilterFn !== void 0 ? globalFilterFn : 'fuzzy'] }));
|