@cutting/material-react-table 4.1.0 → 5.0.0-beta.1

package/src/utils/row.utils.ts

@@ -14,9 +14,8 @@ export const getMRT_Rows = <TData extends MRT_RowData>(
 ): MRT_Row<TData>[] => {
   const {
     getCenterRows,
-    getPrePaginationRowModel,
+    getPrePaginatedRowModel,
     getRowModel,
-    getState,
     getTopRows,
     options: {
       createDisplayMode,
@@ -27,7 +26,7 @@ export const getMRT_Rows = <TData extends MRT_RowData>(
       rowPinningDisplayMode,
     },
   } = table;
-  const { creatingRow, pagination } = getState();
+  const { creatingRow, pagination } = table.state;
 
   const isRankingRows = getIsRankingRows(table);
 
@@ -36,12 +35,12 @@ export const getMRT_Rows = <TData extends MRT_RowData>(
     rows =
       !enableRowPinning || rowPinningDisplayMode?.includes('sticky')
         ? all
-          ? getPrePaginationRowModel().rows
+          ? getPrePaginatedRowModel().rows
           : getRowModel().rows
         : getCenterRows();
   } else {
     // fuzzy ranking adjustments
-    rows = getPrePaginationRowModel().rows.sort((a, b) =>
+    rows = getPrePaginatedRowModel().rows.sort((a, b) =>
       rankGlobalFuzzy(a, b),
     );
     if (enablePagination && !manualPagination && !all) {
@@ -89,7 +88,6 @@ export const getCanRankRows = <TData extends MRT_RowData>(
   table: MRT_TableInstance<TData>,
 ) => {
   const {
-    getState,
     options: {
       enableGlobalFilterRankedResults,
       manualExpanding,
@@ -98,7 +96,7 @@ export const getCanRankRows = <TData extends MRT_RowData>(
       manualSorting,
     },
   } = table;
-  const { expanded, globalFilterFn } = getState();
+  const { expanded, globalFilterFn } = table.state;
 
   return (
     !manualExpanding &&
@@ -115,7 +113,7 @@ export const getCanRankRows = <TData extends MRT_RowData>(
 export const getIsRankingRows = <TData extends MRT_RowData>(
   table: MRT_TableInstance<TData>,
 ) => {
-  const { globalFilter, sorting } = table.getState();
+  const { globalFilter, sorting } = table.state;
 
   return (
     getCanRankRows(table) &&
@@ -158,7 +156,6 @@ export const getMRT_RowSelectionHandler =
     value?: boolean,
   ) => {
     const {
-      getState,
       options: {
         enableBatchRowSelection,
         enableMultiRowSelection,
@@ -170,7 +167,7 @@ export const getMRT_RowSelectionHandler =
     } = table;
     const {
       pagination: { pageIndex, pageSize },
-    } = getState();
+    } = table.state;
 
     const paginationOffset = manualPagination ? 0 : pageSize * pageIndex;
 

package/src/utils/style.utils.ts

@@ -70,9 +70,9 @@ export const getCommonPinnedCellStyles = <TData extends MRT_RowData>({
           0.97
         ),
         boxShadow: column
-          ? isPinned === 'left' && column.getIsLastColumn(isPinned)
+          ? isPinned === 'start' && column.getIsLastColumn(isPinned)
             ? `-4px 0 4px -4px ${alpha(theme.palette.grey[700], 0.5)} inset`
-            : isPinned === 'right' && column.getIsFirstColumn(isPinned)
+            : isPinned === 'end' && column.getIsFirstColumn(isPinned)
               ? `4px 0 4px -4px ${alpha(theme.palette.grey[700], 0.5)} inset`
               : undefined
           : undefined,
@@ -96,10 +96,9 @@ export const getCommonMRTCellStyles = <TData extends MRT_RowData>({
   theme: Theme;
 }) => {
   const {
-    getState,
     options: { enableColumnVirtualization, layoutMode },
   } = table;
-  const { draggingColumn } = getState();
+  const { draggingColumn } = table.state;
   const { columnDef } = column;
   const { columnDefType } = columnDef;
 
@@ -131,14 +130,14 @@ export const getCommonMRTCellStyles = <TData extends MRT_RowData>({
     ? {
         ...getCommonPinnedCellStyles({ column, table, theme }),
         left:
-          isColumnPinned === 'left'
-            ? `${column.getStart('left')}px`
+          isColumnPinned === 'start'
+            ? `${column.getStart('start')}px`
             : undefined,
         opacity: 0.97,
         position: 'sticky',
         right:
-          isColumnPinned === 'right'
-            ? `${column.getAfter('right')}px`
+          isColumnPinned === 'end'
+            ? `${column.getAfter('end')}px`
             : undefined,
       }
     : {};
@@ -158,8 +157,8 @@ export const getCommonMRTCellStyles = <TData extends MRT_RowData>({
           ? tableCellProps.align
           : undefined,
     opacity:
-      table.getState().draggingColumn?.id === column.id ||
-      table.getState().hoveredColumn?.id === column.id
+      table.state.draggingColumn?.id === column.id ||
+      table.state.hoveredColumn?.id === column.id
         ? 0.5
         : 1,
     position: 'relative',

package/src/utils/tanstack.helpers.ts

@@ -1,5 +1,5 @@
 import {
-  createRow as _createRow,
+  constructRow as _constructRow,
   flexRender as _flexRender,
   type Renderable,
 } from '@tanstack/react-table';
@@ -48,7 +48,7 @@ export const createRow = <TData extends MRT_RowData>(
   subRows?: MRT_Row<TData>[],
   parentId?: string,
 ): MRT_Row<TData> =>
-  _createRow(
+  _constructRow(
     table as any,
     'mrt-row-create',
     originalRow ??