@mui/x-data-grid-pro 7.28.3 → 7.29.1

package/{esm → node}/hooks/features/rowReorder/useGridRowReorderPreProcessors.js

@@ -1,9 +1,17 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import composeClasses from '@mui/utils/composeClasses';
-import { getDataGridUtilityClass } from '@mui/x-data-grid';
-import { useGridRegisterPipeProcessor } from '@mui/x-data-grid/internals';
-import { GRID_REORDER_COL_DEF } from "./gridRowReorderColDef.js";
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGridRowReorderPreProcessors = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _xDataGrid = require("@mui/x-data-grid");
+var _internals = require("@mui/x-data-grid/internals");
+var _gridRowReorderColDef = require("./gridRowReorderColDef");
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -13,16 +21,16 @@ const useUtilityClasses = ownerState => {
       rowReorderCellContainer: ['rowReorderCellContainer'],
       columnHeaderReorder: ['columnHeaderReorder']
     };
-    return composeClasses(slots, getDataGridUtilityClass, classes);
+    return (0, _composeClasses.default)(slots, _xDataGrid.getDataGridUtilityClass, classes);
   }, [classes]);
 };
-export const useGridRowReorderPreProcessors = (privateApiRef, props) => {
+const useGridRowReorderPreProcessors = (privateApiRef, props) => {
   const ownerState = {
     classes: props.classes
   };
   const classes = useUtilityClasses(ownerState);
   const updateReorderColumn = React.useCallback(columnsState => {
-    const reorderColumn = _extends({}, GRID_REORDER_COL_DEF, {
+    const reorderColumn = (0, _extends2.default)({}, _gridRowReorderColDef.GRID_REORDER_COL_DEF, {
       cellClassName: classes.rowReorderCellContainer,
       headerClassName: classes.columnHeaderReorder,
       headerName: privateApiRef.current.getLocaleText('rowReorderingHeaderName')
@@ -30,7 +38,7 @@ export const useGridRowReorderPreProcessors = (privateApiRef, props) => {
     const shouldHaveReorderColumn = props.rowReordering;
     const haveReorderColumn = columnsState.lookup[reorderColumn.field] != null;
     if (shouldHaveReorderColumn && haveReorderColumn) {
-      columnsState.lookup[reorderColumn.field] = _extends({}, reorderColumn, columnsState.lookup[reorderColumn.field]);
+      columnsState.lookup[reorderColumn.field] = (0, _extends2.default)({}, reorderColumn, columnsState.lookup[reorderColumn.field]);
       return columnsState;
     }
     if (shouldHaveReorderColumn && !haveReorderColumn) {
@@ -42,5 +50,6 @@ export const useGridRowReorderPreProcessors = (privateApiRef, props) => {
     }
     return columnsState;
   }, [privateApiRef, classes, props.rowReordering]);
-  useGridRegisterPipeProcessor(privateApiRef, 'hydrateColumns', updateReorderColumn);
-};
+  (0, _internals.useGridRegisterPipeProcessor)(privateApiRef, 'hydrateColumns', updateReorderColumn);
+};
+exports.useGridRowReorderPreProcessors = useGridRowReorderPreProcessors;

package/node/hooks/features/rows/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _useGridRowAriaAttributes = require("./useGridRowAriaAttributes");
+Object.keys(_useGridRowAriaAttributes).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useGridRowAriaAttributes[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useGridRowAriaAttributes[key];
+    }
+  });
+});

package/node/hooks/features/rows/useGridRowAriaAttributes.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGridRowAriaAttributes = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _xDataGrid = require("@mui/x-data-grid");
+var _internals = require("@mui/x-data-grid/internals");
+var _useGridPrivateApiContext = require("../../utils/useGridPrivateApiContext");
+var _useGridRootProps = require("../../utils/useGridRootProps");
+const useGridRowAriaAttributes = addTreeDataAttributes => {
+  const apiRef = (0, _useGridPrivateApiContext.useGridPrivateApiContext)();
+  const props = (0, _useGridRootProps.useGridRootProps)();
+  const getRowAriaAttributesCommunity = (0, _internals.useGridRowAriaAttributes)();
+  const filteredTopLevelRowCount = (0, _xDataGrid.useGridSelector)(apiRef, _xDataGrid.gridFilteredTopLevelRowCountSelector);
+  const filteredChildrenCountLookup = (0, _xDataGrid.useGridSelector)(apiRef, _internals.gridFilteredChildrenCountLookupSelector);
+  const sortedVisibleRowPositionsLookup = (0, _xDataGrid.useGridSelector)(apiRef, _internals.gridExpandedSortedRowTreeLevelPositionLookupSelector);
+  return React.useCallback((rowNode, index) => {
+    const ariaAttributes = getRowAriaAttributesCommunity(rowNode, index);
+    if (rowNode === null || !(props.treeData || addTreeDataAttributes)) {
+      return ariaAttributes;
+    }
+
+    // pinned and footer rows are not part of the rowgroup and should not get the set specific aria attributes
+    if (rowNode.type === 'footer' || rowNode.type === 'pinnedRow') {
+      return ariaAttributes;
+    }
+    ariaAttributes['aria-level'] = rowNode.depth + 1;
+    const filteredChildrenCount = filteredChildrenCountLookup[rowNode.id] ?? 0;
+    // aria-expanded should only be added to the rows that contain children
+    if (rowNode.type === 'group' && filteredChildrenCount > 0) {
+      ariaAttributes['aria-expanded'] = Boolean(rowNode.childrenExpanded);
+    }
+
+    // if the parent is null, set size and position cannot be determined
+    if (rowNode.parent !== null) {
+      ariaAttributes['aria-setsize'] = rowNode.parent === _xDataGrid.GRID_ROOT_GROUP_ID ? filteredTopLevelRowCount : filteredChildrenCountLookup[rowNode.parent];
+      ariaAttributes['aria-posinset'] = sortedVisibleRowPositionsLookup[rowNode.id];
+    }
+    return ariaAttributes;
+  }, [props.treeData, addTreeDataAttributes, filteredTopLevelRowCount, filteredChildrenCountLookup, sortedVisibleRowPositionsLookup, getRowAriaAttributesCommunity]);
+};
+exports.useGridRowAriaAttributes = useGridRowAriaAttributes;

package/{esm → node}/hooks/features/serverSideTreeData/useGridDataSourceTreeDataPreProcessors.js

@@ -1,27 +1,35 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGridDataSourceTreeDataPreProcessors = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _xDataGrid = require("@mui/x-data-grid");
+var _internals = require("@mui/x-data-grid/internals");
+var _gridTreeDataGroupColDef = require("../treeData/gridTreeDataGroupColDef");
+var _utils = require("./utils");
+var _GridDataSourceTreeDataGroupingCell = require("../../../components/GridDataSourceTreeDataGroupingCell");
+var _createRowTree = require("../../../utils/tree/createRowTree");
+var _updateRowTree = require("../../../utils/tree/updateRowTree");
+var _utils2 = require("../../../utils/tree/utils");
+var _gridTreeDataUtils = require("../treeData/gridTreeDataUtils");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["hideDescendantCount"];
-import * as React from 'react';
-import { gridRowTreeSelector, useFirstRender, GRID_CHECKBOX_SELECTION_FIELD } from '@mui/x-data-grid';
-import { 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 useGridDataSourceTreeDataPreProcessors = (privateApiRef, props) => {
   const setStrategyAvailability = React.useCallback(() => {
-    privateApiRef.current.setStrategyAvailability('rowTree', TreeDataStrategy.DataSource, props.treeData && props.unstable_dataSource ? () => true : () => false);
+    privateApiRef.current.setStrategyAvailability('rowTree', _gridTreeDataUtils.TreeDataStrategy.DataSource, props.treeData && props.unstable_dataSource ? () => true : () => false);
   }, [privateApiRef, props.treeData, props.unstable_dataSource]);
   const getGroupingColDef = React.useCallback(() => {
     const groupingColDefProp = props.groupingColDef;
     let colDefOverride;
     if (typeof groupingColDefProp === 'function') {
       const params = {
-        groupingName: TreeDataStrategy.DataSource,
+        groupingName: _gridTreeDataUtils.TreeDataStrategy.DataSource,
         fields: []
       };
       colDefOverride = groupingColDefProp(params);
@@ -32,20 +40,20 @@ export const useGridDataSourceTreeDataPreProcessors = (privateApiRef, props) =>
       {
         hideDescendantCount
       } = _ref,
-      colDefOverrideProperties = _objectWithoutPropertiesLoose(_ref, _excluded);
-    const commonProperties = _extends({}, GRID_TREE_DATA_GROUPING_COL_DEF, {
-      renderCell: params => /*#__PURE__*/_jsx(GridDataSourceTreeDataGroupingCell, _extends({}, params, {
+      colDefOverrideProperties = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
+    const commonProperties = (0, _extends2.default)({}, _gridTreeDataGroupColDef.GRID_TREE_DATA_GROUPING_COL_DEF, {
+      renderCell: params => /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridDataSourceTreeDataGroupingCell.GridDataSourceTreeDataGroupingCell, (0, _extends2.default)({}, params, {
         hideDescendantCount: hideDescendantCount
       })),
       headerName: privateApiRef.current.getLocaleText('treeDataGroupingHeaderName')
     });
-    return _extends({}, commonProperties, colDefOverrideProperties, GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES);
+    return (0, _extends2.default)({}, commonProperties, colDefOverrideProperties, _gridTreeDataGroupColDef.GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES);
   }, [privateApiRef, props.groupingColDef]);
   const updateGroupingColumn = React.useCallback(columnsState => {
     if (!props.unstable_dataSource) {
       return columnsState;
     }
-    const groupingColDefField = GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES.field;
+    const groupingColDefField = _gridTreeDataGroupColDef.GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES.field;
     const shouldHaveGroupingColumn = props.treeData;
     const prevGroupingColumn = columnsState.lookup[groupingColDefField];
     if (shouldHaveGroupingColumn) {
@@ -56,7 +64,7 @@ export const useGridDataSourceTreeDataPreProcessors = (privateApiRef, props) =>
       }
       columnsState.lookup[groupingColDefField] = newGroupingColumn;
       if (prevGroupingColumn == null) {
-        const index = columnsState.orderedFields[0] === GRID_CHECKBOX_SELECTION_FIELD ? 1 : 0;
+        const index = columnsState.orderedFields[0] === _xDataGrid.GRID_CHECKBOX_SELECTION_FIELD ? 1 : 0;
         columnsState.orderedFields = [...columnsState.orderedFields.slice(0, index), groupingColDefField, ...columnsState.orderedFields.slice(index)];
       }
     } else if (!shouldHaveGroupingColumn && prevGroupingColumn) {
@@ -90,16 +98,16 @@ export const useGridDataSourceTreeDataPreProcessors = (privateApiRef, props) =>
       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({
+      return (0, _createRowTree.createRowTree)({
         previousTree: params.previousTree,
         nodes: params.updates.rows.map(getRowTreeBuilderNode),
         defaultGroupingExpansionDepth: props.defaultGroupingExpansionDepth,
         isGroupExpandedByDefault: props.isGroupExpandedByDefault,
-        groupingName: TreeDataStrategy.DataSource,
+        groupingName: _gridTreeDataUtils.TreeDataStrategy.DataSource,
         onDuplicatePath
       });
     }
-    return updateRowTree({
+    return (0, _updateRowTree.updateRowTree)({
       nodes: {
         inserted: params.updates.actions.insert.map(getRowTreeBuilderNode),
         modified: params.updates.actions.modify.map(getRowTreeBuilderNode),
@@ -110,27 +118,27 @@ export const useGridDataSourceTreeDataPreProcessors = (privateApiRef, props) =>
       previousTreeDepth: params.previousTreeDepths,
       defaultGroupingExpansionDepth: props.defaultGroupingExpansionDepth,
       isGroupExpandedByDefault: props.isGroupExpandedByDefault,
-      groupingName: TreeDataStrategy.DataSource
+      groupingName: _gridTreeDataUtils.TreeDataStrategy.DataSource
     });
   }, [props.unstable_dataSource, props.defaultGroupingExpansionDepth, props.isGroupExpandedByDefault]);
   const filterRows = React.useCallback(() => {
-    const rowTree = gridRowTreeSelector(privateApiRef);
-    return skipFiltering(rowTree);
+    const rowTree = (0, _xDataGrid.gridRowTreeSelector)(privateApiRef);
+    return (0, _utils.skipFiltering)(rowTree);
   }, [privateApiRef]);
   const sortRows = React.useCallback(() => {
-    const rowTree = gridRowTreeSelector(privateApiRef);
-    return skipSorting(rowTree);
+    const rowTree = (0, _xDataGrid.gridRowTreeSelector)(privateApiRef);
+    return (0, _utils.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);
+  (0, _internals.useGridRegisterPipeProcessor)(privateApiRef, 'hydrateColumns', updateGroupingColumn);
+  (0, _internals.useGridRegisterStrategyProcessor)(privateApiRef, _gridTreeDataUtils.TreeDataStrategy.DataSource, 'rowTreeCreation', createRowTreeForTreeData);
+  (0, _internals.useGridRegisterStrategyProcessor)(privateApiRef, _gridTreeDataUtils.TreeDataStrategy.DataSource, 'filtering', filterRows);
+  (0, _internals.useGridRegisterStrategyProcessor)(privateApiRef, _gridTreeDataUtils.TreeDataStrategy.DataSource, 'sorting', sortRows);
+  (0, _internals.useGridRegisterStrategyProcessor)(privateApiRef, _gridTreeDataUtils.TreeDataStrategy.DataSource, 'visibleRowsLookupCreation', _utils2.getVisibleRowsLookup);
 
   /**
    * 1ST RENDER
    */
-  useFirstRender(() => {
+  (0, _xDataGrid.useFirstRender)(() => {
     setStrategyAvailability();
   });
 
@@ -145,4 +153,5 @@ export const useGridDataSourceTreeDataPreProcessors = (privateApiRef, props) =>
       isFirstRender.current = false;
     }
   }, [setStrategyAvailability]);
-};
+};
+exports.useGridDataSourceTreeDataPreProcessors = useGridDataSourceTreeDataPreProcessors;

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

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.skipFiltering = skipFiltering;
+exports.skipSorting = skipSorting;
+var _xDataGrid = require("@mui/x-data-grid");
+var _internals = require("@mui/x-data-grid/internals");
+function skipFiltering(rowTree) {
+  const filteredRowsLookup = {};
+  const filteredChildrenCountLookup = {};
+  const nodes = Object.values(rowTree);
+  for (let i = 0; i < nodes.length; i += 1) {
+    const node = nodes[i];
+    filteredRowsLookup[node.id] = true;
+    filteredChildrenCountLookup[node.id] = node.serverChildrenCount ?? 0;
+  }
+  return {
+    filteredRowsLookup,
+    filteredChildrenCountLookup,
+    filteredDescendantCountLookup: _internals.defaultGridFilterLookup.filteredDescendantCountLookup
+  };
+}
+function skipSorting(rowTree) {
+  return (0, _internals.getTreeNodeDescendants)(rowTree, _xDataGrid.GRID_ROOT_GROUP_ID, false);
+}

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

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES = exports.GRID_TREE_DATA_GROUPING_COL_DEF = void 0;
+Object.defineProperty(exports, "GRID_TREE_DATA_GROUPING_FIELD", {
+  enumerable: true,
+  get: function () {
+    return _internals.GRID_TREE_DATA_GROUPING_FIELD;
+  }
+});
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _xDataGrid = require("@mui/x-data-grid");
+var _internals = require("@mui/x-data-grid/internals");
+/**
+ * TODO: Add sorting and filtering on the value and the filteredDescendantCount
+ */
+const GRID_TREE_DATA_GROUPING_COL_DEF = exports.GRID_TREE_DATA_GROUPING_COL_DEF = (0, _extends2.default)({}, _xDataGrid.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 = (0, _xDataGrid.gridRowIdSelector)(apiRef.current.state, row);
+    const rowNode = (0, _xDataGrid.gridRowTreeSelector)(apiRef)[rowId];
+    return rowNode?.type === 'group' || rowNode?.type === 'leaf' ? rowNode.groupingKey : undefined;
+  }
+});
+const GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES = exports.GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES = {
+  field: _internals.GRID_TREE_DATA_GROUPING_FIELD,
+  editable: false,
+  groupable: false
+};

package/{esm → node}/hooks/features/treeData/gridTreeDataUtils.js

@@ -1,16 +1,21 @@
-import { passFilterLogic } from '@mui/x-data-grid/internals';
-export let TreeDataStrategy = /*#__PURE__*/function (TreeDataStrategy) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.filterRowTreeFromTreeData = exports.TreeDataStrategy = void 0;
+var _internals = require("@mui/x-data-grid/internals");
+let TreeDataStrategy = exports.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 filterRowTreeFromTreeData = params => {
   const {
     apiRef,
     rowTree,
@@ -35,7 +40,7 @@ export const filterRowTreeFromTreeData = params => {
     } else {
       const row = apiRef.current.getRow(node.id);
       isRowMatchingFilters(row, undefined, filterResults);
-      isMatchingFilters = passFilterLogic([filterResults.passingFilterItems], [filterResults.passingQuickFilterValues], params.filterModel, params.apiRef, filterCache);
+      isMatchingFilters = (0, _internals.passFilterLogic)([filterResults.passingFilterItems], [filterResults.passingQuickFilterValues], params.filterModel, params.apiRef, filterCache);
     }
     let filteredChildrenCount = 0;
     let filteredDescendantCount = 0;
@@ -90,4 +95,5 @@ export const filterRowTreeFromTreeData = params => {
     filteredChildrenCountLookup,
     filteredDescendantCountLookup
   };
-};
+};
+exports.filterRowTreeFromTreeData = filterRowTreeFromTreeData;

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

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "GRID_TREE_DATA_GROUPING_FIELD", {
+  enumerable: true,
+  get: function () {
+    return _gridTreeDataGroupColDef.GRID_TREE_DATA_GROUPING_FIELD;
+  }
+});
+var _gridTreeDataGroupColDef = require("./gridTreeDataGroupColDef");

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

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGridTreeData = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _xDataGrid = require("@mui/x-data-grid");
+var _gridTreeDataGroupColDef = require("./gridTreeDataGroupColDef");
+const useGridTreeData = (apiRef, props) => {
+  /**
+   * EVENTS
+   */
+  const handleCellKeyDown = React.useCallback((params, event) => {
+    const cellParams = apiRef.current.getCellParams(params.id, params.field);
+    if (cellParams.colDef.field === _gridTreeDataGroupColDef.GRID_TREE_DATA_GROUPING_FIELD && (event.key === ' ' || event.key === 'Enter') && !event.shiftKey) {
+      if (params.rowNode.type !== 'group') {
+        return;
+      }
+      if (props.unstable_dataSource && !params.rowNode.childrenExpanded) {
+        apiRef.current.unstable_dataSource.fetchRows(params.id);
+        return;
+      }
+      apiRef.current.setRowChildrenExpansion(params.id, !params.rowNode.childrenExpanded);
+    }
+  }, [apiRef, props.unstable_dataSource]);
+  (0, _xDataGrid.useGridApiEventHandler)(apiRef, 'cellKeyDown', handleCellKeyDown);
+};
+exports.useGridTreeData = useGridTreeData;

package/{esm → node}/hooks/features/treeData/useGridTreeDataPreProcessors.js

@@ -1,27 +1,35 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGridTreeDataPreProcessors = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _xDataGrid = require("@mui/x-data-grid");
+var _internals = require("@mui/x-data-grid/internals");
+var _gridTreeDataGroupColDef = require("./gridTreeDataGroupColDef");
+var _gridTreeDataUtils = require("./gridTreeDataUtils");
+var _components = require("../../../components");
+var _createRowTree = require("../../../utils/tree/createRowTree");
+var _sortRowTree = require("../../../utils/tree/sortRowTree");
+var _updateRowTree = require("../../../utils/tree/updateRowTree");
+var _utils = require("../../../utils/tree/utils");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["hideDescendantCount"];
-import * as React from 'react';
-import { gridRowTreeSelector, useFirstRender, GRID_CHECKBOX_SELECTION_FIELD } from '@mui/x-data-grid';
-import { 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 useGridTreeDataPreProcessors = (privateApiRef, props) => {
   const setStrategyAvailability = React.useCallback(() => {
-    privateApiRef.current.setStrategyAvailability('rowTree', TreeDataStrategy.Default, props.treeData && !props.unstable_dataSource ? () => true : () => false);
+    privateApiRef.current.setStrategyAvailability('rowTree', _gridTreeDataUtils.TreeDataStrategy.Default, props.treeData && !props.unstable_dataSource ? () => true : () => false);
   }, [privateApiRef, props.treeData, props.unstable_dataSource]);
   const getGroupingColDef = React.useCallback(() => {
     const groupingColDefProp = props.groupingColDef;
     let colDefOverride;
     if (typeof groupingColDefProp === 'function') {
       const params = {
-        groupingName: TreeDataStrategy.Default,
+        groupingName: _gridTreeDataUtils.TreeDataStrategy.Default,
         fields: []
       };
       colDefOverride = groupingColDefProp(params);
@@ -32,20 +40,20 @@ export const useGridTreeDataPreProcessors = (privateApiRef, props) => {
       {
         hideDescendantCount
       } = _ref,
-      colDefOverrideProperties = _objectWithoutPropertiesLoose(_ref, _excluded);
-    const commonProperties = _extends({}, GRID_TREE_DATA_GROUPING_COL_DEF, {
-      renderCell: params => /*#__PURE__*/_jsx(GridTreeDataGroupingCell, _extends({}, params, {
+      colDefOverrideProperties = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
+    const commonProperties = (0, _extends2.default)({}, _gridTreeDataGroupColDef.GRID_TREE_DATA_GROUPING_COL_DEF, {
+      renderCell: params => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.GridTreeDataGroupingCell, (0, _extends2.default)({}, params, {
         hideDescendantCount: hideDescendantCount
       })),
       headerName: privateApiRef.current.getLocaleText('treeDataGroupingHeaderName')
     });
-    return _extends({}, commonProperties, colDefOverrideProperties, GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES);
+    return (0, _extends2.default)({}, commonProperties, colDefOverrideProperties, _gridTreeDataGroupColDef.GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES);
   }, [privateApiRef, props.groupingColDef]);
   const updateGroupingColumn = React.useCallback(columnsState => {
     if (props.unstable_dataSource) {
       return columnsState;
     }
-    const groupingColDefField = GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES.field;
+    const groupingColDefField = _gridTreeDataGroupColDef.GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES.field;
     const shouldHaveGroupingColumn = props.treeData;
     const prevGroupingColumn = columnsState.lookup[groupingColDefField];
     if (shouldHaveGroupingColumn) {
@@ -56,7 +64,7 @@ export const useGridTreeDataPreProcessors = (privateApiRef, props) => {
       }
       columnsState.lookup[groupingColDefField] = newGroupingColumn;
       if (prevGroupingColumn == null) {
-        const index = columnsState.orderedFields[0] === GRID_CHECKBOX_SELECTION_FIELD ? 1 : 0;
+        const index = columnsState.orderedFields[0] === _xDataGrid.GRID_CHECKBOX_SELECTION_FIELD ? 1 : 0;
         columnsState.orderedFields = [...columnsState.orderedFields.slice(0, index), groupingColDefField, ...columnsState.orderedFields.slice(index)];
       }
     } else if (!shouldHaveGroupingColumn && prevGroupingColumn) {
@@ -80,16 +88,16 @@ export const useGridTreeDataPreProcessors = (privateApiRef, props) => {
       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({
+      return (0, _createRowTree.createRowTree)({
         previousTree: params.previousTree,
         nodes: params.updates.rows.map(getRowTreeBuilderNode),
         defaultGroupingExpansionDepth: props.defaultGroupingExpansionDepth,
         isGroupExpandedByDefault: props.isGroupExpandedByDefault,
-        groupingName: TreeDataStrategy.Default,
+        groupingName: _gridTreeDataUtils.TreeDataStrategy.Default,
         onDuplicatePath
       });
     }
-    return updateRowTree({
+    return (0, _updateRowTree.updateRowTree)({
       nodes: {
         inserted: params.updates.actions.insert.map(getRowTreeBuilderNode),
         modified: params.updates.actions.modify.map(getRowTreeBuilderNode),
@@ -99,12 +107,12 @@ export const useGridTreeDataPreProcessors = (privateApiRef, props) => {
       previousTreeDepth: params.previousTreeDepths,
       defaultGroupingExpansionDepth: props.defaultGroupingExpansionDepth,
       isGroupExpandedByDefault: props.isGroupExpandedByDefault,
-      groupingName: TreeDataStrategy.Default
+      groupingName: _gridTreeDataUtils.TreeDataStrategy.Default
     });
   }, [props.getTreeDataPath, props.defaultGroupingExpansionDepth, props.isGroupExpandedByDefault]);
   const filterRows = React.useCallback(params => {
-    const rowTree = gridRowTreeSelector(privateApiRef);
-    return filterRowTreeFromTreeData({
+    const rowTree = (0, _xDataGrid.gridRowTreeSelector)(privateApiRef);
+    return (0, _gridTreeDataUtils.filterRowTreeFromTreeData)({
       rowTree,
       isRowMatchingFilters: params.isRowMatchingFilters,
       disableChildrenFiltering: props.disableChildrenFiltering,
@@ -113,24 +121,24 @@ export const useGridTreeDataPreProcessors = (privateApiRef, props) => {
     });
   }, [privateApiRef, props.disableChildrenFiltering]);
   const sortRows = React.useCallback(params => {
-    const rowTree = gridRowTreeSelector(privateApiRef);
-    return sortRowTree({
+    const rowTree = (0, _xDataGrid.gridRowTreeSelector)(privateApiRef);
+    return (0, _sortRowTree.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);
+  (0, _internals.useGridRegisterPipeProcessor)(privateApiRef, 'hydrateColumns', updateGroupingColumn);
+  (0, _internals.useGridRegisterStrategyProcessor)(privateApiRef, _gridTreeDataUtils.TreeDataStrategy.Default, 'rowTreeCreation', createRowTreeForTreeData);
+  (0, _internals.useGridRegisterStrategyProcessor)(privateApiRef, _gridTreeDataUtils.TreeDataStrategy.Default, 'filtering', filterRows);
+  (0, _internals.useGridRegisterStrategyProcessor)(privateApiRef, _gridTreeDataUtils.TreeDataStrategy.Default, 'sorting', sortRows);
+  (0, _internals.useGridRegisterStrategyProcessor)(privateApiRef, _gridTreeDataUtils.TreeDataStrategy.Default, 'visibleRowsLookupCreation', _utils.getVisibleRowsLookup);
 
   /**
    * 1ST RENDER
    */
-  useFirstRender(() => {
+  (0, _xDataGrid.useFirstRender)(() => {
     setStrategyAvailability();
   });
 
@@ -145,4 +153,5 @@ export const useGridTreeDataPreProcessors = (privateApiRef, props) => {
       isFirstRender.current = false;
     }
   }, [setStrategyAvailability]);
-};
+};
+exports.useGridTreeDataPreProcessors = useGridTreeDataPreProcessors;

package/node/hooks/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _features = require("./features");
+Object.keys(_features).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _features[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _features[key];
+    }
+  });
+});

package/node/hooks/utils/useGridApiContext.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGridApiContext = void 0;
+var _xDataGrid = require("@mui/x-data-grid");
+const useGridApiContext = exports.useGridApiContext = _xDataGrid.useGridApiContext;

package/node/hooks/utils/useGridApiRef.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGridApiRef = void 0;
+var _xDataGrid = require("@mui/x-data-grid");
+const useGridApiRef = exports.useGridApiRef = _xDataGrid.useGridApiRef;