@mui/x-data-grid 8.0.0-beta.3 → 8.0.0

package/modern/components/containers/GridToolbarContainer.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { SxProps, Theme } from '@mui/system';
-export type GridToolbarContainerProps = React.HTMLAttributes<HTMLDivElement> & {
-  sx?: SxProps<Theme>;
-};
-declare const GridToolbarContainer: React.ForwardRefExoticComponent<GridToolbarContainerProps> | React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-  sx?: SxProps<Theme>;
-} & React.RefAttributes<HTMLDivElement>>;
-export { GridToolbarContainer };

package/modern/components/containers/GridToolbarContainer.js

@@ -1,62 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["className", "children"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { styled } from '@mui/system';
-import composeClasses from '@mui/utils/composeClasses';
-import { forwardRef } from '@mui/x-internals/forwardRef';
-import { vars } from "../../constants/cssVariables.js";
-import { getDataGridUtilityClass } from "../../constants/gridClasses.js";
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { Toolbar } from "../toolbarV8/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['toolbarContainer']
-  };
-  return composeClasses(slots, getDataGridUtilityClass, classes);
-};
-const GridToolbarContainerRoot = styled(Toolbar, {
-  name: 'MuiDataGrid',
-  slot: 'ToolbarContainer',
-  shouldForwardProp: prop => prop !== 'ownerState'
-})({
-  display: 'flex',
-  alignItems: 'center',
-  flexWrap: 'wrap',
-  gap: vars.spacing(1),
-  padding: vars.spacing(0.5),
-  minHeight: 'auto'
-});
-const GridToolbarContainer = forwardRef(function GridToolbarContainer(props, ref) {
-  const {
-      className,
-      children
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const rootProps = useGridRootProps();
-  const classes = useUtilityClasses(rootProps);
-  if (!children) {
-    return null;
-  }
-  return /*#__PURE__*/_jsx(GridToolbarContainerRoot, _extends({
-    className: clsx(classes.root, className),
-    ownerState: rootProps
-  }, other, {
-    ref: ref,
-    children: children
-  }));
-});
-process.env.NODE_ENV !== "production" ? GridToolbarContainer.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-} : void 0;
-export { GridToolbarContainer };

package/modern/components/containers/index.d.ts

@@ -1,4 +0,0 @@
-export * from "./GridRoot.js";
-export * from "./GridFooterContainer.js";
-export * from "./GridOverlay.js";
-export * from "./GridToolbarContainer.js";

package/modern/components/containers/index.js

@@ -1,4 +0,0 @@
-export * from "./GridRoot.js";
-export * from "./GridFooterContainer.js";
-export * from "./GridOverlay.js";
-export * from "./GridToolbarContainer.js";

package/modern/components/export/ExportCsv.d.ts

@@ -1,30 +0,0 @@
-import * as React from 'react';
-import { RenderProp } from "../../hooks/utils/useGridComponentRenderer.js";
-import { GridCsvExportOptions } from "../../models/gridExport.js";
-import type { GridSlotProps } from '../../models';
-export type ExportCsvProps = GridSlotProps['baseButton'] & {
-  /**
-   * A function to customize rendering of the component.
-   */
-  render?: RenderProp<GridSlotProps['baseButton']>;
-  /**
-   * The options to apply on the CSV export.
-   * @demos
-   *   - [CSV export](/x/react-data-grid/export/#csv-export)
-   */
-  options?: GridCsvExportOptions;
-};
-/**
- * A button that triggers a CSV export.
- * It renders the `baseButton` slot.
- *
- * Demos:
- *
- * - [Export](https://mui.com/x/react-data-grid/components/export/)
- *
- * API:
- *
- * - [ExportCsv API](https://mui.com/x/api/data-grid/export-csv/)
- */
-declare const ExportCsv: React.ForwardRefExoticComponent<ExportCsvProps> | React.ForwardRefExoticComponent<Omit<ExportCsvProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export { ExportCsv };

package/modern/components/export/ExportCsv.js

@@ -1,82 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["render", "options", "onClick"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { forwardRef } from '@mui/x-internals/forwardRef';
-import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { useGridComponentRenderer } from "../../hooks/utils/useGridComponentRenderer.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * A button that triggers a CSV export.
- * It renders the `baseButton` slot.
- *
- * Demos:
- *
- * - [Export](https://mui.com/x/react-data-grid/components/export/)
- *
- * API:
- *
- * - [ExportCsv API](https://mui.com/x/api/data-grid/export-csv/)
- */
-const ExportCsv = forwardRef(function ExportCsv(props, ref) {
-  const {
-      render,
-      options,
-      onClick
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const rootProps = useGridRootProps();
-  const apiRef = useGridApiContext();
-  const handleClick = event => {
-    apiRef.current.exportDataAsCsv(options);
-    onClick?.(event);
-  };
-  const element = useGridComponentRenderer(rootProps.slots.baseButton, render, _extends({}, rootProps.slotProps?.baseButton, {
-    onClick: handleClick
-  }, other, {
-    ref
-  }));
-  return /*#__PURE__*/_jsx(React.Fragment, {
-    children: element
-  });
-});
-process.env.NODE_ENV !== "production" ? ExportCsv.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,
-  disabled: PropTypes.bool,
-  id: PropTypes.string,
-  /**
-   * The options to apply on the CSV export.
-   * @demos
-   *   - [CSV export](/x/react-data-grid/export/#csv-export)
-   */
-  options: PropTypes.shape({
-    allColumns: PropTypes.bool,
-    delimiter: PropTypes.string,
-    escapeFormulas: PropTypes.bool,
-    fields: PropTypes.arrayOf(PropTypes.string),
-    fileName: PropTypes.string,
-    getRowsToExport: PropTypes.func,
-    includeColumnGroupsHeaders: PropTypes.bool,
-    includeHeaders: PropTypes.bool,
-    shouldAppendQuotes: PropTypes.bool,
-    utf8WithBom: PropTypes.bool
-  }),
-  /**
-   * A function to customize rendering of the component.
-   */
-  render: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),
-  role: PropTypes.string,
-  size: PropTypes.oneOf(['large', 'medium', 'small']),
-  startIcon: PropTypes.node,
-  style: PropTypes.object,
-  tabIndex: PropTypes.number,
-  title: PropTypes.string,
-  touchRippleRef: PropTypes.any
-} : void 0;
-export { ExportCsv };

package/modern/components/export/ExportPrint.d.ts

@@ -1,30 +0,0 @@
-import * as React from 'react';
-import { RenderProp } from "../../hooks/utils/useGridComponentRenderer.js";
-import { GridPrintExportOptions } from "../../models/gridExport.js";
-import type { GridSlotProps } from '../../models';
-export type ExportPrintProps = GridSlotProps['baseButton'] & {
-  /**
-   * A function to customize rendering of the component.
-   */
-  render?: RenderProp<GridSlotProps['baseButton']>;
-  /**
-   * The options to apply on the Print export.
-   * @demos
-   *   - [Print export](/x/react-data-grid/export/#print-export)
-   */
-  options?: GridPrintExportOptions;
-};
-/**
- * A button that triggers a print export.
- * It renders the `baseButton` slot.
- *
- * Demos:
- *
- * - [Export](https://mui.com/x/react-data-grid/components/export/)
- *
- * API:
- *
- * - [ExportPrint API](https://mui.com/x/api/data-grid/export-print/)
- */
-declare const ExportPrint: React.ForwardRefExoticComponent<ExportPrintProps> | React.ForwardRefExoticComponent<Omit<ExportPrintProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export { ExportPrint };

package/modern/components/export/ExportPrint.js

@@ -1,82 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["render", "options", "onClick"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { forwardRef } from '@mui/x-internals/forwardRef';
-import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { useGridComponentRenderer } from "../../hooks/utils/useGridComponentRenderer.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * A button that triggers a print export.
- * It renders the `baseButton` slot.
- *
- * Demos:
- *
- * - [Export](https://mui.com/x/react-data-grid/components/export/)
- *
- * API:
- *
- * - [ExportPrint API](https://mui.com/x/api/data-grid/export-print/)
- */
-const ExportPrint = forwardRef(function ExportPrint(props, ref) {
-  const {
-      render,
-      options,
-      onClick
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const rootProps = useGridRootProps();
-  const apiRef = useGridApiContext();
-  const handleClick = event => {
-    apiRef.current.exportDataAsPrint(options);
-    onClick?.(event);
-  };
-  const element = useGridComponentRenderer(rootProps.slots.baseButton, render, _extends({}, rootProps.slotProps?.baseButton, {
-    onClick: handleClick
-  }, other, {
-    ref
-  }));
-  return /*#__PURE__*/_jsx(React.Fragment, {
-    children: element
-  });
-});
-process.env.NODE_ENV !== "production" ? ExportPrint.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,
-  disabled: PropTypes.bool,
-  id: PropTypes.string,
-  /**
-   * The options to apply on the Print export.
-   * @demos
-   *   - [Print export](/x/react-data-grid/export/#print-export)
-   */
-  options: PropTypes.shape({
-    allColumns: PropTypes.bool,
-    bodyClassName: PropTypes.string,
-    copyStyles: PropTypes.bool,
-    fields: PropTypes.arrayOf(PropTypes.string),
-    fileName: PropTypes.string,
-    getRowsToExport: PropTypes.func,
-    hideFooter: PropTypes.bool,
-    hideToolbar: PropTypes.bool,
-    includeCheckboxes: PropTypes.bool,
-    pageStyle: PropTypes.oneOfType([PropTypes.func, PropTypes.string])
-  }),
-  /**
-   * A function to customize rendering of the component.
-   */
-  render: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),
-  role: PropTypes.string,
-  size: PropTypes.oneOf(['large', 'medium', 'small']),
-  startIcon: PropTypes.node,
-  style: PropTypes.object,
-  tabIndex: PropTypes.number,
-  title: PropTypes.string,
-  touchRippleRef: PropTypes.any
-} : void 0;
-export { ExportPrint };

package/modern/components/export/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./ExportCsv.js";
-export * from "./ExportPrint.js";

package/modern/components/export/index.js

@@ -1,2 +0,0 @@
-export * from "./ExportCsv.js";
-export * from "./ExportPrint.js";

package/modern/components/filterPanel/FilterPanelTrigger.d.ts

@@ -1,37 +0,0 @@
-import * as React from 'react';
-import { RenderProp } from "../../hooks/utils/useGridComponentRenderer.js";
-import type { GridSlotProps } from '../../models';
-export interface FilterPanelState {
-  /**
-   * If `true`, the filter panel is open.
-   */
-  open: boolean;
-  /**
-   * The number of active filters.
-   */
-  filterCount: number;
-}
-export type FilterPanelTriggerProps = Omit<GridSlotProps['baseButton'], 'className'> & {
-  /**
-   * A function to customize rendering of the component.
-   */
-  render?: RenderProp<GridSlotProps['baseButton'], FilterPanelState>;
-  /**
-   * A function to customize rendering of the component.
-   */
-  className?: string | ((state: FilterPanelState) => string);
-};
-/**
- * A button that opens and closes the filter panel.
- * It renders the `baseButton` slot.
- *
- * Demos:
- *
- * - [Filter Panel](https://mui.com/x/react-data-grid/components/filter-panel/)
- *
- * API:
- *
- * - [FilterPanelTrigger API](https://mui.com/x/api/data-grid/filter-panel-trigger/)
- */
-declare const FilterPanelTrigger: React.ForwardRefExoticComponent<FilterPanelTriggerProps> | React.ForwardRefExoticComponent<Omit<FilterPanelTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export { FilterPanelTrigger };

package/modern/components/filterPanel/FilterPanelTrigger.js

@@ -1,104 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["render", "className", "onClick", "onPointerUp"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import useId from '@mui/utils/useId';
-import { forwardRef } from '@mui/x-internals/forwardRef';
-import useForkRef from '@mui/utils/useForkRef';
-import { useGridPreferencePanelContext } from "../panel/GridPreferencePanelContext.js";
-import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
-import { gridFilterActiveItemsSelector, gridPreferencePanelStateSelector, GridPreferencePanelsValue, useGridSelector } from "../../hooks/index.js";
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { useGridComponentRenderer } from "../../hooks/utils/useGridComponentRenderer.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * A button that opens and closes the filter panel.
- * It renders the `baseButton` slot.
- *
- * Demos:
- *
- * - [Filter Panel](https://mui.com/x/react-data-grid/components/filter-panel/)
- *
- * API:
- *
- * - [FilterPanelTrigger API](https://mui.com/x/api/data-grid/filter-panel-trigger/)
- */
-const FilterPanelTrigger = forwardRef(function FilterPanelTrigger(props, ref) {
-  const {
-      render,
-      className,
-      onClick,
-      onPointerUp
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const rootProps = useGridRootProps();
-  const buttonId = useId();
-  const panelId = useId();
-  const apiRef = useGridApiContext();
-  const panelState = useGridSelector(apiRef, gridPreferencePanelStateSelector);
-  const open = panelState.open && panelState.openedPanelValue === GridPreferencePanelsValue.filters;
-  const activeFilters = useGridSelector(apiRef, gridFilterActiveItemsSelector);
-  const filterCount = activeFilters.length;
-  const state = {
-    open,
-    filterCount
-  };
-  const resolvedClassName = typeof className === 'function' ? className(state) : className;
-  const {
-    filterPanelTriggerRef
-  } = useGridPreferencePanelContext();
-  const handleRef = useForkRef(ref, filterPanelTriggerRef);
-  const handleClick = event => {
-    if (open) {
-      apiRef.current.hidePreferences();
-    } else {
-      apiRef.current.showPreferences(GridPreferencePanelsValue.filters, panelId, buttonId);
-    }
-    onClick?.(event);
-  };
-  const handlePointerUp = event => {
-    if (open) {
-      event.stopPropagation();
-    }
-    onPointerUp?.(event);
-  };
-  const element = useGridComponentRenderer(rootProps.slots.baseButton, render, _extends({}, rootProps.slotProps?.baseButton, {
-    id: buttonId,
-    'aria-haspopup': 'true',
-    'aria-expanded': open ? 'true' : undefined,
-    'aria-controls': open ? panelId : undefined,
-    onClick: handleClick,
-    onPointerUp: handlePointerUp,
-    className: resolvedClassName
-  }, other, {
-    ref: handleRef
-  }), state);
-  return /*#__PURE__*/_jsx(React.Fragment, {
-    children: element
-  });
-});
-process.env.NODE_ENV !== "production" ? FilterPanelTrigger.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * A function to customize rendering of the component.
-   */
-  className: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
-  disabled: PropTypes.bool,
-  id: PropTypes.string,
-  /**
-   * A function to customize rendering of the component.
-   */
-  render: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),
-  role: PropTypes.string,
-  size: PropTypes.oneOf(['large', 'medium', 'small']),
-  startIcon: PropTypes.node,
-  style: PropTypes.object,
-  tabIndex: PropTypes.number,
-  title: PropTypes.string,
-  touchRippleRef: PropTypes.any
-} : void 0;
-export { FilterPanelTrigger };

package/modern/components/filterPanel/index.d.ts

@@ -1 +0,0 @@
-export * from "./FilterPanelTrigger.js";

package/modern/components/filterPanel/index.js

@@ -1 +0,0 @@
-export * from "./FilterPanelTrigger.js";

package/modern/components/index.d.ts

@@ -1,25 +0,0 @@
-export * from "./base/index.js";
-export * from "./cell/index.js";
-export * from "./containers/index.js";
-export * from "./columnHeaders/index.js";
-export * from "./columnSelection/index.js";
-export * from "../material/icons/index.js";
-export * from "./menu/index.js";
-export * from "./panel/index.js";
-export * from "./columnsManagement/index.js";
-export * from "./toolbar/index.js";
-export * from "./GridApiContext.js";
-export * from "./GridFooter.js";
-export * from "./GridHeader.js";
-export * from "./GridLoadingOverlay.js";
-export * from "./GridNoRowsOverlay.js";
-export * from "./GridNoColumnsOverlay.js";
-export { GridPagination } from "./GridPagination.js";
-export * from "./GridRowCount.js";
-export * from "./GridRow.js";
-export * from "./GridSelectedRowCount.js";
-export * from "./columnsPanel/index.js";
-export * from "./export/index.js";
-export * from "./filterPanel/index.js";
-export * from "./toolbarV8/index.js";
-export * from "./quickFilter/index.js";

package/modern/components/index.js

@@ -1,25 +0,0 @@
-export * from "./base/index.js";
-export * from "./cell/index.js";
-export * from "./containers/index.js";
-export * from "./columnHeaders/index.js";
-export * from "./columnSelection/index.js";
-export * from "../material/icons/index.js";
-export * from "./menu/index.js";
-export * from "./panel/index.js";
-export * from "./columnsManagement/index.js";
-export * from "./toolbar/index.js";
-export * from "./GridApiContext.js";
-export * from "./GridFooter.js";
-export * from "./GridHeader.js";
-export * from "./GridLoadingOverlay.js";
-export * from "./GridNoRowsOverlay.js";
-export * from "./GridNoColumnsOverlay.js";
-export { GridPagination } from "./GridPagination.js";
-export * from "./GridRowCount.js";
-export * from "./GridRow.js";
-export * from "./GridSelectedRowCount.js";
-export * from "./columnsPanel/index.js";
-export * from "./export/index.js";
-export * from "./filterPanel/index.js";
-export * from "./toolbarV8/index.js";
-export * from "./quickFilter/index.js";

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

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import { PopperProps } from "../../models/gridBaseSlots.js";
-type MenuPosition = 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'left' | 'right-end' | 'right-start' | 'right' | 'top-end' | 'top-start' | 'top' | undefined;
-export interface GridMenuProps extends Pick<PopperProps, 'className' | 'onExited'> {
-  open: boolean;
-  target: HTMLElement | null;
-  onClose: (event?: Event) => void;
-  position?: MenuPosition;
-  children: React.ReactNode;
-}
-declare function GridMenu(props: GridMenuProps): React.JSX.Element;
-declare namespace GridMenu {
-  var propTypes: any;
-}
-export { GridMenu };

package/modern/components/menu/GridMenu.js

@@ -1,99 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["open", "target", "onClose", "children", "position", "className", "onExited"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses, unstable_useEnhancedEffect as useEnhancedEffect, HTMLElementType } from '@mui/utils';
-import { styled } from '@mui/material/styles';
-import { vars } from "../../constants/cssVariables.js";
-import { useCSSVariablesClass } from "../../utils/css/context.js";
-import { getDataGridUtilityClass, gridClasses } from "../../constants/gridClasses.js";
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
-import { NotRendered } from "../../utils/assert.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['menu']
-  };
-  return composeClasses(slots, getDataGridUtilityClass, classes);
-};
-const GridMenuRoot = styled(NotRendered, {
-  name: 'MuiDataGrid',
-  slot: 'Menu'
-})({
-  zIndex: vars.zIndex.menu,
-  [`& .${gridClasses.menuList}`]: {
-    outline: 0
-  }
-});
-function GridMenu(props) {
-  const {
-      open,
-      target,
-      onClose,
-      children,
-      position,
-      className,
-      onExited
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const apiRef = useGridApiContext();
-  const rootProps = useGridRootProps();
-  const classes = useUtilityClasses(rootProps);
-  const variablesClass = useCSSVariablesClass();
-  const savedFocusRef = React.useRef(null);
-  useEnhancedEffect(() => {
-    if (open) {
-      savedFocusRef.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
-    } else {
-      savedFocusRef.current?.focus?.();
-      savedFocusRef.current = null;
-    }
-  }, [open]);
-  React.useEffect(() => {
-    // Emit menuOpen or menuClose events
-    const eventName = open ? 'menuOpen' : 'menuClose';
-    apiRef.current.publishEvent(eventName, {
-      target
-    });
-  }, [apiRef, open, target]);
-  const handleClickAway = event => {
-    if (event.target && (target === event.target || target?.contains(event.target))) {
-      return;
-    }
-    onClose(event);
-  };
-  return /*#__PURE__*/_jsx(GridMenuRoot, _extends({
-    as: rootProps.slots.basePopper,
-    className: clsx(classes.root, className, variablesClass),
-    ownerState: rootProps,
-    open: open,
-    target: target,
-    transition: true,
-    placement: position,
-    onClickAway: handleClickAway,
-    onExited: onExited,
-    clickAwayMouseEvent: "onMouseDown"
-  }, other, rootProps.slotProps?.basePopper, {
-    children: children
-  }));
-}
-process.env.NODE_ENV !== "production" ? GridMenu.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  children: PropTypes.node,
-  className: PropTypes.string,
-  onClose: PropTypes.func.isRequired,
-  onExited: PropTypes.func,
-  open: PropTypes.bool.isRequired,
-  position: PropTypes.oneOf(['bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']),
-  target: HTMLElementType
-} : void 0;
-export { GridMenu };

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

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import { GridMenuProps } from "../GridMenu.js";
-export interface GridColumnHeaderMenuProps {
-  columnMenuId?: string;
-  columnMenuButtonId?: string;
-  ContentComponent: React.JSXElementConstructor<any>;
-  contentComponentProps?: any;
-  field: string;
-  open: boolean;
-  target: HTMLElement | null;
-  onExited?: GridMenuProps['onExited'];
-}
-declare function GridColumnHeaderMenu({
-  columnMenuId,
-  columnMenuButtonId,
-  ContentComponent,
-  contentComponentProps,
-  field,
-  open,
-  target,
-  onExited
-}: GridColumnHeaderMenuProps): React.JSX.Element | null;
-declare namespace GridColumnHeaderMenu {
-  var propTypes: any;
-}
-export { GridColumnHeaderMenu };