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

package/legacy/hooks/features/columnGrouping/gridColumnGroupsSelector.js

@@ -1,24 +0,0 @@
-import { createSelector, createSelectorMemoized } from '../../../utils/createSelector';
-/**
- * @category ColumnGrouping
- * @ignore - do not document.
- */
-export var gridColumnGroupingSelector = function gridColumnGroupingSelector(state) {
-  return state.columnGrouping;
-};
-export var gridColumnGroupsUnwrappedModelSelector = createSelectorMemoized(gridColumnGroupingSelector, function (columnGrouping) {
-  var _columnGrouping$unwra;
-  return (_columnGrouping$unwra = columnGrouping == null ? void 0 : columnGrouping.unwrappedGroupingModel) != null ? _columnGrouping$unwra : {};
-});
-export var gridColumnGroupsLookupSelector = createSelectorMemoized(gridColumnGroupingSelector, function (columnGrouping) {
-  var _columnGrouping$looku;
-  return (_columnGrouping$looku = columnGrouping == null ? void 0 : columnGrouping.lookup) != null ? _columnGrouping$looku : {};
-});
-export var gridColumnGroupsHeaderStructureSelector = createSelectorMemoized(gridColumnGroupingSelector, function (columnGrouping) {
-  var _columnGrouping$heade;
-  return (_columnGrouping$heade = columnGrouping == null ? void 0 : columnGrouping.headerStructure) != null ? _columnGrouping$heade : [];
-});
-export var gridColumnGroupsHeaderMaxDepthSelector = createSelector(gridColumnGroupingSelector, function (columnGrouping) {
-  var _columnGrouping$maxDe;
-  return (_columnGrouping$maxDe = columnGrouping == null ? void 0 : columnGrouping.maxDepth) != null ? _columnGrouping$maxDe : 0;
-});

package/legacy/hooks/features/columnGrouping/gridColumnGroupsUtils.js

@@ -1,92 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import { isLeaf } from '../../../models/gridColumnGrouping';
-import { isDeepEqual } from '../../../utils/utils';
-// This is the recurrence function that help writing `unwrapGroupingColumnModel()`
-var recurrentUnwrapGroupingColumnModel = function recurrentUnwrapGroupingColumnModel(columnGroupNode, parents, unwrappedGroupingModelToComplete) {
-  if (isLeaf(columnGroupNode)) {
-    if (unwrappedGroupingModelToComplete[columnGroupNode.field] !== undefined) {
-      throw new Error(["MUI X: columnGroupingModel contains duplicated field", "column field ".concat(columnGroupNode.field, " occurs two times in the grouping model:"), "- ".concat(unwrappedGroupingModelToComplete[columnGroupNode.field].join(' > ')), "- ".concat(parents.join(' > '))].join('\n'));
-    }
-    unwrappedGroupingModelToComplete[columnGroupNode.field] = parents;
-    return;
-  }
-  var groupId = columnGroupNode.groupId,
-    children = columnGroupNode.children;
-  children.forEach(function (child) {
-    recurrentUnwrapGroupingColumnModel(child, [].concat(_toConsumableArray(parents), [groupId]), unwrappedGroupingModelToComplete);
-  });
-};
-
-/**
- * This is a function that provide for each column the array of its parents.
- * Parents are ordered from the root to the leaf.
- * @param columnGroupingModel The model such as provided in DataGrid props
- * @returns An object `{[field]: groupIds}` where `groupIds` is the parents of the column `field`
- */
-export var unwrapGroupingColumnModel = function unwrapGroupingColumnModel(columnGroupingModel) {
-  if (!columnGroupingModel) {
-    return {};
-  }
-  var unwrappedSubTree = {};
-  columnGroupingModel.forEach(function (columnGroupNode) {
-    recurrentUnwrapGroupingColumnModel(columnGroupNode, [], unwrappedSubTree);
-  });
-  return unwrappedSubTree;
-};
-export var getColumnGroupsHeaderStructure = function getColumnGroupsHeaderStructure(orderedColumns, unwrappedGroupingModel, pinnedFields) {
-  var getParents = function getParents(field) {
-    var _unwrappedGroupingMod;
-    return (_unwrappedGroupingMod = unwrappedGroupingModel[field]) != null ? _unwrappedGroupingMod : [];
-  };
-  var groupingHeaderStructure = [];
-  var maxDepth = Math.max.apply(Math, _toConsumableArray(orderedColumns.map(function (field) {
-    return getParents(field).length;
-  })));
-  var haveSameParents = function haveSameParents(field1, field2, depth) {
-    return isDeepEqual(getParents(field1).slice(0, depth + 1), getParents(field2).slice(0, depth + 1));
-  };
-  var haveDifferentContainers = function haveDifferentContainers(field1, field2) {
-    if (pinnedFields != null && pinnedFields.left && pinnedFields.left.includes(field1) && !pinnedFields.left.includes(field2)) {
-      return true;
-    }
-    if (pinnedFields != null && pinnedFields.right && !pinnedFields.right.includes(field1) && pinnedFields.right.includes(field2)) {
-      return true;
-    }
-    return false;
-  };
-  var _loop = function _loop(depth) {
-    var depthStructure = orderedColumns.reduce(function (structure, newField) {
-      var _getParents$depth;
-      var groupId = (_getParents$depth = getParents(newField)[depth]) != null ? _getParents$depth : null;
-      if (structure.length === 0) {
-        return [{
-          columnFields: [newField],
-          groupId: groupId
-        }];
-      }
-      var lastGroup = structure[structure.length - 1];
-      var prevField = lastGroup.columnFields[lastGroup.columnFields.length - 1];
-      var prevGroupId = lastGroup.groupId;
-      if (prevGroupId !== groupId || !haveSameParents(prevField, newField, depth) ||
-      // Fix for https://github.com/mui/mui-x/issues/7041
-      haveDifferentContainers(prevField, newField)) {
-        // It's a new group
-        return [].concat(_toConsumableArray(structure), [{
-          columnFields: [newField],
-          groupId: groupId
-        }]);
-      }
-
-      // It extends the previous group
-      return [].concat(_toConsumableArray(structure.slice(0, structure.length - 1)), [{
-        columnFields: [].concat(_toConsumableArray(lastGroup.columnFields), [newField]),
-        groupId: groupId
-      }]);
-    }, []);
-    groupingHeaderStructure.push(depthStructure);
-  };
-  for (var depth = 0; depth < maxDepth; depth += 1) {
-    _loop(depth);
-  }
-  return groupingHeaderStructure;
-};

package/legacy/hooks/features/columnGrouping/index.js

@@ -1,2 +0,0 @@
-export * from './gridColumnGroupsSelector';
-export {};

package/legacy/hooks/features/columnGrouping/useGridColumnGrouping.js

@@ -1,140 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["groupId", "children"];
-import * as React from 'react';
-import { isLeaf } from '../../../models/gridColumnGrouping';
-import { gridColumnGroupsLookupSelector, gridColumnGroupsUnwrappedModelSelector } from './gridColumnGroupsSelector';
-import { useGridApiMethod } from '../../utils/useGridApiMethod';
-import { getColumnGroupsHeaderStructure, unwrapGroupingColumnModel } from './gridColumnGroupsUtils';
-import { useGridApiEventHandler } from '../../utils/useGridApiEventHandler';
-import { gridColumnFieldsSelector, gridVisibleColumnFieldsSelector } from '../columns';
-var createGroupLookup = function createGroupLookup(columnGroupingModel) {
-  var groupLookup = {};
-  columnGroupingModel.forEach(function (node) {
-    if (isLeaf(node)) {
-      return;
-    }
-    var groupId = node.groupId,
-      children = node.children,
-      other = _objectWithoutProperties(node, _excluded);
-    if (!groupId) {
-      throw new Error('MUI X: An element of the columnGroupingModel does not have either `field` or `groupId`.');
-    }
-    if (process.env.NODE_ENV !== 'production') {
-      if (!children) {
-        console.warn("MUI X: group groupId=".concat(groupId, " has no children."));
-      }
-    }
-    var groupParam = _extends({}, other, {
-      groupId: groupId
-    });
-    var subTreeLookup = createGroupLookup(children);
-    if (subTreeLookup[groupId] !== undefined || groupLookup[groupId] !== undefined) {
-      throw new Error("MUI X: The groupId ".concat(groupId, " is used multiple times in the columnGroupingModel."));
-    }
-    groupLookup = _extends({}, groupLookup, subTreeLookup, _defineProperty({}, groupId, groupParam));
-  });
-  return _extends({}, groupLookup);
-};
-export var columnGroupsStateInitializer = function columnGroupsStateInitializer(state, props, apiRef) {
-  var _props$columnGrouping, _props$columnGrouping2, _apiRef$current$state;
-  if (!props.columnGroupingModel) {
-    return state;
-  }
-  var columnFields = gridColumnFieldsSelector(apiRef);
-  var visibleColumnFields = gridVisibleColumnFieldsSelector(apiRef);
-  var groupLookup = createGroupLookup((_props$columnGrouping = props.columnGroupingModel) != null ? _props$columnGrouping : []);
-  var unwrappedGroupingModel = unwrapGroupingColumnModel((_props$columnGrouping2 = props.columnGroupingModel) != null ? _props$columnGrouping2 : []);
-  var columnGroupsHeaderStructure = getColumnGroupsHeaderStructure(columnFields, unwrappedGroupingModel, (_apiRef$current$state = apiRef.current.state.pinnedColumns) != null ? _apiRef$current$state : {});
-  var maxDepth = visibleColumnFields.length === 0 ? 0 : Math.max.apply(Math, _toConsumableArray(visibleColumnFields.map(function (field) {
-    var _unwrappedGroupingMod, _unwrappedGroupingMod2;
-    return (_unwrappedGroupingMod = (_unwrappedGroupingMod2 = unwrappedGroupingModel[field]) == null ? void 0 : _unwrappedGroupingMod2.length) != null ? _unwrappedGroupingMod : 0;
-  })));
-  return _extends({}, state, {
-    columnGrouping: {
-      lookup: groupLookup,
-      unwrappedGroupingModel: unwrappedGroupingModel,
-      headerStructure: columnGroupsHeaderStructure,
-      maxDepth: maxDepth
-    }
-  });
-};
-
-/**
- * @requires useGridColumns (method, event)
- * @requires useGridParamsApi (method)
- */
-export var useGridColumnGrouping = function useGridColumnGrouping(apiRef, props) {
-  /**
-   * API METHODS
-   */
-  var getColumnGroupPath = React.useCallback(function (field) {
-    var _unwrappedGroupingMod3;
-    var unwrappedGroupingModel = gridColumnGroupsUnwrappedModelSelector(apiRef);
-    return (_unwrappedGroupingMod3 = unwrappedGroupingModel[field]) != null ? _unwrappedGroupingMod3 : [];
-  }, [apiRef]);
-  var getAllGroupDetails = React.useCallback(function () {
-    var columnGroupLookup = gridColumnGroupsLookupSelector(apiRef);
-    return columnGroupLookup;
-  }, [apiRef]);
-  var columnGroupingApi = {
-    getColumnGroupPath: getColumnGroupPath,
-    getAllGroupDetails: getAllGroupDetails
-  };
-  useGridApiMethod(apiRef, columnGroupingApi, 'public');
-  var handleColumnIndexChange = React.useCallback(function () {
-    var _props$columnGrouping3;
-    var unwrappedGroupingModel = unwrapGroupingColumnModel((_props$columnGrouping3 = props.columnGroupingModel) != null ? _props$columnGrouping3 : []);
-    apiRef.current.setState(function (state) {
-      var _state$columns$ordere, _state$columns, _state$pinnedColumns;
-      var orderedFields = (_state$columns$ordere = (_state$columns = state.columns) == null ? void 0 : _state$columns.orderedFields) != null ? _state$columns$ordere : [];
-      var pinnedColumns = (_state$pinnedColumns = state.pinnedColumns) != null ? _state$pinnedColumns : {};
-      var columnGroupsHeaderStructure = getColumnGroupsHeaderStructure(orderedFields, unwrappedGroupingModel, pinnedColumns);
-      return _extends({}, state, {
-        columnGrouping: _extends({}, state.columnGrouping, {
-          headerStructure: columnGroupsHeaderStructure
-        })
-      });
-    });
-  }, [apiRef, props.columnGroupingModel]);
-  var updateColumnGroupingState = React.useCallback(function (columnGroupingModel) {
-    var _apiRef$current$getPi, _apiRef$current$getPi2, _apiRef$current;
-    // @ts-expect-error Move this logic to `Pro` package
-    var pinnedColumns = (_apiRef$current$getPi = (_apiRef$current$getPi2 = (_apiRef$current = apiRef.current).getPinnedColumns) == null ? void 0 : _apiRef$current$getPi2.call(_apiRef$current)) != null ? _apiRef$current$getPi : {};
-    var columnFields = gridColumnFieldsSelector(apiRef);
-    var visibleColumnFields = gridVisibleColumnFieldsSelector(apiRef);
-    var groupLookup = createGroupLookup(columnGroupingModel != null ? columnGroupingModel : []);
-    var unwrappedGroupingModel = unwrapGroupingColumnModel(columnGroupingModel != null ? columnGroupingModel : []);
-    var columnGroupsHeaderStructure = getColumnGroupsHeaderStructure(columnFields, unwrappedGroupingModel, pinnedColumns);
-    var maxDepth = visibleColumnFields.length === 0 ? 0 : Math.max.apply(Math, _toConsumableArray(visibleColumnFields.map(function (field) {
-      var _unwrappedGroupingMod4, _unwrappedGroupingMod5;
-      return (_unwrappedGroupingMod4 = (_unwrappedGroupingMod5 = unwrappedGroupingModel[field]) == null ? void 0 : _unwrappedGroupingMod5.length) != null ? _unwrappedGroupingMod4 : 0;
-    })));
-    apiRef.current.setState(function (state) {
-      return _extends({}, state, {
-        columnGrouping: {
-          lookup: groupLookup,
-          unwrappedGroupingModel: unwrappedGroupingModel,
-          headerStructure: columnGroupsHeaderStructure,
-          maxDepth: maxDepth
-        }
-      });
-    });
-  }, [apiRef]);
-  useGridApiEventHandler(apiRef, 'columnIndexChange', handleColumnIndexChange);
-  useGridApiEventHandler(apiRef, 'columnsChange', function () {
-    updateColumnGroupingState(props.columnGroupingModel);
-  });
-  useGridApiEventHandler(apiRef, 'columnVisibilityModelChange', function () {
-    updateColumnGroupingState(props.columnGroupingModel);
-  });
-
-  /**
-   * EFFECTS
-   */
-  React.useEffect(function () {
-    updateColumnGroupingState(props.columnGroupingModel);
-  }, [updateColumnGroupingState, props.columnGroupingModel]);
-};

package/legacy/hooks/features/columnHeaders/useGridColumnHeaders.js

@@ -1,272 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import * as React from 'react';
-import { unstable_useForkRef as useForkRef } from '@mui/utils';
-import { styled } from '@mui/material/styles';
-import { useGridSelector } from '../../utils';
-import { useGridRootProps } from '../../utils/useGridRootProps';
-import { useGridPrivateApiContext } from '../../utils/useGridPrivateApiContext';
-import { useGridApiEventHandler } from '../../utils/useGridApiEventHandler';
-import { GridColumnHeaderItem } from '../../../components/columnHeaders/GridColumnHeaderItem';
-import { gridDimensionsSelector } from '../dimensions';
-import { gridOffsetsSelector, gridRenderContextColumnsSelector, gridVirtualizationColumnEnabledSelector } from '../virtualization';
-import { GridColumnGroupHeader } from '../../../components/columnHeaders/GridColumnGroupHeader';
-import { GridPinnedColumnPosition, gridVisiblePinnedColumnDefinitionsSelector } from '../columns';
-import { GridScrollbarFillerCell as ScrollbarFiller } from '../../../components/GridScrollbarFillerCell';
-import { gridClasses } from '../../../constants/gridClasses';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var SpaceFiller = styled('div')({
-  /* GridRootStyles conflict */
-  '&&': {
-    padding: 0,
-    width: 'calc(var(--DataGrid-width) - var(--DataGrid-columnsTotalWidth))'
-  }
-});
-export var GridColumnHeaderRow = styled('div', {
-  name: 'MuiDataGrid',
-  slot: 'ColumnHeaderRow',
-  overridesResolver: function overridesResolver(_, styles) {
-    return styles.columnHeaderRow;
-  }
-})({
-  display: 'flex',
-  height: 'var(--DataGrid-headerHeight)'
-});
-export var useGridColumnHeaders = function useGridColumnHeaders(props) {
-  var innerRefProp = props.innerRef,
-    visibleColumns = props.visibleColumns,
-    sortColumnLookup = props.sortColumnLookup,
-    filterColumnLookup = props.filterColumnLookup,
-    columnHeaderTabIndexState = props.columnHeaderTabIndexState,
-    columnGroupHeaderTabIndexState = props.columnGroupHeaderTabIndexState,
-    columnHeaderFocus = props.columnHeaderFocus,
-    columnGroupHeaderFocus = props.columnGroupHeaderFocus,
-    headerGroupingMaxDepth = props.headerGroupingMaxDepth,
-    columnMenuState = props.columnMenuState,
-    columnVisibility = props.columnVisibility,
-    columnGroupsHeaderStructure = props.columnGroupsHeaderStructure,
-    hasOtherElementInTabSequence = props.hasOtherElementInTabSequence;
-  var _React$useState = React.useState(''),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    dragCol = _React$useState2[0],
-    setDragCol = _React$useState2[1];
-  var _React$useState3 = React.useState(''),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    resizeCol = _React$useState4[0],
-    setResizeCol = _React$useState4[1];
-  var apiRef = useGridPrivateApiContext();
-  var rootProps = useGridRootProps();
-  var hasVirtualization = useGridSelector(apiRef, gridVirtualizationColumnEnabledSelector);
-  var innerRef = React.useRef(null);
-  var handleInnerRef = useForkRef(innerRefProp, innerRef);
-  var dimensions = useGridSelector(apiRef, gridDimensionsSelector);
-  var offsets = useGridSelector(apiRef, gridOffsetsSelector);
-  var renderContext = useGridSelector(apiRef, gridRenderContextColumnsSelector);
-  var visiblePinnedColumns = useGridSelector(apiRef, gridVisiblePinnedColumnDefinitionsSelector);
-  React.useEffect(function () {
-    apiRef.current.columnHeadersContainerElementRef.current.scrollLeft = 0;
-  }, [apiRef]);
-  var handleColumnResizeStart = React.useCallback(function (params) {
-    return setResizeCol(params.field);
-  }, []);
-  var handleColumnResizeStop = React.useCallback(function () {
-    return setResizeCol('');
-  }, []);
-  var handleColumnReorderStart = React.useCallback(function (params) {
-    return setDragCol(params.field);
-  }, []);
-  var handleColumnReorderStop = React.useCallback(function () {
-    return setDragCol('');
-  }, []);
-  useGridApiEventHandler(apiRef, 'columnResizeStart', handleColumnResizeStart);
-  useGridApiEventHandler(apiRef, 'columnResizeStop', handleColumnResizeStop);
-  useGridApiEventHandler(apiRef, 'columnHeaderDragStart', handleColumnReorderStart);
-  useGridApiEventHandler(apiRef, 'columnHeaderDragEnd', handleColumnReorderStop);
-
-  // Helper for computation common between getColumnHeaders and getColumnGroupHeaders
-  var getColumnsToRender = function getColumnsToRender(params) {
-    var _ref = params || {},
-      _ref$renderContext = _ref.renderContext,
-      currentContext = _ref$renderContext === void 0 ? renderContext : _ref$renderContext,
-      _ref$maxLastColumn = _ref.maxLastColumn,
-      maxLastColumn = _ref$maxLastColumn === void 0 ? visibleColumns.length : _ref$maxLastColumn;
-    var firstColumnToRender = !hasVirtualization ? 0 : currentContext.firstColumnIndex;
-    var lastColumnToRender = !hasVirtualization ? maxLastColumn : currentContext.lastColumnIndex;
-    var renderedColumns = visibleColumns.slice(firstColumnToRender, lastColumnToRender);
-    return {
-      renderedColumns: renderedColumns,
-      firstColumnToRender: firstColumnToRender,
-      lastColumnToRender: lastColumnToRender
-    };
-  };
-  var getFillers = function getFillers(params, children, leftOverflow) {
-    var borderTop = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-    var isPinnedRight = (params == null ? void 0 : params.position) === GridPinnedColumnPosition.RIGHT;
-    var isNotPinned = (params == null ? void 0 : params.position) === undefined;
-    var hasScrollbarFiller = visiblePinnedColumns.right.length > 0 && isPinnedRight || visiblePinnedColumns.right.length === 0 && isNotPinned;
-    var leftOffsetWidth = offsets.left - leftOverflow;
-    return /*#__PURE__*/_jsxs(React.Fragment, {
-      children: [isNotPinned && /*#__PURE__*/_jsx("div", {
-        role: "presentation",
-        style: {
-          width: leftOffsetWidth
-        }
-      }), children, isNotPinned && /*#__PURE__*/_jsx(SpaceFiller, {
-        className: gridClasses.columnHeader
-      }), hasScrollbarFiller && /*#__PURE__*/_jsx(ScrollbarFiller, {
-        header: true,
-        borderTop: borderTop,
-        pinnedRight: isPinnedRight
-      })]
-    });
-  };
-  var getColumnHeaders = function getColumnHeaders(params) {
-    var other = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var _getColumnsToRender = getColumnsToRender(params),
-      renderedColumns = _getColumnsToRender.renderedColumns,
-      firstColumnToRender = _getColumnsToRender.firstColumnToRender;
-    var columns = [];
-    for (var i = 0; i < renderedColumns.length; i += 1) {
-      var colDef = renderedColumns[i];
-      var columnIndex = firstColumnToRender + i;
-      var isFirstColumn = columnIndex === 0;
-      var tabIndex = columnHeaderTabIndexState !== null && columnHeaderTabIndexState.field === colDef.field || isFirstColumn && !hasOtherElementInTabSequence ? 0 : -1;
-      var hasFocus = columnHeaderFocus !== null && columnHeaderFocus.field === colDef.field;
-      var open = columnMenuState.open && columnMenuState.field === colDef.field;
-      columns.push( /*#__PURE__*/_jsx(GridColumnHeaderItem, _extends({}, sortColumnLookup[colDef.field], {
-        columnMenuOpen: open,
-        filterItemsCounter: filterColumnLookup[colDef.field] && filterColumnLookup[colDef.field].length,
-        headerHeight: dimensions.headerHeight,
-        isDragging: colDef.field === dragCol,
-        colDef: colDef,
-        colIndex: columnIndex,
-        isResizing: resizeCol === colDef.field,
-        hasFocus: hasFocus,
-        tabIndex: tabIndex
-      }, other), colDef.field));
-    }
-    return /*#__PURE__*/_jsx(GridColumnHeaderRow, {
-      role: "row",
-      "aria-rowindex": headerGroupingMaxDepth + 1,
-      ownerState: rootProps,
-      children: getFillers(params, columns, 0)
-    });
-  };
-  var getColumnGroupHeaders = function getColumnGroupHeaders(params) {
-    if (headerGroupingMaxDepth === 0) {
-      return null;
-    }
-    var columnsToRender = getColumnsToRender(params);
-    if (columnsToRender.renderedColumns.length === 0) {
-      return null;
-    }
-    var firstColumnToRender = columnsToRender.firstColumnToRender,
-      lastColumnToRender = columnsToRender.lastColumnToRender;
-    var columns = [];
-    var headerToRender = [];
-    var _loop = function _loop(depth) {
-      var _apiRef$current$getCo, _apiRef$current$getCo2;
-      var rowStructure = columnGroupsHeaderStructure[depth];
-      var firstColumnFieldToRender = visibleColumns[firstColumnToRender].field;
-      var firstGroupToRender = (_apiRef$current$getCo = apiRef.current.getColumnGroupPath(firstColumnFieldToRender)[depth]) != null ? _apiRef$current$getCo : null;
-      var firstGroupIndex = rowStructure.findIndex(function (_ref3) {
-        var groupId = _ref3.groupId,
-          columnFields = _ref3.columnFields;
-        return groupId === firstGroupToRender && columnFields.includes(firstColumnFieldToRender);
-      });
-      var lastColumnFieldToRender = visibleColumns[lastColumnToRender - 1].field;
-      var lastGroupToRender = (_apiRef$current$getCo2 = apiRef.current.getColumnGroupPath(lastColumnFieldToRender)[depth]) != null ? _apiRef$current$getCo2 : null;
-      var lastGroupIndex = rowStructure.findIndex(function (_ref4) {
-        var groupId = _ref4.groupId,
-          columnFields = _ref4.columnFields;
-        return groupId === lastGroupToRender && columnFields.includes(lastColumnFieldToRender);
-      });
-      var visibleColumnGroupHeader = rowStructure.slice(firstGroupIndex, lastGroupIndex + 1).map(function (groupStructure) {
-        return _extends({}, groupStructure, {
-          columnFields: groupStructure.columnFields.filter(function (field) {
-            return columnVisibility[field] !== false;
-          })
-        });
-      }).filter(function (groupStructure) {
-        return groupStructure.columnFields.length > 0;
-      });
-      var firstVisibleColumnIndex = visibleColumnGroupHeader[0].columnFields.indexOf(firstColumnFieldToRender);
-      var hiddenGroupColumns = visibleColumnGroupHeader[0].columnFields.slice(0, firstVisibleColumnIndex);
-      var leftOverflow = hiddenGroupColumns.reduce(function (acc, field) {
-        var _column$computedWidth;
-        var column = apiRef.current.getColumn(field);
-        return acc + ((_column$computedWidth = column.computedWidth) != null ? _column$computedWidth : 0);
-      }, 0);
-      var columnIndex = firstColumnToRender;
-      var elements = visibleColumnGroupHeader.map(function (_ref5) {
-        var groupId = _ref5.groupId,
-          columnFields = _ref5.columnFields;
-        var hasFocus = columnGroupHeaderFocus !== null && columnGroupHeaderFocus.depth === depth && columnFields.includes(columnGroupHeaderFocus.field);
-        var tabIndex = columnGroupHeaderTabIndexState !== null && columnGroupHeaderTabIndexState.depth === depth && columnFields.includes(columnGroupHeaderTabIndexState.field) ? 0 : -1;
-        var headerInfo = {
-          groupId: groupId,
-          width: columnFields.reduce(function (acc, field) {
-            return acc + apiRef.current.getColumn(field).computedWidth;
-          }, 0),
-          fields: columnFields,
-          colIndex: columnIndex,
-          hasFocus: hasFocus,
-          tabIndex: tabIndex
-        };
-        columnIndex += columnFields.length;
-        return headerInfo;
-      });
-      headerToRender.push({
-        leftOverflow: leftOverflow,
-        elements: elements
-      });
-    };
-    for (var depth = 0; depth < headerGroupingMaxDepth; depth += 1) {
-      _loop(depth);
-    }
-    headerToRender.forEach(function (depthInfo, depthIndex) {
-      var children = depthInfo.elements.map(function (_ref2, groupIndex) {
-        var groupId = _ref2.groupId,
-          width = _ref2.width,
-          fields = _ref2.fields,
-          colIndex = _ref2.colIndex,
-          hasFocus = _ref2.hasFocus,
-          tabIndex = _ref2.tabIndex;
-        return /*#__PURE__*/_jsx(GridColumnGroupHeader, {
-          groupId: groupId,
-          width: width,
-          fields: fields,
-          colIndex: colIndex,
-          depth: depthIndex,
-          isLastColumn: colIndex === visibleColumns.length - fields.length,
-          maxDepth: headerToRender.length,
-          height: dimensions.headerHeight,
-          hasFocus: hasFocus,
-          tabIndex: tabIndex
-        }, groupIndex);
-      });
-      columns.push( /*#__PURE__*/_jsx(GridColumnHeaderRow, {
-        role: "row",
-        "aria-rowindex": depthIndex + 1,
-        ownerState: rootProps,
-        children: getFillers(params, children, depthInfo.leftOverflow)
-      }, depthIndex));
-    });
-    return columns;
-  };
-  return {
-    renderContext: renderContext,
-    getFillers: getFillers,
-    getColumnHeaders: getColumnHeaders,
-    getColumnsToRender: getColumnsToRender,
-    getColumnGroupHeaders: getColumnGroupHeaders,
-    isDragging: !!dragCol,
-    getInnerProps: function getInnerProps() {
-      return {
-        ref: handleInnerRef,
-        role: 'rowgroup'
-      };
-    }
-  };
-};

package/legacy/hooks/features/columnMenu/columnMenuInterfaces.js

@@ -1 +0,0 @@
-export {};

package/legacy/hooks/features/columnMenu/columnMenuSelector.js

@@ -1,3 +0,0 @@
-export var gridColumnMenuSelector = function gridColumnMenuSelector(state) {
-  return state.columnMenu;
-};

package/legacy/hooks/features/columnMenu/index.js

@@ -1,2 +0,0 @@
-export * from './columnMenuInterfaces';
-export * from './columnMenuSelector';

package/legacy/hooks/features/columnMenu/useGridColumnMenu.js

@@ -1,108 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { useGridLogger, useGridApiMethod, useGridApiEventHandler } from '../../utils';
-import { gridColumnMenuSelector } from './columnMenuSelector';
-import { gridColumnLookupSelector, gridColumnVisibilityModelSelector, gridColumnFieldsSelector } from '../columns/gridColumnsSelector';
-export var columnMenuStateInitializer = function columnMenuStateInitializer(state) {
-  return _extends({}, state, {
-    columnMenu: {
-      open: false
-    }
-  });
-};
-
-/**
- * @requires useGridColumnResize (event)
- * @requires useGridInfiniteLoader (event)
- */
-export var useGridColumnMenu = function useGridColumnMenu(apiRef) {
-  var logger = useGridLogger(apiRef, 'useGridColumnMenu');
-
-  /**
-   * API METHODS
-   */
-  var showColumnMenu = React.useCallback(function (field) {
-    var columnMenuState = gridColumnMenuSelector(apiRef.current.state);
-    var newState = {
-      open: true,
-      field: field
-    };
-    var shouldUpdate = newState.open !== columnMenuState.open || newState.field !== columnMenuState.field;
-    if (shouldUpdate) {
-      apiRef.current.setState(function (state) {
-        if (state.columnMenu.open && state.columnMenu.field === field) {
-          return state;
-        }
-        logger.debug('Opening Column Menu');
-        return _extends({}, state, {
-          columnMenu: {
-            open: true,
-            field: field
-          }
-        });
-      });
-      apiRef.current.hidePreferences();
-      apiRef.current.forceUpdate();
-    }
-  }, [apiRef, logger]);
-  var hideColumnMenu = React.useCallback(function () {
-    var columnMenuState = gridColumnMenuSelector(apiRef.current.state);
-    if (columnMenuState.field) {
-      var columnLookup = gridColumnLookupSelector(apiRef);
-      var columnVisibilityModel = gridColumnVisibilityModelSelector(apiRef);
-      var orderedFields = gridColumnFieldsSelector(apiRef);
-      var fieldToFocus = columnMenuState.field;
-
-      // If the column was removed from the grid, we need to find the closest visible field
-      if (!columnLookup[fieldToFocus]) {
-        fieldToFocus = orderedFields[0];
-      }
-
-      // If the field to focus is hidden, we need to find the closest visible field
-      if (columnVisibilityModel[fieldToFocus] === false) {
-        // contains visible column fields + the field that was just hidden
-        var visibleOrderedFields = orderedFields.filter(function (field) {
-          if (field === fieldToFocus) {
-            return true;
-          }
-          return columnVisibilityModel[field] !== false;
-        });
-        var fieldIndex = visibleOrderedFields.indexOf(fieldToFocus);
-        fieldToFocus = visibleOrderedFields[fieldIndex + 1] || visibleOrderedFields[fieldIndex - 1];
-      }
-      apiRef.current.setColumnHeaderFocus(fieldToFocus);
-    }
-    var newState = {
-      open: false,
-      field: undefined
-    };
-    var shouldUpdate = newState.open !== columnMenuState.open || newState.field !== columnMenuState.field;
-    if (shouldUpdate) {
-      apiRef.current.setState(function (state) {
-        logger.debug('Hiding Column Menu');
-        return _extends({}, state, {
-          columnMenu: newState
-        });
-      });
-      apiRef.current.forceUpdate();
-    }
-  }, [apiRef, logger]);
-  var toggleColumnMenu = React.useCallback(function (field) {
-    logger.debug('Toggle Column Menu');
-    var columnMenu = gridColumnMenuSelector(apiRef.current.state);
-    if (!columnMenu.open || columnMenu.field !== field) {
-      showColumnMenu(field);
-    } else {
-      hideColumnMenu();
-    }
-  }, [apiRef, logger, showColumnMenu, hideColumnMenu]);
-  var columnMenuApi = {
-    showColumnMenu: showColumnMenu,
-    hideColumnMenu: hideColumnMenu,
-    toggleColumnMenu: toggleColumnMenu
-  };
-  useGridApiMethod(apiRef, columnMenuApi, 'public');
-  useGridApiEventHandler(apiRef, 'columnResizeStart', hideColumnMenu);
-  useGridApiEventHandler(apiRef, 'virtualScrollerWheel', apiRef.current.hideColumnMenu);
-  useGridApiEventHandler(apiRef, 'virtualScrollerTouchMove', apiRef.current.hideColumnMenu);
-};