@mui/x-data-grid 7.0.0-beta.3 → 7.0.0-beta.4

package/legacy/components/columnHeaders/GridColumnHeaderSortIcon.js

@@ -1,79 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { unstable_composeClasses as composeClasses } from '@mui/utils';
-import Badge from '@mui/material/Badge';
-import { useGridApiContext } from '../../hooks/utils/useGridApiContext';
-import { getDataGridUtilityClass } from '../../constants/gridClasses';
-import { useGridRootProps } from '../../hooks/utils/useGridRootProps';
-import { GridIconButtonContainer } from './GridIconButtonContainer';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var classes = ownerState.classes;
-  var slots = {
-    icon: ['sortIcon']
-  };
-  return composeClasses(slots, getDataGridUtilityClass, classes);
-};
-function getIcon(icons, direction, className, sortingOrder) {
-  var Icon;
-  var iconProps = {};
-  if (direction === 'asc') {
-    Icon = icons.columnSortedAscendingIcon;
-  } else if (direction === 'desc') {
-    Icon = icons.columnSortedDescendingIcon;
-  } else {
-    Icon = icons.columnUnsortedIcon;
-    iconProps.sortingOrder = sortingOrder;
-  }
-  return Icon ? /*#__PURE__*/_jsx(Icon, _extends({
-    fontSize: "small",
-    className: className
-  }, iconProps)) : null;
-}
-function GridColumnHeaderSortIconRaw(props) {
-  var _rootProps$slotProps;
-  var direction = props.direction,
-    index = props.index,
-    sortingOrder = props.sortingOrder,
-    disabled = props.disabled;
-  var apiRef = useGridApiContext();
-  var rootProps = useGridRootProps();
-  var ownerState = _extends({}, props, {
-    classes: rootProps.classes
-  });
-  var classes = useUtilityClasses(ownerState);
-  var iconElement = getIcon(rootProps.slots, direction, classes.icon, sortingOrder);
-  if (!iconElement) {
-    return null;
-  }
-  var iconButton = /*#__PURE__*/_jsx(rootProps.slots.baseIconButton, _extends({
-    tabIndex: -1,
-    "aria-label": apiRef.current.getLocaleText('columnHeaderSortIconLabel'),
-    title: apiRef.current.getLocaleText('columnHeaderSortIconLabel'),
-    size: "small",
-    disabled: disabled
-  }, (_rootProps$slotProps = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps.baseIconButton, {
-    children: iconElement
-  }));
-  return /*#__PURE__*/_jsxs(GridIconButtonContainer, {
-    children: [index != null && /*#__PURE__*/_jsx(Badge, {
-      badgeContent: index,
-      color: "default",
-      children: iconButton
-    }), index == null && iconButton]
-  });
-}
-var GridColumnHeaderSortIcon = /*#__PURE__*/React.memo(GridColumnHeaderSortIconRaw);
-process.env.NODE_ENV !== "production" ? GridColumnHeaderSortIconRaw.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  direction: PropTypes.oneOf(['asc', 'desc']),
-  disabled: PropTypes.bool,
-  index: PropTypes.number,
-  sortingOrder: PropTypes.arrayOf(PropTypes.oneOf(['asc', 'desc'])).isRequired
-} : void 0;
-export { GridColumnHeaderSortIcon };

package/legacy/components/columnHeaders/GridColumnHeaderTitle.js

@@ -1,84 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["className"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/utils';
-import { styled } from '@mui/system';
-import { isOverflown } from '../../utils/domUtils';
-import { getDataGridUtilityClass } from '../../constants/gridClasses';
-import { useGridRootProps } from '../../hooks/utils/useGridRootProps';
-import { jsx as _jsx } from "react/jsx-runtime";
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var classes = ownerState.classes;
-  var slots = {
-    root: ['columnHeaderTitle']
-  };
-  return composeClasses(slots, getDataGridUtilityClass, classes);
-};
-var GridColumnHeaderTitleRoot = styled('div', {
-  name: 'MuiDataGrid',
-  slot: 'ColumnHeaderTitle',
-  overridesResolver: function overridesResolver(props, styles) {
-    return styles.columnHeaderTitle;
-  }
-})({
-  textOverflow: 'ellipsis',
-  overflow: 'hidden',
-  whiteSpace: 'nowrap',
-  fontWeight: 'var(--unstable_DataGrid-headWeight)'
-});
-var ColumnHeaderInnerTitle = /*#__PURE__*/React.forwardRef(function ColumnHeaderInnerTitle(props, ref) {
-  var className = props.className,
-    other = _objectWithoutProperties(props, _excluded);
-  var rootProps = useGridRootProps();
-  var classes = useUtilityClasses(rootProps);
-  return /*#__PURE__*/_jsx(GridColumnHeaderTitleRoot, _extends({
-    ref: ref,
-    className: clsx(classes.root, className),
-    ownerState: rootProps
-  }, other));
-});
-// No React.memo here as if we display the sort icon, we need to recalculate the isOver
-function GridColumnHeaderTitle(props) {
-  var _rootProps$slotProps;
-  var label = props.label,
-    description = props.description;
-  var rootProps = useGridRootProps();
-  var titleRef = React.useRef(null);
-  var _React$useState = React.useState(''),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    tooltip = _React$useState2[0],
-    setTooltip = _React$useState2[1];
-  var handleMouseOver = React.useCallback(function () {
-    if (!description && titleRef != null && titleRef.current) {
-      var isOver = isOverflown(titleRef.current);
-      if (isOver) {
-        setTooltip(label);
-      } else {
-        setTooltip('');
-      }
-    }
-  }, [description, label]);
-  return /*#__PURE__*/_jsx(rootProps.slots.baseTooltip, _extends({
-    title: description || tooltip
-  }, (_rootProps$slotProps = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps.baseTooltip, {
-    children: /*#__PURE__*/_jsx(ColumnHeaderInnerTitle, {
-      onMouseOver: handleMouseOver,
-      ref: titleRef,
-      children: label
-    })
-  }));
-}
-process.env.NODE_ENV !== "production" ? GridColumnHeaderTitle.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  columnWidth: PropTypes.number.isRequired,
-  description: PropTypes.node,
-  label: PropTypes.string.isRequired
-} : void 0;
-export { GridColumnHeaderTitle };

package/legacy/components/columnHeaders/GridColumnHeadersInner.js

@@ -1,55 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _excluded = ["isDragging", "className"];
-import * as React from 'react';
-import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/utils';
-import { styled } from '@mui/system';
-import { gridClasses, getDataGridUtilityClass } from '../../constants/gridClasses';
-import { useGridRootProps } from '../../hooks/utils/useGridRootProps';
-import { useGridApiContext } from '../../hooks/utils/useGridApiContext';
-import { jsx as _jsx } from "react/jsx-runtime";
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var isDragging = ownerState.isDragging,
-    hasScrollX = ownerState.hasScrollX,
-    classes = ownerState.classes;
-  var slots = {
-    root: ['columnHeadersInner', isDragging && 'columnHeaderDropZone', hasScrollX && 'columnHeadersInner--scrollable']
-  };
-  return composeClasses(slots, getDataGridUtilityClass, classes);
-};
-var GridColumnHeadersInnerRoot = styled('div', {
-  name: 'MuiDataGrid',
-  slot: 'columnHeadersInner',
-  overridesResolver: function overridesResolver(props, styles) {
-    return [_defineProperty({}, "&.".concat(gridClasses.columnHeaderDropZone), styles.columnHeaderDropZone), styles.columnHeadersInner];
-  }
-})(function () {
-  return _defineProperty(_defineProperty({
-    display: 'flex',
-    alignItems: 'flex-start',
-    flexDirection: 'column'
-  }, "&.".concat(gridClasses.columnHeaderDropZone, " .").concat(gridClasses.columnHeaderDraggableContainer), {
-    cursor: 'move'
-  }), "&.".concat(gridClasses['columnHeadersInner--scrollable'], " .").concat(gridClasses.columnHeader, ":last-child"), {
-    borderRight: 'none'
-  });
-});
-export var GridColumnHeadersInner = /*#__PURE__*/React.forwardRef(function GridColumnHeadersInner(props, ref) {
-  var isDragging = props.isDragging,
-    className = props.className,
-    other = _objectWithoutProperties(props, _excluded);
-  var apiRef = useGridApiContext();
-  var rootProps = useGridRootProps();
-  var ownerState = _extends({}, rootProps, {
-    isDragging: isDragging,
-    hasScrollX: apiRef.current.getRootDimensions().hasScrollX
-  });
-  var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(GridColumnHeadersInnerRoot, _extends({
-    ref: ref,
-    className: clsx(className, classes.root),
-    ownerState: ownerState
-  }, other));
-});

package/legacy/components/columnHeaders/GridGenericColumnHeaderItem.js

@@ -1,107 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["classes", "columnMenuOpen", "colIndex", "height", "isResizing", "sortDirection", "hasFocus", "tabIndex", "separatorSide", "isDraggable", "headerComponent", "description", "elementId", "width", "columnMenuIconButton", "columnMenu", "columnTitleIconButtons", "headerClassName", "label", "resizable", "draggableContainerProps", "columnHeaderSeparatorProps"];
-import * as React from 'react';
-import clsx from 'clsx';
-import { unstable_useForkRef as useForkRef } from '@mui/utils';
-import { useGridPrivateApiContext } from '../../hooks/utils/useGridPrivateApiContext';
-import { GridColumnHeaderTitle } from './GridColumnHeaderTitle';
-import { GridColumnHeaderSeparator } from './GridColumnHeaderSeparator';
-import { useGridRootProps } from '../../hooks/utils/useGridRootProps';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var GridGenericColumnHeaderItem = /*#__PURE__*/React.forwardRef(function GridGenericColumnHeaderItem(props, ref) {
-  var classes = props.classes,
-    columnMenuOpen = props.columnMenuOpen,
-    colIndex = props.colIndex,
-    height = props.height,
-    isResizing = props.isResizing,
-    sortDirection = props.sortDirection,
-    hasFocus = props.hasFocus,
-    tabIndex = props.tabIndex,
-    separatorSide = props.separatorSide,
-    isDraggable = props.isDraggable,
-    headerComponent = props.headerComponent,
-    description = props.description,
-    elementId = props.elementId,
-    width = props.width,
-    _props$columnMenuIcon = props.columnMenuIconButton,
-    columnMenuIconButton = _props$columnMenuIcon === void 0 ? null : _props$columnMenuIcon,
-    _props$columnMenu = props.columnMenu,
-    columnMenu = _props$columnMenu === void 0 ? null : _props$columnMenu,
-    _props$columnTitleIco = props.columnTitleIconButtons,
-    columnTitleIconButtons = _props$columnTitleIco === void 0 ? null : _props$columnTitleIco,
-    headerClassName = props.headerClassName,
-    label = props.label,
-    resizable = props.resizable,
-    draggableContainerProps = props.draggableContainerProps,
-    columnHeaderSeparatorProps = props.columnHeaderSeparatorProps,
-    other = _objectWithoutProperties(props, _excluded);
-  var apiRef = useGridPrivateApiContext();
-  var rootProps = useGridRootProps();
-  var headerCellRef = React.useRef(null);
-  var _React$useState = React.useState(columnMenuOpen),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    showColumnMenuIcon = _React$useState2[0],
-    setShowColumnMenuIcon = _React$useState2[1];
-  var handleRef = useForkRef(headerCellRef, ref);
-  var ariaSort = 'none';
-  if (sortDirection != null) {
-    ariaSort = sortDirection === 'asc' ? 'ascending' : 'descending';
-  }
-  React.useEffect(function () {
-    if (!showColumnMenuIcon) {
-      setShowColumnMenuIcon(columnMenuOpen);
-    }
-  }, [showColumnMenuIcon, columnMenuOpen]);
-  React.useLayoutEffect(function () {
-    var columnMenuState = apiRef.current.state.columnMenu;
-    if (hasFocus && !columnMenuState.open) {
-      var focusableElement = headerCellRef.current.querySelector('[tabindex="0"]');
-      var elementToFocus = focusableElement || headerCellRef.current;
-      elementToFocus == null || elementToFocus.focus();
-      apiRef.current.columnHeadersContainerElementRef.current.scrollLeft = 0;
-    }
-  }, [apiRef, hasFocus]);
-  return /*#__PURE__*/_jsxs("div", _extends({
-    ref: handleRef,
-    className: clsx(classes.root, headerClassName),
-    style: {
-      height: height,
-      width: width,
-      minWidth: width,
-      maxWidth: width
-    },
-    role: "columnheader",
-    tabIndex: tabIndex,
-    "aria-colindex": colIndex + 1,
-    "aria-sort": ariaSort,
-    "aria-label": headerComponent == null ? label : undefined
-  }, other, {
-    children: [/*#__PURE__*/_jsxs("div", _extends({
-      className: classes.draggableContainer,
-      draggable: isDraggable,
-      role: "presentation"
-    }, draggableContainerProps, {
-      children: [/*#__PURE__*/_jsxs("div", {
-        className: classes.titleContainer,
-        role: "presentation",
-        children: [/*#__PURE__*/_jsx("div", {
-          className: classes.titleContainerContent,
-          children: headerComponent !== undefined ? headerComponent : /*#__PURE__*/_jsx(GridColumnHeaderTitle, {
-            label: label,
-            description: description,
-            columnWidth: width
-          })
-        }), columnTitleIconButtons]
-      }), columnMenuIconButton]
-    })), /*#__PURE__*/_jsx(GridColumnHeaderSeparator, _extends({
-      resizable: !rootProps.disableColumnResize && !!resizable,
-      resizing: isResizing,
-      height: height,
-      side: separatorSide
-    }, columnHeaderSeparatorProps)), columnMenu]
-  }));
-});
-export { GridGenericColumnHeaderItem };

package/legacy/components/columnHeaders/GridIconButtonContainer.js

@@ -1,41 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["className"];
-import * as React from 'react';
-import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/utils';
-import { styled } from '@mui/system';
-import { getDataGridUtilityClass } from '../../constants/gridClasses';
-import { useGridRootProps } from '../../hooks/utils/useGridRootProps';
-import { jsx as _jsx } from "react/jsx-runtime";
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var classes = ownerState.classes;
-  var slots = {
-    root: ['iconButtonContainer']
-  };
-  return composeClasses(slots, getDataGridUtilityClass, classes);
-};
-var GridIconButtonContainerRoot = styled('div', {
-  name: 'MuiDataGrid',
-  slot: 'IconButtonContainer',
-  overridesResolver: function overridesResolver(props, styles) {
-    return styles.iconButtonContainer;
-  }
-})(function () {
-  return {
-    display: 'flex',
-    visibility: 'hidden',
-    width: 0
-  };
-});
-export var GridIconButtonContainer = /*#__PURE__*/React.forwardRef(function GridIconButtonContainer(props, ref) {
-  var className = props.className,
-    other = _objectWithoutProperties(props, _excluded);
-  var rootProps = useGridRootProps();
-  var classes = useUtilityClasses(rootProps);
-  return /*#__PURE__*/_jsx(GridIconButtonContainerRoot, _extends({
-    ref: ref,
-    className: clsx(classes.root, className),
-    ownerState: rootProps
-  }, other));
-});

package/legacy/components/columnHeaders/index.js

@@ -1,5 +0,0 @@
-export * from './GridColumnHeaderItem';
-export * from './GridColumnHeaderSeparator';
-export * from './GridColumnHeaderSortIcon';
-export * from './GridColumnHeaderFilterIconButton';
-export * from './GridColumnHeaderTitle';

package/legacy/components/columnSelection/GridCellCheckboxRenderer.js

@@ -1,160 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["field", "id", "value", "formattedValue", "row", "rowNode", "colDef", "isEditable", "cellMode", "hasFocus", "tabIndex", "api"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { unstable_composeClasses as composeClasses, unstable_useForkRef as useForkRef } from '@mui/utils';
-import { isSpaceKey } from '../../utils/keyboardUtils';
-import { useGridApiContext } from '../../hooks/utils/useGridApiContext';
-import { useGridRootProps } from '../../hooks/utils/useGridRootProps';
-import { getDataGridUtilityClass } from '../../constants/gridClasses';
-import { jsx as _jsx } from "react/jsx-runtime";
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var classes = ownerState.classes;
-  var slots = {
-    root: ['checkboxInput']
-  };
-  return composeClasses(slots, getDataGridUtilityClass, classes);
-};
-var GridCellCheckboxForwardRef = /*#__PURE__*/React.forwardRef(function GridCellCheckboxRenderer(props, ref) {
-  var _rootProps$slotProps;
-  var field = props.field,
-    id = props.id,
-    isChecked = props.value,
-    formattedValue = props.formattedValue,
-    row = props.row,
-    rowNode = props.rowNode,
-    colDef = props.colDef,
-    isEditable = props.isEditable,
-    cellMode = props.cellMode,
-    hasFocus = props.hasFocus,
-    tabIndex = props.tabIndex,
-    api = props.api,
-    other = _objectWithoutProperties(props, _excluded);
-  var apiRef = useGridApiContext();
-  var rootProps = useGridRootProps();
-  var ownerState = {
-    classes: rootProps.classes
-  };
-  var classes = useUtilityClasses(ownerState);
-  var checkboxElement = React.useRef(null);
-  var rippleRef = React.useRef(null);
-  var handleRef = useForkRef(checkboxElement, ref);
-  var element = apiRef.current.getCellElement(id, field);
-  var handleChange = function handleChange(event) {
-    var params = {
-      value: event.target.checked,
-      id: id
-    };
-    apiRef.current.publishEvent('rowSelectionCheckboxChange', params, event);
-  };
-  React.useLayoutEffect(function () {
-    if (tabIndex === 0 && element) {
-      element.tabIndex = -1;
-    }
-  }, [element, tabIndex]);
-  React.useEffect(function () {
-    if (hasFocus) {
-      var _checkboxElement$curr;
-      var input = (_checkboxElement$curr = checkboxElement.current) == null ? void 0 : _checkboxElement$curr.querySelector('input');
-      input == null || input.focus({
-        preventScroll: true
-      });
-    } else if (rippleRef.current) {
-      // Only available in @mui/material v5.4.1 or later
-      rippleRef.current.stop({});
-    }
-  }, [hasFocus]);
-  var handleKeyDown = React.useCallback(function (event) {
-    if (isSpaceKey(event.key)) {
-      // We call event.stopPropagation to avoid selecting the row and also scrolling to bottom
-      // TODO: Remove and add a check inside useGridKeyboardNavigation
-      event.stopPropagation();
-    }
-  }, []);
-  if (rowNode.type === 'footer' || rowNode.type === 'pinnedRow') {
-    return null;
-  }
-  var isSelectable = apiRef.current.isRowSelectable(id);
-  var label = apiRef.current.getLocaleText(isChecked ? 'checkboxSelectionUnselectRow' : 'checkboxSelectionSelectRow');
-  return /*#__PURE__*/_jsx(rootProps.slots.baseCheckbox, _extends({
-    ref: handleRef,
-    tabIndex: tabIndex,
-    checked: isChecked,
-    onChange: handleChange,
-    className: classes.root,
-    inputProps: {
-      'aria-label': label
-    },
-    onKeyDown: handleKeyDown,
-    disabled: !isSelectable,
-    touchRippleRef: rippleRef /* FIXME: typing error */
-  }, (_rootProps$slotProps = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps.baseCheckbox, other));
-});
-process.env.NODE_ENV !== "production" ? GridCellCheckboxForwardRef.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn 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 { GridCellCheckboxForwardRef };
-export var GridCellCheckboxRenderer = GridCellCheckboxForwardRef;

package/legacy/components/columnSelection/GridHeaderCheckbox.js

@@ -1,134 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["field", "colDef"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { unstable_composeClasses as composeClasses } from '@mui/utils';
-import { isMultipleRowSelectionEnabled } from '../../hooks/features/rowSelection/utils';
-import { useGridSelector } from '../../hooks/utils/useGridSelector';
-import { gridTabIndexColumnHeaderSelector } from '../../hooks/features/focus/gridFocusStateSelector';
-import { gridRowSelectionStateSelector } from '../../hooks/features/rowSelection/gridRowSelectionSelector';
-import { useGridApiContext } from '../../hooks/utils/useGridApiContext';
-import { getDataGridUtilityClass } from '../../constants/gridClasses';
-import { useGridRootProps } from '../../hooks/utils/useGridRootProps';
-import { gridExpandedSortedRowIdsSelector } from '../../hooks/features/filter/gridFilterSelector';
-import { gridPaginatedVisibleSortedGridRowIdsSelector } from '../../hooks/features/pagination/gridPaginationSelector';
-import { jsx as _jsx } from "react/jsx-runtime";
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var classes = ownerState.classes;
-  var slots = {
-    root: ['checkboxInput']
-  };
-  return composeClasses(slots, getDataGridUtilityClass, classes);
-};
-var GridHeaderCheckbox = /*#__PURE__*/React.forwardRef(function GridHeaderCheckbox(props, ref) {
-  var _rootProps$slotProps;
-  var field = props.field,
-    colDef = props.colDef,
-    other = _objectWithoutProperties(props, _excluded);
-  var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    forceUpdate = _React$useState2[1];
-  var apiRef = useGridApiContext();
-  var rootProps = useGridRootProps();
-  var ownerState = {
-    classes: rootProps.classes
-  };
-  var classes = useUtilityClasses(ownerState);
-  var tabIndexState = useGridSelector(apiRef, gridTabIndexColumnHeaderSelector);
-  var selection = useGridSelector(apiRef, gridRowSelectionStateSelector);
-  var visibleRowIds = useGridSelector(apiRef, gridExpandedSortedRowIdsSelector);
-  var paginatedVisibleRowIds = useGridSelector(apiRef, gridPaginatedVisibleSortedGridRowIdsSelector);
-  var filteredSelection = React.useMemo(function () {
-    if (typeof rootProps.isRowSelectable !== 'function') {
-      return selection;
-    }
-    return selection.filter(function (id) {
-      // The row might have been deleted
-      if (!apiRef.current.getRow(id)) {
-        return false;
-      }
-      return rootProps.isRowSelectable(apiRef.current.getRowParams(id));
-    });
-  }, [apiRef, rootProps.isRowSelectable, selection]);
-
-  // All the rows that could be selected / unselected by toggling this checkbox
-  var selectionCandidates = React.useMemo(function () {
-    var rowIds = !rootProps.pagination || !rootProps.checkboxSelectionVisibleOnly ? visibleRowIds : paginatedVisibleRowIds;
-
-    // Convert to an object to make O(1) checking if a row exists or not
-    // TODO create selector that returns visibleRowIds/paginatedVisibleRowIds as an object
-    return rowIds.reduce(function (acc, id) {
-      acc[id] = true;
-      return acc;
-    }, {});
-  }, [rootProps.pagination, rootProps.checkboxSelectionVisibleOnly, paginatedVisibleRowIds, visibleRowIds]);
-
-  // Amount of rows selected and that are visible in the current page
-  var currentSelectionSize = React.useMemo(function () {
-    return filteredSelection.filter(function (id) {
-      return selectionCandidates[id];
-    }).length;
-  }, [filteredSelection, selectionCandidates]);
-  var isIndeterminate = currentSelectionSize > 0 && currentSelectionSize < Object.keys(selectionCandidates).length;
-  var isChecked = currentSelectionSize > 0;
-  var handleChange = function handleChange(event) {
-    var params = {
-      value: event.target.checked
-    };
-    apiRef.current.publishEvent('headerSelectionCheckboxChange', params);
-  };
-  var tabIndex = tabIndexState !== null && tabIndexState.field === props.field ? 0 : -1;
-  React.useLayoutEffect(function () {
-    var element = apiRef.current.getColumnHeaderElement(props.field);
-    if (tabIndex === 0 && element) {
-      element.tabIndex = -1;
-    }
-  }, [tabIndex, apiRef, props.field]);
-  var handleKeyDown = React.useCallback(function (event) {
-    if (event.key === ' ') {
-      // imperative toggle the checkbox because Space is disable by some preventDefault
-      apiRef.current.publishEvent('headerSelectionCheckboxChange', {
-        value: !isChecked
-      });
-    }
-  }, [apiRef, isChecked]);
-  var handleSelectionChange = React.useCallback(function () {
-    forceUpdate(function (p) {
-      return !p;
-    });
-  }, []);
-  React.useEffect(function () {
-    return apiRef.current.subscribeEvent('rowSelectionChange', handleSelectionChange);
-  }, [apiRef, handleSelectionChange]);
-  var label = apiRef.current.getLocaleText(isChecked ? 'checkboxSelectionUnselectAllRows' : 'checkboxSelectionSelectAllRows');
-  return /*#__PURE__*/_jsx(rootProps.slots.baseCheckbox, _extends({
-    ref: ref,
-    indeterminate: isIndeterminate,
-    checked: isChecked,
-    onChange: handleChange,
-    className: classes.root,
-    inputProps: {
-      'aria-label': label
-    },
-    tabIndex: tabIndex,
-    onKeyDown: handleKeyDown,
-    disabled: !isMultipleRowSelectionEnabled(rootProps)
-  }, (_rootProps$slotProps = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps.baseCheckbox, other));
-});
-process.env.NODE_ENV !== "production" ? GridHeaderCheckbox.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * The column of the current header component.
-   */
-  colDef: PropTypes.object.isRequired,
-  /**
-   * The column field of the column that triggered the event
-   */
-  field: PropTypes.string.isRequired
-} : void 0;
-export { GridHeaderCheckbox };

package/legacy/components/columnSelection/index.js

@@ -1,2 +0,0 @@
-export * from './GridCellCheckboxRenderer';
-export * from './GridHeaderCheckbox';