@mui/x-data-grid-pro 8.0.0-beta.2 → 8.0.0

package/modern/components/GridDetailPanelToggleCell.js

@@ -1,121 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import composeClasses from '@mui/utils/composeClasses';
-import { getDataGridUtilityClass, useGridSelector } from '@mui/x-data-grid';
-import { createSelector } from '@mui/x-data-grid/internals';
-import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
-import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
-import { gridDetailPanelExpandedRowIdsSelector, gridDetailPanelExpandedRowsContentCacheSelector } from "../hooks/features/detailPanel/gridDetailPanelSelector.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    isExpanded
-  } = ownerState;
-  const slots = {
-    root: ['detailPanelToggleCell', isExpanded && 'detailPanelToggleCell--expanded']
-  };
-  return composeClasses(slots, getDataGridUtilityClass, classes);
-};
-const isExpandedSelector = createSelector(gridDetailPanelExpandedRowIdsSelector, (expandedRowIds, rowId) => {
-  return expandedRowIds.has(rowId);
-});
-function GridDetailPanelToggleCell(props) {
-  const {
-    id,
-    row,
-    api
-  } = props;
-  const rowId = api.getRowId(row);
-  const isExpanded = useGridSelector({
-    current: api
-  }, isExpandedSelector, rowId);
-  const rootProps = useGridRootProps();
-  const apiRef = useGridApiContext();
-  const ownerState = {
-    classes: rootProps.classes,
-    isExpanded
-  };
-  const classes = useUtilityClasses(ownerState);
-  const contentCache = useGridSelector(apiRef, gridDetailPanelExpandedRowsContentCacheSelector);
-  const hasContent = /*#__PURE__*/React.isValidElement(contentCache[id]);
-  const Icon = isExpanded ? rootProps.slots.detailPanelCollapseIcon : rootProps.slots.detailPanelExpandIcon;
-  return /*#__PURE__*/_jsx(rootProps.slots.baseIconButton, _extends({
-    size: "small",
-    tabIndex: -1,
-    disabled: !hasContent,
-    className: classes.root,
-    "aria-label": isExpanded ? apiRef.current.getLocaleText('collapseDetailPanel') : apiRef.current.getLocaleText('expandDetailPanel')
-  }, rootProps.slotProps?.baseIconButton, {
-    children: /*#__PURE__*/_jsx(Icon, {
-      fontSize: "inherit"
-    })
-  }));
-}
-process.env.NODE_ENV !== "production" ? GridDetailPanelToggleCell.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,
-  /**
-   * The column of the row that the current cell belongs to.
-   */
-  colDef: PropTypes.object.isRequired,
-  /**
-   * The column field of the cell that triggered the event.
-   */
-  field: PropTypes.string.isRequired,
-  /**
-   * A ref allowing to set imperative focus.
-   * It can be passed to the element that should receive focus.
-   * @ignore - do not document.
-   */
-  focusElementRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.shape({
-      focus: PropTypes.func.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,
-  /**
-   * 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,
-  /**
-   * 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 { GridDetailPanelToggleCell };

package/modern/components/GridDetailPanels.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { GridDetailPanelsProps } from '@mui/x-data-grid/internals';
-export declare function GridDetailPanels(props: GridDetailPanelsProps): React.FunctionComponentElement<GridDetailPanelsProps> | null;

package/modern/components/GridDetailPanels.js

@@ -1,67 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import composeClasses from '@mui/utils/composeClasses';
-import { getDataGridUtilityClass, useGridSelector } from '@mui/x-data-grid';
-import { EMPTY_DETAIL_PANELS } from '@mui/x-data-grid/internals';
-import { useGridPrivateApiContext } from "../hooks/utils/useGridPrivateApiContext.js";
-import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
-import { gridDetailPanelExpandedRowsContentCacheSelector, gridDetailPanelExpandedRowIdsSelector } from "../hooks/features/detailPanel/index.js";
-import { GridDetailPanel } from "./GridDetailPanel.js";
-import { gridDetailPanelRawHeightCacheSelector } from "../hooks/features/detailPanel/gridDetailPanelSelector.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = () => {
-  const slots = {
-    detailPanel: ['detailPanel']
-  };
-  return composeClasses(slots, getDataGridUtilityClass, {});
-};
-export function GridDetailPanels(props) {
-  const rootProps = useGridRootProps();
-  if (!rootProps.getDetailPanelContent) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(GridDetailPanelsImpl, props);
-}
-function GridDetailPanelsImpl({
-  virtualScroller
-}) {
-  const apiRef = useGridPrivateApiContext();
-  const classes = useUtilityClasses();
-  const {
-    setPanels
-  } = virtualScroller;
-  const expandedRowIds = useGridSelector(apiRef, gridDetailPanelExpandedRowIdsSelector);
-  const detailPanelsContent = useGridSelector(apiRef, gridDetailPanelExpandedRowsContentCacheSelector);
-  const detailPanelsHeights = useGridSelector(apiRef, gridDetailPanelRawHeightCacheSelector);
-  const getDetailPanel = React.useCallback(rowId => {
-    const content = detailPanelsContent[rowId];
-
-    // Check if the id exists in the current page
-    const rowIndex = apiRef.current.getRowIndexRelativeToVisibleRows(rowId);
-    const exists = rowIndex !== undefined;
-    if (! /*#__PURE__*/React.isValidElement(content) || !exists) {
-      return null;
-    }
-    const heightCache = detailPanelsHeights[rowId];
-    const height = heightCache.autoHeight ? 'auto' : heightCache.height;
-    return /*#__PURE__*/_jsx(GridDetailPanel, {
-      rowId: rowId,
-      height: height,
-      className: classes.detailPanel,
-      children: content
-    }, `panel-${rowId}`);
-  }, [apiRef, classes.detailPanel, detailPanelsHeights, detailPanelsContent]);
-  React.useEffect(() => {
-    if (expandedRowIds.size === 0) {
-      setPanels(EMPTY_DETAIL_PANELS);
-    } else {
-      const map = new Map();
-      for (const rowId of expandedRowIds) {
-        map.set(rowId, getDetailPanel(rowId));
-      }
-      setPanels(map);
-    }
-  }, [expandedRowIds, setPanels, getDetailPanel]);
-  return null;
-}

package/modern/components/GridPinnedRows.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import { GridPinnedRowsProps } from '@mui/x-data-grid/internals';
-export declare function GridPinnedRows({
-  position,
-  virtualScroller
-}: GridPinnedRowsProps): React.JSX.Element | null;

package/modern/components/GridPinnedRows.js

@@ -1,40 +0,0 @@
-import * as React from 'react';
-import clsx from 'clsx';
-import composeClasses from '@mui/utils/composeClasses';
-import { getDataGridUtilityClass, gridClasses, useGridSelector } from '@mui/x-data-grid';
-import { gridPinnedRowsSelector, useGridPrivateApiContext } from '@mui/x-data-grid/internals';
-import { jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = () => {
-  const slots = {
-    root: ['pinnedRows']
-  };
-  return composeClasses(slots, getDataGridUtilityClass, {});
-};
-export function GridPinnedRows({
-  position,
-  virtualScroller
-}) {
-  const classes = useUtilityClasses();
-  const apiRef = useGridPrivateApiContext();
-  const pinnedRowsData = useGridSelector(apiRef, gridPinnedRowsSelector);
-  const rows = pinnedRowsData[position];
-  const pinnedRenderContext = React.useMemo(() => ({
-    firstRowIndex: 0,
-    lastRowIndex: rows.length,
-    firstColumnIndex: -1,
-    lastColumnIndex: -1
-  }), [rows]);
-  if (rows.length === 0) {
-    return null;
-  }
-  const pinnedRows = virtualScroller.getRows({
-    position,
-    rows,
-    renderContext: pinnedRenderContext
-  });
-  return /*#__PURE__*/_jsx("div", {
-    className: clsx(classes.root, gridClasses[`pinnedRows--${position}`]),
-    role: "presentation",
-    children: pinnedRows
-  });
-}

package/modern/components/GridProColumnMenu.d.ts

@@ -1,24 +0,0 @@
-import * as React from 'react';
-import { GridColumnMenuProps } from '@mui/x-data-grid';
-import { GridColumnMenuPinningItem } from "./GridColumnMenuPinningItem.js";
-export declare const GRID_COLUMN_MENU_SLOTS_PRO: {
-  columnMenuPinningItem: typeof GridColumnMenuPinningItem;
-  columnMenuSortItem: typeof import("@mui/x-data-grid").GridColumnMenuSortItem;
-  columnMenuFilterItem: typeof import("@mui/x-data-grid").GridColumnMenuFilterItem;
-  columnMenuColumnsItem: typeof import("@mui/x-data-grid").GridColumnMenuColumnsItem;
-};
-export declare const GRID_COLUMN_MENU_SLOT_PROPS_PRO: {
-  columnMenuPinningItem: {
-    displayOrder: number;
-  };
-  columnMenuSortItem: {
-    displayOrder: number;
-  };
-  columnMenuFilterItem: {
-    displayOrder: number;
-  };
-  columnMenuColumnsItem: {
-    displayOrder: number;
-  };
-};
-export declare const GridProColumnMenu: React.ForwardRefExoticComponent<GridColumnMenuProps> | React.ForwardRefExoticComponent<GridColumnMenuProps & React.RefAttributes<HTMLUListElement>>;

package/modern/components/GridProColumnMenu.js

@@ -1,21 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { GridGenericColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS } from '@mui/x-data-grid';
-import { forwardRef } from '@mui/x-internals/forwardRef';
-import { GridColumnMenuPinningItem } from "./GridColumnMenuPinningItem.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const GRID_COLUMN_MENU_SLOTS_PRO = _extends({}, GRID_COLUMN_MENU_SLOTS, {
-  columnMenuPinningItem: GridColumnMenuPinningItem
-});
-export const GRID_COLUMN_MENU_SLOT_PROPS_PRO = _extends({}, GRID_COLUMN_MENU_SLOT_PROPS, {
-  columnMenuPinningItem: {
-    displayOrder: 15
-  }
-});
-export const GridProColumnMenu = forwardRef(function GridProColumnMenu(props, ref) {
-  return /*#__PURE__*/_jsx(GridGenericColumnMenu, _extends({}, props, {
-    defaultSlots: GRID_COLUMN_MENU_SLOTS_PRO,
-    defaultSlotProps: GRID_COLUMN_MENU_SLOT_PROPS_PRO,
-    ref: ref
-  }));
-});

package/modern/components/GridRowReorderCell.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { GridRenderCellParams } from '@mui/x-data-grid';
-declare function GridRowReorderCell(params: GridRenderCellParams): React.JSX.Element | null;
-declare namespace GridRowReorderCell {
-  var propTypes: any;
-}
-export { GridRowReorderCell };
-export declare const renderRowReorderCell: (params: GridRenderCellParams) => React.JSX.Element | null;

package/modern/components/GridRowReorderCell.js

@@ -1,140 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import composeClasses from '@mui/utils/composeClasses';
-import { gridRowMaximumTreeDepthSelector, gridSortModelSelector, useGridApiContext, useGridSelector, getDataGridUtilityClass } from '@mui/x-data-grid';
-import { gridEditRowsStateSelector, isEventTargetInPortal } from '@mui/x-data-grid/internals';
-import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    isDraggable,
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['rowReorderCell', isDraggable && 'rowReorderCell--draggable'],
-    placeholder: ['rowReorderCellPlaceholder']
-  };
-  return composeClasses(slots, getDataGridUtilityClass, classes);
-};
-function GridRowReorderCell(params) {
-  const apiRef = useGridApiContext();
-  const rootProps = useGridRootProps();
-  const sortModel = useGridSelector(apiRef, gridSortModelSelector);
-  const treeDepth = useGridSelector(apiRef, gridRowMaximumTreeDepthSelector);
-  const editRowsState = useGridSelector(apiRef, gridEditRowsStateSelector);
-  // eslint-disable-next-line no-underscore-dangle
-  const cellValue = params.row.__reorder__ || params.id;
-
-  // TODO: remove sortModel and treeDepth checks once row reorder is compatible
-  const isDraggable = React.useMemo(() => !!rootProps.rowReordering && !sortModel.length && treeDepth === 1 && Object.keys(editRowsState).length === 0, [rootProps.rowReordering, sortModel, treeDepth, editRowsState]);
-  const ownerState = {
-    isDraggable,
-    classes: rootProps.classes
-  };
-  const classes = useUtilityClasses(ownerState);
-  const publish = React.useCallback((eventName, propHandler) => event => {
-    // Ignore portal
-    if (isEventTargetInPortal(event)) {
-      return;
-    }
-
-    // The row might have been deleted
-    if (!apiRef.current.getRow(params.id)) {
-      return;
-    }
-    apiRef.current.publishEvent(eventName, apiRef.current.getRowParams(params.id), event);
-    if (propHandler) {
-      propHandler(event);
-    }
-  }, [apiRef, params.id]);
-  const draggableEventHandlers = isDraggable ? {
-    onDragStart: publish('rowDragStart'),
-    onDragOver: publish('rowDragOver'),
-    onDragEnd: publish('rowDragEnd')
-  } : null;
-  if (params.rowNode.type === 'footer') {
-    return null;
-  }
-  return /*#__PURE__*/_jsxs("div", _extends({
-    className: classes.root,
-    draggable: isDraggable
-  }, draggableEventHandlers, {
-    children: [/*#__PURE__*/_jsx(rootProps.slots.rowReorderIcon, {}), /*#__PURE__*/_jsx("div", {
-      className: classes.placeholder,
-      children: cellValue
-    })]
-  }));
-}
-process.env.NODE_ENV !== "production" ? GridRowReorderCell.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,
-  /**
-   * The column of the row that the current cell belongs to.
-   */
-  colDef: PropTypes.object.isRequired,
-  /**
-   * The column field of the cell that triggered the event.
-   */
-  field: PropTypes.string.isRequired,
-  /**
-   * A ref allowing to set imperative focus.
-   * It can be passed to the element that should receive focus.
-   * @ignore - do not document.
-   */
-  focusElementRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.shape({
-      focus: PropTypes.func.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,
-  /**
-   * 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,
-  /**
-   * 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 { GridRowReorderCell };
-export const renderRowReorderCell = params => {
-  if (params.rowNode.type === 'footer' || params.rowNode.type === 'pinnedRow') {
-    return null;
-  }
-  return /*#__PURE__*/_jsx(GridRowReorderCell, _extends({}, params));
-};

package/modern/components/GridTreeDataGroupingCell.d.ts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import { GridRenderCellParams, GridGroupNode } from '@mui/x-data-grid';
-interface GridTreeDataGroupingCellProps extends GridRenderCellParams<any, any, any, GridGroupNode> {
-  hideDescendantCount?: boolean;
-  /**
-   * The cell offset multiplier used for calculating cell offset (`rowNode.depth * offsetMultiplier` px).
-   * @default 2
-   */
-  offsetMultiplier?: number;
-}
-declare function GridTreeDataGroupingCell(props: GridTreeDataGroupingCellProps): React.JSX.Element;
-declare namespace GridTreeDataGroupingCell {
-  var propTypes: any;
-}
-export { GridTreeDataGroupingCell };

package/modern/components/GridTreeDataGroupingCell.js

@@ -1,133 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import composeClasses from '@mui/utils/composeClasses';
-import { useGridSelector, gridFilteredDescendantCountLookupSelector, getDataGridUtilityClass } from '@mui/x-data-grid';
-import { vars } from '@mui/x-data-grid/internals';
-import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
-import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['treeDataGroupingCell'],
-    toggle: ['treeDataGroupingCellToggle']
-  };
-  return composeClasses(slots, getDataGridUtilityClass, classes);
-};
-function GridTreeDataGroupingCell(props) {
-  const {
-    id,
-    field,
-    formattedValue,
-    rowNode,
-    hideDescendantCount,
-    offsetMultiplier = 2
-  } = props;
-  const rootProps = useGridRootProps();
-  const apiRef = useGridApiContext();
-  const classes = useUtilityClasses(rootProps);
-  const filteredDescendantCountLookup = useGridSelector(apiRef, gridFilteredDescendantCountLookupSelector);
-  const filteredDescendantCount = filteredDescendantCountLookup[rowNode.id] ?? 0;
-  const Icon = rowNode.childrenExpanded ? rootProps.slots.treeDataCollapseIcon : rootProps.slots.treeDataExpandIcon;
-  const handleClick = event => {
-    apiRef.current.setRowChildrenExpansion(id, !rowNode.childrenExpanded);
-    apiRef.current.setCellFocus(id, field);
-    event.stopPropagation(); // TODO remove event.stopPropagation
-  };
-  return /*#__PURE__*/_jsxs("div", {
-    className: classes.root,
-    style: {
-      marginLeft: vars.spacing(rowNode.depth * offsetMultiplier)
-    },
-    children: [/*#__PURE__*/_jsx("div", {
-      className: classes.toggle,
-      children: filteredDescendantCount > 0 && /*#__PURE__*/_jsx(rootProps.slots.baseIconButton, _extends({
-        size: "small",
-        onClick: handleClick,
-        tabIndex: -1,
-        "aria-label": rowNode.childrenExpanded ? apiRef.current.getLocaleText('treeDataCollapse') : apiRef.current.getLocaleText('treeDataExpand')
-      }, rootProps?.slotProps?.baseIconButton, {
-        children: /*#__PURE__*/_jsx(Icon, {
-          fontSize: "inherit"
-        })
-      }))
-    }), /*#__PURE__*/_jsxs("span", {
-      children: [formattedValue === undefined ? rowNode.groupingKey : formattedValue, !hideDescendantCount && filteredDescendantCount > 0 ? ` (${filteredDescendantCount})` : '']
-    })]
-  });
-}
-process.env.NODE_ENV !== "production" ? GridTreeDataGroupingCell.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,
-  /**
-   * The column of the row that the current cell belongs to.
-   */
-  colDef: PropTypes.object.isRequired,
-  /**
-   * The column field of the cell that triggered the event.
-   */
-  field: PropTypes.string.isRequired,
-  /**
-   * A ref allowing to set imperative focus.
-   * It can be passed to the element that should receive focus.
-   * @ignore - do not document.
-   */
-  focusElementRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.shape({
-      focus: PropTypes.func.isRequired
-    })
-  })]),
-  /**
-   * The cell value formatted with the column valueFormatter.
-   */
-  formattedValue: PropTypes.any,
-  /**
-   * If true, the cell is the active element.
-   */
-  hasFocus: PropTypes.bool.isRequired,
-  hideDescendantCount: PropTypes.bool,
-  /**
-   * The grid row id.
-   */
-  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
-  /**
-   * If true, the cell is editable.
-   */
-  isEditable: PropTypes.bool,
-  /**
-   * The cell offset multiplier used for calculating cell offset (`rowNode.depth * offsetMultiplier` px).
-   * @default 2
-   */
-  offsetMultiplier: PropTypes.number,
-  /**
-   * 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,
-  /**
-   * 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 { GridTreeDataGroupingCell };

package/modern/components/headerFiltering/GridHeaderFilterCell.d.ts

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import { GridFilterItem, GridFilterOperator, GridColDef } from '@mui/x-data-grid';
-import { PinnedColumnPosition, GridStateColDef } from '@mui/x-data-grid/internals';
-export interface GridRenderHeaderFilterProps extends GridHeaderFilterCellProps {
-  inputRef: React.RefObject<unknown>;
-}
-export interface GridHeaderFilterCellProps extends Pick<GridStateColDef, 'headerClassName'> {
-  colIndex: number;
-  height: number;
-  sortIndex?: number;
-  hasFocus?: boolean;
-  tabIndex: 0 | -1;
-  width: number;
-  colDef: GridColDef;
-  headerFilterMenuRef: React.RefObject<HTMLButtonElement | null>;
-  item: GridFilterItem;
-  showClearIcon?: boolean;
-  InputComponentProps: GridFilterOperator['InputComponentProps'];
-  pinnedPosition?: PinnedColumnPosition;
-  pinnedOffset?: number;
-  style?: React.CSSProperties;
-  showLeftBorder: boolean;
-  showRightBorder: boolean;
-}
-declare const Memoized: React.ForwardRefExoticComponent<GridHeaderFilterCellProps> | React.ForwardRefExoticComponent<GridHeaderFilterCellProps & React.RefAttributes<HTMLDivElement>>;
-export { Memoized as GridHeaderFilterCell };