material-react-table 1.0.11 → 1.1.0-beta.1

package/dist/esm/table/MRT_TableRoot.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { MRT_Cell, MRT_Column, MRT_ColumnDef, MRT_FilterOption, MRT_Row, MRT_TableInstance, MRT_TableState, MaterialReactTableProps, MRT_Localization } from '..';
-export declare const MRT_TableRoot: <TData extends Record<string, any> = {}>(props: Omit<Partial<import("@tanstack/table-core").TableOptions<TData>>, "state" | "data" | "onStateChange" | "initialState" | "columns" | "defaultColumn" | "enableRowSelection" | "expandRowsFn"> & {
+export declare const MRT_TableRoot: <TData extends Record<string, any> = {}>(props: Omit<Partial<import("@tanstack/table-core").TableOptions<TData>>, "initialState" | "state" | "onStateChange" | "data" | "columns" | "defaultColumn" | "enableRowSelection" | "expandRowsFn"> & {
     columnFilterModeOptions?: (string | (string & Record<never, never>))[] | null | undefined;
     columns: MRT_ColumnDef<TData>[];
     data: TData[];
@@ -13,7 +13,7 @@ export declare const MRT_TableRoot: <TData extends Record<string, any> = {}>(pro
         "mrt-row-select": Partial<MRT_ColumnDef<{}>>;
         "mrt-row-numbers": Partial<MRT_ColumnDef<{}>>;
     }> | undefined;
-    editingMode?: "cell" | "row" | "table" | "modal" | undefined;
+    editingMode?: "row" | "cell" | "table" | "modal" | undefined;
     enableBottomToolbar?: boolean | undefined;
     enableClickToCopy?: boolean | undefined;
     enableColumnActions?: boolean | undefined;
@@ -45,6 +45,7 @@ export declare const MRT_TableRoot: <TData extends Record<string, any> = {}>(pro
     icons?: Partial<import("..").MRT_Icons> | undefined;
     initialState?: Partial<MRT_TableState<TData>> | undefined;
     localization?: Partial<MRT_Localization> | undefined;
+    memoMode?: "row" | "cell" | "table-body" | undefined;
     muiBottomToolbarProps?: import("@mui/material").ToolbarProps<"div", {}> | (({ table }: {
         table: MRT_TableInstance<TData>;
     }) => import("@mui/material").ToolbarProps<"div", {}>) | undefined;
@@ -65,10 +66,10 @@ export declare const MRT_TableRoot: <TData extends Record<string, any> = {}>(pro
     muiSelectAllCheckboxProps?: import("@mui/material").CheckboxProps | (({ table }: {
         table: MRT_TableInstance<TData>;
     }) => import("@mui/material").CheckboxProps) | undefined;
-    muiSelectCheckboxProps?: import("@mui/material").CheckboxProps | (({ table, row, }: {
+    muiSelectCheckboxProps?: import("@mui/material").CheckboxProps | import("@mui/material").RadioProps | (({ table, row, }: {
         table: MRT_TableInstance<TData>;
         row: MRT_Row<TData>;
-    }) => import("@mui/material").CheckboxProps) | undefined;
+    }) => import("@mui/material").CheckboxProps | import("@mui/material").RadioProps) | undefined;
     muiTableBodyCellCopyButtonProps?: import("@mui/material").ButtonProps<"button", {}> | (({ cell, column, row, table, }: {
         cell: MRT_Cell<TData>;
         column: MRT_Column<TData>;

package/dist/index.d.ts

@@ -1,43 +1,10 @@
 import { MutableRefObject, Dispatch, SetStateAction, ReactNode } from 'react';
-import { ButtonProps, TextFieldProps, TableCellProps, IconButtonProps, CheckboxProps, ToolbarProps, LinearProgressProps, SkeletonProps, TableBodyProps, TableRowProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, PaperProps, TableProps, ChipProps, AlertProps } from '@mui/material';
+import { ButtonProps, TextFieldProps, TableCellProps, IconButtonProps, CheckboxProps, ToolbarProps, LinearProgressProps, RadioProps, SkeletonProps, TableBodyProps, TableRowProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, PaperProps, TableProps, ChipProps, AlertProps } from '@mui/material';
 import { Row, Table, TableState, ColumnDef, DeepKeys, Column, Header, HeaderGroup, Cell, SortingFn, FilterFn, TableOptions, OnChangeFn } from '@tanstack/react-table';
 import { Options, VirtualItem } from 'react-virtual';
 import * as _tanstack_table_core from '@tanstack/table-core';
 import { RankingInfo } from '@tanstack/match-sorter-utils';
 
-interface MRT_Icons {
-    ArrowRightIcon: any;
-    CancelIcon: any;
-    CheckBoxIcon: any;
-    ClearAllIcon: any;
-    CloseIcon: any;
-    DensityLargeIcon: any;
-    DensityMediumIcon: any;
-    DensitySmallIcon: any;
-    KeyboardDoubleArrowDownIcon: any;
-    DragHandleIcon: any;
-    DynamicFeedIcon: any;
-    EditIcon: any;
-    ExpandLessIcon: any;
-    ExpandMoreIcon: any;
-    FilterAltIcon: any;
-    FilterAltOffIcon: any;
-    FilterListIcon: any;
-    FilterListOffIcon: any;
-    FullscreenExitIcon: any;
-    FullscreenIcon: any;
-    MoreHorizIcon: any;
-    MoreVertIcon: any;
-    PushPinIcon: any;
-    RestartAltIcon: any;
-    SaveIcon: any;
-    SearchIcon: any;
-    SearchOffIcon: any;
-    SortIcon: any;
-    ViewColumnIcon: any;
-    VisibilityOffIcon: any;
-}
-
 declare const MRT_FilterFns: {
     between: {
         <TData extends Record<string, any> = {}>(row: Row<TData>, id: string, filterValues: [string | number, string | number]): boolean;
@@ -105,6 +72,39 @@ declare const MRT_FilterFns: {
     inNumberRange: _tanstack_table_core.FilterFn<any>;
 };
 
+interface MRT_Icons {
+    ArrowRightIcon: any;
+    CancelIcon: any;
+    CheckBoxIcon: any;
+    ClearAllIcon: any;
+    CloseIcon: any;
+    DensityLargeIcon: any;
+    DensityMediumIcon: any;
+    DensitySmallIcon: any;
+    KeyboardDoubleArrowDownIcon: any;
+    DragHandleIcon: any;
+    DynamicFeedIcon: any;
+    EditIcon: any;
+    ExpandLessIcon: any;
+    ExpandMoreIcon: any;
+    FilterAltIcon: any;
+    FilterAltOffIcon: any;
+    FilterListIcon: any;
+    FilterListOffIcon: any;
+    FullscreenExitIcon: any;
+    FullscreenIcon: any;
+    MoreHorizIcon: any;
+    MoreVertIcon: any;
+    PushPinIcon: any;
+    RestartAltIcon: any;
+    SaveIcon: any;
+    SearchIcon: any;
+    SearchOffIcon: any;
+    SortIcon: any;
+    ViewColumnIcon: any;
+    VisibilityOffIcon: any;
+}
+
 declare const MRT_SortingFns: {
     fuzzy: <TData extends Record<string, any> = {}>(rowA: Row<TData>, rowB: Row<TData>, columnId: string) => number;
     alphanumeric: _tanstack_table_core.SortingFn<any>;
@@ -439,7 +439,7 @@ declare type MRT_ColumnDef<TData extends Record<string, any> = {}> = Omit<Column
         onSelectFilterMode: (filterMode: MRT_FilterOption) => void;
         table: MRT_TableInstance<TData>;
     }) => ReactNode[];
-    sortingFn?: MRT_SortingFn;
+    sortingFn?: MRT_SortingFn<TData>;
 };
 declare type MRT_DefinedColumnDef<TData extends Record<string, any> = {}> = Omit<MRT_ColumnDef<TData>, 'id' | 'defaultDisplayColumn'> & {
     defaultDisplayColumn: Partial<MRT_ColumnDef<TData>>;
@@ -558,6 +558,13 @@ declare type MaterialReactTableProps<TData extends Record<string, any> = {}> = O
      * @link https://www.material-react-table.com/docs/guides/localization
      */
     localization?: Partial<MRT_Localization>;
+    /**
+     * Memoize cells, rows, or the entire table body to potentially improve render performance.
+     *
+     * @warning This will break some dynamic rendering features. See the memoization guide for more info:
+     * @link https://www.material-react-table.com/docs/guides/memoize-components
+     */
+    memoMode?: 'cell' | 'row' | 'table-body';
     muiBottomToolbarProps?: ToolbarProps | (({ table }: {
         table: MRT_TableInstance<TData>;
     }) => ToolbarProps);
@@ -578,10 +585,10 @@ declare type MaterialReactTableProps<TData extends Record<string, any> = {}> = O
     muiSelectAllCheckboxProps?: CheckboxProps | (({ table }: {
         table: MRT_TableInstance<TData>;
     }) => CheckboxProps);
-    muiSelectCheckboxProps?: CheckboxProps | (({ table, row, }: {
+    muiSelectCheckboxProps?: (CheckboxProps | RadioProps) | (({ table, row, }: {
         table: MRT_TableInstance<TData>;
         row: MRT_Row<TData>;
-    }) => CheckboxProps);
+    }) => CheckboxProps | RadioProps);
     muiTableBodyCellCopyButtonProps?: ButtonProps | (({ cell, column, row, table, }: {
         cell: MRT_Cell<TData>;
         column: MRT_Column<TData>;

package/locales/ja.d.ts

@@ -0,0 +1,2 @@
+import { MRT_Localization } from '../MaterialReactTable';
+export declare const MRT_Localization_JA: MRT_Localization;

package/locales/ja.esm.d.ts

@@ -0,0 +1,2 @@
+import { MRT_Localization } from '../MaterialReactTable';
+export declare const MRT_Localization_JA: MRT_Localization;

package/locales/ja.esm.js

@@ -0,0 +1,92 @@
+const MRT_Localization_JA = {
+    actions: '操作',
+    and: 'と',
+    cancel: 'キャンセル',
+    changeFilterMode: '検索モードを変更',
+    changeSearchMode: '検索モードを変更',
+    clearFilter: 'リセット',
+    clearSearch: 'リセット',
+    clearSort: '並べ替えを解除',
+    clickToCopy: 'クリックでコピー',
+    columnActions: '操作',
+    copiedToClipboard: 'クリップボードにコピーしました',
+    dropToGroupBy: 'ドロップで{column}をグループ化',
+    edit: '編集',
+    expand: '展開',
+    expandAll: 'すべて展開',
+    filterArrIncludes: '含む',
+    filterArrIncludesAll: '全て含む',
+    filterArrIncludesSome: '含む',
+    filterBetween: '最大最小',
+    filterBetweenInclusive: '間を含む',
+    filterByColumn: '{column}を検索',
+    filterContains: '含まれる',
+    filterEmpty: '空',
+    filterEndsWith: 'で終わる',
+    filterEquals: '一致',
+    filterEqualsString: '一致',
+    filterFuzzy: 'あいまい検索',
+    filterGreaterThan: 'より大きい',
+    filterGreaterThanOrEqualTo: '以上',
+    filterInNumberRange: '間',
+    filterIncludesString: '含む',
+    filterIncludesStringSensitive: '含む',
+    filterLessThan: 'より少ない',
+    filterLessThanOrEqualTo: '以下',
+    filterMode: '検索モード:{filterType}',
+    filterNotEmpty: '空ではない',
+    filterNotEquals: '不一致',
+    filterStartsWith: 'で始まる',
+    filterWeakEquals: '等しい',
+    filteringByColumn: '{column}によるフィルタリング - {filterType}{filterValue}',
+    goToFirstPage: '最初のページへ移動',
+    goToLastPage: '最後のページへ移動',
+    goToNextPage: '次のページへ移動',
+    goToPreviousPage: '前のページに移動',
+    grab: '掴む',
+    groupByColumn: '{column}をグループ化',
+    groupedBy: 'グループ化',
+    hideAll: '全て隠す',
+    hideColumn: '{column}を隠す',
+    max: '最大',
+    min: '最小',
+    move: '移動',
+    noRecordsToDisplay: '表示するレコードがありません',
+    noResultsFound: '結果なし',
+    of: '/',
+    or: 'または',
+    pinToLeft: '左に固定',
+    pinToRight: '右に固定',
+    resetColumnSize: '列のサイズをリセット',
+    resetOrder: '並べ替えをリセット',
+    rowActions: '行の操作',
+    rowNumber: 'No.',
+    rowNumbers: '行番号',
+    rowsPerPage: '表示件数',
+    save: '保存',
+    search: '検索',
+    selectedCountOfRowCountRowsSelected: '{rowCount}行中{selectedCount}行が選択されました',
+    select: '選択',
+    showAll: '全て表示',
+    showAllColumns: 'すべての列を表示',
+    showHideColumns: '列の表示状態',
+    showHideFilters: '検索バーを表示',
+    showHideSearch: '検索',
+    sortByColumnAsc: '{column}を昇順でを並べ替え',
+    sortByColumnDesc: '{column}を降順でを並べ替え',
+    sortedByColumnAsc: '{column}を昇順でを並べ替え',
+    sortedByColumnDesc: '{column}を降順でを並べ替え',
+    thenBy: 'さらに',
+    toggleDensity: 'テーブルの高さを変更',
+    toggleFullScreen: 'フルスクリーン切り替え',
+    toggleSelectAll: 'すべて選択',
+    toggleSelectRow: '選択',
+    toggleVisibility: '表示を切り替え',
+    ungroupByColumn: '{column}のグループ解除',
+    unpin: '固定を解除',
+    unpinAll: 'すべての固定を解除',
+    unsorted: '並べ替える',
+};
+
+export { MRT_Localization_JA };
+//# sourceMappingURL=ja.esm.js.map

package/locales/ja.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ja.esm.js","sources":["../src/_locales/ja.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/locales/ja.js

@@ -0,0 +1,96 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const MRT_Localization_JA = {
+    actions: '操作',
+    and: 'と',
+    cancel: 'キャンセル',
+    changeFilterMode: '検索モードを変更',
+    changeSearchMode: '検索モードを変更',
+    clearFilter: 'リセット',
+    clearSearch: 'リセット',
+    clearSort: '並べ替えを解除',
+    clickToCopy: 'クリックでコピー',
+    columnActions: '操作',
+    copiedToClipboard: 'クリップボードにコピーしました',
+    dropToGroupBy: 'ドロップで{column}をグループ化',
+    edit: '編集',
+    expand: '展開',
+    expandAll: 'すべて展開',
+    filterArrIncludes: '含む',
+    filterArrIncludesAll: '全て含む',
+    filterArrIncludesSome: '含む',
+    filterBetween: '最大最小',
+    filterBetweenInclusive: '間を含む',
+    filterByColumn: '{column}を検索',
+    filterContains: '含まれる',
+    filterEmpty: '空',
+    filterEndsWith: 'で終わる',
+    filterEquals: '一致',
+    filterEqualsString: '一致',
+    filterFuzzy: 'あいまい検索',
+    filterGreaterThan: 'より大きい',
+    filterGreaterThanOrEqualTo: '以上',
+    filterInNumberRange: '間',
+    filterIncludesString: '含む',
+    filterIncludesStringSensitive: '含む',
+    filterLessThan: 'より少ない',
+    filterLessThanOrEqualTo: '以下',
+    filterMode: '検索モード:{filterType}',
+    filterNotEmpty: '空ではない',
+    filterNotEquals: '不一致',
+    filterStartsWith: 'で始まる',
+    filterWeakEquals: '等しい',
+    filteringByColumn: '{column}によるフィルタリング - {filterType}{filterValue}',
+    goToFirstPage: '最初のページへ移動',
+    goToLastPage: '最後のページへ移動',
+    goToNextPage: '次のページへ移動',
+    goToPreviousPage: '前のページに移動',
+    grab: '掴む',
+    groupByColumn: '{column}をグループ化',
+    groupedBy: 'グループ化',
+    hideAll: '全て隠す',
+    hideColumn: '{column}を隠す',
+    max: '最大',
+    min: '最小',
+    move: '移動',
+    noRecordsToDisplay: '表示するレコードがありません',
+    noResultsFound: '結果なし',
+    of: '/',
+    or: 'または',
+    pinToLeft: '左に固定',
+    pinToRight: '右に固定',
+    resetColumnSize: '列のサイズをリセット',
+    resetOrder: '並べ替えをリセット',
+    rowActions: '行の操作',
+    rowNumber: 'No.',
+    rowNumbers: '行番号',
+    rowsPerPage: '表示件数',
+    save: '保存',
+    search: '検索',
+    selectedCountOfRowCountRowsSelected: '{rowCount}行中{selectedCount}行が選択されました',
+    select: '選択',
+    showAll: '全て表示',
+    showAllColumns: 'すべての列を表示',
+    showHideColumns: '列の表示状態',
+    showHideFilters: '検索バーを表示',
+    showHideSearch: '検索',
+    sortByColumnAsc: '{column}を昇順でを並べ替え',
+    sortByColumnDesc: '{column}を降順でを並べ替え',
+    sortedByColumnAsc: '{column}を昇順でを並べ替え',
+    sortedByColumnDesc: '{column}を降順でを並べ替え',
+    thenBy: 'さらに',
+    toggleDensity: 'テーブルの高さを変更',
+    toggleFullScreen: 'フルスクリーン切り替え',
+    toggleSelectAll: 'すべて選択',
+    toggleSelectRow: '選択',
+    toggleVisibility: '表示を切り替え',
+    ungroupByColumn: '{column}のグループ解除',
+    unpin: '固定を解除',
+    unpinAll: 'すべての固定を解除',
+    unsorted: '並べ替える',
+};
+
+exports.MRT_Localization_JA = MRT_Localization_JA;
+//# sourceMappingURL=ja.js.map

package/locales/ja.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ja.js","sources":["../src/_locales/ja.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.11",
+  "version": "1.1.0-beta.1",
   "license": "MIT",
   "name": "material-react-table",
   "description": "A fully featured Material UI V5 implementation of TanStack React Table V8, written from the ground up in TypeScript.",
@@ -50,26 +50,26 @@
     "storybook": "start-storybook -p 6006"
   },
   "devDependencies": {
-    "@babel/core": "^7.19.0",
+    "@babel/core": "^7.19.1",
     "@babel/preset-react": "^7.18.6",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
     "@faker-js/faker": "^7.5.0",
-    "@mui/icons-material": "^5.10.3",
-    "@mui/material": "^5.10.5",
+    "@mui/icons-material": "^5.10.6",
+    "@mui/material": "^5.10.6",
     "@rollup/plugin-babel": "^5.3.1",
     "@rollup/plugin-node-resolve": "^14.1.0",
     "@rollup/plugin-typescript": "^8.5.0",
     "@size-limit/preset-small-lib": "^8.1.0",
-    "@storybook/addon-a11y": "^6.5.10",
-    "@storybook/addon-actions": "^6.5.10",
-    "@storybook/addon-essentials": "^6.5.10",
+    "@storybook/addon-a11y": "^6.5.12",
+    "@storybook/addon-actions": "^6.5.12",
+    "@storybook/addon-essentials": "^6.5.12",
     "@storybook/addon-info": "^5.3.21",
-    "@storybook/addon-links": "^6.5.10",
-    "@storybook/addon-storysource": "^6.5.10",
-    "@storybook/addons": "^6.5.10",
-    "@storybook/react": "^6.5.10",
-    "@types/react": "^18.0.19",
+    "@storybook/addon-links": "^6.5.12",
+    "@storybook/addon-storysource": "^6.5.12",
+    "@storybook/addons": "^6.5.12",
+    "@storybook/react": "^6.5.12",
+    "@types/react": "^18.0.20",
     "@types/react-dom": "^18.0.6",
     "babel-loader": "^8.2.5",
     "eslint": "^8.23.1",
@@ -84,7 +84,7 @@
     "rollup-plugin-dts": "^4.2.2",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "size-limit": "^8.1.0",
-    "storybook-dark-mode": "^1.1.0",
+    "storybook-dark-mode": "^1.1.2",
     "tslib": "^2.4.0",
     "typescript": "^4.8.3"
   },

package/src/MaterialReactTable.tsx

@@ -13,6 +13,7 @@ import type {
   IconButtonProps,
   LinearProgressProps,
   PaperProps,
+  RadioProps,
   SkeletonProps,
   TableBodyProps,
   TableCellProps,
@@ -43,12 +44,12 @@ import type {
 import type { Options as VirtualizerOptions, VirtualItem } from 'react-virtual';
 // import type { VirtualizerOptions } from '@tanstack/react-virtual';
 import { MRT_AggregationFns } from './aggregationFns';
-import { MRT_Default_Icons, MRT_Icons } from './icons';
+import { MRT_DefaultColumn, MRT_DefaultDisplayColumn } from './column.utils';
 import { MRT_FilterFns } from './filterFns';
-import { MRT_Localization_EN } from './_locales/en';
+import { MRT_Default_Icons, MRT_Icons } from './icons';
 import { MRT_SortingFns } from './sortingFns';
 import { MRT_TableRoot } from './table/MRT_TableRoot';
-import { MRT_DefaultColumn, MRT_DefaultDisplayColumn } from './column.utils';
+import { MRT_Localization_EN } from './_locales/en';
 
 /**
  * Most of this file is just TypeScript types
@@ -499,7 +500,7 @@ export type MRT_ColumnDef<TData extends Record<string, any> = {}> = Omit<
     onSelectFilterMode: (filterMode: MRT_FilterOption) => void;
     table: MRT_TableInstance<TData>;
   }) => ReactNode[];
-  sortingFn?: MRT_SortingFn;
+  sortingFn?: MRT_SortingFn<TData>;
 };
 
 export type MRT_DefinedColumnDef<TData extends Record<string, any> = {}> = Omit<
@@ -668,11 +669,18 @@ export type MaterialReactTableProps<TData extends Record<string, any> = {}> =
     initialState?: Partial<MRT_TableState<TData>>;
     /**
      * Pass in either a locale imported from `material-react-table/locales/*` or a custom locale object.
-     * 
+     *
      * See the localization (i18n) guide for more info:
      * @link https://www.material-react-table.com/docs/guides/localization
      */
     localization?: Partial<MRT_Localization>;
+    /**
+     * Memoize cells, rows, or the entire table body to potentially improve render performance.
+     *
+     * @warning This will break some dynamic rendering features. See the memoization guide for more info:
+     * @link https://www.material-react-table.com/docs/guides/memoize-components
+     */
+    memoMode?: 'cell' | 'row' | 'table-body';
     muiBottomToolbarProps?:
       | ToolbarProps
       | (({ table }: { table: MRT_TableInstance<TData> }) => ToolbarProps);
@@ -704,14 +712,14 @@ export type MaterialReactTableProps<TData extends Record<string, any> = {}> =
       | CheckboxProps
       | (({ table }: { table: MRT_TableInstance<TData> }) => CheckboxProps);
     muiSelectCheckboxProps?:
-      | CheckboxProps
+      | (CheckboxProps | RadioProps)
       | (({
           table,
           row,
         }: {
           table: MRT_TableInstance<TData>;
           row: MRT_Row<TData>;
-        }) => CheckboxProps);
+        }) => CheckboxProps | RadioProps);
     muiTableBodyCellCopyButtonProps?:
       | ButtonProps
       | (({

package/src/_locales/ja.ts

@@ -1 +1,92 @@
-//Not supported yet, but if you want to help, copy en.ts file contents here and translate, then make a PR
+import { MRT_Localization } from '../MaterialReactTable';
+
+export const MRT_Localization_JA: MRT_Localization = {
+  actions: '操作',
+  and: 'と',
+  cancel: 'キャンセル',
+  changeFilterMode: '検索モードを変更',
+  changeSearchMode: '検索モードを変更',
+  clearFilter: 'リセット',
+  clearSearch: 'リセット',
+  clearSort: '並べ替えを解除',
+  clickToCopy: 'クリックでコピー',
+  columnActions: '操作',
+  copiedToClipboard: 'クリップボードにコピーしました',
+  dropToGroupBy: 'ドロップで{column}をグループ化',
+  edit: '編集',
+  expand: '展開',
+  expandAll: 'すべて展開',
+  filterArrIncludes: '含む',
+  filterArrIncludesAll: '全て含む',
+  filterArrIncludesSome: '含む',
+  filterBetween: '最大最小',
+  filterBetweenInclusive: '間を含む',
+  filterByColumn: '{column}を検索',
+  filterContains: '含まれる',
+  filterEmpty: '空',
+  filterEndsWith: 'で終わる',
+  filterEquals: '一致',
+  filterEqualsString: '一致',
+  filterFuzzy: 'あいまい検索',
+  filterGreaterThan: 'より大きい',
+  filterGreaterThanOrEqualTo: '以上',
+  filterInNumberRange: '間',
+  filterIncludesString: '含む',
+  filterIncludesStringSensitive: '含む',
+  filterLessThan: 'より少ない',
+  filterLessThanOrEqualTo: '以下',
+  filterMode: '検索モード:{filterType}',
+  filterNotEmpty: '空ではない',
+  filterNotEquals: '不一致',
+  filterStartsWith: 'で始まる',
+  filterWeakEquals: '等しい',
+  filteringByColumn: '{column}によるフィルタリング - {filterType}{filterValue}',
+  goToFirstPage: '最初のページへ移動',
+  goToLastPage: '最後のページへ移動',
+  goToNextPage: '次のページへ移動',
+  goToPreviousPage: '前のページに移動',
+  grab: '掴む',
+  groupByColumn: '{column}をグループ化',
+  groupedBy: 'グループ化',
+  hideAll: '全て隠す',
+  hideColumn: '{column}を隠す',
+  max: '最大',
+  min: '最小',
+  move: '移動',
+  noRecordsToDisplay: '表示するレコードがありません',
+  noResultsFound: '結果なし',
+  of: '/',
+  or: 'または',
+  pinToLeft: '左に固定',
+  pinToRight: '右に固定',
+  resetColumnSize: '列のサイズをリセット',
+  resetOrder: '並べ替えをリセット',
+  rowActions: '行の操作',
+  rowNumber: 'No.',
+  rowNumbers: '行番号',
+  rowsPerPage: '表示件数',
+  save: '保存',
+  search: '検索',
+  selectedCountOfRowCountRowsSelected:
+    '{rowCount}行中{selectedCount}行が選択されました',
+  select: '選択',
+  showAll: '全て表示',
+  showAllColumns: 'すべての列を表示',
+  showHideColumns: '列の表示状態',
+  showHideFilters: '検索バーを表示',
+  showHideSearch: '検索',
+  sortByColumnAsc: '{column}を昇順でを並べ替え',
+  sortByColumnDesc: '{column}を降順でを並べ替え',
+  sortedByColumnAsc: '{column}を昇順でを並べ替え',
+  sortedByColumnDesc: '{column}を降順でを並べ替え',
+  thenBy: 'さらに',
+  toggleDensity: 'テーブルの高さを変更',
+  toggleFullScreen: 'フルスクリーン切り替え',
+  toggleSelectAll: 'すべて選択',
+  toggleSelectRow: '選択',
+  toggleVisibility: '表示を切り替え',
+  ungroupByColumn: '{column}のグループ解除',
+  unpin: '固定を解除',
+  unpinAll: 'すべての固定を解除',
+  unsorted: '並べ替える',
+};

package/src/body/MRT_TableBody.tsx

@@ -1,8 +1,8 @@
-import React, { FC, useMemo } from 'react';
+import React, { FC, memo, useMemo } from 'react';
 import { useVirtual } from 'react-virtual'; //stuck on v2 for now
 // import { useVirtualizer, Virtualizer } from '@tanstack/react-virtual';
 import { TableBody, Typography } from '@mui/material';
-import { MRT_TableBodyRow } from './MRT_TableBodyRow';
+import { Memo_MRT_TableBodyRow, MRT_TableBodyRow } from './MRT_TableBodyRow';
 import { rankGlobalFuzzy } from '../sortingFns';
 import type { MRT_Row, MRT_TableInstance } from '..';
 
@@ -22,6 +22,7 @@ export const MRT_TableBody: FC<Props> = ({ table }) => {
       localization,
       manualFiltering,
       manualSorting,
+      memoMode,
       muiTableBodyProps,
       virtualizerInstanceRef,
       virtualizerProps,
@@ -148,16 +149,19 @@ export const MRT_TableBody: FC<Props> = ({ table }) => {
               const row = enableRowVirtualization
                 ? (rows[rowOrVirtualRow.index] as MRT_Row)
                 : (rowOrVirtualRow as MRT_Row);
-              return (
-                <MRT_TableBodyRow
-                  key={row.id}
-                  row={row}
-                  rowIndex={
-                    enableRowVirtualization ? rowOrVirtualRow.index : rowIndex
-                  }
-                  table={table}
-                  virtualRow={enableRowVirtualization ? rowOrVirtualRow : null}
-                />
+              const props = {
+                key: row.id,
+                row,
+                rowIndex: enableRowVirtualization
+                  ? rowOrVirtualRow.index
+                  : rowIndex,
+                table,
+                virtualRow: enableRowVirtualization ? rowOrVirtualRow : null,
+              };
+              return memoMode === 'row' ? (
+                <Memo_MRT_TableBodyRow {...props} />
+              ) : (
+                <MRT_TableBodyRow {...props} />
               );
             },
           )}
@@ -171,3 +175,5 @@ export const MRT_TableBody: FC<Props> = ({ table }) => {
     </TableBody>
   );
 };
+
+export const Memo_MRT_TableBody = memo(MRT_TableBody, () => true);