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

package/modern/utils/tree/sortRowTree.js

@@ -1,114 +0,0 @@
-import { GRID_ROOT_GROUP_ID } from '@mui/x-data-grid';
-// Single-linked list node
-class Node {
-  constructor(data, next) {
-    this.next = void 0;
-    this.data = void 0;
-    this.next = next;
-    this.data = data;
-  }
-  insertAfter(list) {
-    if (!list.first || !list.last) {
-      return;
-    }
-    const next = this.next;
-    this.next = list.first;
-    list.last.next = next;
-  }
-}
-
-// Single-linked list container
-class List {
-  constructor(first, last) {
-    this.first = void 0;
-    this.last = void 0;
-    this.first = first;
-    this.last = last;
-  }
-  data() {
-    const array = [];
-    this.forEach(node => {
-      array.push(node.data);
-    });
-    return array;
-  }
-  forEach(fn) {
-    let current = this.first;
-    while (current !== null) {
-      fn(current);
-      current = current.next;
-    }
-  }
-  static from(array) {
-    if (array.length === 0) {
-      return new List(null, null);
-    }
-    let index = 0;
-    const first = new Node(array[index], null);
-    let current = first;
-    while (index + 1 < array.length) {
-      index += 1;
-      const node = new Node(array[index], null);
-      current.next = node;
-      current = node;
-    }
-    return new List(first, current);
-  }
-}
-export const sortRowTree = params => {
-  const {
-    rowTree,
-    disableChildrenSorting,
-    sortRowList,
-    shouldRenderGroupBelowLeaves
-  } = params;
-  const sortedGroupedByParentRows = new Map();
-  const sortGroup = node => {
-    const shouldSortGroup = !!sortRowList && (!disableChildrenSorting || node.depth === -1);
-    let sortedRowIds;
-    if (shouldSortGroup) {
-      for (let i = 0; i < node.children.length; i += 1) {
-        const childNode = rowTree[node.children[i]];
-        if (childNode.type === 'group') {
-          sortGroup(childNode);
-        }
-      }
-      sortedRowIds = sortRowList(node.children.map(childId => rowTree[childId]));
-    } else if (shouldRenderGroupBelowLeaves) {
-      const childrenLeaves = [];
-      const childrenGroups = [];
-      for (let i = 0; i < node.children.length; i += 1) {
-        const childId = node.children[i];
-        const childNode = rowTree[childId];
-        if (childNode.type === 'group') {
-          sortGroup(childNode);
-          childrenGroups.push(childId);
-        } else if (childNode.type === 'leaf') {
-          childrenLeaves.push(childId);
-        }
-      }
-      sortedRowIds = [...childrenLeaves, ...childrenGroups];
-    } else {
-      for (let i = 0; i < node.children.length; i += 1) {
-        const childNode = rowTree[node.children[i]];
-        if (childNode.type === 'group') {
-          sortGroup(childNode);
-        }
-      }
-      sortedRowIds = [...node.children];
-    }
-    if (node.footerId != null) {
-      sortedRowIds.push(node.footerId);
-    }
-    sortedGroupedByParentRows.set(node.id, sortedRowIds);
-  };
-  sortGroup(rowTree[GRID_ROOT_GROUP_ID]);
-  const rootList = List.from(sortedGroupedByParentRows.get(GRID_ROOT_GROUP_ID));
-  rootList.forEach(node => {
-    const children = sortedGroupedByParentRows.get(node.data);
-    if (children?.length) {
-      node.insertAfter(List.from(children));
-    }
-  });
-  return rootList.data();
-};

package/modern/utils/tree/updateRowTree.d.ts

@@ -1,20 +0,0 @@
-import { GridGroupNode, GridRowId, GridRowTreeConfig } from '@mui/x-data-grid';
-import { GridRowTreeCreationValue, GridTreeDepths } from '@mui/x-data-grid/internals';
-import { GridTreePathDuplicateHandler, RowTreeBuilderNode } from "./models.js";
-export interface UpdateRowTreeNodes {
-  inserted: RowTreeBuilderNode[];
-  modified: RowTreeBuilderNode[];
-  removed: GridRowId[];
-}
-interface UpdateRowTreeParams {
-  previousTree: GridRowTreeConfig;
-  previousTreeDepth: GridTreeDepths;
-  nodes: UpdateRowTreeNodes;
-  defaultGroupingExpansionDepth: number;
-  isGroupExpandedByDefault?: (node: GridGroupNode) => boolean;
-  groupingName: string;
-  onDuplicatePath?: GridTreePathDuplicateHandler;
-  previousGroupsToFetch?: GridRowId[];
-}
-export declare const updateRowTree: (params: UpdateRowTreeParams) => GridRowTreeCreationValue;
-export {};

package/modern/utils/tree/updateRowTree.js

@@ -1,88 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { GRID_ROOT_GROUP_ID } from '@mui/x-data-grid';
-import { getTreeNodeDescendants } from '@mui/x-data-grid/internals';
-import { isDeepEqual } from '@mui/x-internals/isDeepEqual';
-import { insertDataRowInTree } from "./insertDataRowInTree.js";
-import { removeDataRowFromTree } from "./removeDataRowFromTree.js";
-import { createUpdatedGroupsManager, getNodePathInTree } from "./utils.js";
-export const updateRowTree = params => {
-  const tree = _extends({}, params.previousTree);
-  const treeDepths = _extends({}, params.previousTreeDepth);
-  const updatedGroupsManager = createUpdatedGroupsManager();
-  const groupsToFetch = params.previousGroupsToFetch ? new Set([...params.previousGroupsToFetch]) : new Set([]);
-  for (let i = 0; i < params.nodes.inserted.length; i += 1) {
-    const {
-      id,
-      path,
-      serverChildrenCount
-    } = params.nodes.inserted[i];
-    insertDataRowInTree({
-      previousTree: params.previousTree,
-      tree,
-      treeDepths,
-      updatedGroupsManager,
-      id,
-      path,
-      serverChildrenCount,
-      onDuplicatePath: params.onDuplicatePath,
-      isGroupExpandedByDefault: params.isGroupExpandedByDefault,
-      defaultGroupingExpansionDepth: params.defaultGroupingExpansionDepth,
-      groupsToFetch
-    });
-  }
-  for (let i = 0; i < params.nodes.removed.length; i += 1) {
-    const nodeId = params.nodes.removed[i];
-    removeDataRowFromTree({
-      tree,
-      treeDepths,
-      updatedGroupsManager,
-      id: nodeId
-    });
-  }
-  for (let i = 0; i < params.nodes.modified.length; i += 1) {
-    const {
-      id,
-      path,
-      serverChildrenCount
-    } = params.nodes.modified[i];
-    const pathInPreviousTree = getNodePathInTree({
-      tree,
-      id
-    });
-    const isInSameGroup = isDeepEqual(pathInPreviousTree, path);
-    if (!isInSameGroup) {
-      removeDataRowFromTree({
-        tree,
-        treeDepths,
-        updatedGroupsManager,
-        id
-      });
-      insertDataRowInTree({
-        previousTree: params.previousTree,
-        tree,
-        treeDepths,
-        updatedGroupsManager,
-        id,
-        path,
-        serverChildrenCount,
-        onDuplicatePath: params.onDuplicatePath,
-        isGroupExpandedByDefault: params.isGroupExpandedByDefault,
-        defaultGroupingExpansionDepth: params.defaultGroupingExpansionDepth,
-        groupsToFetch
-      });
-    } else {
-      updatedGroupsManager?.addAction(tree[id].parent, 'modifyChildren');
-    }
-  }
-
-  // TODO rows v6: Avoid walking the whole tree, we should be able to generate the new list only using slices.
-  const dataRowIds = getTreeNodeDescendants(tree, GRID_ROOT_GROUP_ID, true);
-  return {
-    tree,
-    treeDepths,
-    groupingName: params.groupingName,
-    dataRowIds,
-    updatedGroupsManager,
-    groupsToFetch: Array.from(groupsToFetch)
-  };
-};

package/modern/utils/tree/utils.d.ts

@@ -1,54 +0,0 @@
-import { GridFilterState, GridGroupNode, GridRowId, GridRowTreeConfig, GridRowsState, GridTreeNode } from '@mui/x-data-grid';
-import { GridTreeDepths, GridRowTreeUpdatedGroupsManager } from '@mui/x-data-grid/internals';
-import { RowTreeBuilderGroupingCriterion } from "./models.js";
-import { DataGridProProps } from "../../models/dataGridProProps.js";
-export declare const getGroupRowIdFromPath: (path: RowTreeBuilderGroupingCriterion[]) => string;
-export declare const getNodePathInTree: ({
-  id,
-  tree
-}: {
-  id: GridRowId;
-  tree: GridRowTreeConfig;
-}) => RowTreeBuilderGroupingCriterion[];
-export declare const checkGroupChildrenExpansion: (node: GridGroupNode, defaultGroupingExpansionDepth: number, isGroupExpandedByDefault?: DataGridProProps["isGroupExpandedByDefault"]) => boolean;
-export declare const updateGroupDefaultExpansion: (node: GridGroupNode, defaultGroupingExpansionDepth: number, isGroupExpandedByDefault?: DataGridProProps["isGroupExpandedByDefault"]) => GridGroupNode;
-/**
- * Insert a node in the tree
- */
-export declare const insertNodeInTree: (node: GridTreeNode, tree: GridRowTreeConfig, treeDepths: GridTreeDepths, previousTree: GridRowTreeConfig | null) => void;
-/**
- * Removes a node from the tree
- */
-export declare const removeNodeFromTree: ({
-  node,
-  tree,
-  treeDepths
-}: {
-  node: GridTreeNode;
-  tree: GridRowTreeConfig;
-  treeDepths: GridTreeDepths;
-}) => void;
-/**
- * Updates the `id` and `isAutoGenerated` properties of a group node.
- */
-export declare const updateGroupNodeIdAndAutoGenerated: ({
-  node,
-  updatedNode,
-  previousTree,
-  tree,
-  treeDepths
-}: {
-  previousTree: GridRowTreeConfig | null;
-  node: GridGroupNode;
-  updatedNode: Pick<GridGroupNode, "id" | "isAutoGenerated">;
-  tree: GridRowTreeConfig;
-  treeDepths: GridTreeDepths;
-}) => void;
-export declare const createUpdatedGroupsManager: () => GridRowTreeUpdatedGroupsManager;
-export declare const getVisibleRowsLookup: ({
-  tree,
-  filteredRowsLookup
-}: {
-  tree: GridRowsState["tree"];
-  filteredRowsLookup: GridFilterState["filteredRowsLookup"];
-}) => import("@mui/x-data-grid/hooks/features/filter/gridFilterState").GridVisibleRowsLookupState;

package/modern/utils/tree/utils.js

@@ -1,197 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { GRID_ROOT_GROUP_ID } from '@mui/x-data-grid';
-export const getGroupRowIdFromPath = path => {
-  const pathStr = path.map(groupingCriteria => `${groupingCriteria.field}/${groupingCriteria.key}`).join('-');
-  return `auto-generated-row-${pathStr}`;
-};
-export const getNodePathInTree = ({
-  id,
-  tree
-}) => {
-  const path = [];
-  let node = tree[id];
-  while (node.id !== GRID_ROOT_GROUP_ID) {
-    path.push({
-      field: node.type === 'leaf' ? null : node.groupingField,
-      key: node.groupingKey
-    });
-    node = tree[node.parent];
-  }
-  path.reverse();
-  return path;
-};
-export const checkGroupChildrenExpansion = (node, defaultGroupingExpansionDepth, isGroupExpandedByDefault) => {
-  let childrenExpanded;
-  if (node.id === GRID_ROOT_GROUP_ID) {
-    childrenExpanded = true;
-  } else if (isGroupExpandedByDefault) {
-    childrenExpanded = isGroupExpandedByDefault(node);
-  } else {
-    childrenExpanded = defaultGroupingExpansionDepth === -1 || defaultGroupingExpansionDepth > node.depth;
-  }
-  return childrenExpanded;
-};
-export const updateGroupDefaultExpansion = (node, defaultGroupingExpansionDepth, isGroupExpandedByDefault) => {
-  const childrenExpanded = checkGroupChildrenExpansion(node, defaultGroupingExpansionDepth, isGroupExpandedByDefault);
-  node.childrenExpanded = childrenExpanded;
-  return node;
-};
-
-/**
- * Insert a node in the tree
- */
-export const insertNodeInTree = (node, tree, treeDepths, previousTree) => {
-  // 1. Insert node in the tree.
-  tree[node.id] = node;
-
-  // 2. Increment the `treeDepths` object for the node's depth.
-  treeDepths[node.depth] = (treeDepths[node.depth] ?? 0) + 1;
-
-  // 3. Register the new node in its parent.
-  const parentNode = tree[node.parent];
-  if (node.type === 'group' || node.type === 'leaf') {
-    // For groups and leaves,
-    // Register the node from its parents `children` and `childrenFromPath` properties.
-    const groupingFieldName = node.groupingField ?? '__no_field__';
-    const groupingKeyName = node.groupingKey ?? '__no_key__';
-    const groupingField = parentNode.childrenFromPath?.[groupingFieldName];
-    if (previousTree !== null && previousTree[parentNode.id] === tree[parentNode.id]) {
-      parentNode.children = [...parentNode.children, node.id];
-    } else {
-      parentNode.children.push(node.id);
-    }
-    if (groupingField == null) {
-      parentNode.childrenFromPath[groupingFieldName] = {
-        [groupingKeyName.toString()]: node.id
-      };
-    } else {
-      groupingField[groupingKeyName.toString()] = node.id;
-    }
-  } else if (node.type === 'footer') {
-    // For footers,
-    // Register the node from its parent `footerId` property.
-    parentNode.footerId = node.id;
-  }
-};
-
-/**
- * Removes a node from the tree
- */
-export const removeNodeFromTree = ({
-  node,
-  tree,
-  treeDepths
-}) => {
-  // 1. Remove node from the tree.
-  delete tree[node.id];
-
-  // 2. Decrement the `treeDepths` object for the node's depth.
-  const nodeDepth = node.depth;
-  const currentNodeCount = treeDepths[nodeDepth];
-  if (currentNodeCount === 1) {
-    delete treeDepths[nodeDepth];
-  } else {
-    treeDepths[nodeDepth] = currentNodeCount - 1;
-  }
-
-  // 3. Unregister the new node in its parent.
-  const parentNode = tree[node.parent];
-  // For footers,
-  // Unregister the node from its parent `footerId` property.
-  if (node.type === 'footer') {
-    tree[parentNode.id] = _extends({}, parentNode, {
-      footerId: null
-    });
-  }
-  // For groups and leaves,
-  // Unregister the node from its parents `children` and `childrenFromPath` properties.
-  else {
-    const groupingField = node.groupingField ?? '__no_field__';
-    const groupingKey = node.groupingKey ?? '__no_key__';
-
-    // TODO rows v6: Can we avoid this linear complexity ?
-    const children = parentNode.children.filter(childId => childId !== node.id);
-    const childrenFromPath = parentNode.childrenFromPath;
-    delete childrenFromPath[groupingField][groupingKey.toString()];
-    tree[parentNode.id] = _extends({}, parentNode, {
-      children,
-      childrenFromPath
-    });
-  }
-};
-
-/**
- * Updates the `id` and `isAutoGenerated` properties of a group node.
- */
-export const updateGroupNodeIdAndAutoGenerated = ({
-  node,
-  updatedNode,
-  previousTree,
-  tree,
-  treeDepths
-}) => {
-  // 1. Set the new parent for all children from the old group
-  node.children.forEach(childId => {
-    tree[childId] = _extends({}, tree[childId], {
-      parent: updatedNode.id
-    });
-  });
-
-  // 2. Remove the old group from the tree
-  removeNodeFromTree({
-    node,
-    tree,
-    treeDepths
-  });
-
-  // 3. Add the new group in the tree
-  const groupNode = _extends({}, node, updatedNode);
-  insertNodeInTree(groupNode, tree, treeDepths, previousTree);
-};
-export const createUpdatedGroupsManager = () => ({
-  value: {},
-  addAction(groupId, action) {
-    if (!this.value[groupId]) {
-      this.value[groupId] = {};
-    }
-    this.value[groupId][action] = true;
-  }
-});
-export const getVisibleRowsLookup = ({
-  tree,
-  filteredRowsLookup
-}) => {
-  if (!filteredRowsLookup) {
-    return {};
-  }
-  const visibleRowsLookup = {};
-  const handleTreeNode = (node, areAncestorsExpanded) => {
-    const isPassingFiltering = filteredRowsLookup[node.id] !== false;
-    if (node.type === 'group') {
-      node.children.forEach(childId => {
-        const childNode = tree[childId];
-        handleTreeNode(childNode, areAncestorsExpanded && !!node.childrenExpanded);
-      });
-    }
-    const isVisible = isPassingFiltering && areAncestorsExpanded;
-    if (!isVisible) {
-      visibleRowsLookup[node.id] = isVisible;
-    }
-
-    // TODO rows v6: Should we keep storing the visibility status of footer independently or rely on the group visibility in the selector ?
-    if (node.type === 'group' && node.footerId != null) {
-      const isFooterVisible = isPassingFiltering && areAncestorsExpanded && !!node.childrenExpanded;
-      if (!isFooterVisible) {
-        visibleRowsLookup[node.footerId] = isFooterVisible;
-      }
-    }
-  };
-  const nodes = Object.values(tree);
-  for (let i = 0; i < nodes.length; i += 1) {
-    const node = nodes[i];
-    if (node.depth === 0) {
-      handleTreeNode(node, true);
-    }
-  }
-  return visibleRowsLookup;
-};