@mui/x-data-grid 7.21.0 → 7.22.1

package/hooks/features/listView/useGridListView.js

@@ -1,11 +1,12 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
+import { warnOnce } from '@mui/x-internals/warning';
 import { gridDimensionsSelector } from "../dimensions/index.js";
 import { useGridApiEventHandler } from "../../utils/useGridApiEventHandler.js";
 export const listViewStateInitializer = (state, props, apiRef) => _extends({}, state, {
-  listViewColumn: _extends({}, props.unstable_listColumn, {
+  listViewColumn: props.unstable_listColumn ? _extends({}, props.unstable_listColumn, {
     computedWidth: getListColumnWidth(apiRef)
-  })
+  }) : undefined
 });
 export function useGridListView(apiRef, props) {
   /*
@@ -48,6 +49,11 @@ export function useGridListView(apiRef, props) {
       });
     }
   }, [apiRef, props.unstable_listColumn]);
+  React.useEffect(() => {
+    if (props.unstable_listView && !props.unstable_listColumn) {
+      warnOnce(['MUI X: The `unstable_listColumn` prop must be set if `unstable_listView` is enabled.', 'To fix, pass a column definition to the `unstable_listColumn` prop, e.g. `{ field: "example", renderCell: (params) => <div>{params.row.id}</div> }`.', 'For more details, see https://mui.com/x/react-data-grid/list-view/']);
+    }
+  }, [props.unstable_listView, props.unstable_listColumn]);
 }
 function getListColumnWidth(apiRef) {
   return gridDimensionsSelector(apiRef.current.state).viewportInnerSize.width;

package/hooks/features/pagination/gridPaginationSelector.js

@@ -2,6 +2,7 @@ import { createSelector, createSelectorMemoized } from "../../../utils/createSel
 import { gridExpandedSortedRowEntriesSelector, gridExpandedSortedRowIdsSelector, gridFilteredSortedTopLevelRowEntriesSelector } from "../filter/gridFilterSelector.js";
 import { gridRowMaximumTreeDepthSelector, gridRowTreeSelector } from "../rows/gridRowsSelector.js";
 import { getPageCount } from "./gridPaginationUtils.js";
+const ALL_RESULTS_PAGE_VALUE = -1;
 
 /**
  * @category Pagination
@@ -52,7 +53,7 @@ export const gridPageCountSelector = createSelector(gridPaginationModelSelector,
 export const gridPaginationRowRangeSelector = createSelectorMemoized(gridPaginationModelSelector, gridRowTreeSelector, gridRowMaximumTreeDepthSelector, gridExpandedSortedRowEntriesSelector, gridFilteredSortedTopLevelRowEntriesSelector, (paginationModel, rowTree, rowTreeDepth, visibleSortedRowEntries, visibleSortedTopLevelRowEntries) => {
   const visibleTopLevelRowCount = visibleSortedTopLevelRowEntries.length;
   const topLevelFirstRowIndex = Math.min(paginationModel.pageSize * paginationModel.page, visibleTopLevelRowCount - 1);
-  const topLevelLastRowIndex = Math.min(topLevelFirstRowIndex + paginationModel.pageSize - 1, visibleTopLevelRowCount - 1);
+  const topLevelLastRowIndex = paginationModel.pageSize === ALL_RESULTS_PAGE_VALUE ? visibleTopLevelRowCount - 1 : Math.min(topLevelFirstRowIndex + paginationModel.pageSize - 1, visibleTopLevelRowCount - 1);
 
   // The range contains no element
   if (topLevelFirstRowIndex === -1 || topLevelLastRowIndex === -1) {

package/hooks/features/rowSelection/useGridRowSelection.js

@@ -13,7 +13,7 @@ import { GRID_CHECKBOX_SELECTION_COL_DEF, GRID_ACTIONS_COLUMN_TYPE } from "../..
 import { GridCellModes } from "../../../models/gridEditRowModel.js";
 import { isKeyboardEvent, isNavigationKey } from "../../../utils/keyboardUtils.js";
 import { useGridVisibleRows } from "../../utils/useGridVisibleRows.js";
-import { GRID_DETAIL_PANEL_TOGGLE_FIELD } from "../../../constants/gridDetailPanelToggleField.js";
+import { GRID_DETAIL_PANEL_TOGGLE_FIELD } from "../../../internals/constants.js";
 import { gridClasses } from "../../../constants/gridClasses.js";
 import { isEventTargetInPortal } from "../../../utils/domUtils.js";
 import { isMultipleRowSelectionEnabled, findRowsToSelect, findRowsToDeselect } from "./utils.js";

package/hooks/features/rows/useGridRowSpanning.js

@@ -1,11 +1,13 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useLazyRef from '@mui/utils/useLazyRef';
+import { GRID_DETAIL_PANEL_TOGGLE_FIELD } from "../../../internals/constants.js";
 import { gridVisibleColumnDefinitionsSelector } from "../columns/gridColumnsSelector.js";
 import { useGridVisibleRows } from "../../utils/useGridVisibleRows.js";
 import { gridRenderContextSelector } from "../virtualization/gridVirtualizationSelectors.js";
 import { useGridSelector } from "../../utils/useGridSelector.js";
 import { getUnprocessedRange, isRowRangeUpdated, isRowContextInitialized, getCellValue } from "./gridRowSpanningUtils.js";
+import { GRID_CHECKBOX_SELECTION_FIELD } from "../../../colDef/gridCheckboxSelectionColDef.js";
 const EMPTY_STATE = {
   spannedCells: {},
   hiddenCells: {},
@@ -15,7 +17,7 @@ const EMPTY_RANGE = {
   firstRowIndex: 0,
   lastRowIndex: 0
 };
-const skippedFields = new Set(['__check__', '__reorder__', '__detail_panel_toggle__']);
+const skippedFields = new Set([GRID_CHECKBOX_SELECTION_FIELD, '__reorder__', GRID_DETAIL_PANEL_TOGGLE_FIELD]);
 /**
  * Default number of rows to process during state initialization to avoid flickering.
  * Number `20` is arbitrarily chosen to be large enough to cover most of the cases without

package/hooks/features/scroll/useGridScroll.js

@@ -48,8 +48,6 @@ export const useGridScroll = (apiRef, props) => {
   const logger = useGridLogger(apiRef, 'useGridScroll');
   const colRef = apiRef.current.columnHeadersContainerRef;
   const virtualScrollerRef = apiRef.current.virtualScrollerRef;
-  const virtualScrollbarHorizontalRef = apiRef.current.virtualScrollbarHorizontalRef;
-  const virtualScrollbarVerticalRef = apiRef.current.virtualScrollbarVerticalRef;
   const visibleSortedRows = useGridSelector(apiRef, gridExpandedSortedRowEntriesSelector);
   const scrollToIndexes = React.useCallback(params => {
     const dimensions = gridDimensionsSelector(apiRef.current.state);
@@ -103,20 +101,18 @@ export const useGridScroll = (apiRef, props) => {
     return false;
   }, [logger, apiRef, virtualScrollerRef, props.pagination, visibleSortedRows, props.unstable_listView]);
   const scroll = React.useCallback(params => {
-    if (virtualScrollerRef.current && virtualScrollbarHorizontalRef.current && params.left !== undefined && colRef.current) {
+    if (virtualScrollerRef.current && params.left !== undefined && colRef.current) {
       const direction = isRtl ? -1 : 1;
       colRef.current.scrollLeft = params.left;
       virtualScrollerRef.current.scrollLeft = direction * params.left;
-      virtualScrollbarHorizontalRef.current.scrollLeft = direction * params.left;
       logger.debug(`Scrolling left: ${params.left}`);
     }
-    if (virtualScrollerRef.current && virtualScrollbarVerticalRef.current && params.top !== undefined) {
+    if (virtualScrollerRef.current && params.top !== undefined) {
       virtualScrollerRef.current.scrollTop = params.top;
-      virtualScrollbarVerticalRef.current.scrollTop = params.top;
       logger.debug(`Scrolling top: ${params.top}`);
     }
     logger.debug(`Scrolling, updating container, and viewport`);
-  }, [virtualScrollerRef, virtualScrollbarHorizontalRef, virtualScrollbarVerticalRef, isRtl, colRef, logger]);
+  }, [virtualScrollerRef, isRtl, colRef, logger]);
   const getScrollPosition = React.useCallback(() => {
     if (!virtualScrollerRef?.current) {
       return {

package/hooks/features/virtualization/useGridVirtualScroller.js

@@ -378,10 +378,11 @@ export const useGridVirtualScroller = () => {
   const contentSize = React.useMemo(() => {
     const size = {
       width: needsHorizontalScrollbar ? columnsTotalWidth : 'auto',
-      height: contentHeight
+      flexBasis: contentHeight,
+      flexShrink: 0
     };
     if (rootProps.autoHeight && currentPage.rows.length === 0) {
-      size.height = getMinimalContentHeight(apiRef); // Give room to show the overlay when there no rows.
+      size.flexBasis = getMinimalContentHeight(apiRef); // Give room to show the overlay when there no rows.
     }
     return size;
   }, [apiRef, columnsTotalWidth, contentHeight, needsHorizontalScrollbar, rootProps.autoHeight, currentPage.rows.length]);

package/index.js

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

package/internals/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const GRID_TREE_DATA_GROUPING_FIELD = "__tree_data_group__";
+export declare const GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD = "__row_group_by_columns_group__";
+export declare const GRID_DETAIL_PANEL_TOGGLE_FIELD = "__detail_panel_toggle__";

package/internals/constants.js

@@ -0,0 +1,3 @@
+export const GRID_TREE_DATA_GROUPING_FIELD = '__tree_data_group__';
+export const GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD = '__row_group_by_columns_group__';
+export const GRID_DETAIL_PANEL_TOGGLE_FIELD = '__detail_panel_toggle__';

package/internals/index.d.ts

@@ -92,4 +92,5 @@ export type { GridApiCommunity } from '../models/api/gridApiCommunity';
 export type { GridApiCaches } from '../models/gridApiCaches';
 export { serializeCellValue } from '../hooks/features/export/serializers/csvSerializer';
 export * from './utils';
+export * from './constants';
 export type { Localization } from '../utils/getGridLocalization';

package/internals/index.js

@@ -72,4 +72,5 @@ export * from "../utils/cellBorderUtils.js";
 export { useGridPrivateApiContext } from "../hooks/utils/useGridPrivateApiContext.js";
 export * from "../hooks/utils/index.js";
 export { serializeCellValue } from "../hooks/features/export/serializers/csvSerializer.js";
-export * from "./utils/index.js";
+export * from "./utils/index.js";
+export * from "./constants.js";

package/internals/utils/gridRowGroupingUtils.d.ts

@@ -0,0 +1,2 @@
+export declare const getRowGroupingCriteriaFromGroupingField: (groupingColDefField: string) => string | null;
+export declare const isGroupingColumn: (field: string) => boolean;

package/internals/utils/gridRowGroupingUtils.js

@@ -0,0 +1,9 @@
+import { GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD } from "../constants.js";
+export const getRowGroupingCriteriaFromGroupingField = groupingColDefField => {
+  const match = groupingColDefField.match(/^__row_group_by_columns_group_(.*)__$/);
+  if (!match) {
+    return null;
+  }
+  return match[1];
+};
+export const isGroupingColumn = field => field === GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD || getRowGroupingCriteriaFromGroupingField(field) !== null;

package/internals/utils/index.d.ts

@@ -1,3 +1,4 @@
 export * from './computeSlots';
 export * from './useProps';
 export * from './propValidation';
+export * from './gridRowGroupingUtils';

package/internals/utils/index.js

@@ -1,3 +1,4 @@
 export * from "./computeSlots.js";
 export * from "./useProps.js";
-export * from "./propValidation.js";
+export * from "./propValidation.js";
+export * from "./gridRowGroupingUtils.js";

package/joy/joySlots.js

@@ -1,14 +1,17 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["touchRippleRef", "inputProps", "onChange", "color", "size", "checked", "sx", "value", "inputRef"],
-  _excluded2 = ["onChange", "label", "placeholder", "value", "inputRef", "type", "size", "variant"],
-  _excluded3 = ["startIcon", "color", "endIcon", "size", "sx", "variant"],
-  _excluded4 = ["color", "size", "sx", "touchRippleRef"],
-  _excluded5 = ["open", "onOpen", "value", "onChange", "size", "color", "variant", "inputProps", "MenuProps", "inputRef", "error", "native", "fullWidth", "labelId"],
-  _excluded6 = ["native"],
-  _excluded7 = ["shrink", "variant", "sx"];
+const _excluded = ["slotProps", "variant", "color", "sx"],
+  _excluded2 = ["touchRippleRef", "inputProps", "onChange", "color", "size", "checked", "sx", "value", "inputRef"],
+  _excluded3 = ["onChange", "label", "placeholder", "value", "inputRef", "type", "size", "variant"],
+  _excluded4 = ["startIcon", "color", "endIcon", "size", "sx", "variant"],
+  _excluded5 = ["color", "size", "sx", "touchRippleRef"],
+  _excluded6 = ["open", "onOpen", "value", "onChange", "size", "color", "variant", "inputProps", "MenuProps", "inputRef", "error", "native", "fullWidth", "labelId"],
+  _excluded7 = ["native"],
+  _excluded8 = ["shrink", "variant", "sx"];
 import * as React from 'react';
+import JoyBadge from '@mui/joy/Badge';
 import JoyCheckbox from '@mui/joy/Checkbox';
+import JoyDivider from '@mui/joy/Divider';
 import JoyInput from '@mui/joy/Input';
 import JoyFormControl from '@mui/joy/FormControl';
 import JoyFormLabel from '@mui/joy/FormLabel';
@@ -58,14 +61,27 @@ function convertVariant(variant, defaultVariant = 'plain') {
     filled: 'soft'
   }[variant] || defaultVariant;
 }
-const Checkbox = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const Badge = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+      color,
+      sx
+    } = _ref,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return /*#__PURE__*/_jsx(JoyBadge, _extends({}, props, {
+    color: convertColor(color),
+    variant: "plain",
+    sx: sx,
+    ref: ref
+  }));
+});
+const Checkbox = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
   let {
       inputProps,
       onChange,
       checked,
       inputRef
-    } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+    } = _ref2,
+    props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
   return /*#__PURE__*/_jsx(JoyCheckbox, _extends({}, props, {
     slotProps: {
       input: _extends({}, inputProps, {
@@ -77,7 +93,7 @@ const Checkbox = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     onChange: onChange
   }));
 });
-const TextField = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
+const TextField = /*#__PURE__*/React.forwardRef((_ref3, ref) => {
   let {
       onChange,
       label,
@@ -87,8 +103,8 @@ const TextField = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
       type,
       size,
       variant
-    } = _ref2,
-    props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
+    } = _ref3,
+    props = _objectWithoutPropertiesLoose(_ref3, _excluded3);
   const rootRef = useForkRef(ref, props.InputProps?.ref);
   const inputForkRef = useForkRef(inputRef, props?.inputProps?.ref);
   const {
@@ -116,7 +132,7 @@ const TextField = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
     })]
   });
 });
-const Button = /*#__PURE__*/React.forwardRef(function Button(_ref3, ref) {
+const Button = /*#__PURE__*/React.forwardRef(function Button(_ref4, ref) {
   let {
       startIcon,
       color,
@@ -124,8 +140,8 @@ const Button = /*#__PURE__*/React.forwardRef(function Button(_ref3, ref) {
       size,
       sx,
       variant
-    } = _ref3,
-    props = _objectWithoutPropertiesLoose(_ref3, _excluded3);
+    } = _ref4,
+    props = _objectWithoutPropertiesLoose(_ref4, _excluded4);
   return /*#__PURE__*/_jsx(JoyButton, _extends({}, props, {
     size: convertSize(size),
     color: convertColor(color),
@@ -136,13 +152,13 @@ const Button = /*#__PURE__*/React.forwardRef(function Button(_ref3, ref) {
     sx: sx
   }));
 });
-const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(_ref4, ref) {
+const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(_ref5, ref) {
   let {
       color,
       size,
       sx
-    } = _ref4,
-    props = _objectWithoutPropertiesLoose(_ref4, _excluded4);
+    } = _ref5,
+    props = _objectWithoutPropertiesLoose(_ref5, _excluded5);
   return /*#__PURE__*/_jsx(JoyIconButton, _extends({}, props, {
     size: convertSize(size),
     color: convertColor(color) ?? 'neutral',
@@ -151,7 +167,7 @@ const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(_ref4, ref)
     sx: sx
   }));
 });
-const Select = /*#__PURE__*/React.forwardRef((_ref5, ref) => {
+const Select = /*#__PURE__*/React.forwardRef((_ref6, ref) => {
   let {
       open,
       onOpen,
@@ -163,8 +179,8 @@ const Select = /*#__PURE__*/React.forwardRef((_ref5, ref) => {
       MenuProps,
       inputRef,
       labelId
-    } = _ref5,
-    props = _objectWithoutPropertiesLoose(_ref5, _excluded5);
+    } = _ref6,
+    props = _objectWithoutPropertiesLoose(_ref6, _excluded6);
   const handleChange = (event, newValue) => {
     if (event && onChange) {
       // Same as in https://github.com/mui/material-ui/blob/e5558282a8f36856aef1299f3a36f3235e92e770/packages/mui-material/src/Select/SelectInput.js#L288-L300
@@ -215,17 +231,17 @@ const Select = /*#__PURE__*/React.forwardRef((_ref5, ref) => {
     }
   }));
 });
-const Option = /*#__PURE__*/React.forwardRef((_ref6, ref) => {
-  let props = _objectWithoutPropertiesLoose(_ref6, _excluded6);
+const Option = /*#__PURE__*/React.forwardRef((_ref7, ref) => {
+  let props = _objectWithoutPropertiesLoose(_ref7, _excluded7);
   return /*#__PURE__*/_jsx(JoyOption, _extends({}, props, {
     ref: ref
   }));
 });
-const InputLabel = /*#__PURE__*/React.forwardRef((_ref7, ref) => {
+const InputLabel = /*#__PURE__*/React.forwardRef((_ref8, ref) => {
   let {
       sx
-    } = _ref7,
-    props = _objectWithoutPropertiesLoose(_ref7, _excluded7);
+    } = _ref8,
+    props = _objectWithoutPropertiesLoose(_ref8, _excluded8);
   return /*#__PURE__*/_jsx(JoyFormLabel, _extends({}, props, {
     ref: ref,
     sx: sx
@@ -351,7 +367,9 @@ const LoadingOverlay = /*#__PURE__*/React.forwardRef((props, ref) => {
   }));
 });
 const joySlots = _extends({}, joyIconSlots, {
+  baseBadge: Badge,
   baseCheckbox: Checkbox,
+  baseDivider: JoyDivider,
   baseTextField: TextField,
   baseButton: Button,
   baseIconButton: IconButton,

package/locales/daDK.js

@@ -33,8 +33,7 @@ const daDKGrid = {
   columnsManagementSearchTitle: 'Søg',
   columnsManagementNoColumns: 'Ingen søjler',
   columnsManagementShowHideAllText: 'Vis/Skjul Alle',
-  // columnsManagementReset: 'Reset',
-
+  columnsManagementReset: 'Nulstil',
   // Filter panel text
   filterPanelAddFilter: 'Tilføj filter',
   filterPanelRemoveAll: 'Fjern alle',
@@ -48,9 +47,9 @@ const daDKGrid = {
   filterPanelInputPlaceholder: 'Filterværdi',
   // Filter operators text
   filterOperatorContains: 'indeholder',
-  // filterOperatorDoesNotContain: 'does not contain',
+  filterOperatorDoesNotContain: 'indeholder ikke',
   filterOperatorEquals: 'lig med',
-  // filterOperatorDoesNotEqual: 'does not equal',
+  filterOperatorDoesNotEqual: 'ikke lig med',
   filterOperatorStartsWith: 'begynder med',
   filterOperatorEndsWith: 'ender med',
   filterOperatorIs: 'er lig med',
@@ -70,9 +69,9 @@ const daDKGrid = {
   'filterOperator<=': '<=',
   // Header filter operators text
   headerFilterOperatorContains: 'Indeholder',
-  // headerFilterOperatorDoesNotContain: 'Does not contain',
+  headerFilterOperatorDoesNotContain: 'Indeholder ikke',
   headerFilterOperatorEquals: 'Lig med',
-  // headerFilterOperatorDoesNotEqual: 'Does not equal',
+  headerFilterOperatorDoesNotEqual: 'Ikke lig med',
   headerFilterOperatorStartsWith: 'Begynder med',
   headerFilterOperatorEndsWith: 'Ender med',
   headerFilterOperatorIs: 'Er lig med',

package/locales/itIT.js

@@ -30,11 +30,10 @@ const itITGrid = {
   toolbarExportPrint: 'Stampa',
   toolbarExportExcel: 'Scarica come Excel',
   // Columns management text
-  // columnsManagementSearchTitle: 'Search',
-  // columnsManagementNoColumns: 'No columns',
-  // columnsManagementShowHideAllText: 'Show/Hide All',
-  // columnsManagementReset: 'Reset',
-
+  columnsManagementSearchTitle: 'Cerca',
+  columnsManagementNoColumns: 'Nessuna colonna',
+  columnsManagementShowHideAllText: 'Mostra/Nascondi Tutto',
+  columnsManagementReset: 'Resetta',
   // Filter panel text
   filterPanelAddFilter: 'Aggiungi un filtro',
   filterPanelRemoveAll: 'Rimuovi filtri',
@@ -48,13 +47,13 @@ const itITGrid = {
   filterPanelInputPlaceholder: 'Filtra il valore',
   // Filter operators text
   filterOperatorContains: 'contiene',
-  // filterOperatorDoesNotContain: 'does not contain',
+  filterOperatorDoesNotContain: 'non contiene',
   filterOperatorEquals: 'uguale a',
-  // filterOperatorDoesNotEqual: 'does not equal',
+  filterOperatorDoesNotEqual: 'diverso da',
   filterOperatorStartsWith: 'comincia per',
   filterOperatorEndsWith: 'termina per',
   filterOperatorIs: 'uguale a',
-  filterOperatorNot: 'diversa da',
+  filterOperatorNot: 'diverso da',
   filterOperatorAfter: 'dopo il',
   filterOperatorOnOrAfter: 'a partire dal',
   filterOperatorBefore: 'prima del',
@@ -70,26 +69,26 @@ const itITGrid = {
   'filterOperator<=': '<=',
   // Header filter operators text
   headerFilterOperatorContains: 'Contiene',
-  // headerFilterOperatorDoesNotContain: 'Does not contain',
-  headerFilterOperatorEquals: 'uguale a',
-  // headerFilterOperatorDoesNotEqual: 'Does not equal',
-  headerFilterOperatorStartsWith: 'comincia per',
-  headerFilterOperatorEndsWith: 'termina per',
-  headerFilterOperatorIs: 'uguale a',
-  headerFilterOperatorNot: 'diversa da',
-  headerFilterOperatorAfter: 'dopo il',
-  headerFilterOperatorOnOrAfter: 'a partire dal',
-  headerFilterOperatorBefore: 'prima del',
-  headerFilterOperatorOnOrBefore: 'fino al',
-  headerFilterOperatorIsEmpty: 'è vuoto',
-  headerFilterOperatorIsNotEmpty: 'non è vuoto',
-  headerFilterOperatorIsAnyOf: 'è uno tra',
-  'headerFilterOperator=': 'uguale a',
-  'headerFilterOperator!=': 'diverso da',
-  'headerFilterOperator>': 'maggiore di',
-  'headerFilterOperator>=': 'maggiore o uguale a',
-  'headerFilterOperator<': 'minore di',
-  'headerFilterOperator<=': 'minore o uguale a',
+  headerFilterOperatorDoesNotContain: 'Non contiene',
+  headerFilterOperatorEquals: 'Uguale a',
+  headerFilterOperatorDoesNotEqual: 'Diverso da',
+  headerFilterOperatorStartsWith: 'Comincia per',
+  headerFilterOperatorEndsWith: 'Termina per',
+  headerFilterOperatorIs: 'Uguale a',
+  headerFilterOperatorNot: 'Diverso da',
+  headerFilterOperatorAfter: 'Dopo il',
+  headerFilterOperatorOnOrAfter: 'A partire dal',
+  headerFilterOperatorBefore: 'Prima del',
+  headerFilterOperatorOnOrBefore: 'Fino al',
+  headerFilterOperatorIsEmpty: 'È vuoto',
+  headerFilterOperatorIsNotEmpty: 'Non è vuoto',
+  headerFilterOperatorIsAnyOf: 'È uno tra',
+  'headerFilterOperator=': 'Uguale a',
+  'headerFilterOperator!=': 'Diverso da',
+  'headerFilterOperator>': 'Maggiore di',
+  'headerFilterOperator>=': 'Maggiore o uguale a',
+  'headerFilterOperator<': 'Minore di',
+  'headerFilterOperator<=': 'Minore o uguale a',
   // Filter values text
   filterValueAny: 'qualunque',
   filterValueTrue: 'vero',

package/locales/ptBR.js

@@ -47,9 +47,9 @@ const ptBRGrid = {
   filterPanelInputPlaceholder: 'Filtrar valor',
   // Filter operators text
   filterOperatorContains: 'contém',
-  // filterOperatorDoesNotContain: 'does not contain',
+  filterOperatorDoesNotContain: 'não contém',
   filterOperatorEquals: 'é igual a',
-  // filterOperatorDoesNotEqual: 'does not equal',
+  filterOperatorDoesNotEqual: 'não é igual a',
   filterOperatorStartsWith: 'começa com',
   filterOperatorEndsWith: 'termina com',
   filterOperatorIs: 'é',
@@ -69,9 +69,9 @@ const ptBRGrid = {
   'filterOperator<=': 'menor ou igual que',
   // Header filter operators text
   headerFilterOperatorContains: 'Contém',
-  // headerFilterOperatorDoesNotContain: 'Does not contain',
+  headerFilterOperatorDoesNotContain: 'Não contém',
   headerFilterOperatorEquals: 'Igual',
-  // headerFilterOperatorDoesNotEqual: 'Does not equal',
+  headerFilterOperatorDoesNotEqual: 'Não é igual a',
   headerFilterOperatorStartsWith: 'Começa com',
   headerFilterOperatorEndsWith: 'Termina com',
   headerFilterOperatorIs: 'É',

package/material/index.js

@@ -1,5 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import MUIBadge from '@mui/material/Badge';
 import MUICheckbox from '@mui/material/Checkbox';
+import MUIDivider from '@mui/material/Divider';
 import MUITextField from '@mui/material/TextField';
 import MUIFormControl from '@mui/material/FormControl';
 import MUISelect from '@mui/material/Select';
@@ -51,7 +53,9 @@ const iconSlots = {
   columnReorderIcon: GridDragIcon
 };
 const materialSlots = _extends({}, iconSlots, {
+  baseBadge: MUIBadge,
   baseCheckbox: MUICheckbox,
+  baseDivider: MUIDivider,
   baseTextField: MUITextField,
   baseFormControl: MUIFormControl,
   baseSelect: MUISelect,

package/models/gridExport.d.ts

@@ -141,7 +141,7 @@ export interface GridPrintExportOptions extends GridExportOptions {
     /**
      * Provide Print specific styles to the print window.
      */
-    pageStyle?: string | Function;
+    pageStyle?: string | (() => string);
     /**
      * Function that returns the list of row ids to export in the order they should be exported.
      * @param {GridPrintGetRowsToExportParams} params With all properties from [[GridPrintGetRowsToExportParams]].

package/models/gridSlotsComponent.d.ts

@@ -3,6 +3,11 @@ import type { GridSlotProps } from './gridSlotsComponentsProps';
 import type { GridIconSlotsComponent } from './gridIconSlotsComponent';
 export type { GridSlotProps } from './gridSlotsComponentsProps';
 export interface GridBaseSlots {
+    /**
+     * The custom Badge component used in the grid for both header and cells.
+     * @default Badge
+     */
+    baseBadge: React.JSXElementConstructor<GridSlotProps['baseBadge']>;
     /**
      * The custom Checkbox component used in the grid for both header and cells.
      * @default Checkbox
@@ -13,6 +18,11 @@ export interface GridBaseSlots {
      * @default Chip
      */
     baseChip: React.JSXElementConstructor<GridSlotProps['baseChip']>;
+    /**
+     * The custom Divider component used in the grid.
+     * @default Divider
+     */
+    baseDivider: React.JSXElementConstructor<GridSlotProps['baseDivider']>;
     /**
      * The custom InputAdornment component used in the grid.
      * @default InputAdornment

package/models/gridSlotsComponentsProps.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import type { BadgeProps } from '@mui/material/Badge';
 import type { CheckboxProps } from '@mui/material/Checkbox';
 import type { TextFieldProps } from '@mui/material/TextField';
 import type { FormControlProps } from '@mui/material/FormControl';
@@ -30,8 +31,13 @@ import type { GridColumnsManagementProps } from '../components/columnsManagement
 import type { GridLoadingOverlayProps } from '../components/GridLoadingOverlay';
 import type { GridRowCountProps } from '../components/GridRowCount';
 import type { GridColumnHeaderSortIconProps } from '../components/columnHeaders/GridColumnHeaderSortIcon';
+type DividerProps = {};
+export interface BaseBadgePropsOverrides {
+}
 export interface BaseCheckboxPropsOverrides {
 }
+export interface BaseDividerPropsOverrides {
+}
 export interface BaseTextFieldPropsOverrides {
 }
 export interface BaseFormControlPropsOverrides {
@@ -95,7 +101,9 @@ export interface SkeletonCellPropsOverrides {
 export interface RowPropsOverrides {
 }
 export interface GridSlotProps {
+    baseBadge: BadgeProps & BaseBadgePropsOverrides;
     baseCheckbox: CheckboxProps & BaseCheckboxPropsOverrides;
+    baseDivider: DividerProps & BaseDividerPropsOverrides;
     baseTextField: TextFieldProps & BaseTextFieldPropsOverrides;
     baseFormControl: FormControlProps & BaseFormControlPropsOverrides;
     baseSelect: SelectProps & BaseSelectPropsOverrides;
@@ -139,3 +147,4 @@ export interface GridSlotProps {
 export type GridSlotsComponentsProps = Partial<{
     [K in keyof GridSlotProps]: Partial<GridSlotProps[K]>;
 }>;
+export {};

package/modern/components/GridRow.js

@@ -16,7 +16,7 @@ import { useGridVisibleRows } from "../hooks/utils/useGridVisibleRows.js";
 import { findParentElementFromClassName, isEventTargetInPortal } from "../utils/domUtils.js";
 import { GRID_CHECKBOX_SELECTION_COL_DEF } from "../colDef/gridCheckboxSelectionColDef.js";
 import { GRID_ACTIONS_COLUMN_TYPE } from "../colDef/gridActionsColDef.js";
-import { GRID_DETAIL_PANEL_TOGGLE_FIELD } from "../constants/gridDetailPanelToggleField.js";
+import { GRID_DETAIL_PANEL_TOGGLE_FIELD } from "../internals/constants.js";
 import { gridSortModelSelector } from "../hooks/features/sorting/gridSortingSelector.js";
 import { gridRowMaximumTreeDepthSelector } from "../hooks/features/rows/gridRowsSelector.js";
 import { gridEditRowsStateSelector } from "../hooks/features/editing/gridEditingSelectors.js";