material-react-table 2.0.0-beta.8 → 2.0.0-beta.9

package/locales/zh-Hans.js

@@ -1,16 +1,18 @@
+'use strict';
+
 const MRT_Localization_ZH_HANS = {
     actions: '动作',
     and: '与',
     cancel: '取消',
     changeFilterMode: '更改过滤模式',
-    changeSearchMode: '更改搜寻模式',
+    changeSearchMode: '更改搜索模式',
     clearFilter: '清除过滤',
-    clearSearch: '清除搜寻',
+    clearSearch: '清除搜索',
     clearSort: '清除排序',
     clickToCopy: '点击以复制',
     collapse: '折叠',
     collapseAll: '全部折叠',
-    columnActions: '栏位动作',
+    columnActions: '列动作',
     copiedToClipboard: '已复制至剪贴板',
     dropToGroupBy: '拖放以按 {column} 分组',
     edit: '编辑',
@@ -40,7 +42,7 @@ const MRT_Localization_ZH_HANS = {
     filterNotEquals: '不等于',
     filterStartsWith: '开首为',
     filterWeakEquals: '等于',
-    filteringByColumn: '正以 {column} 过滤：{filterType} {filterValue}',
+    filteringByColumn: '以 {column} 过滤：{filterType} {filterValue}',
     goToFirstPage: '到第一页',
     goToLastPage: '到最后一页',
     goToNextPage: '下一页',
@@ -49,7 +51,7 @@ const MRT_Localization_ZH_HANS = {
     groupByColumn: '按 {column} 分组',
     groupedBy: '分组依据 ',
     hideAll: '隐藏全部',
-    hideColumn: '隐藏 {column} 栏位',
+    hideColumn: '隐藏 {column} 列',
     max: '最大',
     min: '最小',
     move: '移动',
@@ -60,34 +62,34 @@ const MRT_Localization_ZH_HANS = {
     pin: '固定',
     pinToLeft: '固定至左边',
     pinToRight: '固定至右边',
-    resetColumnSize: '重置栏位大小',
+    resetColumnSize: '重置列大小',
     resetOrder: '重置排序',
-    rowActions: '横列动作',
+    rowActions: '行动作',
     rowNumber: '#',
-    rowNumbers: '横列号码',
-    rowsPerPage: '每页横列数目',
-    save: '储存',
-    search: '搜寻',
-    selectedCountOfRowCountRowsSelected: '已选择横列：{selectedCount}/{rowCount}',
+    rowNumbers: '行号码',
+    rowsPerPage: '每页行数',
+    save: '保存',
+    search: '搜索',
+    selectedCountOfRowCountRowsSelected: '已选择行：{selectedCount}/{rowCount}',
     select: '选择',
     showAll: '显示全部',
-    showAllColumns: '显示全部栏位',
-    showHideColumns: '显示/隐藏 栏位',
+    showAllColumns: '显示全部列',
+    showHideColumns: '显示/隐藏 列',
     showHideFilters: '显示/隐藏 过滤条件',
-    showHideSearch: '显示/隐藏 搜寻条件',
+    showHideSearch: '显示/隐藏 搜索条件',
     sortByColumnAsc: '按 {column} 顺序排序',
     sortByColumnDesc: '按 {column} 倒序排序',
     sortedByColumnAsc: '已按 {column} 顺序排序',
     sortedByColumnDesc: '已按 {column} 倒序排序',
     thenBy: '，然后以',
-    toggleDensity: '切换密度',
+    toggleDensity: '切换间距',
     toggleFullScreen: '切换全屏',
     toggleSelectAll: '切换选择全部',
-    toggleSelectRow: '切换选择横列',
+    toggleSelectRow: '切换选择行',
     toggleVisibility: '切换可见度',
     ungroupByColumn: '取消按 {column} 分组',
     unpin: '取消固定',
     unpinAll: '全部取消固定',
 };
 
-export { MRT_Localization_ZH_HANS };
+exports.MRT_Localization_ZH_HANS = MRT_Localization_ZH_HANS;

package/locales/{zh-Hans/index.esm.js → zh-Hans.mjs}

@@ -3,14 +3,14 @@ const MRT_Localization_ZH_HANS = {
     and: '与',
     cancel: '取消',
     changeFilterMode: '更改过滤模式',
-    changeSearchMode: '更改搜寻模式',
+    changeSearchMode: '更改搜索模式',
     clearFilter: '清除过滤',
-    clearSearch: '清除搜寻',
+    clearSearch: '清除搜索',
     clearSort: '清除排序',
     clickToCopy: '点击以复制',
     collapse: '折叠',
     collapseAll: '全部折叠',
-    columnActions: '栏位动作',
+    columnActions: '列动作',
     copiedToClipboard: '已复制至剪贴板',
     dropToGroupBy: '拖放以按 {column} 分组',
     edit: '编辑',
@@ -40,7 +40,7 @@ const MRT_Localization_ZH_HANS = {
     filterNotEquals: '不等于',
     filterStartsWith: '开首为',
     filterWeakEquals: '等于',
-    filteringByColumn: '正以 {column} 过滤：{filterType} {filterValue}',
+    filteringByColumn: '以 {column} 过滤：{filterType} {filterValue}',
     goToFirstPage: '到第一页',
     goToLastPage: '到最后一页',
     goToNextPage: '下一页',
@@ -49,7 +49,7 @@ const MRT_Localization_ZH_HANS = {
     groupByColumn: '按 {column} 分组',
     groupedBy: '分组依据 ',
     hideAll: '隐藏全部',
-    hideColumn: '隐藏 {column} 栏位',
+    hideColumn: '隐藏 {column} 列',
     max: '最大',
     min: '最小',
     move: '移动',
@@ -60,30 +60,30 @@ const MRT_Localization_ZH_HANS = {
     pin: '固定',
     pinToLeft: '固定至左边',
     pinToRight: '固定至右边',
-    resetColumnSize: '重置栏位大小',
+    resetColumnSize: '重置列大小',
     resetOrder: '重置排序',
-    rowActions: '横列动作',
+    rowActions: '行动作',
     rowNumber: '#',
-    rowNumbers: '横列号码',
-    rowsPerPage: '每页横列数目',
-    save: '储存',
-    search: '搜寻',
-    selectedCountOfRowCountRowsSelected: '已选择横列：{selectedCount}/{rowCount}',
+    rowNumbers: '行号码',
+    rowsPerPage: '每页行数',
+    save: '保存',
+    search: '搜索',
+    selectedCountOfRowCountRowsSelected: '已选择行：{selectedCount}/{rowCount}',
     select: '选择',
     showAll: '显示全部',
-    showAllColumns: '显示全部栏位',
-    showHideColumns: '显示/隐藏 栏位',
+    showAllColumns: '显示全部列',
+    showHideColumns: '显示/隐藏 列',
     showHideFilters: '显示/隐藏 过滤条件',
-    showHideSearch: '显示/隐藏 搜寻条件',
+    showHideSearch: '显示/隐藏 搜索条件',
     sortByColumnAsc: '按 {column} 顺序排序',
     sortByColumnDesc: '按 {column} 倒序排序',
     sortedByColumnAsc: '已按 {column} 顺序排序',
     sortedByColumnDesc: '已按 {column} 倒序排序',
     thenBy: '，然后以',
-    toggleDensity: '切换密度',
+    toggleDensity: '切换间距',
     toggleFullScreen: '切换全屏',
     toggleSelectAll: '切换选择全部',
-    toggleSelectRow: '切换选择横列',
+    toggleSelectRow: '切换选择行',
     toggleVisibility: '切换可见度',
     ungroupByColumn: '取消按 {column} 分组',
     unpin: '取消固定',

package/locales/{zh-Hant/index.d.ts → zh-Hant.d.ts}

@@ -1,3 +1,3 @@
-import { type MRT_Localization } from '../..';
+import { type MRT_Localization } from '..';
 export declare const MRT_Localization_ZH_HANT: MRT_Localization;
   

package/locales/zh-Hant.js

@@ -1,3 +1,5 @@
+'use strict';
+
 const MRT_Localization_ZH_HANT = {
     actions: '動作',
     and: '與',
@@ -90,4 +92,4 @@ const MRT_Localization_ZH_HANT = {
     unpinAll: '全部取消固定',
 };
 
-export { MRT_Localization_ZH_HANT };
+exports.MRT_Localization_ZH_HANT = MRT_Localization_ZH_HANT;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.0.0-beta.8",
+  "version": "2.0.0-beta.9",
   "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.",
@@ -34,7 +34,181 @@
       "default": "./dist/cjs/index.js"
     },
     "./package.json": "./package.json",
-    "./locales/*": "./locales/*"
+    "./locales/ar": {
+      "import": "./locales/ar.mjs",
+      "default": "./locales/ar.js",
+      "types": "./locales/ar.d.ts"
+    },
+    "./locales/az": {
+      "import": "./locales/az.mjs",
+      "default": "./locales/az.js",
+      "types": "./locales/az.d.ts"
+    },
+    "./locales/bg": {
+      "import": "./locales/bg.mjs",
+      "default": "./locales/bg.js",
+      "types": "./locales/bg.d.ts"
+    },
+    "./locales/cs": {
+      "import": "./locales/cs.mjs",
+      "default": "./locales/cs.js",
+      "types": "./locales/cs.d.ts"
+    },
+    "./locales/da": {
+      "import": "./locales/da.mjs",
+      "default": "./locales/da.js",
+      "types": "./locales/da.d.ts"
+    },
+    "./locales/de": {
+      "import": "./locales/de.mjs",
+      "default": "./locales/de.js",
+      "types": "./locales/de.d.ts"
+    },
+    "./locales/en": {
+      "import": "./locales/en.mjs",
+      "default": "./locales/en.js",
+      "types": "./locales/en.d.ts"
+    },
+    "./locales/es": {
+      "import": "./locales/es.mjs",
+      "default": "./locales/es.js",
+      "types": "./locales/es.d.ts"
+    },
+    "./locales/et": {
+      "import": "./locales/et.mjs",
+      "default": "./locales/et.js",
+      "types": "./locales/et.d.ts"
+    },
+    "./locales/fa": {
+      "import": "./locales/fa.mjs",
+      "default": "./locales/fa.js",
+      "types": "./locales/fa.d.ts"
+    },
+    "./locales/fi": {
+      "import": "./locales/fi.mjs",
+      "default": "./locales/fi.js",
+      "types": "./locales/fi.d.ts"
+    },
+    "./locales/fr": {
+      "import": "./locales/fr.mjs",
+      "default": "./locales/fr.js",
+      "types": "./locales/fr.d.ts"
+    },
+    "./locales/hu": {
+      "import": "./locales/hu.mjs",
+      "default": "./locales/hu.js",
+      "types": "./locales/hu.d.ts"
+    },
+    "./locales/hy": {
+      "import": "./locales/hy.mjs",
+      "default": "./locales/hy.js",
+      "types": "./locales/hy.d.ts"
+    },
+    "./locales/id": {
+      "import": "./locales/id.mjs",
+      "default": "./locales/id.js",
+      "types": "./locales/id.d.ts"
+    },
+    "./locales/it": {
+      "import": "./locales/it.mjs",
+      "default": "./locales/it.js",
+      "types": "./locales/it.d.ts"
+    },
+    "./locales/ja": {
+      "import": "./locales/ja.mjs",
+      "default": "./locales/ja.js",
+      "types": "./locales/ja.d.ts"
+    },
+    "./locales/ko": {
+      "import": "./locales/ko.mjs",
+      "default": "./locales/ko.js",
+      "types": "./locales/ko.d.ts"
+    },
+    "./locales/nl": {
+      "import": "./locales/nl.mjs",
+      "default": "./locales/nl.js",
+      "types": "./locales/nl.d.ts"
+    },
+    "./locales/no": {
+      "import": "./locales/no.mjs",
+      "default": "./locales/no.js",
+      "types": "./locales/no.d.ts"
+    },
+    "./locales/np": {
+      "import": "./locales/np.mjs",
+      "default": "./locales/np.js",
+      "types": "./locales/np.d.ts"
+    },
+    "./locales/pl": {
+      "import": "./locales/pl.mjs",
+      "default": "./locales/pl.js",
+      "types": "./locales/pl.d.ts"
+    },
+    "./locales/pt": {
+      "import": "./locales/pt.mjs",
+      "default": "./locales/pt.js",
+      "types": "./locales/pt.d.ts"
+    },
+    "./locales/pt-BR": {
+      "import": "./locales/pt-BR.mjs",
+      "default": "./locales/pt-BR.js",
+      "types": "./locales/pt-BR.d.ts"
+    },
+    "./locales/ro": {
+      "import": "./locales/ro.mjs",
+      "default": "./locales/ro.js",
+      "types": "./locales/ro.d.ts"
+    },
+    "./locales/ru": {
+      "import": "./locales/ru.mjs",
+      "default": "./locales/ru.js",
+      "types": "./locales/ru.d.ts"
+    },
+    "./locales/sk": {
+      "import": "./locales/sk.mjs",
+      "default": "./locales/sk.js",
+      "types": "./locales/sk.d.ts"
+    },
+    "./locales/sr-Cyrl-RS": {
+      "import": "./locales/sr-Cyrl-RS.mjs",
+      "default": "./locales/sr-Cyrl-RS.js",
+      "types": "./locales/sr-Cyrl-RS.d.ts"
+    },
+    "./locales/sr-Latn-RS": {
+      "import": "./locales/sr-Latn-RS.mjs",
+      "default": "./locales/sr-Latn-RS.js",
+      "types": "./locales/sr-Latn-RS.d.ts"
+    },
+    "./locales/sv": {
+      "import": "./locales/sv.mjs",
+      "default": "./locales/sv.js",
+      "types": "./locales/sv.d.ts"
+    },
+    "./locales/tr": {
+      "import": "./locales/tr.mjs",
+      "default": "./locales/tr.js",
+      "types": "./locales/tr.d.ts"
+    },
+    "./locales/uk": {
+      "import": "./locales/uk.mjs",
+      "default": "./locales/uk.js",
+      "types": "./locales/uk.d.ts"
+    },
+    "./locales/vi": {
+      "import": "./locales/vi.mjs",
+      "default": "./locales/vi.js",
+      "types": "./locales/vi.d.ts"
+    },
+    "./locales/zh-Hans": {
+      "import": "./locales/zh-Hans.mjs",
+      "default": "./locales/zh-Hans.js",
+      "types": "./locales/zh-Hans.d.ts"
+    },
+    "./locales/zh-Hant": {
+      "import": "./locales/zh-Hant.mjs",
+      "default": "./locales/zh-Hant.js",
+      "types": "./locales/zh-Hant.d.ts"
+    }
   },
   "files": [
     "dist",

package/src/buttons/MRT_ColumnPinningButtons.tsx

@@ -39,14 +39,14 @@ export const MRT_ColumnPinningButtons = <TData extends MRT_RowData>({
       })}
     >
       {column.getIsPinned() ? (
-        <Tooltip arrow title={localization.unpin}>
+        <Tooltip title={localization.unpin}>
           <IconButton onClick={() => handlePinColumn(false)} size="small">
             <PushPinIcon />
           </IconButton>
         </Tooltip>
       ) : (
         <>
-          <Tooltip arrow title={localization.pinToLeft}>
+          <Tooltip title={localization.pinToLeft}>
             <IconButton onClick={() => handlePinColumn('left')} size="small">
               <PushPinIcon
                 style={{
@@ -55,7 +55,7 @@ export const MRT_ColumnPinningButtons = <TData extends MRT_RowData>({
               />
             </IconButton>
           </Tooltip>
-          <Tooltip arrow title={localization.pinToRight}>
+          <Tooltip title={localization.pinToRight}>
             <IconButton onClick={() => handlePinColumn('right')} size="small">
               <PushPinIcon
                 style={{

package/src/buttons/MRT_CopyButton.tsx

@@ -51,7 +51,6 @@ export const MRT_CopyButton = <TData extends MRT_RowData>({
 
   return (
     <Tooltip
-      arrow
       enterDelay={1000}
       enterNextDelay={1000}
       placement="top"

package/src/buttons/MRT_EditActionButtons.tsx

@@ -93,12 +93,12 @@ export const MRT_EditActionButtons = <TData extends MRT_RowData>({
     >
       {variant === 'icon' ? (
         <>
-          <Tooltip arrow title={localization.cancel}>
+          <Tooltip title={localization.cancel}>
             <IconButton aria-label={localization.cancel} onClick={handleCancel}>
               <CancelIcon />
             </IconButton>
           </Tooltip>
-          <Tooltip arrow title={localization.save}>
+          <Tooltip title={localization.save}>
             <IconButton
               aria-label={localization.save}
               color="info"

package/src/buttons/MRT_ExpandAllButton.tsx

@@ -37,7 +37,6 @@ export const MRT_ExpandAllButton = <TData extends MRT_RowData>({
 
   return (
     <Tooltip
-      arrow
       enterDelay={1000}
       enterNextDelay={1000}
       title={

package/src/buttons/MRT_ExpandButton.tsx

@@ -44,7 +44,6 @@ export const MRT_ExpandButton = <TData extends MRT_RowData>({
 
   return (
     <Tooltip
-      arrow
       disableHoverListener={!canExpand && !renderDetailPanel}
       enterDelay={1000}
       enterNextDelay={1000}

package/src/buttons/MRT_GrabHandleButton.tsx

@@ -31,7 +31,6 @@ export const MRT_GrabHandleButton = <TData extends MRT_RowData>({
 
   return (
     <Tooltip
-      arrow
       enterDelay={1000}
       enterNextDelay={1000}
       placement="top"

package/src/buttons/MRT_RowPinButton.tsx

@@ -41,7 +41,6 @@ export const MRT_RowPinButton = <TData extends MRT_RowData>({
 
   return (
     <Tooltip
-      arrow
       enterDelay={1000}
       enterNextDelay={1000}
       open={tooltipOpened}

package/src/buttons/MRT_ShowHideColumnsButton.tsx

@@ -27,7 +27,7 @@ export const MRT_ShowHideColumnsButton = <TData extends MRT_RowData>({
 
   return (
     <>
-      <Tooltip arrow title={rest?.title ?? localization.showHideColumns}>
+      <Tooltip title={rest?.title ?? localization.showHideColumns}>
         <IconButton
           aria-label={localization.showHideColumns}
           onClick={handleClick}

package/src/buttons/MRT_ToggleDensePaddingButton.tsx

@@ -31,7 +31,7 @@ export const MRT_ToggleDensePaddingButton = <TData extends MRT_RowData>({
   };
 
   return (
-    <Tooltip arrow title={rest?.title ?? localization.toggleDensity}>
+    <Tooltip title={rest?.title ?? localization.toggleDensity}>
       <IconButton
         aria-label={localization.toggleDensity}
         onClick={handleToggleDensePadding}

package/src/buttons/MRT_ToggleFiltersButton.tsx

@@ -25,7 +25,7 @@ export const MRT_ToggleFiltersButton = <TData extends MRT_RowData>({
   };
 
   return (
-    <Tooltip arrow title={rest?.title ?? localization.showHideFilters}>
+    <Tooltip title={rest?.title ?? localization.showHideFilters}>
       <IconButton
         aria-label={localization.showHideFilters}
         onClick={handleToggleShowFilters}

package/src/buttons/MRT_ToggleFullScreenButton.tsx

@@ -30,7 +30,6 @@ export const MRT_ToggleFullScreenButton = <TData extends MRT_RowData>({
 
   return (
     <Tooltip
-      arrow
       open={tooltipOpened}
       title={rest?.title ?? localization.toggleFullScreen}
     >

package/src/buttons/MRT_ToggleGlobalFilterButton.tsx

@@ -28,7 +28,7 @@ export const MRT_ToggleGlobalFilterButton = <TData extends MRT_RowData>({
   };
 
   return (
-    <Tooltip arrow title={rest?.title ?? localization.showHideSearch}>
+    <Tooltip title={rest?.title ?? localization.showHideSearch}>
       <IconButton
         aria-label={rest?.title ?? localization.showHideSearch}
         disabled={!!globalFilter}

package/src/buttons/MRT_ToggleRowActionMenuButton.tsx

@@ -80,7 +80,7 @@ export const MRT_ToggleRowActionMenuButton = <TData extends MRT_RowData>({
       ) : !renderRowActionMenuItems &&
         parseFromValuesOrFunc(enableEditing, row) &&
         ['modal', 'row'].includes(editDisplayMode!) ? (
-        <Tooltip arrow placement="right" title={localization.edit}>
+        <Tooltip placement="right" title={localization.edit}>
           <IconButton
             aria-label={localization.edit}
             onClick={handleStartEditMode}
@@ -93,7 +93,6 @@ export const MRT_ToggleRowActionMenuButton = <TData extends MRT_RowData>({
       ) : renderRowActionMenuItems ? (
         <>
           <Tooltip
-            arrow
             enterDelay={1000}
             enterNextDelay={1000}
             title={localization.rowActions}

package/src/head/MRT_TableHeadCellColumnActionsButton.tsx

@@ -54,7 +54,6 @@ export const MRT_TableHeadCellColumnActionsButton = <
   return (
     <>
       <Tooltip
-        arrow
         enterDelay={1000}
         enterNextDelay={1000}
         placement="top"

package/src/head/MRT_TableHeadCellFilterLabel.tsx

@@ -92,7 +92,7 @@ export const MRT_TableHeadCellFilterLabel = <TData extends MRT_RowData = {}>({
         unmountOnExit
       >
         <Box component="span" sx={{ flex: '0 0' }}>
-          <Tooltip arrow placement="top" title={filterTooltip}>
+          <Tooltip placement="top" title={filterTooltip}>
             <IconButton
               disableRipple
               onClick={(event: MouseEvent<HTMLButtonElement>) => {

package/src/head/MRT_TableHeadCellSortLabel.tsx

@@ -45,7 +45,7 @@ export const MRT_TableHeadCellSortLabel = <TData extends MRT_RowData>({
       : localization.sortByColumnAsc.replace('{column}', columnDef.header);
 
   return (
-    <Tooltip arrow placement="top" title={sortTooltip}>
+    <Tooltip placement="top" title={sortTooltip}>
       <Badge
         badgeContent={sorting.length > 1 ? column.getSortIndex() + 1 : 0}
         overlap="circular"

package/src/inputs/MRT_FilterCheckbox.tsx

@@ -44,7 +44,6 @@ export const MRT_FilterCheckbox = <TData extends MRT_RowData>({
 
   return (
     <Tooltip
-      arrow
       enterDelay={1000}
       enterNextDelay={1000}
       title={checkboxProps?.title ?? filterLabel}

package/src/inputs/MRT_FilterTextField.tsx

@@ -242,7 +242,7 @@ export const MRT_FilterTextField = <TData extends MRT_RowData>({
         position="end"
         sx={{ mr: isSelectFilter || isMultiSelectFilter ? '20px' : undefined }}
       >
-        <Tooltip arrow placement="right" title={localization.clearFilter ?? ''}>
+        <Tooltip placement="right" title={localization.clearFilter ?? ''}>
           <span>
             <IconButton
               aria-label={localization.clearFilter}
@@ -264,7 +264,7 @@ export const MRT_FilterTextField = <TData extends MRT_RowData>({
 
   const startAdornment = showChangeModeButton ? (
     <InputAdornment position="start">
-      <Tooltip arrow title={localization.changeFilterMode}>
+      <Tooltip title={localization.changeFilterMode}>
         <span>
           <IconButton
             aria-label={localization.changeFilterMode}

package/src/inputs/MRT_GlobalFilterTextField.tsx

@@ -95,7 +95,7 @@ export const MRT_GlobalFilterTextField = <TData extends MRT_RowData>({
         InputProps={{
           endAdornment: (
             <InputAdornment position="end">
-              <Tooltip arrow title={localization.clearSearch ?? ''}>
+              <Tooltip title={localization.clearSearch ?? ''}>
                 <span>
                   <IconButton
                     aria-label={localization.clearSearch}
@@ -111,7 +111,7 @@ export const MRT_GlobalFilterTextField = <TData extends MRT_RowData>({
           ),
           startAdornment: enableGlobalFilterModes ? (
             <InputAdornment position="start">
-              <Tooltip arrow title={localization.changeSearchMode}>
+              <Tooltip title={localization.changeSearchMode}>
                 <IconButton
                   aria-label={localization.changeSearchMode}
                   onClick={handleGlobalFilterMenuOpen}

package/src/inputs/MRT_SelectCheckbox.tsx

@@ -96,7 +96,6 @@ export const MRT_SelectCheckbox = <TData extends MRT_RowData>({
 
   return (
     <Tooltip
-      arrow
       enterDelay={1000}
       enterNextDelay={1000}
       title={