@mui/x-data-grid 9.0.0-beta.0 → 9.0.0

package/hooks/features/focus/useGridFocus.mjs

@@ -293,6 +293,10 @@ export const useGridFocus = (apiRef, props) => {
     if (event.relatedTarget?.getAttribute('class')?.includes(gridClasses.columnHeader)) {
       return;
     }
+    // Don't clear focus when it moves to a body cell — setCellFocus already set it
+    if (event.relatedTarget?.getAttribute('class')?.includes(gridClasses.cell)) {
+      return;
+    }
     logger.debug(`Clearing focus`);
     apiRef.current.setState(state => _extends({}, state, {
       focus: {

package/hooks/features/rowSelection/useGridRowSelection.js

@@ -334,6 +334,21 @@ You need to upgrade to DataGridPro or DataGridPremium component to unlock multip
       ids: new Set(currentSelection.ids)
     };
     const selectionManager = (0, _gridRowSelectionManager.createRowSelectionManager)(newSelectionModel);
+    const isOrHasSelectableDescendant = nodeId => {
+      const node = rowTree[nodeId];
+      if (!node) {
+        return false;
+      }
+
+      // Only consider nodes that are present (not filtered out) when using client-side filtering.
+      if (props.filterMode !== 'server' && filteredRowsLookup[nodeId] === false) {
+        return false;
+      }
+      if (node.type !== 'group') {
+        return Boolean(rowsLookup[nodeId]) && apiRef.current.isRowSelectable(nodeId);
+      }
+      return node.children.some(childId => isOrHasSelectableDescendant(childId));
+    };
     let hasChanged = false;
     for (const id of currentSelection.ids) {
       if (isNonExistent(id)) {
@@ -356,7 +371,8 @@ You need to upgrade to DataGridPro or DataGridPremium component to unlock multip
           continue;
         }
         // Keep previously selected tree data parents selected if all their children are filtered out
-        if (!node.children.every(childId => filteredRowsLookup[childId] === false)) {
+        // or not selectable.
+        if (node.children.some(childId => filteredRowsLookup[childId] !== false && isOrHasSelectableDescendant(childId))) {
           selectionManager.unselect(id);
           hasChanged = true;
         }

package/hooks/features/rowSelection/useGridRowSelection.mjs

@@ -326,6 +326,21 @@ You need to upgrade to DataGridPro or DataGridPremium component to unlock multip
       ids: new Set(currentSelection.ids)
     };
     const selectionManager = createRowSelectionManager(newSelectionModel);
+    const isOrHasSelectableDescendant = nodeId => {
+      const node = rowTree[nodeId];
+      if (!node) {
+        return false;
+      }
+
+      // Only consider nodes that are present (not filtered out) when using client-side filtering.
+      if (props.filterMode !== 'server' && filteredRowsLookup[nodeId] === false) {
+        return false;
+      }
+      if (node.type !== 'group') {
+        return Boolean(rowsLookup[nodeId]) && apiRef.current.isRowSelectable(nodeId);
+      }
+      return node.children.some(childId => isOrHasSelectableDescendant(childId));
+    };
     let hasChanged = false;
     for (const id of currentSelection.ids) {
       if (isNonExistent(id)) {
@@ -348,7 +363,8 @@ You need to upgrade to DataGridPro or DataGridPremium component to unlock multip
           continue;
         }
         // Keep previously selected tree data parents selected if all their children are filtered out
-        if (!node.children.every(childId => filteredRowsLookup[childId] === false)) {
+        // or not selectable.
+        if (node.children.some(childId => filteredRowsLookup[childId] !== false && isOrHasSelectableDescendant(childId))) {
           selectionManager.unselect(id);
           hasChanged = true;
         }

package/hooks/features/virtualization/gridVirtualizationSelectors.d.mts

@@ -27,6 +27,14 @@ export declare const gridVirtualizationColumnEnabledSelector: (args_0: import("r
 export declare const gridVirtualizationRowEnabledSelector: (args_0: import("react").RefObject<{
   state: GridStateCommunity;
 } | null>) => boolean;
+/**
+ * Get the layout mode
+ * @category Virtualization
+ * @ignore - do not document.
+ */
+export declare const gridVirtualizationLayoutModeSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => "controlled" | "uncontrolled";
 /**
  * Get the render context
  * @category Virtualization

package/hooks/features/virtualization/gridVirtualizationSelectors.d.ts

@@ -27,6 +27,14 @@ export declare const gridVirtualizationColumnEnabledSelector: (args_0: import("r
 export declare const gridVirtualizationRowEnabledSelector: (args_0: import("react").RefObject<{
   state: GridStateCommunity;
 } | null>) => boolean;
+/**
+ * Get the layout mode
+ * @category Virtualization
+ * @ignore - do not document.
+ */
+export declare const gridVirtualizationLayoutModeSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => "controlled" | "uncontrolled";
 /**
  * Get the render context
  * @category Virtualization

package/hooks/features/virtualization/gridVirtualizationSelectors.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.gridVirtualizationSelector = exports.gridVirtualizationRowEnabledSelector = exports.gridVirtualizationEnabledSelector = exports.gridVirtualizationColumnEnabledSelector = exports.gridRenderContextSelector = exports.gridRenderContextColumnsSelector = void 0;
+exports.gridVirtualizationSelector = exports.gridVirtualizationRowEnabledSelector = exports.gridVirtualizationLayoutModeSelector = exports.gridVirtualizationEnabledSelector = exports.gridVirtualizationColumnEnabledSelector = exports.gridRenderContextSelector = exports.gridRenderContextColumnsSelector = void 0;
 var _createSelector = require("../../../utils/createSelector");
 /**
  * Get the columns state
@@ -30,6 +30,13 @@ const gridVirtualizationColumnEnabledSelector = exports.gridVirtualizationColumn
  */
 const gridVirtualizationRowEnabledSelector = exports.gridVirtualizationRowEnabledSelector = (0, _createSelector.createSelector)(gridVirtualizationSelector, state => state.enabledForRows);
 
+/**
+ * Get the layout mode
+ * @category Virtualization
+ * @ignore - do not document.
+ */
+const gridVirtualizationLayoutModeSelector = exports.gridVirtualizationLayoutModeSelector = (0, _createSelector.createSelector)(gridVirtualizationSelector, state => state.layoutMode);
+
 /**
  * Get the render context
  * @category Virtualization

package/hooks/features/virtualization/gridVirtualizationSelectors.mjs

@@ -24,6 +24,13 @@ export const gridVirtualizationColumnEnabledSelector = createSelector(gridVirtua
  */
 export const gridVirtualizationRowEnabledSelector = createSelector(gridVirtualizationSelector, state => state.enabledForRows);
 
+/**
+ * Get the layout mode
+ * @category Virtualization
+ * @ignore - do not document.
+ */
+export const gridVirtualizationLayoutModeSelector = createSelector(gridVirtualizationSelector, state => state.layoutMode);
+
 /**
  * Get the render context
  * @category Virtualization

package/hooks/features/virtualization/index.d.mts

@@ -1,3 +1,3 @@
 export { EMPTY_RENDER_CONTEXT } from '@mui/x-virtualizer';
 export * from "./useGridVirtualization.mjs";
-export * from "./gridVirtualizationSelectors.mjs";
+export { gridVirtualizationSelector, gridVirtualizationEnabledSelector, gridVirtualizationColumnEnabledSelector, gridVirtualizationRowEnabledSelector, gridRenderContextSelector, gridRenderContextColumnsSelector } from "./gridVirtualizationSelectors.mjs";

package/hooks/features/virtualization/index.d.ts

@@ -1,3 +1,3 @@
 export { EMPTY_RENDER_CONTEXT } from '@mui/x-virtualizer';
 export * from "./useGridVirtualization.js";
-export * from "./gridVirtualizationSelectors.js";
+export { gridVirtualizationSelector, gridVirtualizationEnabledSelector, gridVirtualizationColumnEnabledSelector, gridVirtualizationRowEnabledSelector, gridRenderContextSelector, gridRenderContextColumnsSelector } from "./gridVirtualizationSelectors.js";

package/hooks/features/virtualization/index.js

@@ -4,7 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  EMPTY_RENDER_CONTEXT: true
+  EMPTY_RENDER_CONTEXT: true,
+  gridVirtualizationSelector: true,
+  gridVirtualizationEnabledSelector: true,
+  gridVirtualizationColumnEnabledSelector: true,
+  gridVirtualizationRowEnabledSelector: true,
+  gridRenderContextSelector: true,
+  gridRenderContextColumnsSelector: true
 };
 Object.defineProperty(exports, "EMPTY_RENDER_CONTEXT", {
   enumerable: true,
@@ -12,6 +18,42 @@ Object.defineProperty(exports, "EMPTY_RENDER_CONTEXT", {
     return _xVirtualizer.EMPTY_RENDER_CONTEXT;
   }
 });
+Object.defineProperty(exports, "gridRenderContextColumnsSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridVirtualizationSelectors.gridRenderContextColumnsSelector;
+  }
+});
+Object.defineProperty(exports, "gridRenderContextSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridVirtualizationSelectors.gridRenderContextSelector;
+  }
+});
+Object.defineProperty(exports, "gridVirtualizationColumnEnabledSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridVirtualizationSelectors.gridVirtualizationColumnEnabledSelector;
+  }
+});
+Object.defineProperty(exports, "gridVirtualizationEnabledSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridVirtualizationSelectors.gridVirtualizationEnabledSelector;
+  }
+});
+Object.defineProperty(exports, "gridVirtualizationRowEnabledSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridVirtualizationSelectors.gridVirtualizationRowEnabledSelector;
+  }
+});
+Object.defineProperty(exports, "gridVirtualizationSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridVirtualizationSelectors.gridVirtualizationSelector;
+  }
+});
 var _xVirtualizer = require("@mui/x-virtualizer");
 var _useGridVirtualization = require("./useGridVirtualization");
 Object.keys(_useGridVirtualization).forEach(function (key) {
@@ -25,15 +67,4 @@ Object.keys(_useGridVirtualization).forEach(function (key) {
     }
   });
 });
-var _gridVirtualizationSelectors = require("./gridVirtualizationSelectors");
-Object.keys(_gridVirtualizationSelectors).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _gridVirtualizationSelectors[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _gridVirtualizationSelectors[key];
-    }
-  });
-});
+var _gridVirtualizationSelectors = require("./gridVirtualizationSelectors");

package/hooks/features/virtualization/index.mjs

@@ -1,3 +1,3 @@
 export { EMPTY_RENDER_CONTEXT } from '@mui/x-virtualizer';
 export * from "./useGridVirtualization.mjs";
-export * from "./gridVirtualizationSelectors.mjs";
+export { gridVirtualizationSelector, gridVirtualizationEnabledSelector, gridVirtualizationColumnEnabledSelector, gridVirtualizationRowEnabledSelector, gridRenderContextSelector, gridRenderContextColumnsSelector } from "./gridVirtualizationSelectors.mjs";

package/hooks/utils/usePinnedScrollOffset.d.mts

@@ -0,0 +1,3 @@
+import { PinnedColumnPosition } from "../../internals/constants.mjs";
+import type { useGridPrivateApiContext } from "./useGridPrivateApiContext.mjs";
+export declare function usePinnedScrollOffset(apiRef: ReturnType<typeof useGridPrivateApiContext>, pinnedPosition?: PinnedColumnPosition): number;

package/hooks/utils/usePinnedScrollOffset.d.ts

@@ -0,0 +1,3 @@
+import { PinnedColumnPosition } from "../../internals/constants.js";
+import type { useGridPrivateApiContext } from "./useGridPrivateApiContext.js";
+export declare function usePinnedScrollOffset(apiRef: ReturnType<typeof useGridPrivateApiContext>, pinnedPosition?: PinnedColumnPosition): number;

package/hooks/utils/usePinnedScrollOffset.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePinnedScrollOffset = usePinnedScrollOffset;
+var _xVirtualizer = require("@mui/x-virtualizer");
+var _constants = require("../../internals/constants");
+function usePinnedScrollOffset(apiRef, pinnedPosition) {
+  const store = apiRef.current.virtualizer.store;
+
+  // SAFETY: For performance reasons, we only add store selectors for pinned cells in controlled
+  // mode. Both pinnedPosition and layoutMode are stable (never change for a given instance),
+  // so the hook call order is consistent across renders.
+  if (pinnedPosition !== undefined) {
+    const layoutMode = store.use(_xVirtualizer.Virtualization.selectors.layoutMode);
+    if (layoutMode === 'controlled') {
+      if (pinnedPosition === _constants.PinnedColumnPosition.LEFT) {
+        return store.use(_xVirtualizer.Virtualization.selectors.pinnedLeftOffsetSelector);
+      }
+      if (pinnedPosition === _constants.PinnedColumnPosition.RIGHT) {
+        return store.use(_xVirtualizer.Virtualization.selectors.pinnedRightOffsetSelector);
+      }
+    }
+  }
+  return 0;
+}

package/hooks/utils/usePinnedScrollOffset.mjs

@@ -0,0 +1,21 @@
+import { Virtualization } from '@mui/x-virtualizer';
+import { PinnedColumnPosition } from "../../internals/constants.mjs";
+export function usePinnedScrollOffset(apiRef, pinnedPosition) {
+  const store = apiRef.current.virtualizer.store;
+
+  // SAFETY: For performance reasons, we only add store selectors for pinned cells in controlled
+  // mode. Both pinnedPosition and layoutMode are stable (never change for a given instance),
+  // so the hook call order is consistent across renders.
+  if (pinnedPosition !== undefined) {
+    const layoutMode = store.use(Virtualization.selectors.layoutMode);
+    if (layoutMode === 'controlled') {
+      if (pinnedPosition === PinnedColumnPosition.LEFT) {
+        return store.use(Virtualization.selectors.pinnedLeftOffsetSelector);
+      }
+      if (pinnedPosition === PinnedColumnPosition.RIGHT) {
+        return store.use(Virtualization.selectors.pinnedRightOffsetSelector);
+      }
+    }
+  }
+  return 0;
+}

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v9.0.0-beta.0
+ * @mui/x-data-grid v9.0.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v9.0.0-beta.0
+ * @mui/x-data-grid v9.0.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/index.d.mts

@@ -88,6 +88,7 @@ export { useTimeout } from "../hooks/utils/useTimeout.mjs";
 export { useGridVisibleRows, getVisibleRows } from "../hooks/utils/useGridVisibleRows.mjs";
 export { useGridInitializeState } from "../hooks/utils/useGridInitializeState.mjs";
 export type { GridStateInitializer } from "../hooks/utils/useGridInitializeState.mjs";
+export { usePinnedScrollOffset } from "../hooks/utils/usePinnedScrollOffset.mjs";
 export type * as BaseSlots from "../models/gridBaseSlots.mjs";
 export type * from "../models/props/DataGridProps.mjs";
 export type { GridAggregationPosition, GridAggregationCellMeta } from "../models/gridAggregation.mjs";
@@ -102,8 +103,8 @@ export * from "../utils/rtlFlipSide.mjs";
 export { NotRendered } from "../utils/assert.mjs";
 export { createSelector, createRootSelector, createSelectorMemoized } from "../utils/createSelector.mjs";
 export { gridRowGroupsToFetchSelector } from "../hooks/features/rows/gridRowsSelector.mjs";
-export { findParentElementFromClassName, getActiveElement, isEventTargetInPortal } from "../utils/domUtils.mjs";
-export { isNavigationKey, isPasteShortcut, isCopyShortcut, isUndoShortcut, isRedoShortcut } from "../utils/keyboardUtils.mjs";
+export { findParentElementFromClassName, getActiveElement, getGridCellElement, isEventTargetInPortal } from "../utils/domUtils.mjs";
+export { isNavigationKey, isPasteShortcut, isCopyShortcut, isUndoShortcut, isRedoShortcut, isFillDownShortcut, isFillRightShortcut } from "../utils/keyboardUtils.mjs";
 export * from "../utils/utils.mjs";
 export { exportAs } from "../utils/exportAs.mjs";
 export * from "../utils/getPublicApiRef.mjs";

package/internals/index.d.ts

@@ -88,6 +88,7 @@ export { useTimeout } from "../hooks/utils/useTimeout.js";
 export { useGridVisibleRows, getVisibleRows } from "../hooks/utils/useGridVisibleRows.js";
 export { useGridInitializeState } from "../hooks/utils/useGridInitializeState.js";
 export type { GridStateInitializer } from "../hooks/utils/useGridInitializeState.js";
+export { usePinnedScrollOffset } from "../hooks/utils/usePinnedScrollOffset.js";
 export type * as BaseSlots from "../models/gridBaseSlots.js";
 export type * from "../models/props/DataGridProps.js";
 export type { GridAggregationPosition, GridAggregationCellMeta } from "../models/gridAggregation.js";
@@ -102,8 +103,8 @@ export * from "../utils/rtlFlipSide.js";
 export { NotRendered } from "../utils/assert.js";
 export { createSelector, createRootSelector, createSelectorMemoized } from "../utils/createSelector.js";
 export { gridRowGroupsToFetchSelector } from "../hooks/features/rows/gridRowsSelector.js";
-export { findParentElementFromClassName, getActiveElement, isEventTargetInPortal } from "../utils/domUtils.js";
-export { isNavigationKey, isPasteShortcut, isCopyShortcut, isUndoShortcut, isRedoShortcut } from "../utils/keyboardUtils.js";
+export { findParentElementFromClassName, getActiveElement, getGridCellElement, isEventTargetInPortal } from "../utils/domUtils.js";
+export { isNavigationKey, isPasteShortcut, isCopyShortcut, isUndoShortcut, isRedoShortcut, isFillDownShortcut, isFillRightShortcut } from "../utils/keyboardUtils.js";
 export * from "../utils/utils.js";
 export { exportAs } from "../utils/exportAs.js";
 export * from "../utils/getPublicApiRef.js";

package/internals/index.js

@@ -105,6 +105,7 @@ var _exportNames = {
   useGridVisibleRows: true,
   getVisibleRows: true,
   useGridInitializeState: true,
+  usePinnedScrollOffset: true,
   DataSourceRowsUpdateStrategy: true,
   CacheChunkManager: true,
   useGridDataSourceBase: true,
@@ -117,12 +118,15 @@ var _exportNames = {
   createSelectorMemoized: true,
   findParentElementFromClassName: true,
   getActiveElement: true,
+  getGridCellElement: true,
   isEventTargetInPortal: true,
   isNavigationKey: true,
   isPasteShortcut: true,
   isCopyShortcut: true,
   isUndoShortcut: true,
   isRedoShortcut: true,
+  isFillDownShortcut: true,
+  isFillRightShortcut: true,
   exportAs: true,
   useGridPrivateApiContext: true,
   serializeCellValue: true,
@@ -358,6 +362,12 @@ Object.defineProperty(exports, "getColumnsToExport", {
     return _utils3.getColumnsToExport;
   }
 });
+Object.defineProperty(exports, "getGridCellElement", {
+  enumerable: true,
+  get: function () {
+    return _domUtils.getGridCellElement;
+  }
+});
 Object.defineProperty(exports, "getGridFilter", {
   enumerable: true,
   get: function () {
@@ -502,6 +512,18 @@ Object.defineProperty(exports, "isEventTargetInPortal", {
     return _domUtils.isEventTargetInPortal;
   }
 });
+Object.defineProperty(exports, "isFillDownShortcut", {
+  enumerable: true,
+  get: function () {
+    return _keyboardUtils.isFillDownShortcut;
+  }
+});
+Object.defineProperty(exports, "isFillRightShortcut", {
+  enumerable: true,
+  get: function () {
+    return _keyboardUtils.isFillRightShortcut;
+  }
+});
 Object.defineProperty(exports, "isNavigationKey", {
   enumerable: true,
   get: function () {
@@ -868,6 +890,12 @@ Object.defineProperty(exports, "useIsCellEditable", {
     return _useGridCellEditable.useIsCellEditable;
   }
 });
+Object.defineProperty(exports, "usePinnedScrollOffset", {
+  enumerable: true,
+  get: function () {
+    return _usePinnedScrollOffset.usePinnedScrollOffset;
+  }
+});
 Object.defineProperty(exports, "useTimeout", {
   enumerable: true,
   get: function () {
@@ -1017,6 +1045,7 @@ var _useGridListView = require("../hooks/features/listView/useGridListView");
 var _useTimeout = require("../hooks/utils/useTimeout");
 var _useGridVisibleRows = require("../hooks/utils/useGridVisibleRows");
 var _useGridInitializeState = require("../hooks/utils/useGridInitializeState");
+var _usePinnedScrollOffset = require("../hooks/utils/usePinnedScrollOffset");
 var _utils2 = require("../hooks/features/dataSource/utils");
 var _useGridDataSourceBase = require("../hooks/features/dataSource/useGridDataSourceBase");
 var _gridDataSourceSelector = require("../hooks/features/dataSource/gridDataSourceSelector");

package/internals/index.mjs

@@ -71,6 +71,7 @@ export { useGridListView, listViewStateInitializer } from "../hooks/features/lis
 export { useTimeout } from "../hooks/utils/useTimeout.mjs";
 export { useGridVisibleRows, getVisibleRows } from "../hooks/utils/useGridVisibleRows.mjs";
 export { useGridInitializeState } from "../hooks/utils/useGridInitializeState.mjs";
+export { usePinnedScrollOffset } from "../hooks/utils/usePinnedScrollOffset.mjs";
 export { DataSourceRowsUpdateStrategy } from "../hooks/features/dataSource/utils.mjs";
 export { useGridDataSourceBase } from "../hooks/features/dataSource/useGridDataSourceBase.mjs";
 export { CacheChunkManager } from "../hooks/features/dataSource/utils.mjs";
@@ -81,8 +82,8 @@ export * from "../utils/rtlFlipSide.mjs";
 export { NotRendered } from "../utils/assert.mjs";
 export { createSelector, createRootSelector, createSelectorMemoized } from "../utils/createSelector.mjs";
 export { gridRowGroupsToFetchSelector } from "../hooks/features/rows/gridRowsSelector.mjs";
-export { findParentElementFromClassName, getActiveElement, isEventTargetInPortal } from "../utils/domUtils.mjs";
-export { isNavigationKey, isPasteShortcut, isCopyShortcut, isUndoShortcut, isRedoShortcut } from "../utils/keyboardUtils.mjs";
+export { findParentElementFromClassName, getActiveElement, getGridCellElement, isEventTargetInPortal } from "../utils/domUtils.mjs";
+export { isNavigationKey, isPasteShortcut, isCopyShortcut, isUndoShortcut, isRedoShortcut, isFillDownShortcut, isFillRightShortcut } from "../utils/keyboardUtils.mjs";
 export * from "../utils/utils.mjs";
 export { exportAs } from "../utils/exportAs.mjs";
 export * from "../utils/getPublicApiRef.mjs";

package/locales/arSD.js

@@ -65,7 +65,7 @@ const arSDGrid = {
   filterPanelOperator: 'عامل',
   filterPanelOperatorAnd: 'و',
   filterPanelOperatorOr: 'أو',
-  filterPanelColumns: 'الأعمدة',
+  filterPanelColumn: 'الأعمدة',
   filterPanelInputLabel: 'القيمة',
   filterPanelInputPlaceholder: 'ترشِيح قيمة',
   // Filter operators text

package/locales/arSD.mjs

@@ -59,7 +59,7 @@ const arSDGrid = {
   filterPanelOperator: 'عامل',
   filterPanelOperatorAnd: 'و',
   filterPanelOperatorOr: 'أو',
-  filterPanelColumns: 'الأعمدة',
+  filterPanelColumn: 'الأعمدة',
   filterPanelInputLabel: 'القيمة',
   filterPanelInputPlaceholder: 'ترشِيح قيمة',
   // Filter operators text

package/locales/beBY.js

@@ -79,7 +79,7 @@ const beBYGrid = {
   filterPanelOperator: 'Аператары',
   filterPanelOperatorAnd: 'І',
   filterPanelOperatorOr: 'Або',
-  filterPanelColumns: 'Слупкі',
+  filterPanelColumn: 'Слупкі',
   filterPanelInputLabel: 'Значэнне',
   filterPanelInputPlaceholder: 'Значэнне фільтра',
   // Filter operators text

package/locales/beBY.mjs

@@ -73,7 +73,7 @@ const beBYGrid = {
   filterPanelOperator: 'Аператары',
   filterPanelOperatorAnd: 'І',
   filterPanelOperatorOr: 'Або',
-  filterPanelColumns: 'Слупкі',
+  filterPanelColumn: 'Слупкі',
   filterPanelInputLabel: 'Значэнне',
   filterPanelInputPlaceholder: 'Значэнне фільтра',
   // Filter operators text

package/locales/bgBG.js

@@ -65,7 +65,7 @@ const bgBGGrid = {
   filterPanelOperator: 'Оператори',
   filterPanelOperatorAnd: 'И',
   filterPanelOperatorOr: 'Или',
-  filterPanelColumns: 'Колони',
+  filterPanelColumn: 'Колони',
   filterPanelInputLabel: 'Стойност',
   filterPanelInputPlaceholder: 'Стойност на филтъра',
   // Filter operators text

package/locales/bgBG.mjs

@@ -59,7 +59,7 @@ const bgBGGrid = {
   filterPanelOperator: 'Оператори',
   filterPanelOperatorAnd: 'И',
   filterPanelOperatorOr: 'Или',
-  filterPanelColumns: 'Колони',
+  filterPanelColumn: 'Колони',
   filterPanelInputLabel: 'Стойност',
   filterPanelInputPlaceholder: 'Стойност на филтъра',
   // Filter operators text

package/locales/bnBD.js

@@ -64,7 +64,7 @@ const bnBDGrid = {
   filterPanelOperator: 'অপারেটর',
   filterPanelOperatorAnd: 'এবং',
   filterPanelOperatorOr: 'অথবা',
-  filterPanelColumns: 'কলাম',
+  filterPanelColumn: 'কলাম',
   filterPanelInputLabel: 'মান',
   filterPanelInputPlaceholder: 'ফিল্টার মান',
   // Filter operators text

package/locales/bnBD.mjs

@@ -58,7 +58,7 @@ const bnBDGrid = {
   filterPanelOperator: 'অপারেটর',
   filterPanelOperatorAnd: 'এবং',
   filterPanelOperatorOr: 'অথবা',
-  filterPanelColumns: 'কলাম',
+  filterPanelColumn: 'কলাম',
   filterPanelInputLabel: 'মান',
   filterPanelInputPlaceholder: 'ফিল্টার মান',
   // Filter operators text

package/locales/caES.js

@@ -61,7 +61,7 @@ const caESGrid = {
   filterPanelOperator: 'Operadors',
   filterPanelOperatorAnd: 'I',
   filterPanelOperatorOr: 'O',
-  filterPanelColumns: 'Columnes',
+  filterPanelColumn: 'Columnes',
   filterPanelInputLabel: 'Valor',
   filterPanelInputPlaceholder: 'Valor del filtre',
   // Filter operators text

package/locales/caES.mjs

@@ -55,7 +55,7 @@ const caESGrid = {
   filterPanelOperator: 'Operadors',
   filterPanelOperatorAnd: 'I',
   filterPanelOperatorOr: 'O',
-  filterPanelColumns: 'Columnes',
+  filterPanelColumn: 'Columnes',
   filterPanelInputLabel: 'Valor',
   filterPanelInputPlaceholder: 'Valor del filtre',
   // Filter operators text

package/locales/csCZ.js

@@ -73,7 +73,7 @@ const csCZGrid = {
   filterPanelOperator: 'Operátory',
   filterPanelOperatorAnd: 'A',
   filterPanelOperatorOr: 'Nebo',
-  filterPanelColumns: 'Sloupce',
+  filterPanelColumn: 'Sloupce',
   filterPanelInputLabel: 'Hodnota',
   filterPanelInputPlaceholder: 'Hodnota filtru',
   // Filter operators text

package/locales/csCZ.mjs

@@ -67,7 +67,7 @@ const csCZGrid = {
   filterPanelOperator: 'Operátory',
   filterPanelOperatorAnd: 'A',
   filterPanelOperatorOr: 'Nebo',
-  filterPanelColumns: 'Sloupce',
+  filterPanelColumn: 'Sloupce',
   filterPanelInputLabel: 'Hodnota',
   filterPanelInputPlaceholder: 'Hodnota filtru',
   // Filter operators text

package/locales/daDK.js

@@ -65,7 +65,7 @@ const daDKGrid = {
   filterPanelOperator: 'Operator',
   filterPanelOperatorAnd: 'Og',
   filterPanelOperatorOr: 'Eller',
-  filterPanelColumns: 'Kolonner',
+  filterPanelColumn: 'Kolonner',
   filterPanelInputLabel: 'Værdi',
   filterPanelInputPlaceholder: 'Filterværdi',
   // Filter operators text

package/locales/daDK.mjs

@@ -59,7 +59,7 @@ const daDKGrid = {
   filterPanelOperator: 'Operator',
   filterPanelOperatorAnd: 'Og',
   filterPanelOperatorOr: 'Eller',
-  filterPanelColumns: 'Kolonner',
+  filterPanelColumn: 'Kolonner',
   filterPanelInputLabel: 'Værdi',
   filterPanelInputPlaceholder: 'Filterværdi',
   // Filter operators text

package/locales/deDE.js

@@ -62,7 +62,7 @@ const deDEGrid = {
   filterPanelOperator: 'Operatoren',
   filterPanelOperatorAnd: 'Und',
   filterPanelOperatorOr: 'Oder',
-  filterPanelColumns: 'Spalten',
+  filterPanelColumn: 'Spalten',
   filterPanelInputLabel: 'Wert',
   filterPanelInputPlaceholder: 'Wert filtern',
   // Filter operators text

package/locales/deDE.mjs

@@ -56,7 +56,7 @@ const deDEGrid = {
   filterPanelOperator: 'Operatoren',
   filterPanelOperatorAnd: 'Und',
   filterPanelOperatorOr: 'Oder',
-  filterPanelColumns: 'Spalten',
+  filterPanelColumn: 'Spalten',
   filterPanelInputLabel: 'Wert',
   filterPanelInputPlaceholder: 'Wert filtern',
   // Filter operators text

package/locales/elGR.js

@@ -65,7 +65,7 @@ const elGRGrid = {
   filterPanelOperator: 'Τελεστές',
   filterPanelOperatorAnd: 'Καί',
   filterPanelOperatorOr: 'Ή',
-  filterPanelColumns: 'Στήλες',
+  filterPanelColumn: 'Στήλες',
   filterPanelInputLabel: 'Τιμή',
   filterPanelInputPlaceholder: 'Τιμή φίλτρου',
   // Filter operators text

package/locales/elGR.mjs

@@ -59,7 +59,7 @@ const elGRGrid = {
   filterPanelOperator: 'Τελεστές',
   filterPanelOperatorAnd: 'Καί',
   filterPanelOperatorOr: 'Ή',
-  filterPanelColumns: 'Στήλες',
+  filterPanelColumn: 'Στήλες',
   filterPanelInputLabel: 'Τιμή',
   filterPanelInputPlaceholder: 'Τιμή φίλτρου',
   // Filter operators text