@mui/x-data-grid 9.14.0 → 9.15.0

package/components/columnSelection/GridRowCheckbox.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["rowId", "material"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
@@ -15,9 +15,7 @@ const GridRowCheckbox = forwardRef(function GridRowCheckbox(props, ref) {
     other = _objectWithoutPropertiesLoose(props, _excluded);
   const rootProps = useGridRootProps();
   return /*#__PURE__*/_jsx(rootProps.slots.baseCheckbox, _extends({}, rootProps.slotProps?.baseCheckbox, other, {
-    material: _extends({
-      disableRipple: props.disabled
-    }, material),
+    material: material,
     ref: ref
   }));
 });

package/components/columnsManagement/GridColumnsManagement.mjs

@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-use-before-define */
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';

package/components/columnsPanel/ColumnsPanelTrigger.mjs

@@ -1,5 +1,5 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["render", "className", "onClick", "onPointerUp"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/components/containers/GridFooterContainer.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/components/containers/GridOverlay.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/components/containers/GridRoot.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["className", "children", "sidePanel"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/components/containers/GridRootStyles.js

@@ -48,7 +48,9 @@ const GridRootStyles = exports.GridRootStyles = (0, _styles.styled)('div', {
     });
     return overrides;
   }
-})(() => {
+})(({
+  ownerState
+}) => {
   const apiRef = (0, _useGridPrivateApiContext.useGridPrivateApiContext)();
   const shouldShowBorderTopRightRadius = (0, _useGridSelector.useGridSelector)(apiRef, shouldShowBorderTopRightRadiusSelector);
   const baseBackground = _cssVariables.vars.colors.background.base;
@@ -63,21 +65,27 @@ const GridRootStyles = exports.GridRootStyles = (0, _styles.styled)('div', {
   const fallbackColors = {
     hover: _cssVariables.vars.colors.interactive.hover,
     selected: selectedColor,
-    selectedHover: selectedColor
+    selectedHover: selectedColor,
+    // Pinned cells cover the scrolled cells behind them, so their fallback must
+    // stay opaque. Translucent overlay colors would let those cells bleed through
+    // in browsers without `color-mix()` support (https://github.com/mui/mui-x/issues/18273).
+    pinnedHover: pinnedBackground,
+    pinnedSelected: pinnedBackground,
+    pinnedSelectedHover: pinnedBackground
   };
   const hoverBackground = mix(baseBackground, hoverColor, hoverOpacity, fallbackColors.hover);
   const selectedBackground = mix(baseBackground, selectedColor, selectedOpacity, fallbackColors.selected);
   const selectedHoverBackground = mix(baseBackground, selectedHoverColor, selectedHoverOpacity, fallbackColors.selectedHover);
-  const pinnedHoverBackground = mix(pinnedBackground, hoverColor, hoverOpacity, fallbackColors.hover);
-  const pinnedSelectedBackground = mix(pinnedBackground, selectedColor, selectedOpacity, fallbackColors.selected);
-  const pinnedSelectedHoverBackground = mix(pinnedBackground, selectedHoverColor, selectedHoverOpacity, fallbackColors.selectedHover);
+  const pinnedHoverBackground = mix(pinnedBackground, hoverColor, hoverOpacity, fallbackColors.pinnedHover);
+  const pinnedSelectedBackground = mix(pinnedBackground, selectedColor, selectedOpacity, fallbackColors.pinnedSelected);
+  const pinnedSelectedHoverBackground = mix(pinnedBackground, selectedHoverColor, selectedHoverOpacity, fallbackColors.pinnedSelectedHover);
   const getPinnedBackgroundStyles = backgroundColor => ({
     [`& .${_gridClasses.gridClasses['cell--pinnedLeft']}, & .${_gridClasses.gridClasses['cell--pinnedRight']}`]: {
       backgroundColor,
       '&.Mui-selected': {
-        backgroundColor: mix(backgroundColor, selectedBackground, selectedOpacity, fallbackColors.selected),
+        backgroundColor: mix(backgroundColor, selectedBackground, selectedOpacity, backgroundColor),
         '&:hover': {
-          backgroundColor: mix(backgroundColor, selectedHoverBackground, selectedHoverOpacity, fallbackColors.selectedHover)
+          backgroundColor: mix(backgroundColor, selectedHoverBackground, selectedHoverOpacity, backgroundColor)
         }
       }
     }
@@ -124,11 +132,14 @@ const GridRootStyles = exports.GridRootStyles = (0, _styles.styled)('div', {
     color: _cssVariables.vars.colors.foreground.base,
     font: _cssVariables.vars.typography.font.body,
     outline: 'none',
-    height: '100%',
+    height: ownerState.height ?? '100%',
+    // Pin the `height` prop in a flex-column parent without flex-shrink: 0, which would make
+    // a flex-row parent overflow. See https://github.com/mui/mui-x/pull/23628#discussion_r4046270137
+    minHeight: ownerState.height ?? 0,
+    maxHeight: ownerState.height,
     display: 'flex',
     minWidth: 0,
     // See https://github.com/mui/mui-x/issues/8547
-    minHeight: 0,
     flexDirection: 'column',
     overflow: 'hidden',
     transform: 'translate(0, 0)',
@@ -153,7 +164,8 @@ const GridRootStyles = exports.GridRootStyles = (0, _styles.styled)('div', {
     },
     [`&.${_gridClasses.gridClasses.autosizing}`]: {
       [`& .${_gridClasses.gridClasses.columnHeaderTitleContainerContent} > *`]: {
-        overflow: 'visible !important'
+        overflow: 'visible !important',
+        whiteSpace: 'nowrap !important'
       },
       '@media (hover: hover)': {
         [`& .${_gridClasses.gridClasses.menuIcon}`]: {

package/components/containers/GridRootStyles.mjs

@@ -42,7 +42,9 @@ export const GridRootStyles = styled('div', {
     });
     return overrides;
   }
-})(() => {
+})(({
+  ownerState
+}) => {
   const apiRef = useGridPrivateApiContext();
   const shouldShowBorderTopRightRadius = useGridSelector(apiRef, shouldShowBorderTopRightRadiusSelector);
   const baseBackground = vars.colors.background.base;
@@ -57,21 +59,27 @@ export const GridRootStyles = styled('div', {
   const fallbackColors = {
     hover: vars.colors.interactive.hover,
     selected: selectedColor,
-    selectedHover: selectedColor
+    selectedHover: selectedColor,
+    // Pinned cells cover the scrolled cells behind them, so their fallback must
+    // stay opaque. Translucent overlay colors would let those cells bleed through
+    // in browsers without `color-mix()` support (https://github.com/mui/mui-x/issues/18273).
+    pinnedHover: pinnedBackground,
+    pinnedSelected: pinnedBackground,
+    pinnedSelectedHover: pinnedBackground
   };
   const hoverBackground = mix(baseBackground, hoverColor, hoverOpacity, fallbackColors.hover);
   const selectedBackground = mix(baseBackground, selectedColor, selectedOpacity, fallbackColors.selected);
   const selectedHoverBackground = mix(baseBackground, selectedHoverColor, selectedHoverOpacity, fallbackColors.selectedHover);
-  const pinnedHoverBackground = mix(pinnedBackground, hoverColor, hoverOpacity, fallbackColors.hover);
-  const pinnedSelectedBackground = mix(pinnedBackground, selectedColor, selectedOpacity, fallbackColors.selected);
-  const pinnedSelectedHoverBackground = mix(pinnedBackground, selectedHoverColor, selectedHoverOpacity, fallbackColors.selectedHover);
+  const pinnedHoverBackground = mix(pinnedBackground, hoverColor, hoverOpacity, fallbackColors.pinnedHover);
+  const pinnedSelectedBackground = mix(pinnedBackground, selectedColor, selectedOpacity, fallbackColors.pinnedSelected);
+  const pinnedSelectedHoverBackground = mix(pinnedBackground, selectedHoverColor, selectedHoverOpacity, fallbackColors.pinnedSelectedHover);
   const getPinnedBackgroundStyles = backgroundColor => ({
     [`& .${c['cell--pinnedLeft']}, & .${c['cell--pinnedRight']}`]: {
       backgroundColor,
       '&.Mui-selected': {
-        backgroundColor: mix(backgroundColor, selectedBackground, selectedOpacity, fallbackColors.selected),
+        backgroundColor: mix(backgroundColor, selectedBackground, selectedOpacity, backgroundColor),
         '&:hover': {
-          backgroundColor: mix(backgroundColor, selectedHoverBackground, selectedHoverOpacity, fallbackColors.selectedHover)
+          backgroundColor: mix(backgroundColor, selectedHoverBackground, selectedHoverOpacity, backgroundColor)
         }
       }
     }
@@ -118,11 +126,14 @@ export const GridRootStyles = styled('div', {
     color: vars.colors.foreground.base,
     font: vars.typography.font.body,
     outline: 'none',
-    height: '100%',
+    height: ownerState.height ?? '100%',
+    // Pin the `height` prop in a flex-column parent without flex-shrink: 0, which would make
+    // a flex-row parent overflow. See https://github.com/mui/mui-x/pull/23628#discussion_r4046270137
+    minHeight: ownerState.height ?? 0,
+    maxHeight: ownerState.height,
     display: 'flex',
     minWidth: 0,
     // See https://github.com/mui/mui-x/issues/8547
-    minHeight: 0,
     flexDirection: 'column',
     overflow: 'hidden',
     transform: 'translate(0, 0)',
@@ -147,7 +158,8 @@ export const GridRootStyles = styled('div', {
     },
     [`&.${c.autosizing}`]: {
       [`& .${c.columnHeaderTitleContainerContent} > *`]: {
-        overflow: 'visible !important'
+        overflow: 'visible !important',
+        whiteSpace: 'nowrap !important'
       },
       '@media (hover: hover)': {
         [`& .${c.menuIcon}`]: {

package/components/containers/GridToolbarContainer.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["className", "children"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/components/export/ExportCsv.mjs

@@ -1,5 +1,5 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["render", "options", "onClick"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/components/export/ExportPrint.js

@@ -38,7 +38,9 @@ const ExportPrint = exports.ExportPrint = (0, _forwardRef.forwardRef)(function E
   const rootProps = (0, _useGridRootProps.useGridRootProps)();
   const apiRef = (0, _useGridApiContext.useGridApiContext)();
   const handleClick = event => {
-    apiRef.current.exportDataAsPrint(options);
+    apiRef.current.exportDataAsPrint(options).catch(error => {
+      console.error('MUI X Data Grid: Error exporting the grid as print:', error);
+    });
     onClick?.(event);
   };
   const element = (0, _useComponentRenderer.useComponentRenderer)(rootProps.slots.baseButton, render, (0, _extends2.default)({}, rootProps.slotProps?.baseButton, {
@@ -74,6 +76,7 @@ process.env.NODE_ENV !== "production" ? ExportPrint.propTypes /* remove-proptype
     hideFooter: _propTypes.default.bool,
     hideToolbar: _propTypes.default.bool,
     includeCheckboxes: _propTypes.default.bool,
+    onStylesheetError: _propTypes.default.func,
     pageStyle: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.string])
   }),
   /**

package/components/export/ExportPrint.mjs

@@ -1,5 +1,5 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["render", "options", "onClick"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
@@ -30,7 +30,9 @@ const ExportPrint = forwardRef(function ExportPrint(props, ref) {
   const rootProps = useGridRootProps();
   const apiRef = useGridApiContext();
   const handleClick = event => {
-    apiRef.current.exportDataAsPrint(options);
+    apiRef.current.exportDataAsPrint(options).catch(error => {
+      console.error('MUI X Data Grid: Error exporting the grid as print:', error);
+    });
     onClick?.(event);
   };
   const element = useComponentRenderer(rootProps.slots.baseButton, render, _extends({}, rootProps.slotProps?.baseButton, {
@@ -66,6 +68,7 @@ process.env.NODE_ENV !== "production" ? ExportPrint.propTypes /* remove-proptype
     hideFooter: PropTypes.bool,
     hideToolbar: PropTypes.bool,
     includeCheckboxes: PropTypes.bool,
+    onStylesheetError: PropTypes.func,
     pageStyle: PropTypes.oneOfType([PropTypes.func, PropTypes.string])
   }),
   /**

package/components/filterPanel/FilterPanelTrigger.mjs

@@ -1,5 +1,5 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["render", "className", "onClick", "onPointerUp"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/components/menu/GridMenu.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["open", "target", "onClose", "children", "position", "className", "onExited"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/components/menu/columnMenu/GridColumnHeaderMenu.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import useEventCallback from '@mui/utils/useEventCallback';

package/components/menu/columnMenu/GridColumnMenu.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["defaultSlots", "defaultSlotProps", "slots", "slotProps"];
 import PropTypes from 'prop-types';
 import { forwardRef } from '@mui/x-internals/forwardRef';

package/components/menu/columnMenu/GridColumnMenuContainer.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["hideMenu", "colDef", "id", "labelledby", "className", "children", "open"];
 import clsx from 'clsx';
 import PropTypes from 'prop-types';

package/components/menu/columnMenu/menuItems/GridColumnMenuColumnsItem.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { GridColumnMenuHideItem } from "./GridColumnMenuHideItem.mjs";

package/components/panel/GridColumnsPanel.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import { GridPanelWrapper } from "./GridPanelWrapper.mjs";
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";

package/components/panel/GridPanel.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["children", "className", "classes", "onClose"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/components/panel/GridPanelContent.mjs

@@ -1,5 +1,5 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/components/panel/GridPanelContext.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
 import * as React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";

package/components/panel/GridPanelFooter.mjs

@@ -1,5 +1,5 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/components/panel/GridPanelHeader.mjs

@@ -1,5 +1,5 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/components/panel/GridPanelWrapper.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["className"];
 import * as React from 'react';
 import clsx from 'clsx';

package/components/panel/GridPreferencesPanel.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import { gridColumnDefinitionsSelector } from "../../hooks/features/columns/gridColumnsSelector.mjs";
 import { useGridSelector } from "../../hooks/utils/useGridSelector.mjs";
 import { gridPreferencePanelStateSelector } from "../../hooks/features/preferencesPanel/gridPreferencePanelSelector.mjs";

package/components/panel/filterPanel/GridFilterForm.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { forwardRef } from '@mui/x-internals/forwardRef';

package/components/panel/filterPanel/GridFilterFormBase.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
 const _excluded = ["item", "hasMultipleFilters", "deleteFilter", "applyFilterChanges", "showMultiFilterOperators", "disableMultiFilterOperator", "applyMultiFilterOperatorChanges", "focusElementRef", "logicOperators", "columnsSort", "filterColumns", "deleteIconProps", "logicOperatorInputProps", "operatorInputProps", "columnInputProps", "valueInputProps", "disableDebounce", "readOnly", "filterModel", "children"],
   _excluded2 = ["InputComponentProps"];

package/components/panel/filterPanel/GridFilterInputBoolean.js

@@ -8,7 +8,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.GridFilterInputBoolean = GridFilterInputBoolean;
 exports.sanitizeFilterItemValue = sanitizeFilterItemValue;
-var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/formatErrorMessage"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
@@ -109,17 +108,7 @@ process.env.NODE_ENV !== "production" ? GridFilterInputBoolean.propTypes /* remo
   disableDebounce: _propTypes.default.bool,
   focusElementRef: _refType.default,
   headerFilterMenu: _propTypes.default.node,
-  inputRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
-    current: (props, propName) => {
-      if (props[propName] == null) {
-        return null;
-      }
-      if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
-        return new Error(process.env.NODE_ENV !== "production" ? `Expected prop '${propName}' to be of type Element` : (0, _formatErrorMessage2.default)(49, propName));
-      }
-      return null;
-    }
-  })]),
+  inputRef: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.func, _propTypes.default.object]),
   /**
    * It is `true` if the filter either has a value or an operator with no value
    * required is selected (for example `isEmpty`)

package/components/panel/filterPanel/GridFilterInputBoolean.mjs

@@ -1,8 +1,7 @@
 'use client';
 
-import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["item", "applyValue", "apiRef", "focusElementRef", "isFilterActive", "headerFilterMenu", "clearButton", "tabIndex", "slotProps", "disableDebounce"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
@@ -101,17 +100,7 @@ process.env.NODE_ENV !== "production" ? GridFilterInputBoolean.propTypes /* remo
   disableDebounce: PropTypes.bool,
   focusElementRef: refType,
   headerFilterMenu: PropTypes.node,
-  inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: (props, propName) => {
-      if (props[propName] == null) {
-        return null;
-      }
-      if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
-        return new Error(process.env.NODE_ENV !== "production" ? `Expected prop '${propName}' to be of type Element` : _formatErrorMessage(49, propName));
-      }
-      return null;
-    }
-  })]),
+  inputRef: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * It is `true` if the filter either has a value or an operator with no value
    * required is selected (for example `isEmpty`)

package/components/panel/filterPanel/GridFilterInputDate.mjs

@@ -1,8 +1,8 @@
 'use client';
 
 import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["item", "applyValue", "type", "apiRef", "focusElementRef", "slotProps", "isFilterActive", "headerFilterMenu", "clearButton", "tabIndex", "disabled", "disableDebounce"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/components/panel/filterPanel/GridFilterInputMultipleSingleSelect.mjs

@@ -1,6 +1,6 @@
 import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["item", "applyValue", "type", "apiRef", "focusElementRef", "slotProps", "disableDebounce"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/components/panel/filterPanel/GridFilterInputMultipleValue.mjs

@@ -1,8 +1,8 @@
 'use client';
 
 import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["item", "applyValue", "type", "apiRef", "focusElementRef", "slotProps", "disableDebounce"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/components/panel/filterPanel/GridFilterInputSingleSelect.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GridFilterInputSingleSelect = GridFilterInputSingleSelect;
-var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/formatErrorMessage"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
@@ -134,17 +133,7 @@ process.env.NODE_ENV !== "production" ? GridFilterInputSingleSelect.propTypes /*
   disableDebounce: _propTypes.default.bool,
   focusElementRef: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.func, _propTypes.default.object]),
   headerFilterMenu: _propTypes.default.node,
-  inputRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
-    current: (props, propName) => {
-      if (props[propName] == null) {
-        return null;
-      }
-      if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
-        return new Error(process.env.NODE_ENV !== "production" ? `Expected prop '${propName}' to be of type Element` : (0, _formatErrorMessage2.default)(49, propName));
-      }
-      return null;
-    }
-  })]),
+  inputRef: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.func, _propTypes.default.object]),
   /**
    * It is `true` if the filter either has a value or an operator with no value
    * required is selected (for example `isEmpty`)

package/components/panel/filterPanel/GridFilterInputSingleSelect.mjs

@@ -1,6 +1,5 @@
-import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
 const _excluded = ["item", "applyValue", "type", "apiRef", "focusElementRef", "tabIndex", "isFilterActive", "clearButton", "headerFilterMenu", "slotProps", "disableDebounce"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
@@ -126,17 +125,7 @@ process.env.NODE_ENV !== "production" ? GridFilterInputSingleSelect.propTypes /*
   disableDebounce: PropTypes.bool,
   focusElementRef: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.func, PropTypes.object]),
   headerFilterMenu: PropTypes.node,
-  inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: (props, propName) => {
-      if (props[propName] == null) {
-        return null;
-      }
-      if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
-        return new Error(process.env.NODE_ENV !== "production" ? `Expected prop '${propName}' to be of type Element` : _formatErrorMessage(49, propName));
-      }
-      return null;
-    }
-  })]),
+  inputRef: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * It is `true` if the filter either has a value or an operator with no value
    * required is selected (for example `isEmpty`)

package/components/panel/filterPanel/GridFilterInputValue.mjs

@@ -1,8 +1,8 @@
 'use client';
 
 import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["item", "applyValue", "type", "apiRef", "focusElementRef", "tabIndex", "disabled", "disableDebounce", "isFilterActive", "slotProps", "clearButton", "headerFilterMenu"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/components/panel/filterPanel/GridFilterPanel.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { forwardRef } from '@mui/x-internals/forwardRef';