material-react-table 2.10.0 → 2.11.0

package/src/components/menus/MRT_ShowHideColumnsMenu.tsx

@@ -13,7 +13,8 @@ import {
 import { getDefaultColumnOrderIds } from '../../utils/displayColumn.utils';
 import { getMRTTheme } from '../../utils/style.utils';
 
-interface Props<TData extends MRT_RowData> extends Partial<MenuProps> {
+export interface MRT_ShowHideColumnsMenuProps<TData extends MRT_RowData>
+  extends Partial<MenuProps> {
   anchorEl: HTMLElement | null;
   isSubMenu?: boolean;
   setAnchorEl: (anchorEl: HTMLElement | null) => void;
@@ -25,7 +26,7 @@ export const MRT_ShowHideColumnsMenu = <TData extends MRT_RowData>({
   setAnchorEl,
   table,
   ...rest
-}: Props<TData>) => {
+}: MRT_ShowHideColumnsMenuProps<TData>) => {
   const {
     getAllColumns,
     getAllLeafColumns,
@@ -75,6 +76,10 @@ export const MRT_ShowHideColumnsMenu = <TData extends MRT_RowData>({
     getRightLeafColumns(),
   ]) as MRT_Column<TData>[];
 
+  const isNestedColumns = allColumns.some(
+    (col) => col.columnDef.columnDefType === 'group',
+  );
+
   const [hoveredColumn, setHoveredColumn] = useState<MRT_Column<TData> | null>(
     null,
   );
@@ -146,6 +151,7 @@ export const MRT_ShowHideColumnsMenu = <TData extends MRT_RowData>({
           allColumns={allColumns}
           column={column}
           hoveredColumn={hoveredColumn}
+          isNestedColumns={isNestedColumns}
           key={`${index}-${column.id}`}
           setHoveredColumn={setHoveredColumn}
           table={table}

package/src/components/menus/MRT_ShowHideColumnsMenuItems.tsx

@@ -22,10 +22,12 @@ import { parseFromValuesOrFunc } from '../../utils/utils';
 import { MRT_ColumnPinningButtons } from '../buttons/MRT_ColumnPinningButtons';
 import { MRT_GrabHandleButton } from '../buttons/MRT_GrabHandleButton';
 
-interface Props<TData extends MRT_RowData> extends MenuItemProps {
+export interface MRT_ShowHideColumnsMenuItemsProps<TData extends MRT_RowData>
+  extends MenuItemProps {
   allColumns: MRT_Column<TData>[];
   column: MRT_Column<TData>;
   hoveredColumn: MRT_Column<TData> | null;
+  isNestedColumns: boolean;
   setHoveredColumn: Dispatch<SetStateAction<MRT_Column<TData> | null>>;
   table: MRT_TableInstance<TData>;
 }
@@ -34,10 +36,11 @@ export const MRT_ShowHideColumnsMenuItems = <TData extends MRT_RowData>({
   allColumns,
   column,
   hoveredColumn,
+  isNestedColumns,
   setHoveredColumn,
   table,
   ...rest
-}: Props<TData>) => {
+}: MRT_ShowHideColumnsMenuItemsProps<TData>) => {
   const {
     getState,
     options: {
@@ -130,9 +133,7 @@ export const MRT_ShowHideColumnsMenuItems = <TData extends MRT_RowData>({
         >
           {columnDefType !== 'group' &&
             enableColumnOrdering &&
-            !allColumns.some(
-              (col) => col.columnDef.columnDefType === 'group',
-            ) &&
+            !isNestedColumns &&
             (columnDef.enableColumnOrdering !== false ? (
               <MRT_GrabHandleButton
                 onDragEnd={handleDragEnd}
@@ -183,6 +184,7 @@ export const MRT_ShowHideColumnsMenuItems = <TData extends MRT_RowData>({
           allColumns={allColumns}
           column={c}
           hoveredColumn={hoveredColumn}
+          isNestedColumns={isNestedColumns}
           key={`${i}-${c.id}`}
           setHoveredColumn={setHoveredColumn}
           table={table}

package/src/components/modals/MRT_EditRowModal.tsx

@@ -12,7 +12,8 @@ import { parseFromValuesOrFunc } from '../../utils/utils';
 import { MRT_EditActionButtons } from '../buttons/MRT_EditActionButtons';
 import { MRT_EditCellTextField } from '../inputs/MRT_EditCellTextField';
 
-interface Props<TData extends MRT_RowData> extends Partial<DialogProps> {
+export interface MRT_EditRowModalProps<TData extends MRT_RowData>
+  extends Partial<DialogProps> {
   open: boolean;
   table: MRT_TableInstance<TData>;
 }
@@ -21,7 +22,7 @@ export const MRT_EditRowModal = <TData extends MRT_RowData>({
   open,
   table,
   ...rest
-}: Props<TData>) => {
+}: MRT_EditRowModalProps<TData>) => {
   const {
     getState,
     options: {

package/src/components/table/MRT_Table.tsx

@@ -8,14 +8,14 @@ import { MRT_TableBody, Memo_MRT_TableBody } from '../body/MRT_TableBody';
 import { MRT_TableFooter } from '../footer/MRT_TableFooter';
 import { MRT_TableHead } from '../head/MRT_TableHead';
 
-interface Props<TData extends MRT_RowData> extends TableProps {
+export interface MRT_TableProps<TData extends MRT_RowData> extends TableProps {
   table: MRT_TableInstance<TData>;
 }
 
 export const MRT_Table = <TData extends MRT_RowData>({
   table,
   ...rest
-}: Props<TData>) => {
+}: MRT_TableProps<TData>) => {
   const {
     getFlatHeaders,
     getState,

package/src/components/table/MRT_TableContainer.tsx

@@ -12,14 +12,15 @@ import { MRT_EditRowModal } from '../modals/MRT_EditRowModal';
 const useIsomorphicLayoutEffect =
   typeof window !== 'undefined' ? useLayoutEffect : useEffect;
 
-interface Props<TData extends MRT_RowData> extends TableContainerProps {
+export interface MRT_TableContainerProps<TData extends MRT_RowData>
+  extends TableContainerProps {
   table: MRT_TableInstance<TData>;
 }
 
 export const MRT_TableContainer = <TData extends MRT_RowData>({
   table,
   ...rest
-}: Props<TData>) => {
+}: MRT_TableContainerProps<TData>) => {
   const {
     getState,
     options: {

package/src/components/table/MRT_TableLoadingOverlay.tsx

@@ -7,14 +7,15 @@ import { type MRT_RowData, type MRT_TableInstance } from '../../types';
 import { getMRTTheme } from '../../utils/style.utils';
 import { parseFromValuesOrFunc } from '../../utils/utils';
 
-interface Props<TData extends MRT_RowData> extends CircularProgressProps {
+export interface MRT_TableLoadingOverlayProps<TData extends MRT_RowData>
+  extends CircularProgressProps {
   table: MRT_TableInstance<TData>;
 }
 
 export const MRT_TableLoadingOverlay = <TData extends MRT_RowData>({
   table,
   ...rest
-}: Props<TData>) => {
+}: MRT_TableLoadingOverlayProps<TData>) => {
   const {
     options: { localization, muiCircularProgressProps },
   } = table;
@@ -41,14 +42,16 @@ export const MRT_TableLoadingOverlay = <TData extends MRT_RowData>({
         right: 0,
         top: 0,
         width: '100%',
-        zIndex: 2,
+        zIndex: 3,
       })}
     >
-      <CircularProgress
-        aria-label={localization.noRecordsToDisplay}
-        id="mrt-progress"
-        {...circularProgressProps}
-      />
+      {circularProgressProps?.Component ?? (
+        <CircularProgress
+          aria-label={localization.noRecordsToDisplay}
+          id="mrt-progress"
+          {...circularProgressProps}
+        />
+      )}
     </Box>
   );
 };

package/src/components/table/MRT_TablePaper.tsx

@@ -6,14 +6,15 @@ import { parseFromValuesOrFunc } from '../../utils/utils';
 import { MRT_BottomToolbar } from '../toolbar/MRT_BottomToolbar';
 import { MRT_TopToolbar } from '../toolbar/MRT_TopToolbar';
 
-interface Props<TData extends MRT_RowData> extends PaperProps {
+export interface MRT_TablePaperProps<TData extends MRT_RowData>
+  extends PaperProps {
   table: MRT_TableInstance<TData>;
 }
 
 export const MRT_TablePaper = <TData extends MRT_RowData>({
   table,
   ...rest
-}: Props<TData>) => {
+}: MRT_TablePaperProps<TData>) => {
   const {
     getState,
     options: {

package/src/components/toolbar/MRT_BottomToolbar.tsx

@@ -9,14 +9,15 @@ import { type MRT_RowData, type MRT_TableInstance } from '../../types';
 import { getCommonToolbarStyles } from '../../utils/style.utils';
 import { parseFromValuesOrFunc } from '../../utils/utils';
 
-interface Props<TData extends MRT_RowData> extends BoxProps {
+export interface MRT_BottomToolbarProps<TData extends MRT_RowData>
+  extends BoxProps {
   table: MRT_TableInstance<TData>;
 }
 
 export const MRT_BottomToolbar = <TData extends MRT_RowData>({
   table,
   ...rest
-}: Props<TData>) => {
+}: MRT_BottomToolbarProps<TData>) => {
   const {
     getState,
     options: {

package/src/components/toolbar/MRT_LinearProgressBar.tsx

@@ -5,7 +5,8 @@ import LinearProgress, {
 import { type MRT_RowData, type MRT_TableInstance } from '../../types';
 import { parseFromValuesOrFunc } from '../../utils/utils';
 
-interface Props<TData extends MRT_RowData> extends LinearProgressProps {
+export interface MRT_LinearProgressBarProps<TData extends MRT_RowData>
+  extends LinearProgressProps {
   isTopToolbar: boolean;
   table: MRT_TableInstance<TData>;
 }
@@ -14,7 +15,7 @@ export const MRT_LinearProgressBar = <TData extends MRT_RowData>({
   isTopToolbar,
   table,
   ...rest
-}: Props<TData>) => {
+}: MRT_LinearProgressBarProps<TData>) => {
   const {
     getState,
     options: { muiLinearProgressProps },

package/src/components/toolbar/MRT_TablePagination.tsx

@@ -15,7 +15,7 @@ import { parseFromValuesOrFunc } from '../../utils/utils';
 
 const defaultRowsPerPage = [5, 10, 15, 20, 25, 30, 50, 100];
 
-interface Props<TData extends MRT_RowData>
+export interface MRT_TablePaginationProps<TData extends MRT_RowData>
   extends Partial<
     PaginationProps & {
       SelectProps?: Partial<SelectProps>;
@@ -32,7 +32,7 @@ export const MRT_TablePagination = <TData extends MRT_RowData>({
   position = 'bottom',
   table,
   ...rest
-}: Props<TData>) => {
+}: MRT_TablePaginationProps<TData>) => {
   const theme = useTheme();
   const isMobile = useMediaQuery('(max-width: 720px)');
 

package/src/components/toolbar/MRT_ToolbarAlertBanner.tsx

@@ -2,6 +2,7 @@ import { Fragment, useMemo } from 'react';
 import Alert, { type AlertProps } from '@mui/material/Alert';
 import AlertTitle from '@mui/material/AlertTitle';
 import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
 import Chip from '@mui/material/Chip';
 import Collapse from '@mui/material/Collapse';
 import Stack from '@mui/material/Stack';
@@ -9,7 +10,8 @@ import { type MRT_RowData, type MRT_TableInstance } from '../../types';
 import { parseFromValuesOrFunc } from '../../utils/utils';
 import { MRT_SelectCheckbox } from '../inputs/MRT_SelectCheckbox';
 
-interface Props<TData extends MRT_RowData> extends AlertProps {
+export interface MRT_ToolbarAlertBannerProps<TData extends MRT_RowData>
+  extends AlertProps {
   stackAlertBanner?: boolean;
   table: MRT_TableInstance<TData>;
 }
@@ -18,21 +20,23 @@ export const MRT_ToolbarAlertBanner = <TData extends MRT_RowData>({
   stackAlertBanner,
   table,
   ...rest
-}: Props<TData>) => {
+}: MRT_ToolbarAlertBannerProps<TData>) => {
   const {
+    getFilteredSelectedRowModel,
     getPrePaginationRowModel,
     getState,
     options: {
       enableRowSelection,
       enableSelectAll,
       localization,
+      manualPagination,
       muiToolbarAlertBannerChipProps,
       muiToolbarAlertBannerProps,
       positionToolbarAlertBanner,
       renderToolbarAlertBannerContent,
       rowCount,
     },
-    refs: { tablePaperRef },
+    refs: { lastSelectedRowId, tablePaperRef },
   } = table;
   const { density, grouping, rowSelection, showAlertBanner } = getState();
 
@@ -47,20 +51,33 @@ export const MRT_ToolbarAlertBanner = <TData extends MRT_RowData>({
     table,
   });
 
+  const totalRowCount = rowCount ?? getPrePaginationRowModel().rows.length;
+
   const selectedRowCount = useMemo(
-    () => Object.values(rowSelection).filter(Boolean).length,
-    [rowSelection],
+    () =>
+      manualPagination
+        ? Object.values(rowSelection).filter(Boolean).length
+        : getFilteredSelectedRowModel().rows.length,
+    [rowSelection, totalRowCount, manualPagination],
   );
-
   const selectedAlert =
-    selectedRowCount > 0
-      ? localization.selectedCountOfRowCountRowsSelected
+    selectedRowCount > 0 ? (
+      <Stack alignItems="center" direction="row" gap="16px">
+        {localization.selectedCountOfRowCountRowsSelected
           ?.replace('{selectedCount}', selectedRowCount.toLocaleString())
-          ?.replace(
-            '{rowCount}',
-            (rowCount ?? getPrePaginationRowModel().rows.length).toString(),
-          )
-      : null;
+          ?.replace('{rowCount}', totalRowCount.toString())}
+        <Button
+          onClick={() => {
+            table.toggleAllRowsSelected(false);
+            lastSelectedRowId.current = null;
+          }}
+          size="small"
+          sx={{ p: '2px' }}
+        >
+          {localization.clearSelection}
+        </Button>
+      </Stack>
+    ) : null;
 
   const groupedAlert =
     grouping.length > 0 ? (

package/src/components/toolbar/MRT_ToolbarDropZone.tsx

@@ -6,14 +6,15 @@ import { alpha } from '@mui/material/styles';
 import { type MRT_RowData, type MRT_TableInstance } from '../../types';
 import { parseFromValuesOrFunc } from '../../utils/utils';
 
-interface Props<TData extends MRT_RowData> extends BoxProps {
+export interface MRT_ToolbarDropZoneProps<TData extends MRT_RowData>
+  extends BoxProps {
   table: MRT_TableInstance<TData>;
 }
 
 export const MRT_ToolbarDropZone = <TData extends MRT_RowData>({
   table,
   ...rest
-}: Props<TData>) => {
+}: MRT_ToolbarDropZoneProps<TData>) => {
   const {
     getState,
     options: { enableGrouping, localization },

package/src/components/toolbar/MRT_ToolbarInternalButtons.tsx

@@ -7,14 +7,15 @@ import { MRT_ToggleFiltersButton } from '../buttons/MRT_ToggleFiltersButton';
 import { MRT_ToggleFullScreenButton } from '../buttons/MRT_ToggleFullScreenButton';
 import { MRT_ToggleGlobalFilterButton } from '../buttons/MRT_ToggleGlobalFilterButton';
 
-interface Props<TData extends MRT_RowData> extends BoxProps {
+export interface MRT_ToolbarInternalButtonsProps<TData extends MRT_RowData>
+  extends BoxProps {
   table: MRT_TableInstance<TData>;
 }
 
 export const MRT_ToolbarInternalButtons = <TData extends MRT_RowData>({
   table,
   ...rest
-}: Props<TData>) => {
+}: MRT_ToolbarInternalButtonsProps<TData>) => {
   const {
     options: {
       columnFilterDisplayMode,

package/src/components/toolbar/MRT_TopToolbar.tsx

@@ -10,13 +10,13 @@ import { getCommonToolbarStyles } from '../../utils/style.utils';
 import { parseFromValuesOrFunc } from '../../utils/utils';
 import { MRT_GlobalFilterTextField } from '../inputs/MRT_GlobalFilterTextField';
 
-interface Props<TData extends MRT_RowData> {
+export interface MRT_TopToolbarProps<TData extends MRT_RowData> {
   table: MRT_TableInstance<TData>;
 }
 
 export const MRT_TopToolbar = <TData extends MRT_RowData>({
   table,
-}: Props<TData>) => {
+}: MRT_TopToolbarProps<TData>) => {
   const {
     getState,
     options: {

package/src/hooks/useMRT_Effects.ts

@@ -31,7 +31,6 @@ export const useMRT_Effects = <TData extends MRT_RowData>(
   const totalRowCount = rowCount ?? getPrePaginationRowModel().rows.length;
 
   const rerender = useReducer(() => ({}), {})[1];
-  const isMounted = useRef(false);
   const initialBodyHeight = useRef<string>();
   const previousTop = useRef<number>();
 
@@ -41,11 +40,12 @@ export const useMRT_Effects = <TData extends MRT_RowData>(
     }
   }, []);
 
+  //hide scrollbars when table is in full screen mode, preserve body scroll position after full screen exit
   useEffect(() => {
-    if (isMounted && typeof window !== 'undefined') {
+    if (typeof window !== 'undefined') {
       if (isFullScreen) {
         previousTop.current = document.body.getBoundingClientRect().top; //save scroll position
-        document.body.style.height = '100vh'; //hide page scrollbars when table is in full screen mode
+        document.body.style.height = '100dvh'; //hide page scrollbars when table is in full screen mode
       } else {
         document.body.style.height = initialBodyHeight.current as string;
         if (!previousTop.current) return;
@@ -56,9 +56,15 @@ export const useMRT_Effects = <TData extends MRT_RowData>(
         });
       }
     }
-    isMounted.current = true;
   }, [isFullScreen]);
 
+  //recalculate column order when columns change or features are toggled on/off
+  useEffect(() => {
+    if (totalColumnCount !== columnOrder.length) {
+      table.setColumnOrder(getDefaultColumnOrderIds(table.options));
+    }
+  }, [totalColumnCount]);
+
   //if page index is out of bounds, set it to the last page
   useEffect(() => {
     if (!enablePagination || isLoading || showSkeletons) return;
@@ -86,6 +92,7 @@ export const useMRT_Effects = <TData extends MRT_RowData>(
     }
   }, [globalFilter]);
 
+  //fix pinned row top style when density changes
   useEffect(() => {
     if (enableRowPinning && getIsSomeRowsPinned()) {
       setTimeout(() => {
@@ -93,11 +100,4 @@ export const useMRT_Effects = <TData extends MRT_RowData>(
       }, 150);
     }
   }, [density]);
-
-  //recalculate column order when columns change or features are toggled on/off
-  useEffect(() => {
-    if (totalColumnCount !== columnOrder.length) {
-      table.setColumnOrder(getDefaultColumnOrderIds(table.options));
-    }
-  }, [totalColumnCount]);
 };

package/src/hooks/useMRT_Rows.ts

@@ -1,36 +1,19 @@
 import { useMemo } from 'react';
-import { rankGlobalFuzzy } from '../fns/sortingFns';
 import {
   type MRT_Row,
   type MRT_RowData,
   type MRT_TableInstance,
 } from '../types';
-import { getCanRankRows } from '../utils/row.utils';
+import { getMRT_Rows } from '../utils/row.utils';
 
 export const useMRT_Rows = <TData extends MRT_RowData>(
   table: MRT_TableInstance<TData>,
   pinnedRowIds: string[] = [],
 ): MRT_Row<TData>[] => {
   const {
-    getBottomRows,
-    getCenterRows,
-    getPrePaginationRowModel,
     getRowModel,
     getState,
-    getTopRows,
-    options: {
-      createDisplayMode,
-      enableGlobalFilterRankedResults,
-      enablePagination,
-      enableRowPinning,
-      manualExpanding,
-      manualFiltering,
-      manualGrouping,
-      manualPagination,
-      manualSorting,
-      positionCreatingRow,
-      rowPinningDisplayMode,
-    },
+    options: { data, enableGlobalFilterRankedResults, positionCreatingRow },
   } = table;
   const {
     creatingRow,
@@ -41,73 +24,22 @@ export const useMRT_Rows = <TData extends MRT_RowData>(
     sorting,
   } = getState();
 
-  const shouldRankRows = useMemo(
-    () =>
-      getCanRankRows(table) &&
-      !Object.values(sorting).some(Boolean) &&
-      globalFilter,
+  const rows = useMemo(
+    () => getMRT_Rows(table, pinnedRowIds),
     [
+      creatingRow,
+      data,
       enableGlobalFilterRankedResults,
       expanded,
+      getRowModel().rows,
       globalFilter,
-      manualExpanding,
-      manualFiltering,
-      manualGrouping,
-      manualSorting,
+      pagination.pageIndex,
+      pagination.pageSize,
+      positionCreatingRow,
+      rowPinning,
       sorting,
     ],
   );
 
-  const rows = useMemo(() => {
-    let rows: MRT_Row<TData>[] = [];
-    if (!shouldRankRows) {
-      rows =
-        !enableRowPinning || rowPinningDisplayMode?.includes('sticky')
-          ? getRowModel().rows
-          : getCenterRows();
-    } else {
-      rows = getPrePaginationRowModel().rows.sort((a, b) =>
-        rankGlobalFuzzy(a, b),
-      );
-      if (enablePagination && !manualPagination) {
-        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;
-  }, [
-    creatingRow,
-    pagination.pageIndex,
-    pagination.pageSize,
-    positionCreatingRow,
-    rowPinning,
-    shouldRankRows ? getPrePaginationRowModel().rows : getRowModel().rows,
-    shouldRankRows,
-  ]);
-
   return rows;
 };

package/src/hooks/useMRT_TableInstance.ts

@@ -53,6 +53,7 @@ import { useMRT_Effects } from './useMRT_Effects';
 export const useMRT_TableInstance = <TData extends MRT_RowData>(
   definedTableOptions: MRT_DefinedTableOptions<TData>,
 ): MRT_TableInstance<TData> => {
+  const lastSelectedRowId = useRef<null | string>(null);
   const actionCellRef = useRef<HTMLTableCellElement>(null);
   const bottomToolbarRef = useRef<HTMLDivElement>(null);
   const editInputRefs = useRef<Record<string, HTMLInputElement>>({});
@@ -261,6 +262,7 @@ export const useMRT_TableInstance = <TData extends MRT_RowData>(
     bottomToolbarRef,
     editInputRefs,
     filterInputRefs,
+    lastSelectedRowId,
     searchInputRef,
     tableContainerRef,
     tableFooterRef,

package/src/hooks/useMRT_TableOptions.ts

@@ -56,6 +56,7 @@ export const useMRT_TableOptions: <TData extends MRT_RowData>(
   defaultColumn,
   defaultDisplayColumn,
   editDisplayMode = 'modal',
+  enableBatchRowSelection = true,
   enableBottomToolbar = true,
   enableColumnActions = true,
   enableColumnFilters = true,
@@ -180,6 +181,7 @@ export const useMRT_TableOptions: <TData extends MRT_RowData>(
     defaultColumn,
     defaultDisplayColumn,
     editDisplayMode,
+    enableBatchRowSelection,
     enableBottomToolbar,
     enableColumnActions,
     enableColumnFilters,

package/src/locales/ar.ts

@@ -8,6 +8,7 @@ export const MRT_Localization_AR: MRT_Localization = {
   changeSearchMode: 'تغيير وضع البحث',
   clearFilter: 'إعادة تعين المرشح',
   clearSearch: 'إعادة تعيين البحث',
+  clearSelection: 'إعادة تعيين التحديد',
   clearSort: 'إعادة تعيين الفرز',
   clickToCopy: 'انقر للنسخ',
   copy: 'نسخ',

package/src/locales/az.ts

@@ -8,6 +8,7 @@ export const MRT_Localization_AZ: MRT_Localization = {
   changeSearchMode: 'Axtarış Rejimini Dəyiş',
   clearFilter: 'Filteri təmizlə',
   clearSearch: 'Axtarışı təmizlə',
+  clearSelection: 'Seçimi təmizlə',
   clearSort: 'Sıralamanı sıfırla',
   clickToCopy: 'Köçür',
   copy: 'Köçür',

package/src/locales/bg.ts

@@ -8,6 +8,7 @@ export const MRT_Localization_BG: MRT_Localization = {
   changeSearchMode: 'Промяна на режима на търсене',
   clearFilter: 'Изчисти филтъра',
   clearSearch: 'Изчисти търсенето',
+  clearSelection: 'Изчисти избора',
   clearSort: 'Изчисти сортирането',
   clickToCopy: 'Кликни, за да копираш',
   copy: 'Копирай',

package/src/locales/cs.ts

@@ -8,6 +8,7 @@ export const MRT_Localization_CS: MRT_Localization = {
   changeSearchMode: 'Změnit režim hledání',
   clearFilter: 'Vyčistit filtr',
   clearSearch: 'Vyčistit hledání',
+  clearSelection: 'Vyčistit výběr',
   clearSort: 'vyčistit řazení',
   clickToCopy: 'Kliknutím zkopírovat',
   copy: 'Kopírovat',

package/src/locales/da.ts

@@ -8,6 +8,7 @@ export const MRT_Localization_DA: MRT_Localization = {
   changeSearchMode: 'Skift søgetilstand',
   clearFilter: 'Ryd filter',
   clearSearch: 'Ryd søgning',
+  clearSelection: 'Ryd valg',
   clearSort: 'Ryd sortering',
   clickToCopy: 'Tryk for at kopiere',
   copy: 'Kopier',

package/src/locales/de.ts

@@ -8,6 +8,7 @@ export const MRT_Localization_DE: MRT_Localization = {
   changeSearchMode: 'Suchmodus ändern',
   clearFilter: 'Filter zurücksetzen',
   clearSearch: 'Suche zurücksetzen',
+  clearSelection: 'Auswahl zurücksetzen',
   clearSort: 'Sortierung zurücksetzen',
   clickToCopy: 'Kopieren',
   copy: 'Kopieren',