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

package/modern/components/base/GridOverlays.js

@@ -1,86 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { styled } from '@mui/system';
-import composeClasses from '@mui/utils/composeClasses';
-import clsx from 'clsx';
-import { minimalContentHeight } from "../../hooks/features/rows/gridRowsUtils.js";
-import { useGridSelector } from "../../hooks/utils/useGridSelector.js";
-import { gridDimensionsSelector } from "../../hooks/features/dimensions/index.js";
-import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { getDataGridUtilityClass } from "../../constants/gridClasses.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const GridOverlayWrapperRoot = styled('div', {
-  name: 'MuiDataGrid',
-  slot: 'OverlayWrapper',
-  shouldForwardProp: prop => prop !== 'overlayType' && prop !== 'loadingOverlayVariant' && prop !== 'right',
-  overridesResolver: (props, styles) => styles.overlayWrapper
-})(({
-  overlayType,
-  loadingOverlayVariant,
-  right
-}) =>
-// Skeleton overlay should flow with the scroll container and not be sticky
-loadingOverlayVariant !== 'skeleton' ? {
-  position: 'sticky',
-  // To stay in place while scrolling
-  top: 'var(--DataGrid-headersTotalHeight)',
-  // TODO: take pinned rows into account
-  left: 0,
-  right: `${right}px`,
-  width: 0,
-  // To stay above the content instead of shifting it down
-  height: 0,
-  // To stay above the content instead of shifting it down
-  zIndex: overlayType === 'loadingOverlay' ? 5 // Should be above pinned columns, pinned rows, and detail panel
-  : 4 // Should be above pinned columns and detail panel
-} : {});
-const GridOverlayWrapperInner = styled('div', {
-  name: 'MuiDataGrid',
-  slot: 'OverlayWrapperInner',
-  shouldForwardProp: prop => prop !== 'overlayType' && prop !== 'loadingOverlayVariant',
-  overridesResolver: (props, styles) => styles.overlayWrapperInner
-})({});
-const useUtilityClasses = ownerState => {
-  const {
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['overlayWrapper'],
-    inner: ['overlayWrapperInner']
-  };
-  return composeClasses(slots, getDataGridUtilityClass, classes);
-};
-export function GridOverlayWrapper(props) {
-  const apiRef = useGridApiContext();
-  const rootProps = useGridRootProps();
-  const dimensions = useGridSelector(apiRef, gridDimensionsSelector);
-  let height = Math.max(dimensions.viewportOuterSize.height - dimensions.topContainerHeight - dimensions.bottomContainerHeight - (dimensions.hasScrollX ? dimensions.scrollbarSize : 0), 0);
-  if (height === 0) {
-    height = minimalContentHeight;
-  }
-  const classes = useUtilityClasses(_extends({}, props, {
-    classes: rootProps.classes
-  }));
-  return /*#__PURE__*/_jsx(GridOverlayWrapperRoot, _extends({
-    className: clsx(classes.root)
-  }, props, {
-    right: dimensions.columnsTotalWidth - dimensions.viewportOuterSize.width,
-    children: /*#__PURE__*/_jsx(GridOverlayWrapperInner, _extends({
-      className: clsx(classes.inner),
-      style: {
-        height,
-        width: dimensions.viewportOuterSize.width
-      }
-    }, props))
-  }));
-}
-process.env.NODE_ENV !== "production" ? GridOverlayWrapper.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  loadingOverlayVariant: PropTypes.oneOf(['circular-progress', 'linear-progress', 'skeleton']),
-  overlayType: PropTypes.oneOf(['loadingOverlay', 'noResultsOverlay', 'noRowsOverlay', 'noColumnsOverlay'])
-} : void 0;

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

@@ -1,2 +0,0 @@
-export * from "./GridBody.js";
-export * from "./GridFooterPlaceholder.js";

package/modern/components/base/index.js

@@ -1,2 +0,0 @@
-export * from "./GridBody.js";
-export * from "./GridFooterPlaceholder.js";

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

@@ -1,13 +0,0 @@
-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 namespace GridActionsCell {
-  var propTypes: any;
-}
-export { GridActionsCell };
-export declare const renderActionsCell: (params: GridRenderCellParams) => React.JSX.Element;

package/modern/components/cell/GridActionsCell.js

@@ -1,261 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["api", "colDef", "id", "hasFocus", "isEditable", "field", "value", "formattedValue", "row", "rowNode", "cellMode", "tabIndex", "position", "focusElementRef"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { useRtl } from '@mui/system/RtlProvider';
-import { unstable_useId as useId } from '@mui/utils';
-import { gridClasses } from "../../constants/gridClasses.js";
-import { GridMenu } from "../menu/GridMenu.js";
-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 hasActions = colDef => typeof colDef.getActions === 'function';
-function GridActionsCell(props) {
-  const {
-      colDef,
-      id,
-      hasFocus,
-      tabIndex,
-      position = 'bottom-end',
-      focusElementRef
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const [focusedButtonIndex, setFocusedButtonIndex] = React.useState(-1);
-  const [open, setOpen] = React.useState(false);
-  const apiRef = useGridApiContext();
-  const rootRef = React.useRef(null);
-  const buttonRef = React.useRef(null);
-  const ignoreCallToFocus = React.useRef(false);
-  const touchRippleRefs = React.useRef({});
-  const isRtl = useRtl();
-  const menuId = useId();
-  const buttonId = useId();
-  const rootProps = useGridRootProps();
-  if (!hasActions(colDef)) {
-    throw new Error('MUI X: Missing the `getActions` property in the `GridColDef`.');
-  }
-  const options = colDef.getActions(apiRef.current.getRowParams(id));
-  const iconButtons = options.filter(option => !option.props.showInMenu);
-  const menuButtons = options.filter(option => option.props.showInMenu);
-  const numberOfButtons = iconButtons.length + (menuButtons.length ? 1 : 0);
-  React.useLayoutEffect(() => {
-    if (!hasFocus) {
-      Object.entries(touchRippleRefs.current).forEach(([index, ref]) => {
-        ref?.stop({}, () => {
-          delete touchRippleRefs.current[index];
-        });
-      });
-    }
-  }, [hasFocus]);
-  React.useEffect(() => {
-    if (focusedButtonIndex < 0 || !rootRef.current) {
-      return;
-    }
-    if (focusedButtonIndex >= rootRef.current.children.length) {
-      return;
-    }
-    const child = rootRef.current.children[focusedButtonIndex];
-    child.focus({
-      preventScroll: true
-    });
-  }, [focusedButtonIndex]);
-  React.useEffect(() => {
-    if (!hasFocus) {
-      setFocusedButtonIndex(-1);
-      ignoreCallToFocus.current = false;
-    }
-  }, [hasFocus]);
-  React.useImperativeHandle(focusElementRef, () => ({
-    focus() {
-      // If ignoreCallToFocus is true, then one of the buttons was clicked and the focus is already set
-      if (!ignoreCallToFocus.current) {
-        // find the first focusable button and pass the index to the state
-        const focusableButtonIndex = options.findIndex(o => !o.props.disabled);
-        setFocusedButtonIndex(focusableButtonIndex);
-      }
-    }
-  }), [options]);
-  React.useEffect(() => {
-    if (focusedButtonIndex >= numberOfButtons) {
-      setFocusedButtonIndex(numberOfButtons - 1);
-    }
-  }, [focusedButtonIndex, numberOfButtons]);
-  const showMenu = () => {
-    setOpen(true);
-    setFocusedButtonIndex(numberOfButtons - 1);
-    ignoreCallToFocus.current = true;
-  };
-  const hideMenu = () => {
-    setOpen(false);
-  };
-  const toggleMenu = event => {
-    event.stopPropagation();
-    event.preventDefault();
-    if (open) {
-      hideMenu();
-    } else {
-      showMenu();
-    }
-  };
-  const handleTouchRippleRef = index => instance => {
-    touchRippleRefs.current[index] = instance;
-  };
-  const handleButtonClick = (index, onClick) => event => {
-    setFocusedButtonIndex(index);
-    ignoreCallToFocus.current = true;
-    if (onClick) {
-      onClick(event);
-    }
-  };
-  const handleRootKeyDown = event => {
-    if (numberOfButtons <= 1) {
-      return;
-    }
-    const getNewIndex = (index, direction) => {
-      if (index < 0 || index > options.length) {
-        return index;
-      }
-
-      // for rtl mode we need to reverse the direction
-      const rtlMod = isRtl ? -1 : 1;
-      const indexMod = (direction === 'left' ? -1 : 1) * rtlMod;
-
-      // if the button that should receive focus is disabled go one more step
-      return options[index + indexMod]?.props.disabled ? getNewIndex(index + indexMod, direction) : index + indexMod;
-    };
-    let newIndex = focusedButtonIndex;
-    if (event.key === 'ArrowRight') {
-      newIndex = getNewIndex(focusedButtonIndex, 'right');
-    } else if (event.key === 'ArrowLeft') {
-      newIndex = getNewIndex(focusedButtonIndex, 'left');
-    }
-    if (newIndex < 0 || newIndex >= numberOfButtons) {
-      return; // We're already in the first or last item = do nothing and let the grid listen the event
-    }
-    if (newIndex !== focusedButtonIndex) {
-      event.preventDefault(); // Prevent scrolling
-      event.stopPropagation(); // Don't stop propagation for other keys, for example ArrowUp
-      setFocusedButtonIndex(newIndex);
-    }
-  };
-  const handleListKeyDown = event => {
-    if (event.key === 'Tab') {
-      event.preventDefault();
-    }
-    if (['Tab', 'Escape'].includes(event.key)) {
-      hideMenu();
-    }
-  };
-  return /*#__PURE__*/_jsxs("div", _extends({
-    role: "menu",
-    ref: rootRef,
-    tabIndex: -1,
-    className: gridClasses.actionsCell,
-    onKeyDown: handleRootKeyDown
-  }, other, {
-    children: [iconButtons.map((button, index) => /*#__PURE__*/React.cloneElement(button, {
-      key: index,
-      touchRippleRef: handleTouchRippleRef(index),
-      onClick: handleButtonClick(index, button.props.onClick),
-      tabIndex: focusedButtonIndex === index ? tabIndex : -1
-    })), menuButtons.length > 0 && buttonId && /*#__PURE__*/_jsx(rootProps.slots.baseIconButton, _extends({
-      ref: buttonRef,
-      id: buttonId,
-      "aria-label": apiRef.current.getLocaleText('actionsCellMore'),
-      "aria-haspopup": "menu",
-      "aria-expanded": open,
-      "aria-controls": open ? menuId : undefined,
-      role: "menuitem",
-      size: "small",
-      onClick: toggleMenu,
-      touchRippleRef: handleTouchRippleRef(buttonId),
-      tabIndex: focusedButtonIndex === iconButtons.length ? tabIndex : -1
-    }, rootProps.slotProps?.baseIconButton, {
-      children: /*#__PURE__*/_jsx(rootProps.slots.moreActionsIcon, {
-        fontSize: "small"
-      })
-    })), menuButtons.length > 0 && /*#__PURE__*/_jsx(GridMenu, {
-      open: open,
-      target: buttonRef.current,
-      position: position,
-      onClose: hideMenu,
-      children: /*#__PURE__*/_jsx(rootProps.slots.baseMenuList, {
-        id: menuId,
-        className: gridClasses.menuList,
-        onKeyDown: handleListKeyDown,
-        "aria-labelledby": buttonId,
-        autoFocusItem: true,
-        children: menuButtons.map((button, index) => /*#__PURE__*/React.cloneElement(button, {
-          key: index,
-          closeMenu: hideMenu
-        }))
-      })
-    })]
-  }));
-}
-process.env.NODE_ENV !== "production" ? GridActionsCell.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  api: PropTypes.object,
-  /**
-   * 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,
-  position: PropTypes.oneOf(['bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']),
-  /**
-   * 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 { GridActionsCell };
-export const renderActionsCell = params => /*#__PURE__*/_jsx(GridActionsCell, _extends({}, params));

package/modern/components/cell/GridActionsCellItem.d.ts

@@ -1,41 +0,0 @@
-import * as React from 'react';
-import { GridSlotProps } from "../../models/gridSlotsComponentsProps.js";
-interface GridActionsCellItemCommonProps {
-  label: string;
-  icon?: React.ReactElement<any>;
-  /** from https://mui.com/material-ui/api/button-base/#ButtonBase-prop-component */
-  component?: React.ElementType;
-}
-export type GridActionsCellItemProps = GridActionsCellItemCommonProps & (({
-  showInMenu?: false;
-  icon: React.ReactElement<any>;
-} & Omit<GridSlotProps['baseIconButton'], 'component'>) | ({
-  showInMenu: true;
-  /**
-   * If false, the menu will not close when this item is clicked.
-   * @default true
-   */
-  closeMenuOnClick?: boolean;
-  closeMenu?: () => void;
-} & Omit<GridSlotProps['baseMenuItem'], 'component'>));
-declare const GridActionsCellItem: React.ForwardRefExoticComponent<GridActionsCellItemProps> | React.ForwardRefExoticComponent<(Omit<GridActionsCellItemCommonProps & {
-  showInMenu?: false;
-  icon: React.ReactElement<any>;
-} & Omit<Omit<import("../../models/gridBaseSlots").ButtonProps, "startIcon"> & {
-  label?: string;
-  color?: "default" | "inherit" | "primary";
-  edge?: "start" | "end" | false;
-} & import("../..").BaseIconButtonPropsOverrides & import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "color" | "size" | "style" | "disabled" | "action" | "className" | "tabIndex" | "children" | "loading" | "sx" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "loadingIndicator"> & {
-  component?: React.ElementType;
-}, "component">, "ref"> | Omit<GridActionsCellItemCommonProps & {
-  showInMenu: true;
-  /**
-   * If false, the menu will not close when this item is clicked.
-   * @default true
-   */
-  closeMenuOnClick?: boolean;
-  closeMenu?: () => void;
-} & Omit<import("../../models/gridBaseSlots").MenuItemProps & import("../..").BaseMenuItemPropsOverrides & import("@mui/material").MenuItemOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "style" | "dense" | "disabled" | "action" | "selected" | "autoFocus" | "className" | "tabIndex" | "children" | "sx" | "classes" | "disableGutters" | "divider" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef"> & {
-  component?: React.ElementType;
-}, "component">, "ref">) & React.RefAttributes<HTMLElement>>;
-export { GridActionsCellItem };

package/modern/components/cell/GridActionsCellItem.js

@@ -1,72 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-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";
-
-// FIXME(v8:romgrk): Make parametric
-import { jsx as _jsx } from "react/jsx-runtime";
-const GridActionsCellItem = forwardRef((props, ref) => {
-  const rootProps = useGridRootProps();
-  if (!props.showInMenu) {
-    const {
-        label,
-        icon,
-        onClick
-      } = props,
-      other = _objectWithoutPropertiesLoose(props, _excluded);
-    const handleClick = event => {
-      onClick?.(event);
-    };
-    return /*#__PURE__*/_jsx(rootProps.slots.baseIconButton, _extends({
-      size: "small",
-      role: "menuitem",
-      "aria-label": label
-    }, other, {
-      onClick: handleClick
-    }, rootProps.slotProps?.baseIconButton, {
-      ref: ref,
-      children: /*#__PURE__*/React.cloneElement(icon, {
-        fontSize: 'small'
-      })
-    }));
-  }
-  const {
-      label,
-      icon,
-      onClick,
-      closeMenuOnClick = true,
-      closeMenu
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded2);
-  const handleClick = event => {
-    onClick?.(event);
-    if (closeMenuOnClick) {
-      closeMenu?.();
-    }
-  };
-  return /*#__PURE__*/_jsx(rootProps.slots.baseMenuItem, _extends({
-    ref: ref
-  }, other, {
-    onClick: handleClick,
-    iconStart: icon,
-    children: label
-  }));
-});
-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"  |
-  // ----------------------------------------------------------------------
-  /**
-   * from https://mui.com/material-ui/api/button-base/#ButtonBase-prop-component
-   */
-  component: PropTypes.elementType,
-  icon: PropTypes.element,
-  label: PropTypes.string.isRequired,
-  showInMenu: PropTypes.bool
-} : void 0;
-export { GridActionsCellItem };

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

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import type { GridColDef } from '../../models/colDef/gridColDef';
-import type { GridRenderCellParams } from '../../models/params/gridCellParams';
-interface GridBooleanCellProps extends GridRenderCellParams {
-  hideDescendantCount?: boolean;
-}
-declare function GridBooleanCellRaw(props: GridBooleanCellProps): React.JSX.Element | null;
-declare namespace GridBooleanCellRaw {
-  var propTypes: any;
-}
-declare const GridBooleanCell: React.MemoExoticComponent<typeof GridBooleanCellRaw>;
-export { GridBooleanCell };
-export declare const renderBooleanCell: GridColDef['renderCell'];

package/modern/components/cell/GridBooleanCell.js

@@ -1,124 +0,0 @@
-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", "hasFocus", "tabIndex", "hideDescendantCount"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import composeClasses from '@mui/utils/composeClasses';
-import { useGridSelector } from "../../hooks/utils/useGridSelector.js";
-import { gridRowMaximumTreeDepthSelector } from "../../hooks/features/rows/gridRowsSelector.js";
-import { getDataGridUtilityClass } from "../../constants/gridClasses.js";
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
-import { isAutogeneratedRowNode } from "../../hooks/features/rows/gridRowsUtils.js";
-import { GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD } from "../../internals/constants.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['booleanCell']
-  };
-  return composeClasses(slots, getDataGridUtilityClass, classes);
-};
-function GridBooleanCellRaw(props) {
-  const {
-      value,
-      rowNode
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const apiRef = useGridApiContext();
-  const rootProps = useGridRootProps();
-  const ownerState = {
-    classes: rootProps.classes
-  };
-  const classes = useUtilityClasses(ownerState);
-  const maxDepth = useGridSelector(apiRef, gridRowMaximumTreeDepthSelector);
-  const isServerSideRowGroupingRow =
-  // @ts-expect-error - Access tree data prop
-  maxDepth > 0 && rowNode.type === 'group' && rootProps.treeData === false;
-  const Icon = React.useMemo(() => value ? rootProps.slots.booleanCellTrueIcon : rootProps.slots.booleanCellFalseIcon, [rootProps.slots.booleanCellFalseIcon, rootProps.slots.booleanCellTrueIcon, value]);
-  if (isServerSideRowGroupingRow && value === undefined) {
-    return null;
-  }
-  return /*#__PURE__*/_jsx(Icon, _extends({
-    fontSize: "small",
-    className: classes.root,
-    titleAccess: apiRef.current.getLocaleText(value ? 'booleanCellTrueLabel' : 'booleanCellFalseLabel'),
-    "data-value": Boolean(value)
-  }, other));
-}
-process.env.NODE_ENV !== "production" ? GridBooleanCellRaw.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 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;
-const GridBooleanCell = /*#__PURE__*/React.memo(GridBooleanCellRaw);
-export { GridBooleanCell };
-export const renderBooleanCell = params => {
-  if (params.field !== GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD && isAutogeneratedRowNode(params.rowNode)) {
-    return '';
-  }
-  return /*#__PURE__*/_jsx(GridBooleanCell, _extends({}, params));
-};