@mui/x-data-grid 7.22.2 → 7.23.0

package/node/locales/ukUA.js

@@ -55,6 +55,7 @@ const ukUAGrid = {
   // columnsManagementNoColumns: 'No columns',
   // columnsManagementShowHideAllText: 'Show/Hide All',
   // columnsManagementReset: 'Reset',
+  // columnsManagementDeleteIconLabel: 'Clear',
 
   // Filter panel text
   filterPanelAddFilter: 'Додати фільтр',

package/node/locales/urPK.js

@@ -40,6 +40,7 @@ const urPKGrid = {
   // columnsManagementNoColumns: 'No columns',
   // columnsManagementShowHideAllText: 'Show/Hide All',
   // columnsManagementReset: 'Reset',
+  // columnsManagementDeleteIconLabel: 'Clear',
 
   // Filter panel text
   filterPanelAddFilter: 'نیا فلٹر',

package/node/locales/viVN.js

@@ -40,6 +40,8 @@ const viVNGrid = {
   columnsManagementNoColumns: 'Không có cột',
   columnsManagementShowHideAllText: 'Hiện/Ẩn Tất cả',
   columnsManagementReset: 'Đặt lại',
+  // columnsManagementDeleteIconLabel: 'Clear',
+
   // Filter panel text
   filterPanelAddFilter: 'Thêm bộ lọc',
   filterPanelRemoveAll: 'Xóa tất cả',

package/node/locales/zhCN.js

@@ -40,6 +40,7 @@ const zhCNGrid = {
   columnsManagementNoColumns: '没有列',
   columnsManagementShowHideAllText: '显示/隐藏所有',
   columnsManagementReset: '重置',
+  columnsManagementDeleteIconLabel: '清除',
   // Filter panel text
   filterPanelAddFilter: '添加筛选器',
   filterPanelRemoveAll: '清除全部',
@@ -53,9 +54,9 @@ const zhCNGrid = {
   filterPanelInputPlaceholder: '筛选值',
   // Filter operators text
   filterOperatorContains: '包含',
-  // filterOperatorDoesNotContain: 'does not contain',
+  filterOperatorDoesNotContain: '不包含',
   filterOperatorEquals: '等于',
-  // filterOperatorDoesNotEqual: 'does not equal',
+  filterOperatorDoesNotEqual: '不等于',
   filterOperatorStartsWith: '开始于',
   filterOperatorEndsWith: '结束于',
   filterOperatorIs: '是',
@@ -75,9 +76,9 @@ const zhCNGrid = {
   'filterOperator<=': '<=',
   // Header filter operators text
   headerFilterOperatorContains: '包含',
-  // headerFilterOperatorDoesNotContain: 'Does not contain',
+  headerFilterOperatorDoesNotContain: '不包含',
   headerFilterOperatorEquals: '等于',
-  // headerFilterOperatorDoesNotEqual: 'Does not equal',
+  headerFilterOperatorDoesNotEqual: '不等于',
   headerFilterOperatorStartsWith: '开始于',
   headerFilterOperatorEndsWith: '结束于',
   headerFilterOperatorIs: '是',

package/node/locales/zhHK.js

@@ -40,6 +40,7 @@ const zhHKGrid = {
   // columnsManagementNoColumns: 'No columns',
   // columnsManagementShowHideAllText: 'Show/Hide All',
   // columnsManagementReset: 'Reset',
+  // columnsManagementDeleteIconLabel: 'Clear',
 
   // Filter panel text
   filterPanelAddFilter: '新增過濾器',

package/node/locales/zhTW.js

@@ -40,6 +40,7 @@ const zhTWGrid = {
   // columnsManagementNoColumns: 'No columns',
   // columnsManagementShowHideAllText: 'Show/Hide All',
   // columnsManagementReset: 'Reset',
+  // columnsManagementDeleteIconLabel: 'Clear',
 
   // Filter panel text
   filterPanelAddFilter: '增加篩選器',

package/node/utils/createSelector.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.createSelectorV8 = exports.createSelectorMemoizedV8 = exports.createSelectorMemoized = exports.createSelector = void 0;
 var _reselect = require("reselect");
 var _warning = require("@mui/x-internals/warning");
+var _useGridSelector = require("../hooks/utils/useGridSelector");
 const reselectCreateSelector = (0, _reselect.createSelectorCreator)({
   memoize: _reselect.lruMemoize,
   memoizeOptions: {
@@ -223,11 +224,20 @@ const createSelectorMemoizedV8 = (...args) => {
     const cacheArgs = cacheArgsInit ?? new Map();
     const cacheFn = cacheArgs?.get(args);
     if (cacheArgs && cacheFn) {
+      if (!(0, _useGridSelector.argsEqual)(cacheFn.selectorArgs, selectorArgs)) {
+        const reselectArgs = selectorArgs !== undefined ? [...args.slice(0, args.length - 1), () => selectorArgs, args[args.length - 1]] : args;
+        const fn = reselectCreateSelector(...reselectArgs);
+        fn.selectorArgs = selectorArgs;
+        cacheArgs.set(args, fn);
+        return fn(state, selectorArgs, cacheKey);
+      }
       // We pass the cache key because the called selector might have as
       // dependency another selector created with this `createSelector`.
       return cacheFn(state, selectorArgs, cacheKey);
     }
-    const fn = reselectCreateSelector(...args);
+    const reselectArgs = selectorArgs !== undefined ? [...args.slice(0, args.length - 1), () => selectorArgs, args[args.length - 1]] : args;
+    const fn = reselectCreateSelector(...reselectArgs);
+    fn.selectorArgs = selectorArgs;
     if (!cacheArgsInit) {
       cache.set(cacheKey, cacheArgs);
     }

package/node/utils/utils.js

@@ -208,11 +208,9 @@ function deepClone(obj) {
   return JSON.parse(JSON.stringify(obj));
 }
 
-/* eslint-disable @typescript-eslint/no-unused-vars */
 /**
  * Mark a value as used so eslint doesn't complain. Use this instead
  * of a `eslint-disable-next-line react-hooks/exhaustive-deps` because
  * that hint disables checks on all values instead of just one.
  */
-function eslintUseValue(_) {}
-/* eslint-enable @typescript-eslint/no-unused-vars */
+function eslintUseValue(_) {}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "7.22.2",
+  "version": "7.23.0",
   "description": "The Community plan edition of the Data Grid components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -42,15 +42,15 @@
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "reselect": "^5.1.1",
-    "@mui/x-internals": "7.21.0"
+    "@mui/x-internals": "7.23.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
     "@mui/material": "^5.15.14 || ^6.0.0",
     "@mui/system": "^5.15.14 || ^6.0.0",
-    "react": "^17.0.0 || ^18.0.0",
-    "react-dom": "^17.0.0 || ^18.0.0"
+    "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "peerDependenciesMeta": {
     "@emotion/react": {

package/utils/createSelector.d.ts

@@ -13,7 +13,7 @@ export interface OutputSelectorV8<State, Args, Result> {
     (apiRef: React.MutableRefObject<{
         state: State;
         instanceId: GridCoreApi['instanceId'];
-    }>, args: Args): Result;
+    }>, args?: Args): Result;
     (state: State, instanceId: GridCoreApi['instanceId']): Result;
     acceptsApiRef: boolean;
 }

package/utils/createSelector.js

@@ -1,5 +1,6 @@
 import { lruMemoize, createSelectorCreator } from 'reselect';
 import { warnOnce } from '@mui/x-internals/warning';
+import { argsEqual } from "../hooks/utils/useGridSelector.js";
 const reselectCreateSelector = createSelectorCreator({
   memoize: lruMemoize,
   memoizeOptions: {
@@ -214,11 +215,20 @@ export const createSelectorMemoizedV8 = (...args) => {
     const cacheArgs = cacheArgsInit ?? new Map();
     const cacheFn = cacheArgs?.get(args);
     if (cacheArgs && cacheFn) {
+      if (!argsEqual(cacheFn.selectorArgs, selectorArgs)) {
+        const reselectArgs = selectorArgs !== undefined ? [...args.slice(0, args.length - 1), () => selectorArgs, args[args.length - 1]] : args;
+        const fn = reselectCreateSelector(...reselectArgs);
+        fn.selectorArgs = selectorArgs;
+        cacheArgs.set(args, fn);
+        return fn(state, selectorArgs, cacheKey);
+      }
       // We pass the cache key because the called selector might have as
       // dependency another selector created with this `createSelector`.
       return cacheFn(state, selectorArgs, cacheKey);
     }
-    const fn = reselectCreateSelector(...args);
+    const reselectArgs = selectorArgs !== undefined ? [...args.slice(0, args.length - 1), () => selectorArgs, args[args.length - 1]] : args;
+    const fn = reselectCreateSelector(...reselectArgs);
+    fn.selectorArgs = selectorArgs;
     if (!cacheArgsInit) {
       cache.set(cacheKey, cacheArgs);
     }

package/utils/utils.js

@@ -191,11 +191,9 @@ export function deepClone(obj) {
   return JSON.parse(JSON.stringify(obj));
 }
 
-/* eslint-disable @typescript-eslint/no-unused-vars */
 /**
  * Mark a value as used so eslint doesn't complain. Use this instead
  * of a `eslint-disable-next-line react-hooks/exhaustive-deps` because
  * that hint disables checks on all values instead of just one.
  */
-export function eslintUseValue(_) {}
-/* eslint-enable @typescript-eslint/no-unused-vars */
+export function eslintUseValue(_) {}