@mui/x-data-grid-pro 7.29.0 → 7.29.2

package/utils/tree/updateRowTree.js

@@ -1,20 +1,13 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.updateRowTree = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _xDataGrid = require("@mui/x-data-grid");
-var _internals = require("@mui/x-data-grid/internals");
-var _insertDataRowInTree = require("./insertDataRowInTree");
-var _removeDataRowFromTree = require("./removeDataRowFromTree");
-var _utils = require("./utils");
-const updateRowTree = params => {
-  const tree = (0, _extends2.default)({}, params.previousTree);
-  const treeDepths = (0, _extends2.default)({}, params.previousTreeDepth);
-  const updatedGroupsManager = (0, _utils.createUpdatedGroupsManager)();
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { GRID_ROOT_GROUP_ID } from '@mui/x-data-grid';
+import { isDeepEqual, getTreeNodeDescendants } from '@mui/x-data-grid/internals';
+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 {
@@ -22,7 +15,7 @@ const updateRowTree = params => {
       path,
       serverChildrenCount
     } = params.nodes.inserted[i];
-    (0, _insertDataRowInTree.insertDataRowInTree)({
+    insertDataRowInTree({
       previousTree: params.previousTree,
       tree,
       treeDepths,
@@ -38,7 +31,7 @@ const updateRowTree = params => {
   }
   for (let i = 0; i < params.nodes.removed.length; i += 1) {
     const nodeId = params.nodes.removed[i];
-    (0, _removeDataRowFromTree.removeDataRowFromTree)({
+    removeDataRowFromTree({
       tree,
       treeDepths,
       updatedGroupsManager,
@@ -51,19 +44,19 @@ const updateRowTree = params => {
       path,
       serverChildrenCount
     } = params.nodes.modified[i];
-    const pathInPreviousTree = (0, _utils.getNodePathInTree)({
+    const pathInPreviousTree = getNodePathInTree({
       tree,
       id
     });
-    const isInSameGroup = (0, _internals.isDeepEqual)(pathInPreviousTree, path);
+    const isInSameGroup = isDeepEqual(pathInPreviousTree, path);
     if (!isInSameGroup) {
-      (0, _removeDataRowFromTree.removeDataRowFromTree)({
+      removeDataRowFromTree({
         tree,
         treeDepths,
         updatedGroupsManager,
         id
       });
-      (0, _insertDataRowInTree.insertDataRowInTree)({
+      insertDataRowInTree({
         previousTree: params.previousTree,
         tree,
         treeDepths,
@@ -82,7 +75,7 @@ const updateRowTree = params => {
   }
 
   // TODO rows v6: Avoid walking the whole tree, we should be able to generate the new list only using slices.
-  const dataRowIds = (0, _internals.getTreeNodeDescendants)(tree, _xDataGrid.GRID_ROOT_GROUP_ID, true);
+  const dataRowIds = getTreeNodeDescendants(tree, GRID_ROOT_GROUP_ID, true);
   return {
     tree,
     treeDepths,
@@ -91,5 +84,4 @@ const updateRowTree = params => {
     updatedGroupsManager,
     groupsToFetch: Array.from(groupsToFetch)
   };
-};
-exports.updateRowTree = updateRowTree;
+};

package/utils/tree/utils.js

@@ -1,24 +1,16 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.updateGroupNodeIdAndAutoGenerated = exports.updateGroupDefaultExpansion = exports.removeNodeFromTree = exports.insertNodeInTree = exports.getVisibleRowsLookup = exports.getNodePathInTree = exports.getGroupRowIdFromPath = exports.createUpdatedGroupsManager = exports.checkGroupChildrenExpansion = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _xDataGrid = require("@mui/x-data-grid");
-const getGroupRowIdFromPath = path => {
+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}`;
 };
-exports.getGroupRowIdFromPath = getGroupRowIdFromPath;
-const getNodePathInTree = ({
+export const getNodePathInTree = ({
   id,
   tree
 }) => {
   const path = [];
   let node = tree[id];
-  while (node.id !== _xDataGrid.GRID_ROOT_GROUP_ID) {
+  while (node.id !== GRID_ROOT_GROUP_ID) {
     path.push({
       field: node.type === 'leaf' ? null : node.groupingField,
       key: node.groupingKey
@@ -28,10 +20,9 @@ const getNodePathInTree = ({
   path.reverse();
   return path;
 };
-exports.getNodePathInTree = getNodePathInTree;
-const checkGroupChildrenExpansion = (node, defaultGroupingExpansionDepth, isGroupExpandedByDefault) => {
+export const checkGroupChildrenExpansion = (node, defaultGroupingExpansionDepth, isGroupExpandedByDefault) => {
   let childrenExpanded;
-  if (node.id === _xDataGrid.GRID_ROOT_GROUP_ID) {
+  if (node.id === GRID_ROOT_GROUP_ID) {
     childrenExpanded = true;
   } else if (isGroupExpandedByDefault) {
     childrenExpanded = isGroupExpandedByDefault(node);
@@ -40,8 +31,7 @@ const checkGroupChildrenExpansion = (node, defaultGroupingExpansionDepth, isGrou
   }
   return childrenExpanded;
 };
-exports.checkGroupChildrenExpansion = checkGroupChildrenExpansion;
-const updateGroupDefaultExpansion = (node, defaultGroupingExpansionDepth, isGroupExpandedByDefault) => {
+export const updateGroupDefaultExpansion = (node, defaultGroupingExpansionDepth, isGroupExpandedByDefault) => {
   const childrenExpanded = checkGroupChildrenExpansion(node, defaultGroupingExpansionDepth, isGroupExpandedByDefault);
   node.childrenExpanded = childrenExpanded;
   return node;
@@ -50,8 +40,7 @@ const updateGroupDefaultExpansion = (node, defaultGroupingExpansionDepth, isGrou
 /**
  * Insert a node in the tree
  */
-exports.updateGroupDefaultExpansion = updateGroupDefaultExpansion;
-const insertNodeInTree = (node, tree, treeDepths, previousTree) => {
+export const insertNodeInTree = (node, tree, treeDepths, previousTree) => {
   // 1. Insert node in the tree.
   tree[node.id] = node;
 
@@ -88,8 +77,7 @@ const insertNodeInTree = (node, tree, treeDepths, previousTree) => {
 /**
  * Removes a node from the tree
  */
-exports.insertNodeInTree = insertNodeInTree;
-const removeNodeFromTree = ({
+export const removeNodeFromTree = ({
   node,
   tree,
   treeDepths
@@ -111,7 +99,7 @@ const removeNodeFromTree = ({
   // For footers,
   // Unregister the node from its parent `footerId` property.
   if (node.type === 'footer') {
-    tree[parentNode.id] = (0, _extends2.default)({}, parentNode, {
+    tree[parentNode.id] = _extends({}, parentNode, {
       footerId: null
     });
   }
@@ -125,7 +113,7 @@ const removeNodeFromTree = ({
     const children = parentNode.children.filter(childId => childId !== node.id);
     const childrenFromPath = parentNode.childrenFromPath;
     delete childrenFromPath[groupingField][groupingKey.toString()];
-    tree[parentNode.id] = (0, _extends2.default)({}, parentNode, {
+    tree[parentNode.id] = _extends({}, parentNode, {
       children,
       childrenFromPath
     });
@@ -135,8 +123,7 @@ const removeNodeFromTree = ({
 /**
  * Updates the `id` and `isAutoGenerated` properties of a group node.
  */
-exports.removeNodeFromTree = removeNodeFromTree;
-const updateGroupNodeIdAndAutoGenerated = ({
+export const updateGroupNodeIdAndAutoGenerated = ({
   node,
   updatedNode,
   previousTree,
@@ -145,7 +132,7 @@ const updateGroupNodeIdAndAutoGenerated = ({
 }) => {
   // 1. Set the new parent for all children from the old group
   node.children.forEach(childId => {
-    tree[childId] = (0, _extends2.default)({}, tree[childId], {
+    tree[childId] = _extends({}, tree[childId], {
       parent: updatedNode.id
     });
   });
@@ -158,11 +145,10 @@ const updateGroupNodeIdAndAutoGenerated = ({
   });
 
   // 3. Add the new group in the tree
-  const groupNode = (0, _extends2.default)({}, node, updatedNode);
+  const groupNode = _extends({}, node, updatedNode);
   insertNodeInTree(groupNode, tree, treeDepths, previousTree);
 };
-exports.updateGroupNodeIdAndAutoGenerated = updateGroupNodeIdAndAutoGenerated;
-const createUpdatedGroupsManager = () => ({
+export const createUpdatedGroupsManager = () => ({
   value: {},
   addAction(groupId, action) {
     if (!this.value[groupId]) {
@@ -171,8 +157,7 @@ const createUpdatedGroupsManager = () => ({
     this.value[groupId][action] = true;
   }
 });
-exports.createUpdatedGroupsManager = createUpdatedGroupsManager;
-const getVisibleRowsLookup = ({
+export const getVisibleRowsLookup = ({
   tree,
   filteredRowsLookup
 }) => {
@@ -203,5 +188,4 @@ const getVisibleRowsLookup = ({
     }
   }
   return visibleRowsLookup;
-};
-exports.getVisibleRowsLookup = getVisibleRowsLookup;
+};

package/esm/DataGridPro/index.js

@@ -1,3 +0,0 @@
-export * from "./DataGrid.js";
-export * from "./DataGridPro.js";
-export { DATA_GRID_PRO_PROPS_DEFAULT_VALUES } from "./useDataGridProProps.js";

package/esm/DataGridPro/useDataGridProComponent.js

@@ -1,103 +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, useGridColumnSpanning, columnMenuStateInitializer, densityStateInitializer, focusStateInitializer, preferencePanelStateInitializer, rowsMetaStateInitializer, rowSelectionStateInitializer, useGridColumnGrouping, columnGroupsStateInitializer, headerFilteringStateInitializer, useGridHeaderFiltering, virtualizationStateInitializer, useGridVirtualization, useGridColumnResize, columnResizeStateInitializer, useGridRowSpanning, rowSpanningStateInitializer, useGridListView, listViewStateInitializer, propsStateInitializer } from '@mui/x-data-grid/internals';
-// Pro-only features
-import { useGridInfiniteLoader } from "../hooks/features/infiniteLoader/useGridInfiniteLoader.js";
-import { useGridColumnReorder, columnReorderStateInitializer } from "../hooks/features/columnReorder/useGridColumnReorder.js";
-import { useGridTreeData } from "../hooks/features/treeData/useGridTreeData.js";
-import { useGridTreeDataPreProcessors } from "../hooks/features/treeData/useGridTreeDataPreProcessors.js";
-import { useGridDataSourceTreeDataPreProcessors } from "../hooks/features/serverSideTreeData/useGridDataSourceTreeDataPreProcessors.js";
-import { useGridColumnPinning, columnPinningStateInitializer } from "../hooks/features/columnPinning/useGridColumnPinning.js";
-import { useGridColumnPinningPreProcessors } from "../hooks/features/columnPinning/useGridColumnPinningPreProcessors.js";
-import { useGridDetailPanel, detailPanelStateInitializer } from "../hooks/features/detailPanel/useGridDetailPanel.js";
-import { useGridDetailPanelPreProcessors } from "../hooks/features/detailPanel/useGridDetailPanelPreProcessors.js";
-import { useGridRowReorder } from "../hooks/features/rowReorder/useGridRowReorder.js";
-import { useGridRowReorderPreProcessors } from "../hooks/features/rowReorder/useGridRowReorderPreProcessors.js";
-import { useGridLazyLoader } from "../hooks/features/lazyLoader/useGridLazyLoader.js";
-import { useGridLazyLoaderPreProcessors } from "../hooks/features/lazyLoader/useGridLazyLoaderPreProcessors.js";
-import { useGridRowPinning, rowPinningStateInitializer } from "../hooks/features/rowPinning/useGridRowPinning.js";
-import { useGridRowPinningPreProcessors } from "../hooks/features/rowPinning/useGridRowPinningPreProcessors.js";
-import { useGridDataSource, dataSourceStateInitializer } from "../hooks/features/dataSource/useGridDataSource.js";
-export const useDataGridProComponent = (inputApiRef, props) => {
-  const apiRef = useGridInitialization(inputApiRef, props);
-
-  /**
-   * Register all pre-processors called during state initialization here.
-   */
-  useGridRowSelectionPreProcessors(apiRef, props);
-  useGridRowReorderPreProcessors(apiRef, props);
-  useGridTreeDataPreProcessors(apiRef, props);
-  useGridDataSourceTreeDataPreProcessors(apiRef, props);
-  useGridLazyLoaderPreProcessors(apiRef, props);
-  useGridRowPinningPreProcessors(apiRef);
-  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(rowSelectionStateInitializer, 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);
-  useGridHeaderFiltering(apiRef, props);
-  useGridTreeData(apiRef, props);
-  useGridKeyboardNavigation(apiRef, props);
-  useGridRowSelection(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);
-  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);
-  useGridColumnMenu(apiRef);
-  useGridCsvExport(apiRef, props);
-  useGridPrintExport(apiRef, props);
-  useGridClipboard(apiRef, props);
-  useGridDimensions(apiRef, props);
-  useGridEvents(apiRef, props);
-  useGridStatePersistence(apiRef);
-  useGridVirtualization(apiRef, props);
-  useGridDataSource(apiRef, props);
-  useGridListView(apiRef, props);
-  return apiRef;
-};

package/esm/DataGridPro/useDataGridProProps.js

@@ -1,52 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { useThemeProps } from '@mui/material/styles';
-import { GRID_DEFAULT_LOCALE_TEXT, DATA_GRID_PROPS_DEFAULT_VALUES } from '@mui/x-data-grid';
-import { computeSlots, useProps, ROW_SELECTION_PROPAGATION_DEFAULT } from '@mui/x-data-grid/internals';
-import { DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS } from "../constants/dataGridProDefaultSlotsComponents.js";
-const getDataGridProForcedProps = themedProps => _extends({
-  signature: 'DataGridPro'
-}, themedProps.unstable_dataSource ? {
-  filterMode: 'server',
-  sortingMode: 'server',
-  paginationMode: 'server'
-} : {});
-
-/**
- * The default values of `DataGridProPropsWithDefaultValue` to inject in the props of DataGridPro.
- */
-export const DATA_GRID_PRO_PROPS_DEFAULT_VALUES = _extends({}, DATA_GRID_PROPS_DEFAULT_VALUES, {
-  autosizeOnMount: false,
-  defaultGroupingExpansionDepth: 0,
-  disableAutosize: false,
-  disableChildrenFiltering: false,
-  disableChildrenSorting: false,
-  disableColumnPinning: false,
-  getDetailPanelHeight: () => 500,
-  headerFilters: false,
-  keepColumnPositionIfDraggedOutside: false,
-  rowSelectionPropagation: ROW_SELECTION_PROPAGATION_DEFAULT,
-  rowReordering: false,
-  rowsLoadingMode: 'client',
-  scrollEndThreshold: 80,
-  treeData: false,
-  unstable_listView: false
-});
-const defaultSlots = DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS;
-export const useDataGridProProps = inProps => {
-  const themedProps = useProps(
-  // 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_PRO_PROPS_DEFAULT_VALUES, themedProps, {
-    localeText,
-    slots
-  }, getDataGridProForcedProps(themedProps)), [themedProps, localeText, slots]);
-};

package/esm/components/GridColumnHeaders.js

@@ -1,92 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["style", "className", "visibleColumns", "sortColumnLookup", "filterColumnLookup", "columnHeaderTabIndexState", "columnGroupHeaderTabIndexState", "columnHeaderFocus", "columnGroupHeaderFocus", "headerGroupingMaxDepth", "columnMenuState", "columnVisibility", "columnGroupsHeaderStructure", "hasOtherElementInTabSequence"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { styled } from '@mui/material/styles';
-import { GridBaseColumnHeaders } from '@mui/x-data-grid/internals';
-import { forwardRef } from '@mui/x-internals/forwardRef';
-import { useGridColumnHeaders } from "../hooks/features/columnHeaders/useGridColumnHeaders.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const Filler = styled('div')({
-  flex: 1,
-  backgroundColor: 'var(--DataGrid-containerBackground)'
-});
-const GridColumnHeaders = forwardRef(function GridColumnHeaders(props, ref) {
-  const {
-      className,
-      visibleColumns,
-      sortColumnLookup,
-      filterColumnLookup,
-      columnHeaderTabIndexState,
-      columnGroupHeaderTabIndexState,
-      columnHeaderFocus,
-      columnGroupHeaderFocus,
-      headerGroupingMaxDepth,
-      columnMenuState,
-      columnVisibility,
-      columnGroupsHeaderStructure,
-      hasOtherElementInTabSequence
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const {
-    getInnerProps,
-    getColumnHeadersRow,
-    getColumnFiltersRow,
-    getColumnGroupHeadersRows
-  } = useGridColumnHeaders({
-    visibleColumns,
-    sortColumnLookup,
-    filterColumnLookup,
-    columnHeaderTabIndexState,
-    hasOtherElementInTabSequence,
-    columnGroupHeaderTabIndexState,
-    columnHeaderFocus,
-    columnGroupHeaderFocus,
-    headerGroupingMaxDepth,
-    columnMenuState,
-    columnVisibility,
-    columnGroupsHeaderStructure
-  });
-  return /*#__PURE__*/_jsxs(GridBaseColumnHeaders, _extends({
-    className: className
-  }, other, getInnerProps(), {
-    ref: ref,
-    children: [getColumnGroupHeadersRows(), getColumnHeadersRow(), getColumnFiltersRow(), /*#__PURE__*/_jsx(Filler, {})]
-  }));
-});
-process.env.NODE_ENV !== "production" ? GridColumnHeaders.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  columnGroupHeaderFocus: PropTypes.shape({
-    depth: PropTypes.number.isRequired,
-    field: PropTypes.string.isRequired
-  }),
-  columnGroupHeaderTabIndexState: PropTypes.shape({
-    depth: PropTypes.number.isRequired,
-    field: PropTypes.string.isRequired
-  }),
-  columnGroupsHeaderStructure: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.shape({
-    columnFields: PropTypes.arrayOf(PropTypes.string).isRequired,
-    groupId: PropTypes.string
-  }))).isRequired,
-  columnHeaderFocus: PropTypes.shape({
-    field: PropTypes.string.isRequired
-  }),
-  columnHeaderTabIndexState: PropTypes.shape({
-    field: PropTypes.string.isRequired
-  }),
-  columnMenuState: PropTypes.shape({
-    field: PropTypes.string,
-    open: PropTypes.bool.isRequired
-  }).isRequired,
-  columnVisibility: PropTypes.object.isRequired,
-  filterColumnLookup: PropTypes.object.isRequired,
-  hasOtherElementInTabSequence: PropTypes.bool.isRequired,
-  headerGroupingMaxDepth: PropTypes.number.isRequired,
-  sortColumnLookup: PropTypes.object.isRequired,
-  visibleColumns: PropTypes.arrayOf(PropTypes.object).isRequired
-} : void 0;
-export { GridColumnHeaders };

package/esm/components/GridColumnMenuPinningItem.js

@@ -1,90 +0,0 @@
-import * as React from 'react';
-import { useRtl } from '@mui/system/RtlProvider';
-import PropTypes from 'prop-types';
-import MenuItem from '@mui/material/MenuItem';
-import ListItemIcon from '@mui/material/ListItemIcon';
-import ListItemText from '@mui/material/ListItemText';
-import { GridPinnedColumnPosition } from '@mui/x-data-grid';
-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";
-function GridColumnMenuPinningItem(props) {
-  const {
-    colDef,
-    onClick
-  } = props;
-  const apiRef = useGridApiContext();
-  const rootProps = useGridRootProps();
-  const isRtl = useRtl();
-  const pinColumn = React.useCallback(side => event => {
-    apiRef.current.pinColumn(colDef.field, side);
-    onClick(event);
-  }, [apiRef, colDef.field, onClick]);
-  const unpinColumn = event => {
-    apiRef.current.unpinColumn(colDef.field);
-    onClick(event);
-  };
-  const pinToLeftMenuItem = /*#__PURE__*/_jsxs(MenuItem, {
-    onClick: pinColumn(GridPinnedColumnPosition.LEFT),
-    children: [/*#__PURE__*/_jsx(ListItemIcon, {
-      children: /*#__PURE__*/_jsx(rootProps.slots.columnMenuPinLeftIcon, {
-        fontSize: "small"
-      })
-    }), /*#__PURE__*/_jsx(ListItemText, {
-      children: apiRef.current.getLocaleText('pinToLeft')
-    })]
-  });
-  const pinToRightMenuItem = /*#__PURE__*/_jsxs(MenuItem, {
-    onClick: pinColumn(GridPinnedColumnPosition.RIGHT),
-    children: [/*#__PURE__*/_jsx(ListItemIcon, {
-      children: /*#__PURE__*/_jsx(rootProps.slots.columnMenuPinRightIcon, {
-        fontSize: "small"
-      })
-    }), /*#__PURE__*/_jsx(ListItemText, {
-      children: apiRef.current.getLocaleText('pinToRight')
-    })]
-  });
-  if (!colDef) {
-    return null;
-  }
-  const side = apiRef.current.isColumnPinned(colDef.field);
-  if (side) {
-    const otherSide = side === GridPinnedColumnPosition.RIGHT ? GridPinnedColumnPosition.LEFT : GridPinnedColumnPosition.RIGHT;
-    const label = otherSide === GridPinnedColumnPosition.RIGHT ? 'pinToRight' : 'pinToLeft';
-    const Icon = side === GridPinnedColumnPosition.RIGHT ? rootProps.slots.columnMenuPinLeftIcon : rootProps.slots.columnMenuPinRightIcon;
-    return /*#__PURE__*/_jsxs(React.Fragment, {
-      children: [/*#__PURE__*/_jsxs(MenuItem, {
-        onClick: pinColumn(otherSide),
-        children: [/*#__PURE__*/_jsx(ListItemIcon, {
-          children: /*#__PURE__*/_jsx(Icon, {
-            fontSize: "small"
-          })
-        }), /*#__PURE__*/_jsx(ListItemText, {
-          children: apiRef.current.getLocaleText(label)
-        })]
-      }), /*#__PURE__*/_jsxs(MenuItem, {
-        onClick: unpinColumn,
-        children: [/*#__PURE__*/_jsx(ListItemIcon, {}), /*#__PURE__*/_jsx(ListItemText, {
-          children: apiRef.current.getLocaleText('unpin')
-        })]
-      })]
-    });
-  }
-  if (isRtl) {
-    return /*#__PURE__*/_jsxs(React.Fragment, {
-      children: [pinToRightMenuItem, pinToLeftMenuItem]
-    });
-  }
-  return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [pinToLeftMenuItem, pinToRightMenuItem]
-  });
-}
-process.env.NODE_ENV !== "production" ? GridColumnMenuPinningItem.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 { GridColumnMenuPinningItem };