@mui/x-data-grid 8.5.0 → 8.5.1

package/esm/components/quickFilter/QuickFilterClear.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { RenderProp } from "../../hooks/utils/useGridComponentRenderer.js";
+import { RenderProp } from '@mui/x-internals/useComponentRenderer';
 import type { GridSlotProps } from "../../models/index.js";
 import { QuickFilterState } from "./QuickFilterContext.js";
 export type QuickFilterClearProps = Omit<GridSlotProps['baseIconButton'], 'className'> & {

package/esm/components/quickFilter/QuickFilterClear.js

@@ -4,8 +4,8 @@ const _excluded = ["render", "className", "onClick"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { forwardRef } from '@mui/x-internals/forwardRef';
+import { useComponentRenderer } from '@mui/x-internals/useComponentRenderer';
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { useGridComponentRenderer } from "../../hooks/utils/useGridComponentRenderer.js";
 import { useQuickFilterContext } from "./QuickFilterContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
@@ -37,7 +37,7 @@ const QuickFilterClear = forwardRef(function QuickFilterClear(props, ref) {
     clearValue();
     onClick?.(event);
   };
-  const element = useGridComponentRenderer(rootProps.slots.baseIconButton, render, _extends({}, rootProps.slotProps?.baseIconButton, {
+  const element = useComponentRenderer(rootProps.slots.baseIconButton, render, _extends({}, rootProps.slotProps?.baseIconButton, {
     className: resolvedClassName,
     tabIndex: -1
   }, other, {

package/esm/components/quickFilter/QuickFilterControl.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { RenderProp } from "../../hooks/utils/useGridComponentRenderer.js";
+import { RenderProp } from '@mui/x-internals/useComponentRenderer';
 import type { GridSlotProps } from "../../models/index.js";
 import { QuickFilterState } from "./QuickFilterContext.js";
 export type QuickFilterControlProps = Omit<GridSlotProps['baseTextField'], 'className'> & {

package/esm/components/quickFilter/QuickFilterControl.js

@@ -5,8 +5,8 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import useForkRef from '@mui/utils/useForkRef';
 import { forwardRef } from '@mui/x-internals/forwardRef';
+import { useComponentRenderer } from '@mui/x-internals/useComponentRenderer';
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { useGridComponentRenderer } from "../../hooks/utils/useGridComponentRenderer.js";
 import { useQuickFilterContext } from "./QuickFilterContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
@@ -64,7 +64,7 @@ const QuickFilterControl = forwardRef(function QuickFilterControl(props, ref) {
     onValueChange(event);
     onChange?.(event);
   };
-  const element = useGridComponentRenderer(rootProps.slots.baseTextField, render, _extends({}, rootProps.slotProps?.baseTextField, {
+  const element = useComponentRenderer(rootProps.slots.baseTextField, render, _extends({}, rootProps.slotProps?.baseTextField, {
     slotProps: _extends({
       htmlInput: _extends({
         role: 'searchbox',

package/esm/components/quickFilter/QuickFilterTrigger.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { RenderProp } from "../../hooks/utils/useGridComponentRenderer.js";
+import { RenderProp } from '@mui/x-internals/useComponentRenderer';
 import type { GridSlotProps } from "../../models/index.js";
 import { QuickFilterState } from "./QuickFilterContext.js";
 export type QuickFilterTriggerProps = Omit<GridSlotProps['baseButton'], 'className'> & {

package/esm/components/quickFilter/QuickFilterTrigger.js

@@ -4,9 +4,9 @@ const _excluded = ["render", "className", "onClick"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { forwardRef } from '@mui/x-internals/forwardRef';
+import { useComponentRenderer } from '@mui/x-internals/useComponentRenderer';
 import useForkRef from '@mui/utils/useForkRef';
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { useGridComponentRenderer } from "../../hooks/utils/useGridComponentRenderer.js";
 import { useQuickFilterContext } from "./QuickFilterContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
@@ -41,7 +41,7 @@ const QuickFilterTrigger = forwardRef(function QuickFilterTrigger(props, ref) {
     onExpandedChange(!state.expanded);
     onClick?.(event);
   };
-  const element = useGridComponentRenderer(rootProps.slots.baseButton, render, _extends({}, rootProps.slotProps?.baseButton, {
+  const element = useComponentRenderer(rootProps.slots.baseButton, render, _extends({}, rootProps.slotProps?.baseButton, {
     className: resolvedClassName,
     'aria-controls': controlId,
     'aria-expanded': state.expanded

package/esm/components/toolbarV8/Toolbar.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { RenderProp } from "../../hooks/utils/useGridComponentRenderer.js";
+import { RenderProp } from '@mui/x-internals/useComponentRenderer';
 export type ToolbarProps = React.HTMLAttributes<HTMLDivElement> & {
   /**
    * A function to customize rendering of the component.

package/esm/components/toolbarV8/Toolbar.js

@@ -7,9 +7,9 @@ import { styled } from '@mui/system';
 import composeClasses from '@mui/utils/composeClasses';
 import clsx from 'clsx';
 import { forwardRef } from '@mui/x-internals/forwardRef';
+import { useComponentRenderer } from '@mui/x-internals/useComponentRenderer';
 import { vars } from "../../constants/cssVariables.js";
 import { getDataGridUtilityClass } from "../../constants/gridClasses.js";
-import { useGridComponentRenderer } from "../../hooks/utils/useGridComponentRenderer.js";
 import { ToolbarContext } from "./ToolbarContext.js";
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
 import { sortByDocumentPosition } from "./utils.js";
@@ -179,7 +179,7 @@ const Toolbar = forwardRef(function Toolbar(props, ref) {
     onItemFocus,
     onItemDisabled
   }), [focusableItemId, registerItem, unregisterItem, onItemKeyDown, onItemFocus, onItemDisabled]);
-  const element = useGridComponentRenderer(ToolbarRoot, render, _extends({
+  const element = useComponentRenderer(ToolbarRoot, render, _extends({
     role: 'toolbar',
     'aria-orientation': 'horizontal',
     'aria-label': rootProps.label || undefined,

package/esm/components/toolbarV8/ToolbarButton.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { RenderProp } from "../../hooks/utils/useGridComponentRenderer.js";
+import { RenderProp } from '@mui/x-internals/useComponentRenderer';
 import type { GridSlotProps } from "../../models/index.js";
 export type ToolbarButtonProps = GridSlotProps['baseIconButton'] & {
   /**

package/esm/components/toolbarV8/ToolbarButton.js

@@ -6,8 +6,8 @@ import PropTypes from 'prop-types';
 import useForkRef from '@mui/utils/useForkRef';
 import useId from '@mui/utils/useId';
 import { forwardRef } from '@mui/x-internals/forwardRef';
+import { useComponentRenderer } from '@mui/x-internals/useComponentRenderer';
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { useGridComponentRenderer } from "../../hooks/utils/useGridComponentRenderer.js";
 import { useToolbarContext } from "./ToolbarContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
@@ -70,7 +70,7 @@ const ToolbarButton = forwardRef(function ToolbarButton(props, ref) {
     }
     previousAriaDisabled.current = ariaDisabled;
   }, [ariaDisabled, id, onItemDisabled]);
-  const element = useGridComponentRenderer(rootProps.slots.baseIconButton, render, _extends({}, rootProps.slotProps?.baseIconButton, {
+  const element = useComponentRenderer(rootProps.slots.baseIconButton, render, _extends({}, rootProps.slotProps?.baseIconButton, {
     tabIndex: focusableItemId === id ? 0 : -1
   }, other, {
     disabled,

package/esm/hooks/core/pipeProcessing/useGridPipeProcessing.js

@@ -56,12 +56,12 @@ export const useGridPipeProcessing = apiRef => {
     const oldProcessor = groupCache.processors.get(id);
     if (oldProcessor !== processor) {
       groupCache.processors.set(id, processor);
-      groupCache.processorsAsArray = Array.from(cache.current[group].processors.values());
+      groupCache.processorsAsArray = Array.from(cache.current[group].processors.values()).filter(processorValue => processorValue !== null);
       runAppliers(groupCache);
     }
     return () => {
-      cache.current[group].processors.delete(id);
-      cache.current[group].processorsAsArray = Array.from(cache.current[group].processors.values());
+      cache.current[group].processors.set(id, null);
+      cache.current[group].processorsAsArray = Array.from(cache.current[group].processors.values()).filter(processorValue => processorValue !== null);
     };
   }, [runAppliers]);
   const registerPipeApplier = React.useCallback((group, id, applier) => {

package/esm/hooks/features/columnHeaders/useGridColumnHeaders.d.ts

@@ -29,7 +29,7 @@ export interface GetHeadersParams {
   maxLastColumn?: number;
 }
 type OwnerState = DataGridProcessedProps;
-export declare const GridColumnHeaderRow: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+export declare const GridColumnHeaderRow: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
   ownerState: OwnerState;
 }, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}>;
 export declare const useGridColumnHeaders: (props: UseGridColumnHeadersProps) => {

package/esm/hooks/features/rowSelection/useGridRowSelectionPreProcessors.js

@@ -28,17 +28,21 @@ export const useGridRowSelectionPreProcessors = (apiRef, props) => {
       headerName: apiRef.current.getLocaleText('checkboxSelectionHeaderName')
     });
     const shouldHaveSelectionColumn = props.checkboxSelection;
-    const haveSelectionColumn = columnsState.lookup[GRID_CHECKBOX_SELECTION_FIELD] != null;
-    if (shouldHaveSelectionColumn && !haveSelectionColumn) {
+    const hasSelectionColumn = columnsState.lookup[GRID_CHECKBOX_SELECTION_FIELD] != null;
+    if (shouldHaveSelectionColumn && !hasSelectionColumn) {
       columnsState.lookup[GRID_CHECKBOX_SELECTION_FIELD] = selectionColumn;
       columnsState.orderedFields = [GRID_CHECKBOX_SELECTION_FIELD, ...columnsState.orderedFields];
-    } else if (!shouldHaveSelectionColumn && haveSelectionColumn) {
+    } else if (!shouldHaveSelectionColumn && hasSelectionColumn) {
       delete columnsState.lookup[GRID_CHECKBOX_SELECTION_FIELD];
       columnsState.orderedFields = columnsState.orderedFields.filter(field => field !== GRID_CHECKBOX_SELECTION_FIELD);
-    } else if (shouldHaveSelectionColumn && haveSelectionColumn) {
+    } else if (shouldHaveSelectionColumn && hasSelectionColumn) {
       columnsState.lookup[GRID_CHECKBOX_SELECTION_FIELD] = _extends({}, selectionColumn, columnsState.lookup[GRID_CHECKBOX_SELECTION_FIELD]);
+      // If the column is not in the columns array (not a custom selection column), move it to the beginning of the column order
+      if (!props.columns.some(col => col.field === GRID_CHECKBOX_SELECTION_FIELD)) {
+        columnsState.orderedFields = [GRID_CHECKBOX_SELECTION_FIELD, ...columnsState.orderedFields.filter(field => field !== GRID_CHECKBOX_SELECTION_FIELD)];
+      }
     }
     return columnsState;
-  }, [apiRef, classes, props.checkboxSelection]);
+  }, [apiRef, classes, props.columns, props.checkboxSelection]);
   useGridRegisterPipeProcessor(apiRef, 'hydrateColumns', updateSelectionColumn);
 };

package/esm/hooks/utils/index.d.ts

@@ -6,4 +6,4 @@ export * from "./useGridNativeEventListener.js";
 export * from "./useFirstRender.js";
 export * from "./useOnMount.js";
 export * from "./useRunOnce.js";
-export type { RenderProp } from "./useGridComponentRenderer.js";
+export type { RenderProp } from '@mui/x-internals/useComponentRenderer';

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v8.5.0
+ * @mui/x-data-grid v8.5.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/esm/internals/index.d.ts

@@ -77,7 +77,6 @@ export * from "../hooks/features/virtualization/index.js";
 export { useGridColumnResize, columnResizeStateInitializer } from "../hooks/features/columnResize/useGridColumnResize.js";
 export { ROW_SELECTION_PROPAGATION_DEFAULT } from "../hooks/features/rowSelection/utils.js";
 export { useGridListView, listViewStateInitializer } from "../hooks/features/listView/useGridListView.js";
-export { useGridComponentRenderer } from "../hooks/utils/useGridComponentRenderer.js";
 export { useTimeout } from "../hooks/utils/useTimeout.js";
 export { useGridVisibleRows, getVisibleRows } from "../hooks/utils/useGridVisibleRows.js";
 export { useGridInitializeState } from "../hooks/utils/useGridInitializeState.js";

package/esm/internals/index.js

@@ -63,7 +63,6 @@ export * from "../hooks/features/virtualization/index.js";
 export { useGridColumnResize, columnResizeStateInitializer } from "../hooks/features/columnResize/useGridColumnResize.js";
 export { ROW_SELECTION_PROPAGATION_DEFAULT } from "../hooks/features/rowSelection/utils.js";
 export { useGridListView, listViewStateInitializer } from "../hooks/features/listView/useGridListView.js";
-export { useGridComponentRenderer } from "../hooks/utils/useGridComponentRenderer.js";
 export { useTimeout } from "../hooks/utils/useTimeout.js";
 export { useGridVisibleRows, getVisibleRows } from "../hooks/utils/useGridVisibleRows.js";
 export { useGridInitializeState } from "../hooks/utils/useGridInitializeState.js";

package/esm/locales/arSD.js

@@ -39,12 +39,11 @@ const arSDGrid = {
   // toolbarAssistant: 'AI Assistant',
 
   // Columns management text
-  // columnsManagementSearchTitle: 'Search',
-  // columnsManagementNoColumns: 'No columns',
-  // columnsManagementShowHideAllText: 'Show/Hide All',
-  // columnsManagementReset: 'Reset',
-  // columnsManagementDeleteIconLabel: 'Clear',
-
+  columnsManagementSearchTitle: 'بحث',
+  columnsManagementNoColumns: 'لا يوجد أعمدة',
+  columnsManagementShowHideAllText: 'عرض/إخفاء الكل',
+  columnsManagementReset: 'إعادة ضبط',
+  columnsManagementDeleteIconLabel: 'مسح',
   // Filter panel text
   filterPanelAddFilter: 'إضافة مرشِح',
   filterPanelRemoveAll: 'حذف الكل',

package/esm/locales/ptPT.js

@@ -10,7 +10,7 @@ const ptPTGrid = {
   // Density selector toolbar button text
   toolbarDensity: 'Densidade',
   toolbarDensityLabel: 'Densidade',
-  toolbarDensityCompact: 'Compactar',
+  toolbarDensityCompact: 'Compacto',
   toolbarDensityStandard: 'Padrão',
   toolbarDensityComfortable: 'Confortável',
   // Columns selector toolbar button text
@@ -25,7 +25,7 @@ const ptPTGrid = {
   // Quick filter toolbar field
   toolbarQuickFilterPlaceholder: 'Procurar…',
   toolbarQuickFilterLabel: 'Procurar',
-  toolbarQuickFilterDeleteIconLabel: 'Claro',
+  toolbarQuickFilterDeleteIconLabel: 'Limpar',
   // Export selector toolbar button text
   toolbarExport: 'Exportar',
   toolbarExportLabel: 'Exportar',
@@ -144,8 +144,8 @@ const ptPTGrid = {
   unpin: 'Desafixar',
   // Tree Data
   treeDataGroupingHeaderName: 'Grupo',
-  treeDataExpand: 'ver crianças',
-  treeDataCollapse: 'esconder crianças',
+  treeDataExpand: 'expandir',
+  treeDataCollapse: 'colapsar',
   // Grouping columns
   groupingColumnHeaderName: 'Grupo',
   groupColumn: name => `Agrupar por ${name}`,

package/hooks/core/pipeProcessing/useGridPipeProcessing.js

@@ -64,12 +64,12 @@ const useGridPipeProcessing = apiRef => {
     const oldProcessor = groupCache.processors.get(id);
     if (oldProcessor !== processor) {
       groupCache.processors.set(id, processor);
-      groupCache.processorsAsArray = Array.from(cache.current[group].processors.values());
+      groupCache.processorsAsArray = Array.from(cache.current[group].processors.values()).filter(processorValue => processorValue !== null);
       runAppliers(groupCache);
     }
     return () => {
-      cache.current[group].processors.delete(id);
-      cache.current[group].processorsAsArray = Array.from(cache.current[group].processors.values());
+      cache.current[group].processors.set(id, null);
+      cache.current[group].processorsAsArray = Array.from(cache.current[group].processors.values()).filter(processorValue => processorValue !== null);
     };
   }, [runAppliers]);
   const registerPipeApplier = React.useCallback((group, id, applier) => {

package/hooks/features/columnHeaders/useGridColumnHeaders.d.ts

@@ -29,7 +29,7 @@ export interface GetHeadersParams {
   maxLastColumn?: number;
 }
 type OwnerState = DataGridProcessedProps;
-export declare const GridColumnHeaderRow: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+export declare const GridColumnHeaderRow: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
   ownerState: OwnerState;
 }, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}>;
 export declare const useGridColumnHeaders: (props: UseGridColumnHeadersProps) => {

package/hooks/features/rowSelection/useGridRowSelectionPreProcessors.js

@@ -36,18 +36,22 @@ const useGridRowSelectionPreProcessors = (apiRef, props) => {
       headerName: apiRef.current.getLocaleText('checkboxSelectionHeaderName')
     });
     const shouldHaveSelectionColumn = props.checkboxSelection;
-    const haveSelectionColumn = columnsState.lookup[_colDef.GRID_CHECKBOX_SELECTION_FIELD] != null;
-    if (shouldHaveSelectionColumn && !haveSelectionColumn) {
+    const hasSelectionColumn = columnsState.lookup[_colDef.GRID_CHECKBOX_SELECTION_FIELD] != null;
+    if (shouldHaveSelectionColumn && !hasSelectionColumn) {
       columnsState.lookup[_colDef.GRID_CHECKBOX_SELECTION_FIELD] = selectionColumn;
       columnsState.orderedFields = [_colDef.GRID_CHECKBOX_SELECTION_FIELD, ...columnsState.orderedFields];
-    } else if (!shouldHaveSelectionColumn && haveSelectionColumn) {
+    } else if (!shouldHaveSelectionColumn && hasSelectionColumn) {
       delete columnsState.lookup[_colDef.GRID_CHECKBOX_SELECTION_FIELD];
       columnsState.orderedFields = columnsState.orderedFields.filter(field => field !== _colDef.GRID_CHECKBOX_SELECTION_FIELD);
-    } else if (shouldHaveSelectionColumn && haveSelectionColumn) {
+    } else if (shouldHaveSelectionColumn && hasSelectionColumn) {
       columnsState.lookup[_colDef.GRID_CHECKBOX_SELECTION_FIELD] = (0, _extends2.default)({}, selectionColumn, columnsState.lookup[_colDef.GRID_CHECKBOX_SELECTION_FIELD]);
+      // If the column is not in the columns array (not a custom selection column), move it to the beginning of the column order
+      if (!props.columns.some(col => col.field === _colDef.GRID_CHECKBOX_SELECTION_FIELD)) {
+        columnsState.orderedFields = [_colDef.GRID_CHECKBOX_SELECTION_FIELD, ...columnsState.orderedFields.filter(field => field !== _colDef.GRID_CHECKBOX_SELECTION_FIELD)];
+      }
     }
     return columnsState;
-  }, [apiRef, classes, props.checkboxSelection]);
+  }, [apiRef, classes, props.columns, props.checkboxSelection]);
   (0, _pipeProcessing.useGridRegisterPipeProcessor)(apiRef, 'hydrateColumns', updateSelectionColumn);
 };
 exports.useGridRowSelectionPreProcessors = useGridRowSelectionPreProcessors;

package/hooks/utils/index.d.ts

@@ -6,4 +6,4 @@ export * from "./useGridNativeEventListener.js";
 export * from "./useFirstRender.js";
 export * from "./useOnMount.js";
 export * from "./useRunOnce.js";
-export type { RenderProp } from "./useGridComponentRenderer.js";
+export type { RenderProp } from '@mui/x-internals/useComponentRenderer';

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v8.5.0
+ * @mui/x-data-grid v8.5.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/index.d.ts

@@ -77,7 +77,6 @@ export * from "../hooks/features/virtualization/index.js";
 export { useGridColumnResize, columnResizeStateInitializer } from "../hooks/features/columnResize/useGridColumnResize.js";
 export { ROW_SELECTION_PROPAGATION_DEFAULT } from "../hooks/features/rowSelection/utils.js";
 export { useGridListView, listViewStateInitializer } from "../hooks/features/listView/useGridListView.js";
-export { useGridComponentRenderer } from "../hooks/utils/useGridComponentRenderer.js";
 export { useTimeout } from "../hooks/utils/useTimeout.js";
 export { useGridVisibleRows, getVisibleRows } from "../hooks/utils/useGridVisibleRows.js";
 export { useGridInitializeState } from "../hooks/utils/useGridInitializeState.js";

package/internals/index.js

@@ -94,7 +94,6 @@ var _exportNames = {
   ROW_SELECTION_PROPAGATION_DEFAULT: true,
   useGridListView: true,
   listViewStateInitializer: true,
-  useGridComponentRenderer: true,
   useTimeout: true,
   useGridVisibleRows: true,
   getVisibleRows: true,
@@ -608,12 +607,6 @@ Object.defineProperty(exports, "useGridColumns", {
     return _useGridColumns.useGridColumns;
   }
 });
-Object.defineProperty(exports, "useGridComponentRenderer", {
-  enumerable: true,
-  get: function () {
-    return _useGridComponentRenderer.useGridComponentRenderer;
-  }
-});
 Object.defineProperty(exports, "useGridCsvExport", {
   enumerable: true,
   get: function () {
@@ -953,7 +946,6 @@ Object.keys(_virtualization).forEach(function (key) {
 var _useGridColumnResize = require("../hooks/features/columnResize/useGridColumnResize");
 var _utils = require("../hooks/features/rowSelection/utils");
 var _useGridListView = require("../hooks/features/listView/useGridListView");
-var _useGridComponentRenderer = require("../hooks/utils/useGridComponentRenderer");
 var _useTimeout = require("../hooks/utils/useTimeout");
 var _useGridVisibleRows = require("../hooks/utils/useGridVisibleRows");
 var _useGridInitializeState = require("../hooks/utils/useGridInitializeState");

package/locales/arSD.js

@@ -45,12 +45,11 @@ const arSDGrid = {
   // toolbarAssistant: 'AI Assistant',
 
   // Columns management text
-  // columnsManagementSearchTitle: 'Search',
-  // columnsManagementNoColumns: 'No columns',
-  // columnsManagementShowHideAllText: 'Show/Hide All',
-  // columnsManagementReset: 'Reset',
-  // columnsManagementDeleteIconLabel: 'Clear',
-
+  columnsManagementSearchTitle: 'بحث',
+  columnsManagementNoColumns: 'لا يوجد أعمدة',
+  columnsManagementShowHideAllText: 'عرض/إخفاء الكل',
+  columnsManagementReset: 'إعادة ضبط',
+  columnsManagementDeleteIconLabel: 'مسح',
   // Filter panel text
   filterPanelAddFilter: 'إضافة مرشِح',
   filterPanelRemoveAll: 'حذف الكل',

package/locales/ptPT.js

@@ -16,7 +16,7 @@ const ptPTGrid = {
   // Density selector toolbar button text
   toolbarDensity: 'Densidade',
   toolbarDensityLabel: 'Densidade',
-  toolbarDensityCompact: 'Compactar',
+  toolbarDensityCompact: 'Compacto',
   toolbarDensityStandard: 'Padrão',
   toolbarDensityComfortable: 'Confortável',
   // Columns selector toolbar button text
@@ -31,7 +31,7 @@ const ptPTGrid = {
   // Quick filter toolbar field
   toolbarQuickFilterPlaceholder: 'Procurar…',
   toolbarQuickFilterLabel: 'Procurar',
-  toolbarQuickFilterDeleteIconLabel: 'Claro',
+  toolbarQuickFilterDeleteIconLabel: 'Limpar',
   // Export selector toolbar button text
   toolbarExport: 'Exportar',
   toolbarExportLabel: 'Exportar',
@@ -150,8 +150,8 @@ const ptPTGrid = {
   unpin: 'Desafixar',
   // Tree Data
   treeDataGroupingHeaderName: 'Grupo',
-  treeDataExpand: 'ver crianças',
-  treeDataCollapse: 'esconder crianças',
+  treeDataExpand: 'expandir',
+  treeDataCollapse: 'colapsar',
   // Grouping columns
   groupingColumnHeaderName: 'Grupo',
   groupColumn: name => `Agrupar por ${name}`,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "8.5.0",
+  "version": "8.5.1",
   "author": "MUI Team",
   "description": "The Community plan edition of the MUI X Data Grid components.",
   "main": "./index.js",
@@ -39,13 +39,13 @@
     "directory": "packages/x-data-grid"
   },
   "dependencies": {
-    "@babel/runtime": "^7.27.1",
-    "@mui/utils": "^7.0.2",
+    "@babel/runtime": "^7.27.4",
+    "@mui/utils": "^7.1.1",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "reselect": "^5.1.1",
     "use-sync-external-store": "^1.5.0",
-    "@mui/x-internals": "8.5.0"
+    "@mui/x-internals": "8.5.1"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/esm/hooks/utils/useGridComponentRenderer.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-export type RenderProp<Props, State = {}> = ((props: Props, state: State) => React.ReactElement<unknown>) | React.ReactElement<Props>;
-/**
- * Resolves the rendering logic for a component.
- * Handles three scenarios:
- * 1. A render function that receives props and state
- * 2. A React element
- * 3. A default element
- *
- * @ignore - internal hook.
- */
-export declare function useGridComponentRenderer<Props extends React.HTMLAttributes<any>, State extends Record<string, any>>(defaultElement: keyof React.JSX.IntrinsicElements | React.ComponentType<Props>, render: RenderProp<Props, State> | undefined, props: Props, state?: State): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;

package/esm/hooks/utils/useGridComponentRenderer.js

@@ -1,36 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import clsx from 'clsx';
-/**
- * Resolves the rendering logic for a component.
- * Handles three scenarios:
- * 1. A render function that receives props and state
- * 2. A React element
- * 3. A default element
- *
- * @ignore - internal hook.
- */
-export function useGridComponentRenderer(defaultElement, render, props, state = {}) {
-  if (typeof render === 'function') {
-    return render(props, state);
-  }
-  if (render) {
-    if (render.props.className) {
-      props.className = clsx(render.props.className, props.className);
-    }
-    if (render.props.style || props.style) {
-      props.style = _extends({}, props.style, render.props.style);
-    }
-    if (render.props.sx || props.sx) {
-      props.sx = mergeSx(props.sx, render.props.sx);
-    }
-    return /*#__PURE__*/React.cloneElement(render, props);
-  }
-  return /*#__PURE__*/React.createElement(defaultElement, props);
-}
-function mergeSx(sx1, sx2) {
-  if (!sx1 || !sx2) {
-    return sx1 || sx2;
-  }
-  return (Array.isArray(sx1) ? sx1 : [sx1]).concat(Array.isArray(sx2) ? sx2 : [sx2]);
-}

package/hooks/utils/useGridComponentRenderer.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-export type RenderProp<Props, State = {}> = ((props: Props, state: State) => React.ReactElement<unknown>) | React.ReactElement<Props>;
-/**
- * Resolves the rendering logic for a component.
- * Handles three scenarios:
- * 1. A render function that receives props and state
- * 2. A React element
- * 3. A default element
- *
- * @ignore - internal hook.
- */
-export declare function useGridComponentRenderer<Props extends React.HTMLAttributes<any>, State extends Record<string, any>>(defaultElement: keyof React.JSX.IntrinsicElements | React.ComponentType<Props>, render: RenderProp<Props, State> | undefined, props: Props, state?: State): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;

package/hooks/utils/useGridComponentRenderer.js

@@ -1,44 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useGridComponentRenderer = useGridComponentRenderer;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _clsx = _interopRequireDefault(require("clsx"));
-/**
- * Resolves the rendering logic for a component.
- * Handles three scenarios:
- * 1. A render function that receives props and state
- * 2. A React element
- * 3. A default element
- *
- * @ignore - internal hook.
- */
-function useGridComponentRenderer(defaultElement, render, props, state = {}) {
-  if (typeof render === 'function') {
-    return render(props, state);
-  }
-  if (render) {
-    if (render.props.className) {
-      props.className = (0, _clsx.default)(render.props.className, props.className);
-    }
-    if (render.props.style || props.style) {
-      props.style = (0, _extends2.default)({}, props.style, render.props.style);
-    }
-    if (render.props.sx || props.sx) {
-      props.sx = mergeSx(props.sx, render.props.sx);
-    }
-    return /*#__PURE__*/React.cloneElement(render, props);
-  }
-  return /*#__PURE__*/React.createElement(defaultElement, props);
-}
-function mergeSx(sx1, sx2) {
-  if (!sx1 || !sx2) {
-    return sx1 || sx2;
-  }
-  return (Array.isArray(sx1) ? sx1 : [sx1]).concat(Array.isArray(sx2) ? sx2 : [sx2]);
-}