@mui/x-data-grid 9.13.0 → 9.15.0

package/components/quickFilter/QuickFilter.mjs

@@ -1,12 +1,13 @@
 '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 = ["render", "className", "parser", "formatter", "debounceMs", "defaultExpanded", "expanded", "onExpandedChange"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import debounce from '@mui/utils/debounce';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
+import useEventCallback from '@mui/utils/useEventCallback';
 import useId from '@mui/utils/useId';
 import { isDeepEqual } from '@mui/x-internals/isDeepEqual';
 import { useComponentRenderer } from '@mui/x-internals/useComponentRenderer';
@@ -101,11 +102,15 @@ function QuickFilter(props) {
       previousExpandedValue.current = expandedValue;
     }
   }, [expandedValue]);
-  const setQuickFilterValueDebounced = React.useMemo(() => debounce(newValue => {
+
+  // Identity-stable, so that a re-render with a new `parser` does not recreate the debounced
+  // function below and clear a pending commit. See https://github.com/mui/mui-x/issues/23572.
+  const commitQuickFilterValue = useEventCallback(newValue => {
     const newQuickFilterValues = parser(newValue);
     prevQuickFilterValuesRef.current = newQuickFilterValues;
     apiRef.current.setQuickFilterValues(newQuickFilterValues);
-  }, debounceMs), [apiRef, debounceMs, parser]);
+  });
+  const setQuickFilterValueDebounced = React.useMemo(() => debounce(commitQuickFilterValue, debounceMs), [commitQuickFilterValue, debounceMs]);
   React.useEffect(() => setQuickFilterValueDebounced.clear, [setQuickFilterValueDebounced]);
   const handleValueChange = React.useCallback(event => {
     const newValue = event.target.value;

package/components/quickFilter/QuickFilterClear.js

@@ -67,10 +67,23 @@ process.env.NODE_ENV !== "production" ? QuickFilterClear.propTypes /* remove-pro
    */
   className: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.string]),
   color: _propTypes.default.oneOf(['default', 'inherit', 'primary']),
+  /**
+   * The component used for the root node. Either a string to use an HTML element or a component.
+   */
+  component: _propTypes.default.elementType,
   disabled: _propTypes.default.bool,
   edge: _propTypes.default.oneOf(['end', 'start', false]),
+  /**
+   * The URL to link to. If set, and `component` is not set, the component renders as an anchor tag.
+   */
+  href: _propTypes.default.string,
   id: _propTypes.default.string,
   label: _propTypes.default.string,
+  /**
+   * The relationship of the linked URL.
+   * Set it to `noopener noreferrer` when `target` is set to `_blank` to avoid a security issue.
+   */
+  rel: _propTypes.default.string,
   /**
    * A function to customize rendering of the component.
    */
@@ -79,6 +92,10 @@ process.env.NODE_ENV !== "production" ? QuickFilterClear.propTypes /* remove-pro
   size: _propTypes.default.oneOf(['large', 'medium', 'small']),
   style: _propTypes.default.object,
   tabIndex: _propTypes.default.number,
+  /**
+   * Where to display the linked URL, as the name for a browsing context.
+   */
+  target: _propTypes.default.string,
   title: _propTypes.default.string,
   touchRippleRef: _propTypes.default.any
 } : void 0;

package/components/quickFilter/QuickFilterClear.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"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
@@ -59,10 +59,23 @@ process.env.NODE_ENV !== "production" ? QuickFilterClear.propTypes /* remove-pro
    */
   className: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
   color: PropTypes.oneOf(['default', 'inherit', 'primary']),
+  /**
+   * The component used for the root node. Either a string to use an HTML element or a component.
+   */
+  component: PropTypes.elementType,
   disabled: PropTypes.bool,
   edge: PropTypes.oneOf(['end', 'start', false]),
+  /**
+   * The URL to link to. If set, and `component` is not set, the component renders as an anchor tag.
+   */
+  href: PropTypes.string,
   id: PropTypes.string,
   label: PropTypes.string,
+  /**
+   * The relationship of the linked URL.
+   * Set it to `noopener noreferrer` when `target` is set to `_blank` to avoid a security issue.
+   */
+  rel: PropTypes.string,
   /**
    * A function to customize rendering of the component.
    */
@@ -71,6 +84,10 @@ process.env.NODE_ENV !== "production" ? QuickFilterClear.propTypes /* remove-pro
   size: PropTypes.oneOf(['large', 'medium', 'small']),
   style: PropTypes.object,
   tabIndex: PropTypes.number,
+  /**
+   * Where to display the linked URL, as the name for a browsing context.
+   */
+  target: PropTypes.string,
   title: PropTypes.string,
   touchRippleRef: PropTypes.any
 } : void 0;

package/components/quickFilter/QuickFilterControl.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", "slotProps", "onKeyDown", "onChange"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/components/quickFilter/QuickFilterTrigger.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"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/components/toolbar/GridToolbar.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", "csvOptions", "printOptions", "excelOptions", "showQuickFilter", "quickFilterProps"];
 import PropTypes from 'prop-types';
 import { forwardRef } from '@mui/x-internals/forwardRef';

package/components/toolbar/GridToolbarColumnsButton.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 useId from '@mui/utils/useId';

package/components/toolbar/GridToolbarDensitySelector.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 useId from '@mui/utils/useId';

package/components/toolbar/GridToolbarExport.js

@@ -68,7 +68,9 @@ function GridPrintExportMenuItem(props) {
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded2);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.baseMenuItem, (0, _extends2.default)({
     onClick: () => {
-      apiRef.current.exportDataAsPrint(options);
+      apiRef.current.exportDataAsPrint(options).catch(error => {
+        console.error('MUI X Data Grid: Error exporting the grid as print:', error);
+      });
       hideMenu?.();
     }
   }, other, {
@@ -92,6 +94,7 @@ process.env.NODE_ENV !== "production" ? GridPrintExportMenuItem.propTypes /* rem
     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])
   })
 } : void 0;

package/components/toolbar/GridToolbarExport.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", "options"],
   _excluded2 = ["hideMenu", "options"],
   _excluded3 = ["csvOptions", "printOptions", "excelOptions"];
@@ -59,7 +59,9 @@ function GridPrintExportMenuItem(props) {
     other = _objectWithoutPropertiesLoose(props, _excluded2);
   return /*#__PURE__*/_jsx(rootProps.slots.baseMenuItem, _extends({
     onClick: () => {
-      apiRef.current.exportDataAsPrint(options);
+      apiRef.current.exportDataAsPrint(options).catch(error => {
+        console.error('MUI X Data Grid: Error exporting the grid as print:', error);
+      });
       hideMenu?.();
     }
   }, other, {
@@ -83,6 +85,7 @@ process.env.NODE_ENV !== "production" ? GridPrintExportMenuItem.propTypes /* rem
     hideFooter: PropTypes.bool,
     hideToolbar: PropTypes.bool,
     includeCheckboxes: PropTypes.bool,
+    onStylesheetError: PropTypes.func,
     pageStyle: PropTypes.oneOfType([PropTypes.func, PropTypes.string])
   })
 } : void 0;

package/components/toolbar/GridToolbarExportContainer.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 useId from '@mui/utils/useId';

package/components/toolbar/GridToolbarFilterButton.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 { styled } from '@mui/material/styles';

package/components/toolbar/GridToolbarQuickFilter.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";
 import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
 const _excluded = ["quickFilterParser", "quickFilterFormatter", "debounceMs", "className", "slotProps"],
   _excluded2 = ["ref", "slotProps"];

package/components/toolbarV8/GridToolbar.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"],
   _excluded2 = ["className"],
   _excluded3 = ["showQuickFilter", "quickFilterProps", "csvOptions", "printOptions", "mainControls", "additionalExportMenuItems"];

package/components/toolbarV8/Toolbar.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 = ["render", "className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/components/toolbarV8/ToolbarButton.js

@@ -61,10 +61,23 @@ process.env.NODE_ENV !== "production" ? ToolbarButton.propTypes /* remove-propty
   // ----------------------------------------------------------------------
   className: _propTypes.default.string,
   color: _propTypes.default.oneOf(['default', 'inherit', 'primary']),
+  /**
+   * The component used for the root node. Either a string to use an HTML element or a component.
+   */
+  component: _propTypes.default.elementType,
   disabled: _propTypes.default.bool,
   edge: _propTypes.default.oneOf(['end', 'start', false]),
+  /**
+   * The URL to link to. If set, and `component` is not set, the component renders as an anchor tag.
+   */
+  href: _propTypes.default.string,
   id: _propTypes.default.string,
   label: _propTypes.default.string,
+  /**
+   * The relationship of the linked URL.
+   * Set it to `noopener noreferrer` when `target` is set to `_blank` to avoid a security issue.
+   */
+  rel: _propTypes.default.string,
   /**
    * A function to customize rendering of the component.
    */
@@ -73,6 +86,10 @@ process.env.NODE_ENV !== "production" ? ToolbarButton.propTypes /* remove-propty
   size: _propTypes.default.oneOf(['large', 'medium', 'small']),
   style: _propTypes.default.object,
   tabIndex: _propTypes.default.number,
+  /**
+   * Where to display the linked URL, as the name for a browsing context.
+   */
+  target: _propTypes.default.string,
   title: _propTypes.default.string,
   touchRippleRef: _propTypes.default.any
 } : void 0;

package/components/toolbarV8/ToolbarButton.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 = ["render", "onKeyDown", "onFocus", "onBlur", "disabled", "aria-disabled"],
   _excluded2 = ["tabIndex"];
 import * as React from 'react';
@@ -54,10 +54,23 @@ process.env.NODE_ENV !== "production" ? ToolbarButton.propTypes /* remove-propty
   // ----------------------------------------------------------------------
   className: PropTypes.string,
   color: PropTypes.oneOf(['default', 'inherit', 'primary']),
+  /**
+   * The component used for the root node. Either a string to use an HTML element or a component.
+   */
+  component: PropTypes.elementType,
   disabled: PropTypes.bool,
   edge: PropTypes.oneOf(['end', 'start', false]),
+  /**
+   * The URL to link to. If set, and `component` is not set, the component renders as an anchor tag.
+   */
+  href: PropTypes.string,
   id: PropTypes.string,
   label: PropTypes.string,
+  /**
+   * The relationship of the linked URL.
+   * Set it to `noopener noreferrer` when `target` is set to `_blank` to avoid a security issue.
+   */
+  rel: PropTypes.string,
   /**
    * A function to customize rendering of the component.
    */
@@ -66,6 +79,10 @@ process.env.NODE_ENV !== "production" ? ToolbarButton.propTypes /* remove-propty
   size: PropTypes.oneOf(['large', 'medium', 'small']),
   style: PropTypes.object,
   tabIndex: PropTypes.number,
+  /**
+   * Where to display the linked URL, as the name for a browsing context.
+   */
+  target: PropTypes.string,
   title: PropTypes.string,
   touchRippleRef: PropTypes.any
 } : void 0;

package/components/virtualization/GridBottomContainer.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 clsx from 'clsx';
 import { styled } from '@mui/material/styles';

package/components/virtualization/GridMainContainer.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 { styled } from '@mui/material/styles';
 import { forwardRef } from '@mui/x-internals/forwardRef';

package/components/virtualization/GridTopContainer.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 clsx from 'clsx';
 import { styled } from '@mui/material/styles';

package/components/virtualization/GridVirtualScrollbar.js

@@ -11,7 +11,7 @@ var React = _interopRequireWildcard(require("react"));
 var _styles = require("@mui/material/styles");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _forwardRef = require("@mui/x-internals/forwardRef");
-var _platform = require("@mui/x-internals/platform");
+var _platform = require("@base-ui/utils/platform");
 var _useGridPrivateApiContext = require("../../hooks/utils/useGridPrivateApiContext");
 var _hooks = require("../../hooks");
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
@@ -47,7 +47,7 @@ const Scrollbar = (0, _styles.styled)('div', {
   // [iOS-scrollbar-swap]
   // On iOS, native scrollbars of the `GridVirtualScroller` are shown instead,
   // so hide these to avoid a duplicate thumb.
-  [_platform.iOSMediaQuery]: {
+  [_platform.platform.mediaQuery.iOS]: {
     display: 'none'
   }
 });

package/components/virtualization/GridVirtualScrollbar.mjs

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { styled } from '@mui/material/styles';
 import composeClasses from '@mui/utils/composeClasses';
 import { forwardRef } from '@mui/x-internals/forwardRef';
-import { iOSMediaQuery } from '@mui/x-internals/platform';
+import { platform } from '@base-ui/utils/platform';
 import { useGridPrivateApiContext } from "../../hooks/utils/useGridPrivateApiContext.mjs";
 import { gridDimensionsSelector, useGridSelector } from "../../hooks/index.mjs";
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.mjs";
@@ -40,7 +40,7 @@ const Scrollbar = styled('div', {
   // [iOS-scrollbar-swap]
   // On iOS, native scrollbars of the `GridVirtualScroller` are shown instead,
   // so hide these to avoid a duplicate thumb.
-  [iOSMediaQuery]: {
+  [platform.mediaQuery.iOS]: {
     display: 'none'
   }
 });

package/components/virtualization/GridVirtualScroller.js

@@ -10,7 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _styles = require("@mui/material/styles");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
-var _platform = require("@mui/x-internals/platform");
+var _platform = require("@base-ui/utils/platform");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _xVirtualizer = require("@mui/x-virtualizer");
 var _gridDimensionsSelectors = require("../../hooks/features/dimensions/gridDimensionsSelectors");
@@ -72,7 +72,7 @@ const Scroller = (0, _styles.styled)('div', {
   // https://github.com/mui/mui-x/issues/22386
   // So keep this scroller's own native scrollbars and hide the ones in `GridVirtualScrollbar`
   // instead to avoid a duplicate thumb.
-  [_platform.iOSMediaQuery]: {
+  [_platform.platform.mediaQuery.iOS]: {
     scrollbarWidth: 'auto',
     '&::-webkit-scrollbar': {
       display: 'block'
@@ -93,7 +93,10 @@ const Viewport = (0, _styles.styled)('div', {
     display: 'inline-block',
     position: 'sticky',
     top: 0,
+    // The viewport spans the scrollport exactly, so both 0-insets resolve to the same
+    // offset and it stays pinned in LTR and RTL alike.
     left: 0,
+    right: 0,
     overflow: 'hidden'
   }
 });

package/components/virtualization/GridVirtualScroller.mjs

@@ -1,8 +1,8 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import { styled } from '@mui/material/styles';
 import composeClasses from '@mui/utils/composeClasses';
-import { iOSMediaQuery } from '@mui/x-internals/platform';
+import { platform } from '@base-ui/utils/platform';
 import clsx from 'clsx';
 import { LayoutDataGrid, Virtualization } from '@mui/x-virtualizer';
 import { gridHasBottomFillerSelector, gridHasScrollXSelector, gridHasScrollYSelector } from "../../hooks/features/dimensions/gridDimensionsSelectors.mjs";
@@ -64,7 +64,7 @@ const Scroller = styled('div', {
   // https://github.com/mui/mui-x/issues/22386
   // So keep this scroller's own native scrollbars and hide the ones in `GridVirtualScrollbar`
   // instead to avoid a duplicate thumb.
-  [iOSMediaQuery]: {
+  [platform.mediaQuery.iOS]: {
     scrollbarWidth: 'auto',
     '&::-webkit-scrollbar': {
       display: 'block'
@@ -85,7 +85,10 @@ const Viewport = styled('div', {
     display: 'inline-block',
     position: 'sticky',
     top: 0,
+    // The viewport spans the scrollport exactly, so both 0-insets resolve to the same
+    // offset and it stays pinned in LTR and RTL alike.
     left: 0,
+    right: 0,
     overflow: 'hidden'
   }
 });

package/components/virtualization/GridVirtualScrollerContent.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 clsx from 'clsx';
 import { styled } from '@mui/system';

package/components/virtualization/GridVirtualScrollerRenderZone.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 clsx from 'clsx';
 import { styled } from '@mui/system';

package/constants/cssVariables.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 // NOTE: Breakpoints can't come from the theme because we need access to them at
 // initialization time and media-queries can't use CSS variables. For users with
 // custom breakpoints, we might want to provide a way to configure them globally

package/constants/defaultGridSlotsComponents.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import { GridSkeletonCell, GridColumnsPanel, GridFilterPanel, GridFooter, GridLoadingOverlay, GridNoRowsOverlay, GridPagination, GridPanel, GridRow, GridColumnHeaderFilterIconButton, GridRowCount, GridColumnsManagement, GridColumnHeaderSortIcon, GridNoColumnsOverlay, GridRowCheckbox } from "../components/index.mjs";
 import { GridCell } from "../components/cell/GridCell.mjs";
 import { GridColumnHeaders } from "../components/GridColumnHeaders.mjs";

package/constants/signature.d.mts

@@ -5,5 +5,5 @@
 export declare enum GridSignature {
   DataGrid = "DataGrid",
   DataGridPro = "DataGridPro",
-  DataGridPremium = "DataGridPremium",
+  DataGridPremium = "DataGridPremium"
 }

package/constants/signature.d.ts

@@ -5,5 +5,5 @@
 export declare enum GridSignature {
   DataGrid = "DataGrid",
   DataGridPro = "DataGridPro",
-  DataGridPremium = "DataGridPremium",
+  DataGridPremium = "DataGridPremium"
 }

package/hooks/core/pipeProcessing/useGridPipeProcessing.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _toPropertyKey from "@babel/runtime/helpers/esm/toPropertyKey";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _toPropertyKey from "@babel/runtime/helpers/toPropertyKey";
 import * as React from 'react';
 import { useGridApiMethod } from "../../utils/useGridApiMethod.mjs";
 /**

package/hooks/core/pipeProcessing/useGridRegisterPipeApplier.js

@@ -7,14 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useGridRegisterPipeApplier = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _useFirstRender = require("../../utils/useFirstRender");
+var _useOnFirstRender = require("@base-ui/utils/useOnFirstRender");
 const useGridRegisterPipeApplier = (apiRef, group, callback) => {
   const cleanup = React.useRef(null);
   const id = React.useRef(`mui-${Math.round(Math.random() * 1e9)}`);
   const registerPreProcessor = React.useCallback(() => {
     cleanup.current = apiRef.current.registerPipeApplier(group, id.current, callback);
   }, [apiRef, callback, group]);
-  (0, _useFirstRender.useFirstRender)(() => {
+  (0, _useOnFirstRender.useOnFirstRender)(() => {
     registerPreProcessor();
   });
   const isFirstRender = React.useRef(true);

package/hooks/core/pipeProcessing/useGridRegisterPipeApplier.mjs

@@ -1,14 +1,14 @@
 'use client';
 
 import * as React from 'react';
-import { useFirstRender } from "../../utils/useFirstRender.mjs";
+import { useOnFirstRender } from '@base-ui/utils/useOnFirstRender';
 export const useGridRegisterPipeApplier = (apiRef, group, callback) => {
   const cleanup = React.useRef(null);
   const id = React.useRef(`mui-${Math.round(Math.random() * 1e9)}`);
   const registerPreProcessor = React.useCallback(() => {
     cleanup.current = apiRef.current.registerPipeApplier(group, id.current, callback);
   }, [apiRef, callback, group]);
-  useFirstRender(() => {
+  useOnFirstRender(() => {
     registerPreProcessor();
   });
   const isFirstRender = React.useRef(true);

package/hooks/core/pipeProcessing/useGridRegisterPipeProcessor.js

@@ -7,14 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useGridRegisterPipeProcessor = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _useFirstRender = require("../../utils/useFirstRender");
+var _useOnFirstRender = require("@base-ui/utils/useOnFirstRender");
 const useGridRegisterPipeProcessor = (apiRef, group, callback, enabled = true) => {
   const cleanup = React.useRef(null);
   const id = React.useRef(`mui-${Math.round(Math.random() * 1e9)}`);
   const registerPreProcessor = React.useCallback(() => {
     cleanup.current = apiRef.current.registerPipeProcessor(group, id.current, callback);
   }, [apiRef, callback, group]);
-  (0, _useFirstRender.useFirstRender)(() => {
+  (0, _useOnFirstRender.useOnFirstRender)(() => {
     if (enabled) {
       registerPreProcessor();
     }

package/hooks/core/pipeProcessing/useGridRegisterPipeProcessor.mjs

@@ -1,14 +1,14 @@
 'use client';
 
 import * as React from 'react';
-import { useFirstRender } from "../../utils/useFirstRender.mjs";
+import { useOnFirstRender } from '@base-ui/utils/useOnFirstRender';
 export const useGridRegisterPipeProcessor = (apiRef, group, callback, enabled = true) => {
   const cleanup = React.useRef(null);
   const id = React.useRef(`mui-${Math.round(Math.random() * 1e9)}`);
   const registerPreProcessor = React.useCallback(() => {
     cleanup.current = apiRef.current.registerPipeProcessor(group, id.current, callback);
   }, [apiRef, callback, group]);
-  useFirstRender(() => {
+  useOnFirstRender(() => {
     if (enabled) {
       registerPreProcessor();
     }

package/hooks/core/strategyProcessing/gridStrategyProcessingApi.d.mts

@@ -6,7 +6,7 @@ import type { GridRowId } from "../../../models/gridRows.mjs";
 export type GridStrategyProcessorName = keyof GridStrategyProcessingLookup;
 export declare enum GridStrategyGroup {
   DataSource = "dataSource",
-  RowTree = "rowTree",
+  RowTree = "rowTree"
 }
 export type GridStrategyGroupValue = `${GridStrategyGroup}`;
 export interface GridStrategyProcessingLookup {

package/hooks/core/strategyProcessing/gridStrategyProcessingApi.d.ts

@@ -6,7 +6,7 @@ import type { GridRowId } from "../../../models/gridRows.js";
 export type GridStrategyProcessorName = keyof GridStrategyProcessingLookup;
 export declare enum GridStrategyGroup {
   DataSource = "dataSource",
-  RowTree = "rowTree",
+  RowTree = "rowTree"
 }
 export type GridStrategyGroupValue = `${GridStrategyGroup}`;
 export interface GridStrategyProcessingLookup {