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

package/modern/DataGridPremium/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./DataGrid.js";
-export * from "./DataGridPremium.js";
-export { DATA_GRID_PREMIUM_PROPS_DEFAULT_VALUES } from "./useDataGridPremiumProps.js";

package/modern/DataGridPremium/index.js

@@ -1,3 +0,0 @@
-export * from "./DataGrid.js";
-export * from "./DataGridPremium.js";
-export { DATA_GRID_PREMIUM_PROPS_DEFAULT_VALUES } from "./useDataGridPremiumProps.js";

package/modern/DataGridPremium/useDataGridPremiumComponent.d.ts

@@ -1,4 +0,0 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridApiPremium, GridPrivateApiPremium } from "../models/gridApiPremium.js";
-import { DataGridPremiumProcessedProps } from "../models/dataGridPremiumProps.js";
-export declare const useDataGridPremiumComponent: (inputApiRef: RefObject<GridApiPremium | null> | undefined, props: DataGridPremiumProcessedProps) => import("react").RefObject<GridPrivateApiPremium>;

package/modern/DataGridPremium/useDataGridPremiumComponent.js

@@ -1,108 +0,0 @@
-import { useGridInitialization, useGridInitializeState, useGridClipboard, useGridColumnMenu, useGridColumns, columnsStateInitializer, useGridDensity, useGridCsvExport, useGridPrintExport, useGridFilter, filterStateInitializer, useGridFocus, useGridKeyboardNavigation, useGridPagination, paginationStateInitializer, useGridPreferencesPanel, useGridEditing, editingStateInitializer, useGridRows, useGridRowsPreProcessors, rowsStateInitializer, useGridRowsMeta, useGridParamsApi, useGridRowSelection, useGridSorting, sortingStateInitializer, useGridScroll, useGridEvents, dimensionsStateInitializer, useGridDimensions, useGridStatePersistence, useGridRowSelectionPreProcessors, columnMenuStateInitializer, densityStateInitializer, focusStateInitializer, preferencePanelStateInitializer, rowsMetaStateInitializer, rowSelectionStateInitializer, useGridColumnReorder, columnReorderStateInitializer, useGridColumnResize, columnResizeStateInitializer, useGridTreeData, useGridTreeDataPreProcessors, useGridColumnPinning, columnPinningStateInitializer, useGridColumnPinningPreProcessors, useGridDetailPanel, detailPanelStateInitializer, useGridDetailPanelPreProcessors, useGridInfiniteLoader, useGridColumnSpanning, useGridRowReorder, useGridRowReorderPreProcessors, useGridRowPinning, useGridRowPinningPreProcessors, rowPinningStateInitializer, useGridColumnGrouping, columnGroupsStateInitializer, useGridLazyLoader, useGridLazyLoaderPreProcessors, useGridDataSourceLazyLoader, headerFilteringStateInitializer, useGridHeaderFiltering, virtualizationStateInitializer, useGridVirtualization, useGridDataSourceTreeDataPreProcessors, dataSourceStateInitializer, useGridRowSpanning, rowSpanningStateInitializer, useGridListView, listViewStateInitializer, propsStateInitializer } from '@mui/x-data-grid-pro/internals';
-import { useGridDataSourcePremium as useGridDataSource } from "../hooks/features/dataSource/useGridDataSourcePremium.js";
-// Premium-only features
-import { useGridAggregation, aggregationStateInitializer } from "../hooks/features/aggregation/useGridAggregation.js";
-import { useGridAggregationPreProcessors } from "../hooks/features/aggregation/useGridAggregationPreProcessors.js";
-import { useGridRowGrouping, rowGroupingStateInitializer } from "../hooks/features/rowGrouping/useGridRowGrouping.js";
-import { useGridRowGroupingPreProcessors } from "../hooks/features/rowGrouping/useGridRowGroupingPreProcessors.js";
-import { useGridDataSourceRowGroupingPreProcessors } from "../hooks/features/rowGrouping/useGridDataSourceRowGroupingPreProcessors.js";
-import { useGridExcelExport } from "../hooks/features/export/useGridExcelExport.js";
-import { cellSelectionStateInitializer, useGridCellSelection } from "../hooks/features/cellSelection/useGridCellSelection.js";
-import { useGridClipboardImport } from "../hooks/features/clipboard/useGridClipboardImport.js";
-export const useDataGridPremiumComponent = (inputApiRef, props) => {
-  const apiRef = useGridInitialization(inputApiRef, props);
-
-  /**
-   * Register all pre-processors called during state initialization here.
-   */
-  useGridRowSelectionPreProcessors(apiRef, props);
-  useGridRowReorderPreProcessors(apiRef, props);
-  useGridRowGroupingPreProcessors(apiRef, props);
-  useGridDataSourceRowGroupingPreProcessors(apiRef, props);
-  useGridTreeDataPreProcessors(apiRef, props);
-  useGridDataSourceTreeDataPreProcessors(apiRef, props);
-  useGridLazyLoaderPreProcessors(apiRef, props);
-  useGridRowPinningPreProcessors(apiRef);
-  useGridAggregationPreProcessors(apiRef, props);
-  useGridDetailPanelPreProcessors(apiRef, props);
-  // The column pinning `hydrateColumns` pre-processor must be after every other `hydrateColumns` pre-processors
-  // Because it changes the order of the columns.
-  useGridColumnPinningPreProcessors(apiRef, props);
-  useGridRowsPreProcessors(apiRef);
-
-  /**
-   * Register all state initializers here.
-   */
-  useGridInitializeState(propsStateInitializer, apiRef, props);
-  useGridInitializeState(headerFilteringStateInitializer, apiRef, props);
-  useGridInitializeState(rowGroupingStateInitializer, apiRef, props);
-  useGridInitializeState(aggregationStateInitializer, apiRef, props);
-  useGridInitializeState(rowSelectionStateInitializer, apiRef, props);
-  useGridInitializeState(cellSelectionStateInitializer, apiRef, props);
-  useGridInitializeState(detailPanelStateInitializer, apiRef, props);
-  useGridInitializeState(columnPinningStateInitializer, apiRef, props);
-  useGridInitializeState(columnsStateInitializer, apiRef, props);
-  useGridInitializeState(rowPinningStateInitializer, apiRef, props);
-  useGridInitializeState(rowsStateInitializer, apiRef, props);
-  useGridInitializeState(paginationStateInitializer, apiRef, props);
-  useGridInitializeState(editingStateInitializer, apiRef, props);
-  useGridInitializeState(focusStateInitializer, apiRef, props);
-  useGridInitializeState(sortingStateInitializer, apiRef, props);
-  useGridInitializeState(preferencePanelStateInitializer, apiRef, props);
-  useGridInitializeState(filterStateInitializer, apiRef, props);
-  useGridInitializeState(rowSpanningStateInitializer, apiRef, props);
-  useGridInitializeState(densityStateInitializer, apiRef, props);
-  useGridInitializeState(columnReorderStateInitializer, apiRef, props);
-  useGridInitializeState(columnResizeStateInitializer, apiRef, props);
-  useGridInitializeState(columnMenuStateInitializer, apiRef, props);
-  useGridInitializeState(columnGroupsStateInitializer, apiRef, props);
-  useGridInitializeState(virtualizationStateInitializer, apiRef, props);
-  useGridInitializeState(dataSourceStateInitializer, apiRef, props);
-  useGridInitializeState(dimensionsStateInitializer, apiRef, props);
-  useGridInitializeState(rowsMetaStateInitializer, apiRef, props);
-  useGridInitializeState(listViewStateInitializer, apiRef, props);
-  useGridRowGrouping(apiRef, props);
-  useGridHeaderFiltering(apiRef, props);
-  useGridTreeData(apiRef, props);
-  useGridAggregation(apiRef, props);
-  useGridKeyboardNavigation(apiRef, props);
-  useGridRowSelection(apiRef, props);
-  useGridCellSelection(apiRef, props);
-  useGridColumnPinning(apiRef, props);
-  useGridRowPinning(apiRef, props);
-  useGridColumns(apiRef, props);
-  useGridRows(apiRef, props);
-  useGridRowSpanning(apiRef, props);
-  useGridParamsApi(apiRef, props);
-  useGridDetailPanel(apiRef, props);
-  useGridColumnSpanning(apiRef);
-  useGridColumnGrouping(apiRef, props);
-  useGridClipboardImport(apiRef, props);
-  useGridEditing(apiRef, props);
-  useGridFocus(apiRef, props);
-  useGridPreferencesPanel(apiRef, props);
-  useGridFilter(apiRef, props);
-  useGridSorting(apiRef, props);
-  useGridDensity(apiRef, props);
-  useGridColumnReorder(apiRef, props);
-  useGridColumnResize(apiRef, props);
-  useGridPagination(apiRef, props);
-  useGridRowsMeta(apiRef, props);
-  useGridRowReorder(apiRef, props);
-  useGridScroll(apiRef, props);
-  useGridInfiniteLoader(apiRef, props);
-  useGridLazyLoader(apiRef, props);
-  useGridDataSourceLazyLoader(apiRef, props);
-  useGridColumnMenu(apiRef);
-  useGridCsvExport(apiRef, props);
-  useGridPrintExport(apiRef, props);
-  useGridExcelExport(apiRef, props);
-  useGridClipboard(apiRef, props);
-  useGridDimensions(apiRef, props);
-  useGridEvents(apiRef, props);
-  useGridStatePersistence(apiRef);
-  useGridDataSource(apiRef, props);
-  useGridVirtualization(apiRef, props);
-  useGridListView(apiRef, props);
-  return apiRef;
-};

package/modern/DataGridPremium/useDataGridPremiumProps.d.ts

@@ -1,6 +0,0 @@
-import { DataGridPremiumProps, DataGridPremiumProcessedProps, DataGridPremiumPropsWithDefaultValue } from "../models/dataGridPremiumProps.js";
-/**
- * The default values of `DataGridPremiumPropsWithDefaultValue` to inject in the props of DataGridPremium.
- */
-export declare const DATA_GRID_PREMIUM_PROPS_DEFAULT_VALUES: DataGridPremiumPropsWithDefaultValue;
-export declare const useDataGridPremiumProps: (inProps: DataGridPremiumProps) => DataGridPremiumProcessedProps;

package/modern/DataGridPremium/useDataGridPremiumProps.js

@@ -1,54 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { useThemeProps } from '@mui/material/styles';
-import { DATA_GRID_PRO_PROPS_DEFAULT_VALUES, GRID_DEFAULT_LOCALE_TEXT, GridSignature } from '@mui/x-data-grid-pro';
-import { computeSlots } from '@mui/x-data-grid-pro/internals';
-import { GRID_AGGREGATION_FUNCTIONS } from "../hooks/features/aggregation/index.js";
-import { DATA_GRID_PREMIUM_DEFAULT_SLOTS_COMPONENTS } from "../constants/dataGridPremiumDefaultSlotsComponents.js";
-const getDataGridPremiumForcedProps = themedProps => _extends({
-  signature: GridSignature.DataGridPremium
-}, themedProps.dataSource ? {
-  filterMode: 'server',
-  sortingMode: 'server',
-  paginationMode: 'server'
-} : {});
-
-/**
- * The default values of `DataGridPremiumPropsWithDefaultValue` to inject in the props of DataGridPremium.
- */
-export const DATA_GRID_PREMIUM_PROPS_DEFAULT_VALUES = _extends({}, DATA_GRID_PRO_PROPS_DEFAULT_VALUES, {
-  cellSelection: false,
-  disableAggregation: false,
-  disableRowGrouping: false,
-  rowGroupingColumnMode: 'single',
-  aggregationFunctions: GRID_AGGREGATION_FUNCTIONS,
-  aggregationRowsScope: 'filtered',
-  getAggregationPosition: groupNode => groupNode.depth === -1 ? 'footer' : 'inline',
-  disableClipboardPaste: false,
-  splitClipboardPastedText: pastedText => {
-    // Excel on Windows adds an empty line break at the end of the copied text.
-    // See https://github.com/mui/mui-x/issues/9103
-    const text = pastedText.replace(/\r?\n$/, '');
-    return text.split(/\r\n|\n|\r/).map(row => row.split('\t'));
-  }
-});
-const defaultSlots = DATA_GRID_PREMIUM_DEFAULT_SLOTS_COMPONENTS;
-export const useDataGridPremiumProps = inProps => {
-  const themedProps =
-  // eslint-disable-next-line material-ui/mui-name-matches-component-name
-  useThemeProps({
-    props: inProps,
-    name: 'MuiDataGrid'
-  });
-  const localeText = React.useMemo(() => _extends({}, GRID_DEFAULT_LOCALE_TEXT, themedProps.localeText), [themedProps.localeText]);
-  const slots = React.useMemo(() => computeSlots({
-    defaultSlots,
-    slots: themedProps.slots
-  }), [themedProps.slots]);
-  return React.useMemo(() => _extends({}, DATA_GRID_PREMIUM_PROPS_DEFAULT_VALUES, themedProps.dataSource ? {
-    aggregationFunctions: {}
-  } : {}, themedProps, {
-    localeText,
-    slots
-  }, getDataGridPremiumForcedProps(themedProps)), [themedProps, localeText, slots]);
-};

package/modern/components/GridAggregationHeader.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { GridColumnHeaderParams } from '@mui/x-data-grid';
-import { type GridBaseColDef } from '@mui/x-data-grid/internals';
-declare function GridAggregationHeader(props: GridColumnHeaderParams & {
-  renderHeader: GridBaseColDef['renderHeader'];
-}): React.JSX.Element | null;
-export { GridAggregationHeader };

package/modern/components/GridAggregationHeader.js

@@ -1,89 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["renderHeader"];
-import * as React from 'react';
-import composeClasses from '@mui/utils/composeClasses';
-import { styled } from '@mui/material/styles';
-import { getDataGridUtilityClass, gridClasses, GridColumnHeaderTitle } from '@mui/x-data-grid';
-import { vars } from '@mui/x-data-grid/internals';
-import { getAggregationFunctionLabel } from "../hooks/features/aggregation/gridAggregationUtils.js";
-import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
-import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const GridAggregationHeaderRoot = styled('div', {
-  name: 'MuiDataGrid',
-  slot: 'AggregationColumnHeader',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.aggregationColumnHeader, ownerState.colDef.headerAlign === 'left' && styles['aggregationColumnHeader--alignLeft'], ownerState.colDef.headerAlign === 'center' && styles['aggregationColumnHeader--alignCenter'], ownerState.colDef.headerAlign === 'right' && styles['aggregationColumnHeader--alignRight']];
-  }
-})({
-  display: 'flex',
-  flexDirection: 'column',
-  [`&.${gridClasses['aggregationColumnHeader--alignRight']}`]: {
-    alignItems: 'flex-end'
-  },
-  [`&.${gridClasses['aggregationColumnHeader--alignCenter']}`]: {
-    alignItems: 'center'
-  }
-});
-const GridAggregationFunctionLabel = styled('div', {
-  name: 'MuiDataGrid',
-  slot: 'AggregationColumnHeaderLabel'
-})({
-  font: vars.typography.font.small,
-  lineHeight: 'normal',
-  color: vars.colors.foreground.muted,
-  marginTop: -1
-});
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    colDef
-  } = ownerState;
-  const slots = {
-    root: ['aggregationColumnHeader', colDef.headerAlign === 'left' && 'aggregationColumnHeader--alignLeft', colDef.headerAlign === 'center' && 'aggregationColumnHeader--alignCenter', colDef.headerAlign === 'right' && 'aggregationColumnHeader--alignRight'],
-    aggregationLabel: ['aggregationColumnHeaderLabel']
-  };
-  return composeClasses(slots, getDataGridUtilityClass, classes);
-};
-function GridAggregationHeader(props) {
-  const {
-      renderHeader
-    } = props,
-    params = _objectWithoutPropertiesLoose(props, _excluded);
-  const {
-    colDef,
-    aggregation
-  } = params;
-  const apiRef = useGridApiContext();
-  const rootProps = useGridRootProps();
-  const ownerState = _extends({}, rootProps, {
-    classes: rootProps.classes,
-    colDef
-  });
-  const classes = useUtilityClasses(ownerState);
-  if (!aggregation) {
-    return null;
-  }
-  const aggregationLabel = getAggregationFunctionLabel({
-    apiRef,
-    aggregationRule: aggregation.aggregationRule
-  });
-  return /*#__PURE__*/_jsxs(GridAggregationHeaderRoot, {
-    ownerState: ownerState,
-    className: classes.root,
-    children: [renderHeader ? renderHeader(params) : /*#__PURE__*/_jsx(GridColumnHeaderTitle, {
-      label: colDef.headerName ?? colDef.field,
-      description: colDef.description,
-      columnWidth: colDef.computedWidth
-    }), /*#__PURE__*/_jsx(GridAggregationFunctionLabel, {
-      ownerState: ownerState,
-      className: classes.aggregationLabel,
-      children: aggregationLabel
-    })]
-  });
-}
-export { GridAggregationHeader };

package/modern/components/GridAggregationRowOverlay.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-declare const GridAggregationRowOverlay: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement>> | React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export { GridAggregationRowOverlay };

package/modern/components/GridAggregationRowOverlay.js

@@ -1,37 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { forwardRef } from '@mui/x-internals/forwardRef';
-import composeClasses from '@mui/utils/composeClasses';
-import { getDataGridUtilityClass, useGridRootProps } from '@mui/x-data-grid-pro';
-import { GridSkeletonLoadingOverlayInner, useGridSelector } from '@mui/x-data-grid-pro/internals';
-import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
-import { gridAggregationModelSelector } from "../hooks/features/aggregation/gridAggregationSelectors.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['aggregationRowOverlayWrapper']
-  };
-  return composeClasses(slots, getDataGridUtilityClass, classes);
-};
-const GridAggregationRowOverlay = forwardRef(function GridAggregationRowOverlay(props, forwardedRef) {
-  const apiRef = useGridApiContext();
-  const rootProps = useGridRootProps();
-  const classes = useUtilityClasses({
-    classes: rootProps.classes
-  });
-  const aggregationModel = useGridSelector(apiRef, gridAggregationModelSelector);
-  const visibleColumns = new Set(Object.keys(aggregationModel));
-  return /*#__PURE__*/_jsx("div", {
-    className: classes.root,
-    children: /*#__PURE__*/_jsx(GridSkeletonLoadingOverlayInner, _extends({}, props, {
-      skeletonRowsCount: 1,
-      visibleColumns: visibleColumns,
-      showFirstRowBorder: true,
-      ref: forwardedRef
-    }))
-  });
-});
-export { GridAggregationRowOverlay };

package/modern/components/GridBottomContainer.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-export type GridBottomContainerProps = React.PropsWithChildren;
-export declare function GridBottomContainer(props: GridBottomContainerProps): React.JSX.Element;

package/modern/components/GridBottomContainer.js

@@ -1,43 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["children"];
-import * as React from 'react';
-import clsx from 'clsx';
-import { styled } from '@mui/system';
-import composeClasses from '@mui/utils/composeClasses';
-import { gridClasses, getDataGridUtilityClass, useGridSelector, gridRowsLoadingSelector, gridRowTreeSelector, GRID_ROOT_GROUP_ID } from '@mui/x-data-grid-pro';
-import { useGridPrivateApiContext } from "../hooks/utils/useGridPrivateApiContext.js";
-import { GridAggregationRowOverlay } from "./GridAggregationRowOverlay.js";
-import { useGridRootProps } from "../typeOverloads/reexports.js";
-import { gridAggregationModelSelector } from "../hooks/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = () => {
-  const slots = {
-    root: ['bottomContainer']
-  };
-  return composeClasses(slots, getDataGridUtilityClass, {});
-};
-const Element = styled('div')({
-  position: 'sticky',
-  zIndex: 40,
-  bottom: 'calc(var(--DataGrid-hasScrollX) * var(--DataGrid-scrollbarSize))'
-});
-export function GridBottomContainer(props) {
-  const classes = useUtilityClasses();
-  const rootProps = useGridRootProps();
-  const apiRef = useGridPrivateApiContext();
-  const isLoading = useGridSelector(apiRef, gridRowsLoadingSelector);
-  const tree = useGridSelector(apiRef, gridRowTreeSelector);
-  const aggregationModel = useGridSelector(apiRef, gridAggregationModelSelector);
-  const aggregationPosition = rootProps.getAggregationPosition(tree[GRID_ROOT_GROUP_ID]);
-  const hasAggregation = React.useMemo(() => Object.keys(aggregationModel).length > 0, [aggregationModel]);
-  const {
-      children
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  return /*#__PURE__*/_jsx(Element, _extends({}, other, {
-    className: clsx(classes.root, gridClasses['container--bottom']),
-    role: "presentation",
-    children: hasAggregation && isLoading && aggregationPosition === 'footer' ? /*#__PURE__*/_jsx(GridAggregationRowOverlay, {}) : children
-  }));
-}

package/modern/components/GridColumnMenuAggregationItem.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { GridColumnMenuItemProps } from '@mui/x-data-grid-pro';
-declare function GridColumnMenuAggregationItem(props: GridColumnMenuItemProps): React.JSX.Element;
-declare namespace GridColumnMenuAggregationItem {
-  var propTypes: any;
-}
-export { GridColumnMenuAggregationItem };

package/modern/components/GridColumnMenuAggregationItem.js

@@ -1,124 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _toPropertyKey from "@babel/runtime/helpers/esm/toPropertyKey";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["native"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { useGridSelector } from '@mui/x-data-grid-pro';
-import { unstable_useId as useId } from '@mui/utils';
-import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
-import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
-import { canColumnHaveAggregationFunction, getAggregationFunctionLabel, getAvailableAggregationFunctions } from "../hooks/features/aggregation/gridAggregationUtils.js";
-import { gridAggregationModelSelector } from "../hooks/features/aggregation/gridAggregationSelectors.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createElement as _createElement } from "react";
-function GridColumnMenuAggregationItem(props) {
-  const {
-    colDef
-  } = props;
-  const apiRef = useGridApiContext();
-  const inputRef = React.useRef(null);
-  const rootProps = useGridRootProps();
-  const id = useId();
-  const aggregationModel = useGridSelector(apiRef, gridAggregationModelSelector);
-  const availableAggregationFunctions = React.useMemo(() => getAvailableAggregationFunctions({
-    aggregationFunctions: rootProps.aggregationFunctions,
-    colDef,
-    isDataSource: !!rootProps.dataSource
-  }), [colDef, rootProps.aggregationFunctions, rootProps.dataSource]);
-  const _ref = rootProps.slotProps?.baseSelect || {},
-    {
-      native: isBaseSelectNative = false
-    } = _ref,
-    baseSelectProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  const baseSelectOptionProps = rootProps.slotProps?.baseSelectOption || {};
-  const selectedAggregationRule = React.useMemo(() => {
-    if (!colDef || !aggregationModel[colDef.field]) {
-      return '';
-    }
-    const aggregationFunctionName = aggregationModel[colDef.field];
-    if (canColumnHaveAggregationFunction({
-      colDef,
-      aggregationFunctionName,
-      aggregationFunction: rootProps.aggregationFunctions[aggregationFunctionName],
-      isDataSource: !!rootProps.dataSource
-    })) {
-      return aggregationFunctionName;
-    }
-    return '';
-  }, [rootProps.aggregationFunctions, rootProps.dataSource, aggregationModel, colDef]);
-  const handleAggregationItemChange = event => {
-    const newAggregationItem = event.target?.value || undefined;
-    const currentModel = gridAggregationModelSelector(apiRef);
-    const _colDef$field = colDef.field,
-      otherColumnItems = _objectWithoutPropertiesLoose(currentModel, [_colDef$field].map(_toPropertyKey));
-    const newModel = newAggregationItem == null ? otherColumnItems : _extends({}, otherColumnItems, {
-      [colDef?.field]: newAggregationItem
-    });
-    apiRef.current.setAggregationModel(newModel);
-    apiRef.current.hideColumnMenu();
-  };
-  const label = apiRef.current.getLocaleText('aggregationMenuItemHeader');
-  const handleMenuItemKeyDown = React.useCallback(event => {
-    if (event.key === 'Enter' || event.key === ' ') {
-      inputRef.current.focus();
-    }
-  }, []);
-  const handleSelectKeyDown = React.useCallback(event => {
-    if (event.key === 'ArrowDown' || event.key === 'ArrowUp' || event.key === ' ') {
-      event.stopPropagation();
-    }
-  }, []);
-  return /*#__PURE__*/_jsx(rootProps.slots.baseMenuItem, {
-    inert: true,
-    iconStart: /*#__PURE__*/_jsx(rootProps.slots.columnMenuAggregationIcon, {
-      fontSize: "small"
-    }),
-    onKeyDown: handleMenuItemKeyDown,
-    children: /*#__PURE__*/_jsxs(rootProps.slots.baseSelect, _extends({
-      labelId: `${id}-label`,
-      id: `${id}-input`,
-      value: selectedAggregationRule,
-      label: label,
-      onChange: handleAggregationItemChange,
-      onKeyDown: handleSelectKeyDown,
-      onBlur: event => event.stopPropagation(),
-      native: isBaseSelectNative,
-      fullWidth: true,
-      size: "small",
-      style: {
-        minWidth: 150
-      },
-      slotProps: {
-        htmlInput: {
-          ref: inputRef
-        }
-      }
-    }, baseSelectProps, {
-      children: [/*#__PURE__*/_jsx(rootProps.slots.baseSelectOption, _extends({}, baseSelectOptionProps, {
-        native: isBaseSelectNative,
-        value: "",
-        children: "..."
-      })), availableAggregationFunctions.map(aggFunc => /*#__PURE__*/_createElement(rootProps.slots.baseSelectOption, _extends({}, baseSelectOptionProps, {
-        key: aggFunc,
-        value: aggFunc,
-        native: isBaseSelectNative
-      }), getAggregationFunctionLabel({
-        apiRef,
-        aggregationRule: {
-          aggregationFunctionName: aggFunc,
-          aggregationFunction: rootProps.aggregationFunctions[aggFunc]
-        }
-      })))]
-    }))
-  });
-}
-process.env.NODE_ENV !== "production" ? GridColumnMenuAggregationItem.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  colDef: PropTypes.object.isRequired,
-  onClick: PropTypes.func.isRequired
-} : void 0;
-export { GridColumnMenuAggregationItem };

package/modern/components/GridColumnMenuRowGroupItem.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { GridColumnMenuItemProps } from '@mui/x-data-grid-pro';
-export declare function GridColumnMenuRowGroupItem(props: GridColumnMenuItemProps): React.JSX.Element | null;

package/modern/components/GridColumnMenuRowGroupItem.js

@@ -1,42 +0,0 @@
-import * as React from 'react';
-import { useGridSelector, gridColumnLookupSelector } from '@mui/x-data-grid-pro';
-import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
-import { gridRowGroupingSanitizedModelSelector } from "../hooks/features/rowGrouping/gridRowGroupingSelector.js";
-import { getRowGroupingCriteriaFromGroupingField, GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD, isGroupingColumn } from "../hooks/features/rowGrouping/gridRowGroupingUtils.js";
-import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function GridColumnMenuRowGroupItem(props) {
-  const {
-    colDef,
-    onClick
-  } = props;
-  const apiRef = useGridApiContext();
-  const rowGroupingModel = useGridSelector(apiRef, gridRowGroupingSanitizedModelSelector);
-  const columnsLookup = useGridSelector(apiRef, gridColumnLookupSelector);
-  const rootProps = useGridRootProps();
-  const renderUnGroupingMenuItem = field => {
-    const ungroupColumn = event => {
-      apiRef.current.removeRowGroupingCriteria(field);
-      onClick(event);
-    };
-    const groupedColumn = columnsLookup[field];
-    const name = groupedColumn.headerName ?? field;
-    return /*#__PURE__*/_jsx(rootProps.slots.baseMenuItem, {
-      onClick: ungroupColumn,
-      disabled: !groupedColumn.groupable,
-      iconStart: /*#__PURE__*/_jsx(rootProps.slots.columnMenuUngroupIcon, {
-        fontSize: "small"
-      }),
-      children: apiRef.current.getLocaleText('unGroupColumn')(name)
-    }, field);
-  };
-  if (!colDef || !isGroupingColumn(colDef.field)) {
-    return null;
-  }
-  if (colDef.field === GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD) {
-    return /*#__PURE__*/_jsx(React.Fragment, {
-      children: rowGroupingModel.map(renderUnGroupingMenuItem)
-    });
-  }
-  return renderUnGroupingMenuItem(getRowGroupingCriteriaFromGroupingField(colDef.field));
-}

package/modern/components/GridColumnMenuRowUngroupItem.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { GridColumnMenuItemProps } from '@mui/x-data-grid-pro';
-export declare function GridColumnMenuRowUngroupItem(props: GridColumnMenuItemProps): React.JSX.Element | null;

package/modern/components/GridColumnMenuRowUngroupItem.js

@@ -1,44 +0,0 @@
-import * as React from 'react';
-import { gridColumnLookupSelector, useGridSelector } from '@mui/x-data-grid-pro';
-import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
-import { gridRowGroupingSanitizedModelSelector } from "../hooks/features/rowGrouping/gridRowGroupingSelector.js";
-import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function GridColumnMenuRowUngroupItem(props) {
-  const {
-    colDef,
-    onClick
-  } = props;
-  const apiRef = useGridApiContext();
-  const rowGroupingModel = useGridSelector(apiRef, gridRowGroupingSanitizedModelSelector);
-  const columnsLookup = useGridSelector(apiRef, gridColumnLookupSelector);
-  const rootProps = useGridRootProps();
-  if (!colDef.groupable) {
-    return null;
-  }
-  const ungroupColumn = event => {
-    apiRef.current.removeRowGroupingCriteria(colDef.field);
-    onClick(event);
-  };
-  const groupColumn = event => {
-    apiRef.current.addRowGroupingCriteria(colDef.field);
-    onClick(event);
-  };
-  const name = columnsLookup[colDef.field].headerName ?? colDef.field;
-  if (rowGroupingModel.includes(colDef.field)) {
-    return /*#__PURE__*/_jsx(rootProps.slots.baseMenuItem, {
-      onClick: ungroupColumn,
-      iconStart: /*#__PURE__*/_jsx(rootProps.slots.columnMenuUngroupIcon, {
-        fontSize: "small"
-      }),
-      children: apiRef.current.getLocaleText('unGroupColumn')(name)
-    });
-  }
-  return /*#__PURE__*/_jsx(rootProps.slots.baseMenuItem, {
-    onClick: groupColumn,
-    iconStart: /*#__PURE__*/_jsx(rootProps.slots.columnMenuGroupIcon, {
-      fontSize: "small"
-    }),
-    children: apiRef.current.getLocaleText('groupColumn')(name)
-  });
-}

package/modern/components/GridDataSourceGroupingCriteriaCell.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { GridRenderCellParams, GridGroupNode } from '@mui/x-data-grid-pro';
-interface GridGroupingCriteriaCellProps extends GridRenderCellParams<any, any, any, GridGroupNode> {
-  hideDescendantCount?: boolean;
-}
-export declare function GridDataSourceGroupingCriteriaCell(props: GridGroupingCriteriaCellProps): React.JSX.Element;
-export {};