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

package/modern/hooks/features/serverSideTreeData/useGridDataSourceTreeDataPreProcessors.js

@@ -1,148 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["hideDescendantCount"];
-import * as React from 'react';
-import { gridRowTreeSelector, useFirstRender, GRID_CHECKBOX_SELECTION_FIELD } from '@mui/x-data-grid';
-import { GridStrategyGroup, useGridRegisterPipeProcessor, useGridRegisterStrategyProcessor } from '@mui/x-data-grid/internals';
-import { GRID_TREE_DATA_GROUPING_COL_DEF, GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES } from "../treeData/gridTreeDataGroupColDef.js";
-import { skipFiltering, skipSorting } from "./utils.js";
-import { GridDataSourceTreeDataGroupingCell } from "../../../components/GridDataSourceTreeDataGroupingCell.js";
-import { createRowTree } from "../../../utils/tree/createRowTree.js";
-import { updateRowTree } from "../../../utils/tree/updateRowTree.js";
-import { getVisibleRowsLookup } from "../../../utils/tree/utils.js";
-import { TreeDataStrategy } from "../treeData/gridTreeDataUtils.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const useGridDataSourceTreeDataPreProcessors = (privateApiRef, props) => {
-  const setStrategyAvailability = React.useCallback(() => {
-    privateApiRef.current.setStrategyAvailability(GridStrategyGroup.RowTree, TreeDataStrategy.DataSource, props.treeData && props.dataSource ? () => true : () => false);
-  }, [privateApiRef, props.treeData, props.dataSource]);
-  const getGroupingColDef = React.useCallback(() => {
-    const groupingColDefProp = props.groupingColDef;
-    let colDefOverride;
-    if (typeof groupingColDefProp === 'function') {
-      const params = {
-        groupingName: TreeDataStrategy.DataSource,
-        fields: []
-      };
-      colDefOverride = groupingColDefProp(params);
-    } else {
-      colDefOverride = groupingColDefProp;
-    }
-    const _ref = colDefOverride ?? {},
-      {
-        hideDescendantCount
-      } = _ref,
-      colDefOverrideProperties = _objectWithoutPropertiesLoose(_ref, _excluded);
-    const commonProperties = _extends({}, GRID_TREE_DATA_GROUPING_COL_DEF, {
-      renderCell: params => /*#__PURE__*/_jsx(GridDataSourceTreeDataGroupingCell, _extends({}, params, {
-        hideDescendantCount: hideDescendantCount
-      })),
-      headerName: privateApiRef.current.getLocaleText('treeDataGroupingHeaderName')
-    });
-    return _extends({}, commonProperties, colDefOverrideProperties, GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES);
-  }, [privateApiRef, props.groupingColDef]);
-  const updateGroupingColumn = React.useCallback(columnsState => {
-    if (!props.dataSource) {
-      return columnsState;
-    }
-    const groupingColDefField = GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES.field;
-    const shouldHaveGroupingColumn = props.treeData;
-    const prevGroupingColumn = columnsState.lookup[groupingColDefField];
-    if (shouldHaveGroupingColumn) {
-      const newGroupingColumn = getGroupingColDef();
-      if (prevGroupingColumn) {
-        newGroupingColumn.width = prevGroupingColumn.width;
-        newGroupingColumn.flex = prevGroupingColumn.flex;
-      }
-      columnsState.lookup[groupingColDefField] = newGroupingColumn;
-      if (prevGroupingColumn == null) {
-        const index = columnsState.orderedFields[0] === GRID_CHECKBOX_SELECTION_FIELD ? 1 : 0;
-        columnsState.orderedFields = [...columnsState.orderedFields.slice(0, index), groupingColDefField, ...columnsState.orderedFields.slice(index)];
-      }
-    } else if (!shouldHaveGroupingColumn && prevGroupingColumn) {
-      delete columnsState.lookup[groupingColDefField];
-      columnsState.orderedFields = columnsState.orderedFields.filter(field => field !== groupingColDefField);
-    }
-    return columnsState;
-  }, [props.treeData, props.dataSource, getGroupingColDef]);
-  const createRowTreeForTreeData = React.useCallback(params => {
-    const getGroupKey = props.dataSource?.getGroupKey;
-    if (!getGroupKey) {
-      throw new Error('MUI X: No `getGroupKey` method provided with the dataSource.');
-    }
-    const getChildrenCount = props.dataSource?.getChildrenCount;
-    if (!getChildrenCount) {
-      throw new Error('MUI X: No `getChildrenCount` method provided with the dataSource.');
-    }
-    const parentPath = params.updates.groupKeys ?? [];
-    const getRowTreeBuilderNode = rowId => {
-      const count = getChildrenCount(params.dataRowIdToModelLookup[rowId]);
-      return {
-        id: rowId,
-        path: [...parentPath, getGroupKey(params.dataRowIdToModelLookup[rowId])].map(key => ({
-          key,
-          field: null
-        })),
-        serverChildrenCount: count
-      };
-    };
-    const onDuplicatePath = (firstId, secondId, path) => {
-      throw new Error(['MUI X: The values returned by `getGroupKey` for all the sibling rows should be unique.', `The rows with id #${firstId} and #${secondId} have the same.`, `Path: ${JSON.stringify(path.map(step => step.key))}.`].join('\n'));
-    };
-    if (params.updates.type === 'full') {
-      return createRowTree({
-        previousTree: params.previousTree,
-        nodes: params.updates.rows.map(getRowTreeBuilderNode),
-        defaultGroupingExpansionDepth: props.defaultGroupingExpansionDepth,
-        isGroupExpandedByDefault: props.isGroupExpandedByDefault,
-        groupingName: TreeDataStrategy.DataSource,
-        onDuplicatePath
-      });
-    }
-    return updateRowTree({
-      nodes: {
-        inserted: params.updates.actions.insert.map(getRowTreeBuilderNode),
-        modified: params.updates.actions.modify.map(getRowTreeBuilderNode),
-        removed: params.updates.actions.remove
-      },
-      previousTree: params.previousTree,
-      previousGroupsToFetch: params.previousGroupsToFetch,
-      previousTreeDepth: params.previousTreeDepths,
-      defaultGroupingExpansionDepth: props.defaultGroupingExpansionDepth,
-      isGroupExpandedByDefault: props.isGroupExpandedByDefault,
-      groupingName: TreeDataStrategy.DataSource
-    });
-  }, [props.dataSource, props.defaultGroupingExpansionDepth, props.isGroupExpandedByDefault]);
-  const filterRows = React.useCallback(() => {
-    const rowTree = gridRowTreeSelector(privateApiRef);
-    return skipFiltering(rowTree);
-  }, [privateApiRef]);
-  const sortRows = React.useCallback(() => {
-    const rowTree = gridRowTreeSelector(privateApiRef);
-    return skipSorting(rowTree);
-  }, [privateApiRef]);
-  useGridRegisterPipeProcessor(privateApiRef, 'hydrateColumns', updateGroupingColumn);
-  useGridRegisterStrategyProcessor(privateApiRef, TreeDataStrategy.DataSource, 'rowTreeCreation', createRowTreeForTreeData);
-  useGridRegisterStrategyProcessor(privateApiRef, TreeDataStrategy.DataSource, 'filtering', filterRows);
-  useGridRegisterStrategyProcessor(privateApiRef, TreeDataStrategy.DataSource, 'sorting', sortRows);
-  useGridRegisterStrategyProcessor(privateApiRef, TreeDataStrategy.DataSource, 'visibleRowsLookupCreation', getVisibleRowsLookup);
-
-  /**
-   * 1ST RENDER
-   */
-  useFirstRender(() => {
-    setStrategyAvailability();
-  });
-
-  /**
-   * EFFECTS
-   */
-  const isFirstRender = React.useRef(true);
-  React.useEffect(() => {
-    if (!isFirstRender.current) {
-      setStrategyAvailability();
-    } else {
-      isFirstRender.current = false;
-    }
-  }, [setStrategyAvailability]);
-};

package/modern/hooks/features/serverSideTreeData/utils.d.ts

@@ -1,7 +0,0 @@
-import { GridRowId, GridRowTreeConfig } from '@mui/x-data-grid';
-export declare function skipFiltering(rowTree: GridRowTreeConfig): {
-  filteredRowsLookup: {};
-  filteredChildrenCountLookup: Record<GridRowId, number>;
-  filteredDescendantCountLookup: {};
-};
-export declare function skipSorting(rowTree: GridRowTreeConfig): GridRowId[];

package/modern/hooks/features/serverSideTreeData/utils.js

@@ -1,18 +0,0 @@
-import { GRID_ROOT_GROUP_ID } from '@mui/x-data-grid';
-import { defaultGridFilterLookup, getTreeNodeDescendants } from '@mui/x-data-grid/internals';
-export function skipFiltering(rowTree) {
-  const filteredChildrenCountLookup = {};
-  const nodes = Object.values(rowTree);
-  for (let i = 0; i < nodes.length; i += 1) {
-    const node = nodes[i];
-    filteredChildrenCountLookup[node.id] = node.serverChildrenCount ?? 0;
-  }
-  return {
-    filteredRowsLookup: defaultGridFilterLookup.filteredRowsLookup,
-    filteredChildrenCountLookup,
-    filteredDescendantCountLookup: defaultGridFilterLookup.filteredDescendantCountLookup
-  };
-}
-export function skipSorting(rowTree) {
-  return getTreeNodeDescendants(rowTree, GRID_ROOT_GROUP_ID, false);
-}

package/modern/hooks/features/treeData/gridTreeDataGroupColDef.d.ts

@@ -1,8 +0,0 @@
-import { GridColDef } from '@mui/x-data-grid';
-import { GRID_TREE_DATA_GROUPING_FIELD } from '@mui/x-data-grid/internals';
-/**
- * TODO: Add sorting and filtering on the value and the filteredDescendantCount
- */
-export declare const GRID_TREE_DATA_GROUPING_COL_DEF: Omit<GridColDef, 'field' | 'editable'>;
-export { GRID_TREE_DATA_GROUPING_FIELD };
-export declare const GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES: Pick<GridColDef, 'field' | 'editable' | 'groupable'>;

package/modern/hooks/features/treeData/gridTreeDataGroupColDef.js

@@ -1,27 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { GRID_STRING_COL_DEF, gridRowIdSelector, gridRowNodeSelector } from '@mui/x-data-grid';
-import { GRID_TREE_DATA_GROUPING_FIELD } from '@mui/x-data-grid/internals';
-
-/**
- * TODO: Add sorting and filtering on the value and the filteredDescendantCount
- */
-export const GRID_TREE_DATA_GROUPING_COL_DEF = _extends({}, GRID_STRING_COL_DEF, {
-  type: 'custom',
-  sortable: false,
-  filterable: false,
-  disableColumnMenu: true,
-  disableReorder: true,
-  align: 'left',
-  width: 200,
-  valueGetter: (value, row, column, apiRef) => {
-    const rowId = gridRowIdSelector(apiRef, row);
-    const rowNode = gridRowNodeSelector(apiRef, rowId);
-    return rowNode?.type === 'group' || rowNode?.type === 'leaf' ? rowNode.groupingKey : undefined;
-  }
-});
-export { GRID_TREE_DATA_GROUPING_FIELD };
-export const GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES = {
-  field: GRID_TREE_DATA_GROUPING_FIELD,
-  editable: false,
-  groupable: false
-};

package/modern/hooks/features/treeData/gridTreeDataUtils.d.ts

@@ -1,22 +0,0 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridRowTreeConfig, GridFilterState, GridFilterModel } from '@mui/x-data-grid';
-import { GridAggregatedFilterItemApplier } from '@mui/x-data-grid/internals';
-import type { GridPrivateApiPro } from '../../../models/gridApiPro';
-interface FilterRowTreeFromTreeDataParams {
-  rowTree: GridRowTreeConfig;
-  disableChildrenFiltering: boolean;
-  isRowMatchingFilters: GridAggregatedFilterItemApplier | null;
-  filterModel: GridFilterModel;
-  apiRef: RefObject<GridPrivateApiPro>;
-}
-export declare enum TreeDataStrategy {
-  Default = "tree-data",
-  DataSource = "tree-data-source",
-}
-/**
- * A node is visible if one of the following criteria is met:
- * - One of its children is passing the filter
- * - It is passing the filter
- */
-export declare const filterRowTreeFromTreeData: (params: FilterRowTreeFromTreeDataParams) => Omit<GridFilterState, "filterModel">;
-export {};

package/modern/hooks/features/treeData/gridTreeDataUtils.js

@@ -1,95 +0,0 @@
-import { passFilterLogic } from '@mui/x-data-grid/internals';
-export let TreeDataStrategy = /*#__PURE__*/function (TreeDataStrategy) {
-  TreeDataStrategy["Default"] = "tree-data";
-  TreeDataStrategy["DataSource"] = "tree-data-source";
-  return TreeDataStrategy;
-}({});
-
-/**
- * A node is visible if one of the following criteria is met:
- * - One of its children is passing the filter
- * - It is passing the filter
- */
-export const filterRowTreeFromTreeData = params => {
-  const {
-    apiRef,
-    rowTree,
-    disableChildrenFiltering,
-    isRowMatchingFilters
-  } = params;
-  const filteredRowsLookup = {};
-  const filteredChildrenCountLookup = {};
-  const filteredDescendantCountLookup = {};
-  const filterCache = {};
-  const filterResults = {
-    passingFilterItems: null,
-    passingQuickFilterValues: null
-  };
-  const filterTreeNode = (node, isParentMatchingFilters, areAncestorsExpanded) => {
-    const shouldSkipFilters = disableChildrenFiltering && node.depth > 0;
-    let isMatchingFilters;
-    if (shouldSkipFilters) {
-      isMatchingFilters = null;
-    } else if (!isRowMatchingFilters || node.type === 'footer') {
-      isMatchingFilters = true;
-    } else {
-      const row = apiRef.current.getRow(node.id);
-      isRowMatchingFilters(row, undefined, filterResults);
-      isMatchingFilters = passFilterLogic([filterResults.passingFilterItems], [filterResults.passingQuickFilterValues], params.filterModel, params.apiRef, filterCache);
-    }
-    let filteredChildrenCount = 0;
-    let filteredDescendantCount = 0;
-    if (node.type === 'group') {
-      node.children.forEach(childId => {
-        const childNode = rowTree[childId];
-        const childSubTreeSize = filterTreeNode(childNode, isMatchingFilters ?? isParentMatchingFilters, areAncestorsExpanded && !!node.childrenExpanded);
-        filteredDescendantCount += childSubTreeSize;
-        if (childSubTreeSize > 0) {
-          filteredChildrenCount += 1;
-        }
-      });
-    }
-    let shouldPassFilters;
-    switch (isMatchingFilters) {
-      case true:
-        {
-          shouldPassFilters = true;
-          break;
-        }
-      case false:
-        {
-          shouldPassFilters = filteredDescendantCount > 0;
-          break;
-        }
-      default:
-        {
-          shouldPassFilters = isParentMatchingFilters;
-          break;
-        }
-    }
-    if (!shouldPassFilters) {
-      filteredRowsLookup[node.id] = false;
-    }
-    if (!shouldPassFilters) {
-      return 0;
-    }
-    filteredChildrenCountLookup[node.id] = filteredChildrenCount;
-    filteredDescendantCountLookup[node.id] = filteredDescendantCount;
-    if (node.type === 'footer') {
-      return filteredDescendantCount;
-    }
-    return filteredDescendantCount + 1;
-  };
-  const nodes = Object.values(rowTree);
-  for (let i = 0; i < nodes.length; i += 1) {
-    const node = nodes[i];
-    if (node.depth === 0) {
-      filterTreeNode(node, true, true);
-    }
-  }
-  return {
-    filteredRowsLookup,
-    filteredChildrenCountLookup,
-    filteredDescendantCountLookup
-  };
-};

package/modern/hooks/features/treeData/index.d.ts

@@ -1 +0,0 @@
-export { GRID_TREE_DATA_GROUPING_FIELD } from "./gridTreeDataGroupColDef.js";

package/modern/hooks/features/treeData/index.js

@@ -1 +0,0 @@
-export { GRID_TREE_DATA_GROUPING_FIELD } from "./gridTreeDataGroupColDef.js";

package/modern/hooks/features/treeData/useGridTreeData.d.ts

@@ -1,4 +0,0 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridApiPro } from "../../../models/gridApiPro.js";
-import { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
-export declare const useGridTreeData: (apiRef: RefObject<GridApiPro>, props: Pick<DataGridProProcessedProps, "dataSource">) => void;

package/modern/hooks/features/treeData/useGridTreeData.js

@@ -1,22 +0,0 @@
-import * as React from 'react';
-import { useGridEvent } from '@mui/x-data-grid';
-import { GRID_TREE_DATA_GROUPING_FIELD } from "./gridTreeDataGroupColDef.js";
-export const useGridTreeData = (apiRef, props) => {
-  /**
-   * EVENTS
-   */
-  const handleCellKeyDown = React.useCallback((params, event) => {
-    const cellParams = apiRef.current.getCellParams(params.id, params.field);
-    if (cellParams.colDef.field === GRID_TREE_DATA_GROUPING_FIELD && (event.key === ' ' || event.key === 'Enter') && !event.shiftKey) {
-      if (params.rowNode.type !== 'group') {
-        return;
-      }
-      if (props.dataSource && !params.rowNode.childrenExpanded) {
-        apiRef.current.dataSource.fetchRows(params.id);
-        return;
-      }
-      apiRef.current.setRowChildrenExpansion(params.id, !params.rowNode.childrenExpanded);
-    }
-  }, [apiRef, props.dataSource]);
-  useGridEvent(apiRef, 'cellKeyDown', handleCellKeyDown);
-};

package/modern/hooks/features/treeData/useGridTreeDataPreProcessors.d.ts

@@ -1,4 +0,0 @@
-import { RefObject } from '@mui/x-internals/types';
-import { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
-import { GridPrivateApiPro } from "../../../models/gridApiPro.js";
-export declare const useGridTreeDataPreProcessors: (privateApiRef: RefObject<GridPrivateApiPro>, props: Pick<DataGridProProcessedProps, "treeData" | "groupingColDef" | "getTreeDataPath" | "disableChildrenSorting" | "disableChildrenFiltering" | "defaultGroupingExpansionDepth" | "isGroupExpandedByDefault" | "dataSource">) => void;

package/modern/hooks/features/treeData/useGridTreeDataPreProcessors.js

@@ -1,148 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["hideDescendantCount"];
-import * as React from 'react';
-import { gridRowTreeSelector, useFirstRender, GRID_CHECKBOX_SELECTION_FIELD } from '@mui/x-data-grid';
-import { GridStrategyGroup, useGridRegisterPipeProcessor, useGridRegisterStrategyProcessor } from '@mui/x-data-grid/internals';
-import { GRID_TREE_DATA_GROUPING_COL_DEF, GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES } from "./gridTreeDataGroupColDef.js";
-import { filterRowTreeFromTreeData, TreeDataStrategy } from "./gridTreeDataUtils.js";
-import { GridTreeDataGroupingCell } from "../../../components/index.js";
-import { createRowTree } from "../../../utils/tree/createRowTree.js";
-import { sortRowTree } from "../../../utils/tree/sortRowTree.js";
-import { updateRowTree } from "../../../utils/tree/updateRowTree.js";
-import { getVisibleRowsLookup } from "../../../utils/tree/utils.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const useGridTreeDataPreProcessors = (privateApiRef, props) => {
-  const setStrategyAvailability = React.useCallback(() => {
-    privateApiRef.current.setStrategyAvailability(GridStrategyGroup.RowTree, TreeDataStrategy.Default, props.treeData && !props.dataSource ? () => true : () => false);
-  }, [privateApiRef, props.treeData, props.dataSource]);
-  const getGroupingColDef = React.useCallback(() => {
-    const groupingColDefProp = props.groupingColDef;
-    let colDefOverride;
-    if (typeof groupingColDefProp === 'function') {
-      const params = {
-        groupingName: TreeDataStrategy.Default,
-        fields: []
-      };
-      colDefOverride = groupingColDefProp(params);
-    } else {
-      colDefOverride = groupingColDefProp;
-    }
-    const _ref = colDefOverride ?? {},
-      {
-        hideDescendantCount
-      } = _ref,
-      colDefOverrideProperties = _objectWithoutPropertiesLoose(_ref, _excluded);
-    const commonProperties = _extends({}, GRID_TREE_DATA_GROUPING_COL_DEF, {
-      renderCell: params => /*#__PURE__*/_jsx(GridTreeDataGroupingCell, _extends({}, params, {
-        hideDescendantCount: hideDescendantCount
-      })),
-      headerName: privateApiRef.current.getLocaleText('treeDataGroupingHeaderName')
-    });
-    return _extends({}, commonProperties, colDefOverrideProperties, GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES);
-  }, [privateApiRef, props.groupingColDef]);
-  const updateGroupingColumn = React.useCallback(columnsState => {
-    if (props.dataSource) {
-      return columnsState;
-    }
-    const groupingColDefField = GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES.field;
-    const shouldHaveGroupingColumn = props.treeData;
-    const prevGroupingColumn = columnsState.lookup[groupingColDefField];
-    if (shouldHaveGroupingColumn) {
-      const newGroupingColumn = getGroupingColDef();
-      if (prevGroupingColumn) {
-        newGroupingColumn.width = prevGroupingColumn.width;
-        newGroupingColumn.flex = prevGroupingColumn.flex;
-      }
-      columnsState.lookup[groupingColDefField] = newGroupingColumn;
-      if (prevGroupingColumn == null) {
-        const index = columnsState.orderedFields[0] === GRID_CHECKBOX_SELECTION_FIELD ? 1 : 0;
-        columnsState.orderedFields = [...columnsState.orderedFields.slice(0, index), groupingColDefField, ...columnsState.orderedFields.slice(index)];
-      }
-    } else if (!shouldHaveGroupingColumn && prevGroupingColumn) {
-      delete columnsState.lookup[groupingColDefField];
-      columnsState.orderedFields = columnsState.orderedFields.filter(field => field !== groupingColDefField);
-    }
-    return columnsState;
-  }, [props.treeData, props.dataSource, getGroupingColDef]);
-  const createRowTreeForTreeData = React.useCallback(params => {
-    if (!props.getTreeDataPath) {
-      throw new Error('MUI X: No getTreeDataPath given.');
-    }
-    const getRowTreeBuilderNode = rowId => ({
-      id: rowId,
-      path: props.getTreeDataPath(params.dataRowIdToModelLookup[rowId]).map(key => ({
-        key,
-        field: null
-      }))
-    });
-    const onDuplicatePath = (firstId, secondId, path) => {
-      throw new Error(['MUI X: The path returned by `getTreeDataPath` should be unique.', `The rows with id #${firstId} and #${secondId} have the same.`, `Path: ${JSON.stringify(path.map(step => step.key))}.`].join('\n'));
-    };
-    if (params.updates.type === 'full') {
-      return createRowTree({
-        previousTree: params.previousTree,
-        nodes: params.updates.rows.map(getRowTreeBuilderNode),
-        defaultGroupingExpansionDepth: props.defaultGroupingExpansionDepth,
-        isGroupExpandedByDefault: props.isGroupExpandedByDefault,
-        groupingName: TreeDataStrategy.Default,
-        onDuplicatePath
-      });
-    }
-    return updateRowTree({
-      nodes: {
-        inserted: params.updates.actions.insert.map(getRowTreeBuilderNode),
-        modified: params.updates.actions.modify.map(getRowTreeBuilderNode),
-        removed: params.updates.actions.remove
-      },
-      previousTree: params.previousTree,
-      previousTreeDepth: params.previousTreeDepths,
-      defaultGroupingExpansionDepth: props.defaultGroupingExpansionDepth,
-      isGroupExpandedByDefault: props.isGroupExpandedByDefault,
-      groupingName: TreeDataStrategy.Default
-    });
-  }, [props.getTreeDataPath, props.defaultGroupingExpansionDepth, props.isGroupExpandedByDefault]);
-  const filterRows = React.useCallback(params => {
-    const rowTree = gridRowTreeSelector(privateApiRef);
-    return filterRowTreeFromTreeData({
-      rowTree,
-      isRowMatchingFilters: params.isRowMatchingFilters,
-      disableChildrenFiltering: props.disableChildrenFiltering,
-      filterModel: params.filterModel,
-      apiRef: privateApiRef
-    });
-  }, [privateApiRef, props.disableChildrenFiltering]);
-  const sortRows = React.useCallback(params => {
-    const rowTree = gridRowTreeSelector(privateApiRef);
-    return sortRowTree({
-      rowTree,
-      sortRowList: params.sortRowList,
-      disableChildrenSorting: props.disableChildrenSorting,
-      shouldRenderGroupBelowLeaves: false
-    });
-  }, [privateApiRef, props.disableChildrenSorting]);
-  useGridRegisterPipeProcessor(privateApiRef, 'hydrateColumns', updateGroupingColumn);
-  useGridRegisterStrategyProcessor(privateApiRef, TreeDataStrategy.Default, 'rowTreeCreation', createRowTreeForTreeData);
-  useGridRegisterStrategyProcessor(privateApiRef, TreeDataStrategy.Default, 'filtering', filterRows);
-  useGridRegisterStrategyProcessor(privateApiRef, TreeDataStrategy.Default, 'sorting', sortRows);
-  useGridRegisterStrategyProcessor(privateApiRef, TreeDataStrategy.Default, 'visibleRowsLookupCreation', getVisibleRowsLookup);
-
-  /**
-   * 1ST RENDER
-   */
-  useFirstRender(() => {
-    setStrategyAvailability();
-  });
-
-  /**
-   * EFFECTS
-   */
-  const isFirstRender = React.useRef(true);
-  React.useEffect(() => {
-    if (!isFirstRender.current) {
-      setStrategyAvailability();
-    } else {
-      isFirstRender.current = false;
-    }
-  }, [setStrategyAvailability]);
-};

package/modern/hooks/index.d.ts

@@ -1 +0,0 @@
-export * from "./features/index.js";

package/modern/hooks/index.js

@@ -1 +0,0 @@
-export * from "./features/index.js";

package/modern/hooks/utils/useGridApiContext.d.ts

@@ -1,4 +0,0 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridApiCommon } from '@mui/x-data-grid';
-import { GridApiPro } from "../../models/gridApiPro.js";
-export declare const useGridApiContext: <Api extends GridApiCommon = GridApiPro>() => RefObject<Api>;

package/modern/hooks/utils/useGridApiContext.js

@@ -1,2 +0,0 @@
-import { useGridApiContext as useCommunityGridApiContext } from '@mui/x-data-grid';
-export const useGridApiContext = useCommunityGridApiContext;

package/modern/hooks/utils/useGridApiRef.d.ts

@@ -1,4 +0,0 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridApiCommon } from '@mui/x-data-grid';
-import { GridApiPro } from "../../models/gridApiPro.js";
-export declare const useGridApiRef: <Api extends GridApiCommon = GridApiPro>() => RefObject<Api | null>;

package/modern/hooks/utils/useGridApiRef.js

@@ -1,2 +0,0 @@
-import { useGridApiRef as useCommunityGridApiRef } from '@mui/x-data-grid';
-export const useGridApiRef = useCommunityGridApiRef;

package/modern/hooks/utils/useGridAriaAttributes.d.ts

@@ -1,2 +0,0 @@
-import * as React from 'react';
-export declare const useGridAriaAttributes: () => React.HTMLAttributes<HTMLElement>;

package/modern/hooks/utils/useGridAriaAttributes.js

@@ -1,11 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { useGridAriaAttributes as useGridAriaAttributesCommunity } from '@mui/x-data-grid/internals';
-import { useGridRootProps } from "./useGridRootProps.js";
-export const useGridAriaAttributes = () => {
-  const ariaAttributesCommunity = useGridAriaAttributesCommunity();
-  const rootProps = useGridRootProps();
-  const ariaAttributesPro = rootProps.treeData ? {
-    role: 'treegrid'
-  } : {};
-  return _extends({}, ariaAttributesCommunity, ariaAttributesPro);
-};

package/modern/hooks/utils/useGridPrivateApiContext.d.ts

@@ -1,2 +0,0 @@
-import { GridPrivateApiPro } from "../../models/gridApiPro.js";
-export declare const useGridPrivateApiContext: () => import("react").RefObject<GridPrivateApiPro>;

package/modern/hooks/utils/useGridPrivateApiContext.js

@@ -1,2 +0,0 @@
-import { useGridPrivateApiContext as useCommunityGridPrivateApiContext } from '@mui/x-data-grid/internals';
-export const useGridPrivateApiContext = useCommunityGridPrivateApiContext;

package/modern/hooks/utils/useGridRootProps.d.ts

@@ -1,2 +0,0 @@
-import type { DataGridProProcessedProps } from '../../models/dataGridProProps';
-export declare const useGridRootProps: () => DataGridProProcessedProps;

package/modern/hooks/utils/useGridRootProps.js

@@ -1,2 +0,0 @@
-import { useGridRootProps as useCommunityGridRootProps } from '@mui/x-data-grid';
-export const useGridRootProps = useCommunityGridRootProps;

package/modern/index.d.ts

@@ -1,22 +0,0 @@
-import "./typeOverloads/index.js";
-export * from '@mui/x-data-grid/components';
-export * from '@mui/x-data-grid/constants';
-export * from '@mui/x-data-grid/hooks';
-export * from '@mui/x-data-grid/models';
-export * from '@mui/x-data-grid/context';
-export * from '@mui/x-data-grid/utils';
-export * from '@mui/x-data-grid/colDef';
-export type { GridExportFormat, GridExportExtension } from '@mui/x-data-grid';
-export * from "./DataGridPro/index.js";
-export * from "./hooks/index.js";
-export * from "./models/index.js";
-export * from "./components/index.js";
-export * from "./utils/index.js";
-export type { DataGridProProps, GridExperimentalProFeatures } from './models/dataGridProProps';
-export { useGridApiContext, useGridApiRef, useGridRootProps } from "./typeOverloads/reexports.js";
-export type { GridApi, GridInitialState, GridState } from './typeOverloads/reexports';
-export { GridColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS } from "./components/reexports.js";
-export { GridColumnHeaders } from "./components/GridColumnHeaders.js";
-export type { GridColumnHeadersProps } from './components/GridColumnHeaders';
-export type { GridGetRowsParamsPro as GridGetRowsParams, GridGetRowsResponsePro as GridGetRowsResponse, GridDataSourcePro as GridDataSource } from './hooks/features/dataSource/models';
-export type { GridDataSourceApiBasePro as GridDataSourceApiBase, GridDataSourceApiPro as GridDataSourceApi, GridDataSourcePrivateApiPro as GridDataSourcePrivateApi } from './hooks/features/dataSource/models';

package/modern/index.js

@@ -1,25 +0,0 @@
-/**
- * @mui/x-data-grid-pro v8.0.0-beta.3
- *
- * @license MUI X Commercial
- * This source code is licensed under the commercial license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import "./typeOverloads/index.js";
-export * from '@mui/x-data-grid/components';
-export * from '@mui/x-data-grid/constants';
-export * from '@mui/x-data-grid/hooks';
-export * from '@mui/x-data-grid/models';
-export * from '@mui/x-data-grid/context';
-export * from '@mui/x-data-grid/utils';
-export * from '@mui/x-data-grid/colDef';
-export * from "./DataGridPro/index.js";
-export * from "./hooks/index.js";
-export * from "./models/index.js";
-export * from "./components/index.js";
-export * from "./utils/index.js";
-export { useGridApiContext, useGridApiRef, useGridRootProps } from "./typeOverloads/reexports.js";
-export { GridColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS } from "./components/reexports.js";
-export { GridColumnHeaders } from "./components/GridColumnHeaders.js";
-
-// Reexportable exports