@mui/x-data-grid 8.15.0 → 8.17.0

package/esm/DataGrid/useDataGridComponent.js

@@ -75,7 +75,7 @@ export const useDataGridComponent = (apiRef, props, configuration) => {
   useGridParamsApi(apiRef, props, configuration);
   useGridColumnSpanning(apiRef);
   useGridColumnGrouping(apiRef, props);
-  useGridEditing(apiRef, props);
+  useGridEditing(apiRef, props, configuration);
   useGridFocus(apiRef, props);
   useGridPreferencesPanel(apiRef, props);
   useGridFilter(apiRef, props, configuration);

package/esm/colDef/gridCheckboxSelectionColDef.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
 import { GridCellCheckboxRenderer } from "../components/columnSelection/GridCellCheckboxRenderer.js";
 import { GridHeaderCheckbox } from "../components/columnSelection/GridHeaderCheckbox.js";
 import { GRID_BOOLEAN_COL_DEF } from "./gridBooleanColDef.js";

package/esm/components/GridColumnSortButton.d.ts

@@ -9,7 +9,7 @@ export type GridColumnSortButtonProps = GridSlotProps['baseIconButton'] & {
   disabled?: boolean;
   onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
 };
-declare function GridColumnSortButton(props: GridColumnSortButtonProps): React.JSX.Element | null;
+declare function GridColumnSortButton(props: GridColumnSortButtonProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace GridColumnSortButton {
   var propTypes: any;
 }

package/esm/components/GridFooter.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
 import { GridFooterContainerProps } from "./containers/GridFooterContainer.js";
-declare const GridFooter: React.ForwardRefExoticComponent<GridFooterContainerProps> | React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+declare const GridFooter: import("react").ForwardRefExoticComponent<GridFooterContainerProps> | import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
   sx?: import("@mui/system").SxProps<import("@mui/system").Theme>;
-} & React.RefAttributes<HTMLDivElement>>;
+} & import("react").RefAttributes<HTMLDivElement>>;
 export { GridFooter };

package/esm/components/GridFooter.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
 import PropTypes from 'prop-types';
 import { forwardRef } from '@mui/x-internals/forwardRef';
 import { useGridSelector } from "../hooks/utils/useGridSelector.js";

package/esm/components/GridHeader.d.ts

@@ -1,2 +1 @@
-import * as React from 'react';
-export declare function GridHeader(): React.JSX.Element;
+export declare function GridHeader(): import("react/jsx-runtime").JSX.Element;

package/esm/components/GridHeaders.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
-declare function GridHeaders(): React.JSX.Element;
+declare function GridHeaders(): import("react/jsx-runtime").JSX.Element;
 declare const MemoizedGridHeaders: typeof GridHeaders;
 export { MemoizedGridHeaders as GridHeaders };

package/esm/components/GridHeaders.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
 import { fastMemo } from '@mui/x-internals/fastMemo';
 import { useGridPrivateApiContext } from "../hooks/utils/useGridPrivateApiContext.js";
 import { useGridSelector } from "../hooks/utils/useGridSelector.js";

package/esm/components/GridNoColumnsOverlay.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
 import { GridOverlayProps } from "./containers/GridOverlay.js";
-declare const GridNoColumnsOverlay: React.ForwardRefExoticComponent<GridOverlayProps> | React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+declare const GridNoColumnsOverlay: import("react").ForwardRefExoticComponent<GridOverlayProps> | import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
   sx?: import("@mui/system").SxProps<import("@mui/system").Theme>;
-} & React.RefAttributes<HTMLDivElement>>;
+} & import("react").RefAttributes<HTMLDivElement>>;
 export { GridNoColumnsOverlay };

package/esm/components/GridNoColumnsOverlay.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
 import PropTypes from 'prop-types';
 import { forwardRef } from '@mui/x-internals/forwardRef';
 import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";

package/esm/components/GridNoResultsOverlay.d.ts

@@ -1,5 +1,4 @@
-import * as React from 'react';
 import { GridOverlayProps } from "./containers/GridOverlay.js";
-export declare const GridNoResultsOverlay: React.ForwardRefExoticComponent<GridOverlayProps> | React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+export declare const GridNoResultsOverlay: import("react").ForwardRefExoticComponent<GridOverlayProps> | import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
   sx?: import("@mui/system").SxProps<import("@mui/system").Theme>;
-} & React.RefAttributes<HTMLDivElement>>;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/esm/components/GridNoResultsOverlay.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
 import { forwardRef } from '@mui/x-internals/forwardRef';
 import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
 import { GridOverlay } from "./containers/GridOverlay.js";

package/esm/components/GridNoRowsOverlay.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
 import { GridOverlayProps } from "./containers/GridOverlay.js";
-declare const GridNoRowsOverlay: React.ForwardRefExoticComponent<GridOverlayProps> | React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+declare const GridNoRowsOverlay: import("react").ForwardRefExoticComponent<GridOverlayProps> | import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
   sx?: import("@mui/system").SxProps<import("@mui/system").Theme>;
-} & React.RefAttributes<HTMLDivElement>>;
+} & import("react").RefAttributes<HTMLDivElement>>;
 export { GridNoRowsOverlay };

package/esm/components/GridNoRowsOverlay.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
 import PropTypes from 'prop-types';
 import { forwardRef } from '@mui/x-internals/forwardRef';
 import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";

package/esm/components/GridPagination.d.ts

@@ -1,5 +1,4 @@
-import * as React from 'react';
-declare function GridPagination(): React.JSX.Element;
+declare function GridPagination(): import("react/jsx-runtime").JSX.Element;
 declare namespace GridPagination {
   var propTypes: any;
 }

package/esm/components/GridScrollArea.d.ts

@@ -1,10 +1,9 @@
-import * as React from 'react';
 import { RefObject } from '@mui/x-internals/types';
 import { GridScrollParams } from "../models/params/gridScrollParams.js";
 interface ScrollAreaProps {
   scrollDirection: 'left' | 'right' | 'up' | 'down';
   scrollPosition: RefObject<GridScrollParams>;
 }
-declare function GridScrollAreaWrapper(props: ScrollAreaProps): React.JSX.Element | null;
+declare function GridScrollAreaWrapper(props: ScrollAreaProps): import("react/jsx-runtime").JSX.Element | null;
 export declare const GridScrollArea: typeof GridScrollAreaWrapper;
 export {};

package/esm/components/GridScrollShadows.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
 interface GridScrollShadowsProps {
   position: 'vertical' | 'horizontal';
 }
-declare function GridScrollShadows(props: GridScrollShadowsProps): React.JSX.Element;
+declare function GridScrollShadows(props: GridScrollShadowsProps): import("react/jsx-runtime").JSX.Element;
 export { GridScrollShadows };

package/esm/components/GridScrollbarFillerCell.d.ts

@@ -1,7 +1,6 @@
-import * as React from 'react';
 declare function GridScrollbarFillerCell({
   pinnedRight
 }: {
   pinnedRight?: boolean;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export { GridScrollbarFillerCell };

package/esm/components/GridScrollbarFillerCell.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import clsx from 'clsx';
 import { gridClasses } from "../constants/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";

package/esm/components/base/GridFooterPlaceholder.d.ts

@@ -1,2 +1 @@
-import * as React from 'react';
-export declare function GridFooterPlaceholder(): React.JSX.Element | null;
+export declare function GridFooterPlaceholder(): import("react/jsx-runtime").JSX.Element | null;

package/esm/components/base/GridFooterPlaceholder.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function GridFooterPlaceholder() {

package/esm/components/base/GridOverlays.d.ts

@@ -4,7 +4,7 @@ interface GridOverlaysProps {
   overlayType: GridOverlayType;
   loadingOverlayVariant: GridLoadingOverlayVariant | null;
 }
-export declare function GridOverlayWrapper(props: React.PropsWithChildren<GridOverlaysProps>): React.JSX.Element;
+export declare function GridOverlayWrapper(props: React.PropsWithChildren<GridOverlaysProps>): import("react/jsx-runtime").JSX.Element;
 export declare namespace GridOverlayWrapper {
   var propTypes: any;
 }

package/esm/components/cell/GridActionsCell.d.ts

@@ -1,13 +1,12 @@
-import * as React from 'react';
 import { GridRenderCellParams } from "../../models/params/gridCellParams.js";
 import { GridMenuProps } from "../menu/GridMenu.js";
 interface GridActionsCellProps extends Omit<GridRenderCellParams, 'api'> {
   api?: GridRenderCellParams['api'];
   position?: GridMenuProps['position'];
 }
-declare function GridActionsCell(props: GridActionsCellProps): React.JSX.Element;
+declare function GridActionsCell(props: GridActionsCellProps): import("react/jsx-runtime").JSX.Element;
 declare namespace GridActionsCell {
   var propTypes: any;
 }
 export { GridActionsCell };
-export declare const renderActionsCell: (params: GridRenderCellParams) => React.JSX.Element;
+export declare const renderActionsCell: (params: GridRenderCellParams) => import("react/jsx-runtime").JSX.Element;

package/esm/components/cell/GridActionsCell.js

@@ -104,6 +104,8 @@ function GridActionsCell(props) {
     touchRippleRefs.current[index] = instance;
   };
   const handleButtonClick = (index, onClick) => event => {
+    event.stopPropagation();
+    event.preventDefault();
     setFocusedButtonIndex(index);
     ignoreCallToFocus.current = true;
     if (onClick) {

package/esm/components/cell/GridActionsCellItem.js

@@ -3,7 +3,6 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 const _excluded = ["label", "icon", "showInMenu", "onClick"],
   _excluded2 = ["label", "icon", "showInMenu", "onClick", "closeMenuOnClick", "closeMenu"];
 import * as React from 'react';
-import PropTypes from 'prop-types';
 import { forwardRef } from '@mui/x-internals/forwardRef';
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -17,6 +16,8 @@ const GridActionsCellItem = forwardRef((props, ref) => {
       } = props,
       other = _objectWithoutPropertiesLoose(props, _excluded);
     const handleClick = event => {
+      event.stopPropagation();
+      event.preventDefault();
       onClick?.(event);
     };
     return /*#__PURE__*/_jsx(rootProps.slots.baseIconButton, _extends({
@@ -41,6 +42,8 @@ const GridActionsCellItem = forwardRef((props, ref) => {
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded2);
   const handleClick = event => {
+    event.stopPropagation();
+    event.preventDefault();
     onClick?.(event);
     if (closeMenuOnClick) {
       closeMenu?.();
@@ -55,20 +58,4 @@ const GridActionsCellItem = forwardRef((props, ref) => {
   }));
 });
 if (process.env.NODE_ENV !== "production") GridActionsCellItem.displayName = "GridActionsCellItem";
-process.env.NODE_ENV !== "production" ? GridActionsCellItem.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  className: PropTypes.string,
-  /**
-   * from https://mui.com/material-ui/api/button-base/#ButtonBase-prop-component
-   */
-  component: PropTypes.elementType,
-  disabled: PropTypes.bool,
-  icon: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.element, PropTypes.func, PropTypes.number, PropTypes.object, PropTypes.string, PropTypes.bool]),
-  label: PropTypes.node,
-  showInMenu: PropTypes.bool,
-  style: PropTypes.object
-} : void 0;
 export { GridActionsCellItem };

package/esm/components/cell/GridBooleanCell.d.ts

@@ -4,7 +4,7 @@ import type { GridRenderCellParams } from "../../models/params/gridCellParams.js
 interface GridBooleanCellProps extends GridRenderCellParams {
   hideDescendantCount?: boolean;
 }
-declare function GridBooleanCellRaw(props: GridBooleanCellProps): React.JSX.Element | null;
+declare function GridBooleanCellRaw(props: GridBooleanCellProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace GridBooleanCellRaw {
   var propTypes: any;
 }

package/esm/components/cell/GridCell.js

@@ -115,7 +115,14 @@ const GridCell = forwardRef(function GridCell(props, ref) {
     formattedValue: forcedFormattedValue
   });
   cellParams.api = apiRef.current;
-  cellParams.isEditable = useGridSelector(apiRef, () => apiRef.current.isCellEditable(cellParams));
+
+  // Subscribe to changes of the `isCellEditable` API result to ensure cells re-render.
+  // We don't use the result.
+  // Subscription will trigger a new call of `getCellParamsForRow` above which will recompute the correct value of `isEditable`.
+  // This is to ensure both of the following cases work:
+  // - https://github.com/mui/mui-x/issues/19732
+  // - https://github.com/mui/mui-x/issues/20143
+  useGridSelector(apiRef, () => apiRef.current.isCellEditable(cellParams));
   const isSelected = useGridSelector(apiRef, () => apiRef.current.unstable_applyPipeProcessors('isCellSelected', false, {
     id: rowId,
     field

package/esm/components/cell/GridEditBooleanCell.d.ts

@@ -9,9 +9,9 @@ export interface GridEditBooleanCellProps extends GridRenderEditCellParams, Omit
    */
   onValueChange?: (event: React.ChangeEvent<HTMLInputElement>, newValue: boolean) => Promise<void> | void;
 }
-declare function GridEditBooleanCell(props: GridEditBooleanCellProps): React.JSX.Element;
+declare function GridEditBooleanCell(props: GridEditBooleanCellProps): import("react/jsx-runtime").JSX.Element;
 declare namespace GridEditBooleanCell {
   var propTypes: any;
 }
 export { GridEditBooleanCell };
-export declare const renderEditBooleanCell: (params: GridEditBooleanCellProps) => React.JSX.Element;
+export declare const renderEditBooleanCell: (params: GridEditBooleanCellProps) => import("react/jsx-runtime").JSX.Element;

package/esm/components/cell/GridEditDateCell.d.ts

@@ -13,9 +13,9 @@ export interface GridEditDateCellProps extends GridRenderEditCellParams {
     root?: Partial<GridSlotProps['baseInput']>;
   };
 }
-declare function GridEditDateCell(props: GridEditDateCellProps): React.JSX.Element;
+declare function GridEditDateCell(props: GridEditDateCellProps): import("react/jsx-runtime").JSX.Element;
 declare namespace GridEditDateCell {
   var propTypes: any;
 }
 export { GridEditDateCell };
-export declare const renderEditDateCell: (params: GridRenderEditCellParams) => React.JSX.Element;
+export declare const renderEditDateCell: (params: GridRenderEditCellParams) => import("react/jsx-runtime").JSX.Element;

package/esm/components/cell/GridEditInputCell.d.ts

@@ -16,4 +16,4 @@ export interface GridEditInputCellProps extends GridRenderEditCellParams {
 }
 declare const GridEditInputCell: React.ForwardRefExoticComponent<GridEditInputCellProps> | React.ForwardRefExoticComponent<Omit<GridEditInputCellProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export { GridEditInputCell };
-export declare const renderEditInputCell: (params: GridEditInputCellProps) => React.JSX.Element;
+export declare const renderEditInputCell: (params: GridEditInputCellProps) => import("react/jsx-runtime").JSX.Element;

package/esm/components/cell/GridEditInputCell.js

@@ -4,7 +4,6 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["id", "value", "formattedValue", "api", "field", "row", "rowNode", "colDef", "cellMode", "isEditable", "tabIndex", "hasFocus", "isValidating", "debounceMs", "isProcessingProps", "onValueChange", "slotProps"];
 import * as React from 'react';
-import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 import { styled } from '@mui/material/styles';
@@ -101,73 +100,6 @@ const GridEditInputCell = forwardRef((props, ref) => {
   }));
 });
 if (process.env.NODE_ENV !== "production") GridEditInputCell.displayName = "GridEditInputCell";
-process.env.NODE_ENV !== "production" ? GridEditInputCell.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * GridApi that let you manipulate the grid.
-   */
-  api: PropTypes.object.isRequired,
-  /**
-   * The mode of the cell.
-   */
-  cellMode: PropTypes.oneOf(['edit', 'view']).isRequired,
-  changeReason: PropTypes.oneOf(['debouncedSetEditCellValue', 'setEditCellValue']),
-  /**
-   * The column of the row that the current cell belongs to.
-   */
-  colDef: PropTypes.object.isRequired,
-  debounceMs: PropTypes.number,
-  /**
-   * The column field of the cell that triggered the event.
-   */
-  field: PropTypes.string.isRequired,
-  /**
-   * The cell value formatted with the column valueFormatter.
-   */
-  formattedValue: PropTypes.any,
-  /**
-   * If true, the cell is the active element.
-   */
-  hasFocus: PropTypes.bool.isRequired,
-  /**
-   * The grid row id.
-   */
-  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
-  /**
-   * If true, the cell is editable.
-   */
-  isEditable: PropTypes.bool,
-  isProcessingProps: PropTypes.bool,
-  isValidating: PropTypes.bool,
-  /**
-   * Callback called when the value is changed by the user.
-   * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
-   * @param {Date | null} newValue The value that is going to be passed to `apiRef.current.setEditCellValue`.
-   * @returns {Promise<void> | void} A promise to be awaited before calling `apiRef.current.setEditCellValue`
-   */
-  onValueChange: PropTypes.func,
-  /**
-   * The row model of the row that the current cell belongs to.
-   */
-  row: PropTypes.any.isRequired,
-  /**
-   * The node of the row that the current cell belongs to.
-   */
-  rowNode: PropTypes.object.isRequired,
-  slotProps: PropTypes.object,
-  /**
-   * the tabIndex value.
-   */
-  tabIndex: PropTypes.oneOf([-1, 0]).isRequired,
-  /**
-   * The cell value.
-   * If the column has `valueGetter`, use `params.row` to directly access the fields.
-   */
-  value: PropTypes.any
-} : void 0;
 export { GridEditInputCell };
 export const renderEditInputCell = params => /*#__PURE__*/_jsx(GridEditInputCell, _extends({}, params));
 if (process.env.NODE_ENV !== "production") renderEditInputCell.displayName = "renderEditInputCell";

package/esm/components/cell/GridEditSingleSelectCell.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import type { GridSlotProps } from "../../models/gridSlotsComponentsProps.js";
 import { GridRenderEditCellParams } from "../../models/params/gridCellParams.js";
 export interface GridEditSingleSelectCellProps extends GridRenderEditCellParams {
@@ -14,9 +13,9 @@ export interface GridEditSingleSelectCellProps extends GridRenderEditCellParams
    */
   initialOpen?: boolean;
 }
-declare function GridEditSingleSelectCell(props: GridEditSingleSelectCellProps): React.JSX.Element | null;
+declare function GridEditSingleSelectCell(props: GridEditSingleSelectCellProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace GridEditSingleSelectCell {
   var propTypes: any;
 }
 export { GridEditSingleSelectCell };
-export declare const renderEditSingleSelectCell: (params: GridEditSingleSelectCellProps) => React.JSX.Element;
+export declare const renderEditSingleSelectCell: (params: GridEditSingleSelectCellProps) => import("react/jsx-runtime").JSX.Element;

package/esm/components/cell/GridSkeletonCell.d.ts

@@ -12,7 +12,7 @@ export interface GridSkeletonCellProps extends React.HTMLAttributes<HTMLDivEleme
    */
   empty?: boolean;
 }
-declare function GridSkeletonCell(props: GridSkeletonCellProps): React.JSX.Element;
+declare function GridSkeletonCell(props: GridSkeletonCellProps): import("react/jsx-runtime").JSX.Element;
 declare namespace GridSkeletonCell {
   var propTypes: any;
 }

package/esm/components/columnHeaders/ColumnHeaderMenuIcon.d.ts

@@ -7,4 +7,4 @@ export interface ColumnHeaderMenuIconProps {
   open: boolean;
   iconButtonRef: React.RefObject<HTMLButtonElement | null>;
 }
-export declare const ColumnHeaderMenuIcon: React.MemoExoticComponent<(props: ColumnHeaderMenuIconProps) => React.JSX.Element>;
+export declare const ColumnHeaderMenuIcon: React.MemoExoticComponent<(props: ColumnHeaderMenuIconProps) => import("react/jsx-runtime").JSX.Element>;

package/esm/components/columnHeaders/GridColumnGroupHeader.d.ts

@@ -17,5 +17,5 @@ interface GridColumnGroupHeaderProps {
   pinnedPosition: PinnedColumnPosition | undefined;
   pinnedOffset?: number;
 }
-declare function GridColumnGroupHeader(props: GridColumnGroupHeaderProps): React.JSX.Element;
+declare function GridColumnGroupHeader(props: GridColumnGroupHeaderProps): import("react/jsx-runtime").JSX.Element;
 export { GridColumnGroupHeader };

package/esm/components/columnHeaders/GridColumnHeaderFilterIconButton.d.ts

@@ -5,7 +5,7 @@ export interface ColumnHeaderFilterIconButtonProps {
   counter?: number;
   onClick?: (params: GridColumnHeaderParams, event: React.MouseEvent<HTMLButtonElement>) => void;
 }
-declare function GridColumnHeaderFilterIconButtonWrapped(props: ColumnHeaderFilterIconButtonProps): React.JSX.Element | null;
+declare function GridColumnHeaderFilterIconButtonWrapped(props: ColumnHeaderFilterIconButtonProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace GridColumnHeaderFilterIconButtonWrapped {
   var propTypes: any;
 }

package/esm/components/columnHeaders/GridColumnHeaderItem.d.ts

@@ -25,7 +25,7 @@ interface GridColumnHeaderItemProps {
   showLeftBorder: boolean;
   showRightBorder: boolean;
 }
-declare function GridColumnHeaderItem(props: GridColumnHeaderItemProps): React.JSX.Element;
+declare function GridColumnHeaderItem(props: GridColumnHeaderItemProps): import("react/jsx-runtime").JSX.Element;
 declare namespace GridColumnHeaderItem {
   var propTypes: any;
 }

package/esm/components/columnHeaders/GridColumnHeaderSeparator.d.ts

@@ -9,7 +9,7 @@ export interface GridColumnHeaderSeparatorProps extends React.HTMLAttributes<HTM
   height: number;
   side?: GridColumnHeaderSeparatorSides;
 }
-declare function GridColumnHeaderSeparatorRaw(props: GridColumnHeaderSeparatorProps): React.JSX.Element;
+declare function GridColumnHeaderSeparatorRaw(props: GridColumnHeaderSeparatorProps): import("react/jsx-runtime").JSX.Element;
 declare namespace GridColumnHeaderSeparatorRaw {
   var propTypes: any;
 }

package/esm/components/columnHeaders/GridColumnHeaderSortIcon.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { GridColumnSortButtonProps } from "../GridColumnSortButton.js";
 export interface GridColumnHeaderSortIconProps extends GridColumnSortButtonProps {}
-declare function GridColumnHeaderSortIconRaw(props: GridColumnHeaderSortIconProps): React.JSX.Element;
+declare function GridColumnHeaderSortIconRaw(props: GridColumnHeaderSortIconProps): import("react/jsx-runtime").JSX.Element;
 declare namespace GridColumnHeaderSortIconRaw {
   var propTypes: any;
 }

package/esm/components/columnHeaders/GridColumnHeaderTitle.d.ts

@@ -4,7 +4,7 @@ export interface GridColumnHeaderTitleProps {
   columnWidth: number;
   description?: React.ReactNode;
 }
-declare function GridColumnHeaderTitle(props: GridColumnHeaderTitleProps): React.JSX.Element;
+declare function GridColumnHeaderTitle(props: GridColumnHeaderTitleProps): import("react/jsx-runtime").JSX.Element;
 declare namespace GridColumnHeaderTitle {
   var propTypes: any;
 }

package/esm/components/columnsManagement/GridColumnsManagement.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { TextFieldProps } from "../../models/gridBaseSlots.js";
 import type { DataGridProcessedProps } from "../../models/props/DataGridProps.js";
 import type { GridColDef } from "../../models/colDef/gridColDef.js";
@@ -44,7 +43,7 @@ export interface GridColumnsManagementProps {
    */
   getTogglableColumns?: (columns: GridColDef[]) => GridColDef['field'][];
 }
-declare function GridColumnsManagement(props: GridColumnsManagementProps): React.JSX.Element;
+declare function GridColumnsManagement(props: GridColumnsManagementProps): import("react/jsx-runtime").JSX.Element;
 declare namespace GridColumnsManagement {
   var propTypes: any;
 }

package/esm/components/menu/GridMenu.d.ts

@@ -8,7 +8,7 @@ export interface GridMenuProps extends Pick<PopperProps, 'className' | 'onExited
   position?: MenuPosition;
   children: React.ReactNode;
 }
-declare function GridMenu(props: GridMenuProps): React.JSX.Element;
+declare function GridMenu(props: GridMenuProps): import("react/jsx-runtime").JSX.Element;
 declare namespace GridMenu {
   var propTypes: any;
 }

package/esm/components/menu/columnMenu/GridColumnHeaderMenu.d.ts

@@ -19,7 +19,7 @@ declare function GridColumnHeaderMenu({
   open,
   target,
   onExited
-}: GridColumnHeaderMenuProps): React.JSX.Element | null;
+}: GridColumnHeaderMenuProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace GridColumnHeaderMenu {
   var propTypes: any;
 }

package/esm/components/menu/columnMenu/GridColumnMenu.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { GridColumnMenuColumnsItem } from "./menuItems/GridColumnMenuColumnsItem.js";
 import { GridColumnMenuFilterItem } from "./menuItems/GridColumnMenuFilterItem.js";
 import { GridColumnMenuSortItem } from "./menuItems/GridColumnMenuSortItem.js";
@@ -19,6 +18,6 @@ export declare const GRID_COLUMN_MENU_SLOT_PROPS: {
     displayOrder: number;
   };
 };
-declare const GridGenericColumnMenu: React.ForwardRefExoticComponent<GridGenericColumnMenuProps> | React.ForwardRefExoticComponent<GridGenericColumnMenuProps & React.RefAttributes<HTMLUListElement>>;
-declare const GridColumnMenu: React.ForwardRefExoticComponent<GridColumnMenuProps> | React.ForwardRefExoticComponent<GridColumnMenuProps & React.RefAttributes<HTMLUListElement>>;
+declare const GridGenericColumnMenu: import("react").ForwardRefExoticComponent<GridGenericColumnMenuProps> | import("react").ForwardRefExoticComponent<GridGenericColumnMenuProps & import("react").RefAttributes<HTMLUListElement>>;
+declare const GridColumnMenu: import("react").ForwardRefExoticComponent<GridColumnMenuProps> | import("react").ForwardRefExoticComponent<GridColumnMenuProps & import("react").RefAttributes<HTMLUListElement>>;
 export { GridColumnMenu, GridGenericColumnMenu };

package/esm/components/menu/columnMenu/GridColumnMenu.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["defaultSlots", "defaultSlotProps", "slots", "slotProps"];
-import * as React from 'react';
 import PropTypes from 'prop-types';
 import { forwardRef } from '@mui/x-internals/forwardRef';
 import { useGridColumnMenuSlots } from "../../../hooks/features/columnMenu/useGridColumnMenuSlots.js";

package/esm/components/menu/columnMenu/menuItems/GridColumnMenuColumnsItem.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
 import { GridColumnMenuItemProps } from "../GridColumnMenuItemProps.js";
-declare function GridColumnMenuColumnsItem(props: GridColumnMenuItemProps): React.JSX.Element;
+declare function GridColumnMenuColumnsItem(props: GridColumnMenuItemProps): import("react/jsx-runtime").JSX.Element;
 declare namespace GridColumnMenuColumnsItem {
   var propTypes: any;
 }

package/esm/components/menu/columnMenu/menuItems/GridColumnMenuFilterItem.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
 import { GridColumnMenuItemProps } from "../GridColumnMenuItemProps.js";
-declare function GridColumnMenuFilterItem(props: GridColumnMenuItemProps): React.JSX.Element | null;
+declare function GridColumnMenuFilterItem(props: GridColumnMenuItemProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace GridColumnMenuFilterItem {
   var propTypes: any;
 }

package/esm/components/menu/columnMenu/menuItems/GridColumnMenuHideItem.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
 import { GridColumnMenuItemProps } from "../GridColumnMenuItemProps.js";
-declare function GridColumnMenuHideItem(props: GridColumnMenuItemProps): React.JSX.Element | null;
+declare function GridColumnMenuHideItem(props: GridColumnMenuItemProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace GridColumnMenuHideItem {
   var propTypes: any;
 }

package/esm/components/menu/columnMenu/menuItems/GridColumnMenuManageItem.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
 import { GridColumnMenuItemProps } from "../GridColumnMenuItemProps.js";
-declare function GridColumnMenuManageItem(props: GridColumnMenuItemProps): React.JSX.Element | null;
+declare function GridColumnMenuManageItem(props: GridColumnMenuItemProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace GridColumnMenuManageItem {
   var propTypes: any;
 }

package/esm/components/menu/columnMenu/menuItems/GridColumnMenuSortItem.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
 import { GridColumnMenuItemProps } from "../GridColumnMenuItemProps.js";
-declare function GridColumnMenuSortItem(props: GridColumnMenuItemProps): React.JSX.Element | null;
+declare function GridColumnMenuSortItem(props: GridColumnMenuItemProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace GridColumnMenuSortItem {
   var propTypes: any;
 }

package/esm/components/panel/GridColumnsPanel.d.ts

@@ -1,5 +1,4 @@
-import * as React from 'react';
 import { GridPanelWrapperProps } from "./GridPanelWrapper.js";
 export interface GridColumnsPanelProps extends GridPanelWrapperProps {}
-declare function GridColumnsPanel(props: GridColumnsPanelProps): React.JSX.Element;
+declare function GridColumnsPanel(props: GridColumnsPanelProps): import("react/jsx-runtime").JSX.Element;
 export { GridColumnsPanel };