@mui/x-data-grid 5.14.0 → 5.15.2

package/node/locales/zhCN.js

@@ -30,15 +30,15 @@ const zhCNGrid = {
   toolbarFiltersTooltipShow: '显示筛选器',
   toolbarFiltersTooltipActive: count => `${count} 个筛选器`,
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search...',
-  // toolbarQuickFilterLabel: 'Search',
-  // toolbarQuickFilterDeleteIconLabel: 'Clear',
+  toolbarQuickFilterPlaceholder: '搜索…',
+  toolbarQuickFilterLabel: '搜索',
+  toolbarQuickFilterDeleteIconLabel: '清除',
   // Export selector toolbar button text
   toolbarExport: '导出',
   toolbarExportLabel: '导出',
   toolbarExportCSV: '导出至CSV',
-  // toolbarExportPrint: 'Print',
-  // toolbarExportExcel: 'Download as Excel',
+  toolbarExportPrint: '打印',
+  toolbarExportExcel: '导出至Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: '搜索列',
   columnsPanelTextFieldPlaceholder: '列名',
@@ -48,7 +48,7 @@ const zhCNGrid = {
   // Filter panel text
   filterPanelAddFilter: '添加筛选器',
   filterPanelDeleteIconLabel: '删除',
-  // filterPanelLinkOperator: 'Logic operator',
+  filterPanelLinkOperator: '逻辑操作器',
   filterPanelOperators: '操作器',
   // TODO v6: rename to filterPanelOperator
   filterPanelOperatorAnd: '与',
@@ -69,7 +69,7 @@ const zhCNGrid = {
   filterOperatorOnOrBefore: '正在前面',
   filterOperatorIsEmpty: '为空',
   filterOperatorIsNotEmpty: '不为空',
-  // filterOperatorIsAnyOf: 'is any of',
+  filterOperatorIsAnyOf: '属于',
   // Filter values text
   filterValueAny: '任何',
   filterValueTrue: '真',
@@ -94,40 +94,40 @@ const zhCNGrid = {
   footerTotalVisibleRows: (visibleCount, totalCount) => `${visibleCount.toLocaleString()} / ${totalCount.toLocaleString()}`,
   // Checkbox selection text
   checkboxSelectionHeaderName: '多选框',
-  // checkboxSelectionSelectAllRows: 'Select all rows',
-  // checkboxSelectionUnselectAllRows: 'Unselect all rows',
-  // checkboxSelectionSelectRow: 'Select row',
-  // checkboxSelectionUnselectRow: 'Unselect row',
+  checkboxSelectionSelectAllRows: '全选行',
+  checkboxSelectionUnselectAllRows: '反选所有行',
+  checkboxSelectionSelectRow: '选择行',
+  checkboxSelectionUnselectRow: '反选行',
   // Boolean cell text
   booleanCellTrueLabel: '真',
-  booleanCellFalseLabel: '假' // Actions cell more text
-  // actionsCellMore: 'more',
+  booleanCellFalseLabel: '假',
+  // Actions cell more text
+  actionsCellMore: '更多',
   // Column pinning text
-  // pinToLeft: 'Pin to left',
-  // pinToRight: 'Pin to right',
-  // unpin: 'Unpin',
+  pinToLeft: '固定到左侧',
+  pinToRight: '固定到右侧',
+  unpin: '取消固定',
   // Tree Data
-  // treeDataGroupingHeaderName: 'Group',
-  // treeDataExpand: 'see children',
-  // treeDataCollapse: 'hide children',
+  treeDataGroupingHeaderName: '组',
+  treeDataExpand: '查看子项目',
+  treeDataCollapse: '隐藏子项目',
   // Grouping columns
-  // groupingColumnHeaderName: 'Group',
-  // groupColumn: name => `Group by ${name}`,
-  // unGroupColumn: name => `Stop grouping by ${name}`,
+  groupingColumnHeaderName: '组',
+  groupColumn: name => `用${name}分组`,
+  unGroupColumn: name => `不再用${name}分组`,
   // Master/detail
-  // detailPanelToggle: 'Detail panel toggle',
-  // expandDetailPanel: 'Expand',
-  // collapseDetailPanel: 'Collapse',
+  detailPanelToggle: '详细信息',
+  expandDetailPanel: '显示',
+  collapseDetailPanel: '折叠',
   // Row reordering text
-  // rowReorderingHeaderName: 'Row reordering',
+  rowReorderingHeaderName: '重新排列行',
   // Aggregation
-  // aggregationMenuItemHeader: 'Aggregation',
-  // aggregationFunctionLabelSum: 'sum',
-  // aggregationFunctionLabelAvg: 'avg',
-  // aggregationFunctionLabelMin: 'min',
-  // aggregationFunctionLabelMax: 'max',
-  // aggregationFunctionLabelSize: 'size',
-
+  aggregationMenuItemHeader: '集合',
+  aggregationFunctionLabelSum: '总数',
+  aggregationFunctionLabelAvg: '平均',
+  aggregationFunctionLabelMin: '最小',
+  aggregationFunctionLabelMax: '最大',
+  aggregationFunctionLabelSize: '大小'
 };
 const zhCN = (0, _getGridLocalization.getGridLocalization)(zhCNGrid, _locale.zhCN);
 exports.zhCN = zhCN;

package/node/locales/zhTW.js

@@ -30,7 +30,7 @@ const zhTWGrid = {
   toolbarFiltersTooltipShow: '顯示篩選器',
   toolbarFiltersTooltipActive: count => `${count} 個篩選器`,
   // Quick filter toolbar field
-  toolbarQuickFilterPlaceholder: '搜尋...',
+  toolbarQuickFilterPlaceholder: '搜尋…',
   toolbarQuickFilterLabel: '搜尋',
   toolbarQuickFilterDeleteIconLabel: '清除',
   // Export selector toolbar button text

package/node/utils/keyboardUtils.js

@@ -3,7 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isTabKey = exports.isSpaceKey = exports.isPrintableKey = exports.isPageKeys = exports.isNavigationKey = exports.isMultipleKey = exports.isKeyboardEvent = exports.isHomeOrEndKeys = exports.isHideMenuKey = exports.isEscapeKey = exports.isEnterKey = exports.isDeleteKeys = exports.isCellExitEditModeKeys = exports.isCellEnterEditModeKeys = exports.isCellEditCommitKeys = exports.isArrowKeys = exports.GRID_MULTIPLE_SELECTION_KEYS = exports.GRID_CELL_EXIT_EDIT_MODE_KEYS = exports.GRID_CELL_EDIT_COMMIT_KEYS = void 0;
+exports.isPageKeys = exports.isNavigationKey = exports.isMultipleKey = exports.isKeyboardEvent = exports.isHomeOrEndKeys = exports.isHideMenuKey = exports.isEscapeKey = exports.isEnterKey = exports.isDeleteKeys = exports.isCellExitEditModeKeys = exports.isCellEnterEditModeKeys = exports.isCellEditCommitKeys = exports.isArrowKeys = exports.GRID_MULTIPLE_SELECTION_KEYS = exports.GRID_CELL_EXIT_EDIT_MODE_KEYS = exports.GRID_CELL_EDIT_COMMIT_KEYS = void 0;
+exports.isPrintableKey = isPrintableKey;
+exports.isTabKey = exports.isSpaceKey = void 0;
 
 const isEscapeKey = key => key === 'Escape'; // TODO remove
 
@@ -38,13 +40,17 @@ exports.isPageKeys = isPageKeys;
 
 const isDeleteKeys = key => key === 'Delete' || key === 'Backspace'; // Non printable keys have a name, e.g. "ArrowRight", see the whole list:
 // https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values
+// We need to ignore shortcuts, for example: select all:
+// - Windows: Ctrl+A, event.ctrlKey is true
+// - macOS: ⌘ Command+A, event.metaKey is true
 
 
 exports.isDeleteKeys = isDeleteKeys;
 
-const isPrintableKey = key => key.length === 1;
+function isPrintableKey(event) {
+  return event.key.length === 1 && event.ctrlKey === false && event.metaKey === false;
+}
 
-exports.isPrintableKey = isPrintableKey;
 const GRID_MULTIPLE_SELECTION_KEYS = ['Meta', 'Control', 'Shift'];
 exports.GRID_MULTIPLE_SELECTION_KEYS = GRID_MULTIPLE_SELECTION_KEYS;
 const GRID_CELL_EXIT_EDIT_MODE_KEYS = ['Enter', 'Escape', 'Tab'];
@@ -56,7 +62,7 @@ const isMultipleKey = key => GRID_MULTIPLE_SELECTION_KEYS.indexOf(key) > -1;
 
 exports.isMultipleKey = isMultipleKey;
 
-const isCellEnterEditModeKeys = key => isEnterKey(key) || isDeleteKeys(key) || isPrintableKey(key);
+const isCellEnterEditModeKeys = event => isEnterKey(event.key) || isDeleteKeys(event.key) || isPrintableKey(event);
 
 exports.isCellEnterEditModeKeys = isCellEnterEditModeKeys;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "5.14.0",
+  "version": "5.15.2",
   "description": "The community edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",

package/utils/keyboardUtils.d.ts

@@ -7,12 +7,12 @@ export declare const isArrowKeys: (key: string) => boolean;
 export declare const isHomeOrEndKeys: (key: string) => boolean;
 export declare const isPageKeys: (key: string) => boolean;
 export declare const isDeleteKeys: (key: string) => boolean;
-export declare const isPrintableKey: (key: string) => boolean;
+export declare function isPrintableKey(event: React.KeyboardEvent<HTMLElement>): boolean;
 export declare const GRID_MULTIPLE_SELECTION_KEYS: string[];
 export declare const GRID_CELL_EXIT_EDIT_MODE_KEYS: string[];
 export declare const GRID_CELL_EDIT_COMMIT_KEYS: string[];
 export declare const isMultipleKey: (key: string) => boolean;
-export declare const isCellEnterEditModeKeys: (key: string) => boolean;
+export declare const isCellEnterEditModeKeys: (event: React.KeyboardEvent<HTMLElement>) => boolean;
 export declare const isCellExitEditModeKeys: (key: string) => boolean;
 export declare const isCellEditCommitKeys: (key: string) => boolean;
 export declare const isNavigationKey: (key: string) => boolean;

package/utils/keyboardUtils.js

@@ -10,13 +10,18 @@ export const isHomeOrEndKeys = key => key === 'Home' || key === 'End';
 export const isPageKeys = key => key.indexOf('Page') === 0;
 export const isDeleteKeys = key => key === 'Delete' || key === 'Backspace'; // Non printable keys have a name, e.g. "ArrowRight", see the whole list:
 // https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values
+// We need to ignore shortcuts, for example: select all:
+// - Windows: Ctrl+A, event.ctrlKey is true
+// - macOS: ⌘ Command+A, event.metaKey is true
 
-export const isPrintableKey = key => key.length === 1;
+export function isPrintableKey(event) {
+  return event.key.length === 1 && event.ctrlKey === false && event.metaKey === false;
+}
 export const GRID_MULTIPLE_SELECTION_KEYS = ['Meta', 'Control', 'Shift'];
 export const GRID_CELL_EXIT_EDIT_MODE_KEYS = ['Enter', 'Escape', 'Tab'];
 export const GRID_CELL_EDIT_COMMIT_KEYS = ['Enter', 'Tab'];
 export const isMultipleKey = key => GRID_MULTIPLE_SELECTION_KEYS.indexOf(key) > -1;
-export const isCellEnterEditModeKeys = key => isEnterKey(key) || isDeleteKeys(key) || isPrintableKey(key);
+export const isCellEnterEditModeKeys = event => isEnterKey(event.key) || isDeleteKeys(event.key) || isPrintableKey(event);
 export const isCellExitEditModeKeys = key => GRID_CELL_EXIT_EDIT_MODE_KEYS.indexOf(key) > -1;
 export const isCellEditCommitKeys = key => GRID_CELL_EDIT_COMMIT_KEYS.indexOf(key) > -1;
 export const isNavigationKey = key => isHomeOrEndKeys(key) || isArrowKeys(key) || isPageKeys(key) || isSpaceKey(key);