material-react-table 2.9.2 → 2.11.0

package/src/locales/ru.ts

@@ -8,8 +8,10 @@ export const MRT_Localization_RU: MRT_Localization = {
   changeSearchMode: 'Изменить режим поиска',
   clearFilter: 'Очистить фильтр',
   clearSearch: 'Очистить поиск',
+  clearSelection: 'Очистить выбор',
   clearSort: 'Очистить сортировку',
   clickToCopy: 'Нажмите, чтобы скопировать',
+  copy: 'Копировать',
   columnActions: 'Действие колонки',
   copiedToClipboard: 'Скопировано в буфер обмена',
   collapse: 'Свернуть',

package/src/locales/sk.ts

@@ -8,8 +8,10 @@ export const MRT_Localization_SK: MRT_Localization = {
   changeSearchMode: 'Zmeniť režim hľadania',
   clearFilter: 'Vyčistiť filter',
   clearSearch: 'Vyčistiť hľadanie',
+  clearSelection: 'Vyčistiť výber',
   clearSort: 'Vyčistiť zoradenie',
   clickToCopy: 'Kliknutím skopírovať',
+  copy: 'Kopírovať',
   collapse: 'Zbaliť',
   collapseAll: 'Zbaliť všetko',
   columnActions: 'Akcie stĺpca',

package/src/locales/sr-Cyrl-RS.ts

@@ -8,8 +8,10 @@ export const MRT_Localization_SR_CYRL_RS: MRT_Localization = {
   changeSearchMode: 'Промени режим претраге',
   clearFilter: 'Поништи филтер',
   clearSearch: 'Поништи претрагу',
+  clearSelection: 'Поништи избор',
   clearSort: 'Поништи сортирање',
   clickToCopy: 'Кликни да копираш',
+  copy: 'Копирај',
   collapse: 'Рашири',
   collapseAll: 'Рашири све',
   columnActions: 'Акције над колонама',

package/src/locales/sr-Latn-RS.ts

@@ -8,8 +8,10 @@ export const MRT_Localization_SR_LATN_RS: MRT_Localization = {
   changeSearchMode: 'Promeni režim pretrage',
   clearFilter: 'Poništi filter',
   clearSearch: 'Poništi pretragu',
+  clearSelection: 'Poništi izbor',
   clearSort: 'Poništi sortiranje',
   clickToCopy: 'Klikni da kopiraš',
+  copy: 'Kopiraj',
   collapse: 'Raširi',
   collapseAll: 'Raširi sve',
   columnActions: 'Akcije nad kolonama',

package/src/locales/sv.ts

@@ -8,8 +8,10 @@ export const MRT_Localization_SV: MRT_Localization = {
   changeSearchMode: 'Ändra sökläge',
   clearFilter: 'Rensa filter',
   clearSearch: 'Rensa sök',
+  clearSelection: 'Rensa val',
   clearSort: 'Rensa sortering',
   clickToCopy: 'Klicka för att kopiera',
+  copy: 'Kopiera',
   collapse: 'Stäng',
   collapseAll: 'Stäng alla',
   columnActions: 'Kolumnåtgärd',

package/src/locales/tr.ts

@@ -8,8 +8,10 @@ export const MRT_Localization_TR: MRT_Localization = {
   changeSearchMode: 'Arama Modunu Değiştir',
   clearFilter: 'Filtreyi Temizle',
   clearSearch: 'Aramayı Temizle',
+  clearSelection: 'Seçimi Temizle',
   clearSort: 'Sıralamayı Sıfırla',
   clickToCopy: 'Kopyala',
+  copy: 'Kopyala',
   columnActions: 'Sütun İşlemleri',
   copiedToClipboard: 'Panoya Kopyalandı',
   collapse: 'Daralt',

package/src/locales/uk.ts

@@ -8,8 +8,10 @@ export const MRT_Localization_UK: MRT_Localization = {
   changeSearchMode: 'Змінити режим пошуку',
   clearFilter: 'Очистити фільтр',
   clearSearch: 'Очистити пошук',
+  clearSelection: 'Скасувати вибір',
   clearSort: 'Очистити сортування',
   clickToCopy: 'Натисніть, щоб скопіювати',
+  copy: 'Копіювати',
   collapse: 'Згорнути',
   collapseAll: 'Згорнути все',
   columnActions: 'Дії стовпця',

package/src/locales/vi.ts

@@ -8,8 +8,10 @@ export const MRT_Localization_VI: MRT_Localization = {
   changeSearchMode: 'Thay đổi chế độ tìm kiếm',
   clearFilter: 'Xoá bộ lọc',
   clearSearch: 'Xoá ô tìm kiếm',
+  clearSelection: 'Xoá lựa chọn',
   clearSort: 'Huỷ sắp xếp',
   clickToCopy: 'Nhấn vào để sao chép',
+  copy: 'Sao chép',
   columnActions: 'Lựa chọn',
   copiedToClipboard: 'Sao chép vào bảng tạm',
   collapse: 'Thu gọn',

package/src/locales/zh-Hans.ts

@@ -8,8 +8,10 @@ export const MRT_Localization_ZH_HANS: MRT_Localization = {
   changeSearchMode: '更改搜索模式',
   clearFilter: '清除过滤',
   clearSearch: '清除搜索',
+  clearSelection: '清除选择',
   clearSort: '清除排序',
   clickToCopy: '点击以复制',
+  copy: '复制',
   collapse: '折叠',
   collapseAll: '全部折叠',
   columnActions: '列操作',

package/src/locales/zh-Hant.ts

@@ -8,8 +8,10 @@ export const MRT_Localization_ZH_HANT: MRT_Localization = {
   changeSearchMode: '更改搜尋模式',
   clearFilter: '清除過濾',
   clearSearch: '清除搜尋',
+  clearSelection: '清除選擇',
   clearSort: '清除排序',
   clickToCopy: '點擊以複製',
+  copy: '複製',
   collapse: '折疊',
   collapseAll: '全部折疊',
   columnActions: '欄位動作',

package/src/types.ts

@@ -170,12 +170,14 @@ export interface MRT_Localization {
   changeSearchMode: string;
   clearFilter: string;
   clearSearch: string;
+  clearSelection: string;
   clearSort: string;
   clickToCopy: string;
   collapse: string;
   collapseAll: string;
   columnActions: string;
   copiedToClipboard: string;
+  copy: string;
   dropToGroupBy: string;
   edit: string;
   expand: string;
@@ -315,17 +317,20 @@ export type MRT_TableInstance<TData extends MRT_RowData> = Omit<
   getTopRows: () => MRT_Row<TData>[];
   options: MRT_StatefulTableOptions<TData>;
   refs: {
-    bottomToolbarRef: MutableRefObject<HTMLDivElement>;
+    actionCellRef: MutableRefObject<HTMLTableCellElement | null>;
+    bottomToolbarRef: MutableRefObject<HTMLDivElement | null>;
     editInputRefs: MutableRefObject<Record<string, HTMLInputElement>>;
     filterInputRefs: MutableRefObject<Record<string, HTMLInputElement>>;
-    searchInputRef: MutableRefObject<HTMLInputElement>;
-    tableContainerRef: MutableRefObject<HTMLDivElement>;
-    tableFooterRef: MutableRefObject<HTMLTableSectionElement>;
+    lastSelectedRowId: MutableRefObject<null | string>;
+    searchInputRef: MutableRefObject<HTMLInputElement | null>;
+    tableContainerRef: MutableRefObject<HTMLDivElement | null>;
+    tableFooterRef: MutableRefObject<HTMLTableSectionElement | null>;
     tableHeadCellRefs: MutableRefObject<Record<string, HTMLTableCellElement>>;
-    tableHeadRef: MutableRefObject<HTMLTableSectionElement>;
-    tablePaperRef: MutableRefObject<HTMLDivElement>;
-    topToolbarRef: MutableRefObject<HTMLDivElement>;
+    tableHeadRef: MutableRefObject<HTMLTableSectionElement | null>;
+    tablePaperRef: MutableRefObject<HTMLDivElement | null>;
+    topToolbarRef: MutableRefObject<HTMLDivElement | null>;
   };
+  setActionCell: Dispatch<SetStateAction<MRT_Cell<TData> | null>>;
   setColumnFilterFns: Dispatch<SetStateAction<MRT_ColumnFilterFnsState>>;
   setCreatingRow: Dispatch<SetStateAction<MRT_Row<TData> | null | true>>;
   setDensity: Dispatch<SetStateAction<MRT_DensityState>>;
@@ -375,7 +380,8 @@ export type MRT_StatefulTableOptions<TData extends MRT_RowData> =
     >;
   };
 
-export type MRT_TableState<TData extends MRT_RowData> = TableState & {
+export interface MRT_TableState<TData extends MRT_RowData> extends TableState {
+  actionCell?: MRT_Cell<TData> | null;
   columnFilterFns: MRT_ColumnFilterFnsState;
   creatingRow: MRT_Row<TData> | null;
   density: MRT_DensityState;
@@ -396,7 +402,7 @@ export type MRT_TableState<TData extends MRT_RowData> = TableState & {
   showProgressBars: boolean;
   showSkeletons: boolean;
   showToolbarDropZone: boolean;
-};
+}
 
 export type MRT_ColumnDef<TData extends MRT_RowData, TValue = unknown> = Omit<
   ColumnDef<TData, TValue>,
@@ -423,6 +429,7 @@ export type MRT_ColumnDef<TData extends MRT_RowData, TValue = unknown> = Omit<
     renderedCellValue: ReactNode;
     row: MRT_Row<TData>;
     rowRef?: RefObject<HTMLTableRowElement>;
+    staticColumnIndex?: number;
     staticRowIndex?: number;
     table: MRT_TableInstance<TData>;
   }) => ReactNode;
@@ -503,7 +510,10 @@ export type MRT_ColumnDef<TData extends MRT_RowData, TValue = unknown> = Omit<
       }) => DropdownOption[])
     | DropdownOption[];
   editVariant?: 'select' | 'text';
-  enableClickToCopy?: boolean;
+  enableClickToCopy?:
+    | 'context-menu'
+    | ((cell: MRT_Cell<TData>) => 'context-menu' | boolean)
+    | boolean;
   enableColumnActions?: boolean;
   enableColumnDragging?: boolean;
   enableColumnFilterModes?: boolean;
@@ -642,6 +652,16 @@ export type MRT_ColumnDef<TData extends MRT_RowData, TValue = unknown> = Omit<
         table: MRT_TableInstance<TData>;
       }) => TableCellProps)
     | TableCellProps;
+  renderCellActionMenuItems?: (props: {
+    cell: MRT_Cell<TData>;
+    closeMenu: () => void;
+    column: MRT_Column<TData>;
+    internalMenuItems: ReactNode[];
+    row: MRT_Row<TData>;
+    staticColumnIndex?: number;
+    staticRowIndex?: number;
+    table: MRT_TableInstance<TData>;
+  }) => ReactNode[];
   renderColumnActionsMenuItems?: (props: {
     closeMenu: () => void;
     column: MRT_Column<TData>;
@@ -832,8 +852,13 @@ export type MRT_TableOptions<TData extends MRT_RowData> = Omit<
     [key in MRT_DisplayColumnIds]: Partial<MRT_DisplayColumnDef<TData>>;
   }>;
   editDisplayMode?: 'cell' | 'custom' | 'modal' | 'row' | 'table';
+  enableBatchRowSelection?: boolean;
   enableBottomToolbar?: boolean;
-  enableClickToCopy?: boolean;
+  enableCellActions?: ((cell: MRT_Cell<TData>) => boolean) | boolean;
+  enableClickToCopy?:
+    | 'context-menu'
+    | ((cell: MRT_Cell<TData>) => 'context-menu' | boolean)
+    | boolean;
   enableColumnActions?: boolean;
   enableColumnDragging?: boolean;
   enableColumnFilterModes?: boolean;
@@ -894,8 +919,10 @@ export type MRT_TableOptions<TData extends MRT_RowData> = Omit<
     | ((props: { table: MRT_TableInstance<TData> }) => BoxProps)
     | BoxProps;
   muiCircularProgressProps?:
-    | ((props: { table: MRT_TableInstance<TData> }) => CircularProgressProps)
-    | CircularProgressProps;
+    | ((props: {
+        table: MRT_TableInstance<TData>;
+      }) => CircularProgressProps & { Component?: ReactNode })
+    | (CircularProgressProps & { Component?: ReactNode });
   muiColumnActionsButtonProps?:
     | ((props: {
         column: MRT_Column<TData>;
@@ -1115,6 +1142,7 @@ export type MRT_TableOptions<TData extends MRT_RowData> = Omit<
   muiTopToolbarProps?:
     | ((props: { table: MRT_TableInstance<TData> }) => BoxProps)
     | BoxProps;
+  onActionCellChange?: OnChangeFn<MRT_Cell<TData> | null>;
   onColumnFilterFnsChange?: OnChangeFn<{ [key: string]: MRT_FilterOption }>;
   onCreatingRowCancel?: (props: {
     row: MRT_Row<TData>;
@@ -1167,6 +1195,16 @@ export type MRT_TableOptions<TData extends MRT_RowData> = Omit<
   renderCaption?:
     | ((props: { table: MRT_TableInstance<TData> }) => ReactNode)
     | ReactNode;
+  renderCellActionMenuItems?: (props: {
+    cell: MRT_Cell<TData>;
+    closeMenu: () => void;
+    column: MRT_Column<TData>;
+    internalMenuItems: ReactNode[];
+    row: MRT_Row<TData>;
+    staticColumnIndex?: number;
+    staticRowIndex?: number;
+    table: MRT_TableInstance<TData>;
+  }) => ReactNode[];
   renderColumnActionsMenuItems?: (props: {
     closeMenu: () => void;
     column: MRT_Column<TData>;

package/src/utils/cell.utils.ts

@@ -0,0 +1,50 @@
+import {
+  type MRT_Cell,
+  type MRT_RowData,
+  type MRT_TableInstance,
+} from '../types';
+import { parseFromValuesOrFunc } from './utils';
+
+export const isCellEditable = <TData extends MRT_RowData>({
+  cell,
+  table,
+}: {
+  cell: MRT_Cell<TData>;
+  table: MRT_TableInstance<TData>;
+}) => {
+  const { enableEditing } = table.options;
+  const {
+    column: { columnDef },
+    row,
+  } = cell;
+  return (
+    !cell.getIsPlaceholder() &&
+    parseFromValuesOrFunc(enableEditing, row) &&
+    parseFromValuesOrFunc(columnDef.enableEditing, row) !== false
+  );
+};
+
+export const openEditingCell = <TData extends MRT_RowData>({
+  cell,
+  table,
+}: {
+  cell: MRT_Cell<TData>;
+  table: MRT_TableInstance<TData>;
+}) => {
+  const {
+    options: { editDisplayMode },
+    refs: { editInputRefs },
+  } = table;
+  const { column } = cell;
+
+  if (isCellEditable({ cell, table }) && editDisplayMode === 'cell') {
+    table.setEditingCell(cell);
+    queueMicrotask(() => {
+      const textField = editInputRefs.current[column.id];
+      if (textField) {
+        textField.focus();
+        textField.select?.();
+      }
+    });
+  }
+};

package/src/utils/column.utils.ts

@@ -115,12 +115,10 @@ export const reorderColumn = <TData extends MRT_RowData>(
 export const getDefaultColumnFilterFn = <TData extends MRT_RowData>(
   columnDef: MRT_ColumnDef<TData>,
 ): MRT_FilterOption => {
-  if (columnDef.filterVariant === 'multi-select') return 'arrIncludesSome';
-  if (columnDef.filterVariant?.includes('range')) return 'betweenInclusive';
-  if (
-    columnDef.filterVariant === 'select' ||
-    columnDef.filterVariant === 'checkbox'
-  )
+  const { filterVariant } = columnDef;
+  if (filterVariant === 'multi-select') return 'arrIncludesSome';
+  if (filterVariant?.includes('range')) return 'betweenInclusive';
+  if (filterVariant === 'select' || filterVariant === 'checkbox')
     return 'equals';
   return 'fuzzy';
 };

package/src/utils/displayColumn.utils.ts

@@ -31,21 +31,21 @@ export function defaultDisplayColumnProps<TData extends MRT_RowData>({
 
 export const showRowPinningColumn = <TData extends MRT_RowData>(
   tableOptions: MRT_StatefulTableOptions<TData>,
-) => {
+): boolean => {
   const { enableRowPinning, rowPinningDisplayMode } = tableOptions;
-  return enableRowPinning && !rowPinningDisplayMode?.startsWith('select');
+  return !!(enableRowPinning && !rowPinningDisplayMode?.startsWith('select'));
 };
 
 export const showRowDragColumn = <TData extends MRT_RowData>(
   tableOptions: MRT_StatefulTableOptions<TData>,
-) => {
+): boolean => {
   const { enableRowDragging, enableRowOrdering } = tableOptions;
-  return enableRowDragging || enableRowOrdering;
+  return !!(enableRowDragging || enableRowOrdering);
 };
 
 export const showRowExpandColumn = <TData extends MRT_RowData>(
   tableOptions: MRT_StatefulTableOptions<TData>,
-) => {
+): boolean => {
   const {
     enableExpanding,
     enableGrouping,
@@ -54,14 +54,14 @@ export const showRowExpandColumn = <TData extends MRT_RowData>(
   } = tableOptions;
   return !!(
     enableExpanding ||
-    (enableGrouping && (grouping === undefined || grouping?.length)) ||
+    (enableGrouping && grouping?.length) ||
     renderDetailPanel
   );
 };
 
 export const showRowActionsColumn = <TData extends MRT_RowData>(
   tableOptions: MRT_StatefulTableOptions<TData>,
-) => {
+): boolean => {
   const {
     createDisplayMode,
     editDisplayMode,
@@ -69,7 +69,7 @@ export const showRowActionsColumn = <TData extends MRT_RowData>(
     enableRowActions,
     state: { creatingRow },
   } = tableOptions;
-  return (
+  return !!(
     enableRowActions ||
     (creatingRow && createDisplayMode === 'row') ||
     (enableEditing && ['modal', 'row'].includes(editDisplayMode ?? ''))
@@ -78,15 +78,15 @@ export const showRowActionsColumn = <TData extends MRT_RowData>(
 
 export const showRowSelectionColumn = <TData extends MRT_RowData>(
   tableOptions: MRT_StatefulTableOptions<TData>,
-) => tableOptions.enableRowSelection;
+): boolean => !!tableOptions.enableRowSelection;
 
 export const showRowNumbersColumn = <TData extends MRT_RowData>(
   tableOptions: MRT_StatefulTableOptions<TData>,
-) => tableOptions.enableRowNumbers;
+): boolean => !!tableOptions.enableRowNumbers;
 
 export const showRowSpacerColumn = <TData extends MRT_RowData>(
   tableOptions: MRT_StatefulTableOptions<TData>,
-) => tableOptions.layoutMode === 'grid-no-grow';
+): boolean => tableOptions.layoutMode === 'grid-no-grow';
 
 export const getLeadingDisplayColumnIds = <TData extends MRT_RowData>(
   tableOptions: MRT_StatefulTableOptions<TData>,
@@ -119,16 +119,34 @@ export const getTrailingDisplayColumnIds = <TData extends MRT_RowData>(
 
 export const getDefaultColumnOrderIds = <TData extends MRT_RowData>(
   tableOptions: MRT_StatefulTableOptions<TData>,
+  reset = false,
 ) => {
-  const leadingDisplayCols: string[] = getLeadingDisplayColumnIds(tableOptions);
-  const trailingDisplayCols: string[] =
+  const {
+    state: { columnOrder: currentColumnOrderIds = [] },
+  } = tableOptions;
+
+  const leadingDisplayColIds: string[] =
+    getLeadingDisplayColumnIds(tableOptions);
+  const trailingDisplayColIds: string[] =
     getTrailingDisplayColumnIds(tableOptions);
-  const allLeafColumnDefs = getAllLeafColumnDefs(tableOptions.columns)
-    .map((columnDef) => getColumnId(columnDef))
-    .filter(
-      (columnId) =>
-        !leadingDisplayCols.includes(columnId) &&
-        !trailingDisplayCols.includes(columnId),
-    );
-  return [...leadingDisplayCols, ...allLeafColumnDefs, ...trailingDisplayCols];
+
+  const defaultColumnDefIds = getAllLeafColumnDefs(tableOptions.columns).map(
+    (columnDef) => getColumnId(columnDef),
+  );
+
+  let allLeafColumnDefIds = reset
+    ? defaultColumnDefIds
+    : Array.from(new Set([...currentColumnOrderIds, ...defaultColumnDefIds]));
+
+  allLeafColumnDefIds = allLeafColumnDefIds.filter(
+    (colId) =>
+      !leadingDisplayColIds.includes(colId) &&
+      !trailingDisplayColIds.includes(colId),
+  );
+
+  return [
+    ...leadingDisplayColIds,
+    ...allLeafColumnDefIds,
+    ...trailingDisplayColIds,
+  ];
 };

package/src/utils/row.utils.ts

@@ -1,3 +1,5 @@
+import { type ChangeEvent, type MouseEvent } from 'react';
+import { rankGlobalFuzzy } from '../fns/sortingFns';
 import {
   type MRT_Row,
   type MRT_RowData,
@@ -5,36 +7,88 @@ import {
 } from '../types';
 import { parseFromValuesOrFunc } from './utils';
 
-export const getIsRowSelected = <TData extends MRT_RowData>({
-  row,
-  table,
-}: {
-  row: MRT_Row<TData>;
-  table: MRT_TableInstance<TData>;
-}) => {
+export const getMRT_Rows = <TData extends MRT_RowData>(
+  table: MRT_TableInstance<TData>,
+  pinnedRowIds: string[] = [],
+  all?: boolean,
+): MRT_Row<TData>[] => {
   const {
-    options: { enableRowSelection },
+    getBottomRows,
+    getCenterRows,
+    getPrePaginationRowModel,
+    getRowModel,
+    getState,
+    getTopRows,
+    options: {
+      createDisplayMode,
+      enablePagination,
+      enableRowPinning,
+      manualPagination,
+      positionCreatingRow,
+      rowPinningDisplayMode,
+    },
   } = table;
+  const { creatingRow, pagination } = getState();
 
-  return (
-    row.getIsSelected() ||
-    (parseFromValuesOrFunc(enableRowSelection, row) &&
-      row.getCanSelectSubRows() &&
-      row.getIsAllSubRowsSelected())
-  );
+  const isRankingRows = getIsRankingRows(table);
+
+  let rows: MRT_Row<TData>[] = [];
+  if (!isRankingRows) {
+    rows =
+      !enableRowPinning || rowPinningDisplayMode?.includes('sticky')
+        ? all
+          ? getPrePaginationRowModel().rows
+          : getRowModel().rows
+        : getCenterRows();
+  } else {
+    rows = getPrePaginationRowModel().rows.sort((a, b) =>
+      rankGlobalFuzzy(a, b),
+    );
+    if (enablePagination && !manualPagination && !all) {
+      const start = pagination.pageIndex * pagination.pageSize;
+      rows = rows.slice(start, start + pagination.pageSize);
+    }
+  }
+  if (enableRowPinning && rowPinningDisplayMode?.includes('sticky')) {
+    rows = [
+      ...getTopRows().filter((row) => !pinnedRowIds.includes(row.id)),
+      ...rows,
+      ...getBottomRows().filter((row) => !pinnedRowIds.includes(row.id)),
+    ];
+  }
+  if (
+    positionCreatingRow !== undefined &&
+    creatingRow &&
+    createDisplayMode === 'row'
+  ) {
+    const creatingRowIndex = !isNaN(+positionCreatingRow)
+      ? +positionCreatingRow
+      : positionCreatingRow === 'top'
+        ? 0
+        : rows.length;
+    rows = [
+      ...rows.slice(0, creatingRowIndex),
+      creatingRow,
+      ...rows.slice(creatingRowIndex),
+    ];
+  }
+
+  return rows;
 };
 
 export const getCanRankRows = <TData extends MRT_RowData>(
   table: MRT_TableInstance<TData>,
 ) => {
-  const { getState, options } = table;
   const {
-    enableGlobalFilterRankedResults,
-    manualExpanding,
-    manualFiltering,
-    manualGrouping,
-    manualSorting,
-  } = options;
+    getState,
+    options: {
+      enableGlobalFilterRankedResults,
+      manualExpanding,
+      manualFiltering,
+      manualGrouping,
+      manualSorting,
+    },
+  } = table;
   const { expanded, globalFilterFn } = getState();
 
   return (
@@ -48,3 +102,107 @@ export const getCanRankRows = <TData extends MRT_RowData>(
     !Object.values(expanded).some(Boolean)
   );
 };
+
+export const getIsRankingRows = <TData extends MRT_RowData>(
+  table: MRT_TableInstance<TData>,
+) => {
+  const { globalFilter, sorting } = table.getState();
+
+  return (
+    getCanRankRows(table) &&
+    globalFilter &&
+    !Object.values(sorting).some(Boolean)
+  );
+};
+
+export const getIsRowSelected = <TData extends MRT_RowData>({
+  row,
+  table,
+}: {
+  row: MRT_Row<TData>;
+  table: MRT_TableInstance<TData>;
+}) => {
+  const {
+    options: { enableRowSelection },
+  } = table;
+
+  return (
+    row.getIsSelected() ||
+    (parseFromValuesOrFunc(enableRowSelection, row) &&
+      row.getCanSelectSubRows() &&
+      row.getIsAllSubRowsSelected())
+  );
+};
+
+export const getMRT_RowSelectionHandler =
+  () =>
+  <TData extends MRT_RowData>({
+    event,
+    row,
+    staticRowIndex = 0,
+    table,
+  }: {
+    event: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLTableRowElement>;
+    row: MRT_Row<TData>;
+    staticRowIndex?: number;
+    table: MRT_TableInstance<TData>;
+  }) => {
+    const {
+      getState,
+      options: {
+        enableBatchRowSelection,
+        enableRowPinning,
+        rowPinningDisplayMode,
+      },
+      refs: { lastSelectedRowId: lastSelectedRowId },
+    } = table;
+    const {
+      pagination: { pageIndex, pageSize },
+    } = getState();
+
+    const isChecked = getIsRowSelected({ row, table });
+
+    const isStickySelection =
+      enableRowPinning && rowPinningDisplayMode?.includes('select');
+
+    // toggle selected of this row
+    row.getToggleSelectedHandler()(event);
+
+    // if shift key is pressed, select all rows between last selected and this one
+    if (
+      enableBatchRowSelection &&
+      (event as any).nativeEvent.shiftKey &&
+      lastSelectedRowId.current !== null
+    ) {
+      const rows = getMRT_Rows(table, undefined, true);
+      const lastIndex = rows.findIndex(
+        (r) => r.id === lastSelectedRowId.current,
+      );
+      if (lastIndex !== -1) {
+        const currentIndex = staticRowIndex + pageSize * pageIndex;
+        const [start, end] =
+          lastIndex < currentIndex
+            ? [lastIndex, currentIndex]
+            : [currentIndex, lastIndex];
+        for (let i = start; i <= end; i++) {
+          rows[i].toggleSelected(!isChecked);
+        }
+      }
+    }
+    lastSelectedRowId.current = row.id;
+
+    // if all sub rows were selected, unselect them
+    if (row.getCanSelectSubRows() && row.getIsAllSubRowsSelected()) {
+      row.subRows?.forEach((r) => r.toggleSelected(false));
+    }
+
+    if (isStickySelection) {
+      row.pin(
+        !row.getIsPinned() && isChecked
+          ? rowPinningDisplayMode?.includes('bottom')
+            ? 'bottom'
+            : 'top'
+          : false,
+      );
+    }
+  };