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

package/hooks/features/dataSource/utils.js

@@ -1,31 +1,24 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.runIfServerMode = exports.RequestStatus = exports.NestedDataManager = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+import _extends from "@babel/runtime/helpers/esm/extends";
 const MAX_CONCURRENT_REQUESTS = Infinity;
-const runIfServerMode = (modeProp, fn) => () => {
+export const runIfServerMode = (modeProp, fn) => () => {
   if (modeProp === 'server') {
     fn();
   }
 };
-exports.runIfServerMode = runIfServerMode;
-let RequestStatus = exports.RequestStatus = /*#__PURE__*/function (RequestStatus) {
+export let RequestStatus = /*#__PURE__*/function (RequestStatus) {
   RequestStatus[RequestStatus["QUEUED"] = 0] = "QUEUED";
   RequestStatus[RequestStatus["PENDING"] = 1] = "PENDING";
   RequestStatus[RequestStatus["SETTLED"] = 2] = "SETTLED";
   RequestStatus[RequestStatus["UNKNOWN"] = 3] = "UNKNOWN";
   return RequestStatus;
 }({});
+
 /**
  * Fetches row children from the server with option to limit the number of concurrent requests
  * Determines the status of a request based on the enum `RequestStatus`
  * Uses `GridRowId` to uniquely identify a request
  */
-class NestedDataManager {
+export class NestedDataManager {
   constructor(privateApiRef, maxConcurrentRequests = MAX_CONCURRENT_REQUESTS) {
     this.pendingRequests = new Set();
     this.queuedRequests = new Set();
@@ -54,9 +47,9 @@ class NestedDataManager {
         this.queuedRequests.add(id);
         loadingIds[id] = true;
       });
-      this.api.setState(state => (0, _extends2.default)({}, state, {
-        dataSource: (0, _extends2.default)({}, state.dataSource, {
-          loading: (0, _extends2.default)({}, state.dataSource.loading, loadingIds)
+      this.api.setState(state => _extends({}, state, {
+        dataSource: _extends({}, state.dataSource, {
+          loading: _extends({}, state.dataSource.loading, loadingIds)
         })
       }));
       this.processQueue();
@@ -91,5 +84,4 @@ class NestedDataManager {
     this.api = privateApiRef.current;
     this.maxConcurrentRequests = maxConcurrentRequests;
   }
-}
-exports.NestedDataManager = NestedDataManager;
+}

package/hooks/features/detailPanel/gridDetailPanelInterface.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+export {};

package/hooks/features/detailPanel/gridDetailPanelSelector.js

@@ -1,19 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.gridDetailPanelRawHeightCacheSelector = exports.gridDetailPanelExpandedRowsHeightCacheSelector = exports.gridDetailPanelExpandedRowsContentCacheSelector = exports.gridDetailPanelExpandedRowIdsSelector = void 0;
-var _internals = require("@mui/x-data-grid/internals");
-const gridDetailPanelExpandedRowIdsSelector = state => state.detailPanel.expandedRowIds;
-exports.gridDetailPanelExpandedRowIdsSelector = gridDetailPanelExpandedRowIdsSelector;
-const gridDetailPanelExpandedRowsContentCacheSelector = state => state.detailPanel.contentCache;
-exports.gridDetailPanelExpandedRowsContentCacheSelector = gridDetailPanelExpandedRowsContentCacheSelector;
-const gridDetailPanelRawHeightCacheSelector = state => state.detailPanel.heightCache;
+import { createSelectorMemoized } from '@mui/x-data-grid/internals';
+export const gridDetailPanelExpandedRowIdsSelector = state => state.detailPanel.expandedRowIds;
+export const gridDetailPanelExpandedRowsContentCacheSelector = state => state.detailPanel.contentCache;
+export const gridDetailPanelRawHeightCacheSelector = state => state.detailPanel.heightCache;
 
 // TODO v6: Make this selector return the full object, including the autoHeight flag
-exports.gridDetailPanelRawHeightCacheSelector = gridDetailPanelRawHeightCacheSelector;
-const gridDetailPanelExpandedRowsHeightCacheSelector = exports.gridDetailPanelExpandedRowsHeightCacheSelector = (0, _internals.createSelectorMemoized)(gridDetailPanelRawHeightCacheSelector, heightCache => Object.entries(heightCache).reduce((acc, [id, {
+export const gridDetailPanelExpandedRowsHeightCacheSelector = createSelectorMemoized(gridDetailPanelRawHeightCacheSelector, heightCache => Object.entries(heightCache).reduce((acc, [id, {
   height
 }]) => {
   acc[id] = height || 0;

package/hooks/features/detailPanel/gridDetailPanelToggleColDef.js

@@ -1,27 +1,14 @@
-"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.GRID_DETAIL_PANEL_TOGGLE_COL_DEF = void 0;
-Object.defineProperty(exports, "GRID_DETAIL_PANEL_TOGGLE_FIELD", {
-  enumerable: true,
-  get: function () {
-    return _internals.GRID_DETAIL_PANEL_TOGGLE_FIELD;
-  }
-});
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _xDataGrid = require("@mui/x-data-grid");
-var _internals = require("@mui/x-data-grid/internals");
-var _GridDetailPanelToggleCell = require("../../../components/GridDetailPanelToggleCell");
-var _gridDetailPanelSelector = require("./gridDetailPanelSelector");
-var _jsxRuntime = require("react/jsx-runtime");
-const GRID_DETAIL_PANEL_TOGGLE_COL_DEF = exports.GRID_DETAIL_PANEL_TOGGLE_COL_DEF = (0, _extends2.default)({}, _xDataGrid.GRID_STRING_COL_DEF, {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import { GRID_STRING_COL_DEF, gridRowIdSelector } from '@mui/x-data-grid';
+import { GRID_DETAIL_PANEL_TOGGLE_FIELD } from '@mui/x-data-grid/internals';
+import { GridDetailPanelToggleCell } from "../../../components/GridDetailPanelToggleCell.js";
+import { gridDetailPanelExpandedRowIdsSelector } from "./gridDetailPanelSelector.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export { GRID_DETAIL_PANEL_TOGGLE_FIELD };
+export const GRID_DETAIL_PANEL_TOGGLE_COL_DEF = _extends({}, GRID_STRING_COL_DEF, {
   type: 'custom',
-  field: _internals.GRID_DETAIL_PANEL_TOGGLE_FIELD,
+  field: GRID_DETAIL_PANEL_TOGGLE_FIELD,
   editable: false,
   sortable: false,
   filterable: false,
@@ -34,14 +21,14 @@ const GRID_DETAIL_PANEL_TOGGLE_COL_DEF = exports.GRID_DETAIL_PANEL_TOGGLE_COL_DE
   align: 'left',
   width: 40,
   valueGetter: (value, row, column, apiRef) => {
-    const rowId = (0, _xDataGrid.gridRowIdSelector)(apiRef.current.state, row);
-    const expandedRowIds = (0, _gridDetailPanelSelector.gridDetailPanelExpandedRowIdsSelector)(apiRef.current.state);
+    const rowId = gridRowIdSelector(apiRef.current.state, row);
+    const expandedRowIds = gridDetailPanelExpandedRowIdsSelector(apiRef.current.state);
     return expandedRowIds.includes(rowId);
   },
-  renderCell: params => /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridDetailPanelToggleCell.GridDetailPanelToggleCell, (0, _extends2.default)({}, params)),
+  renderCell: params => /*#__PURE__*/_jsx(GridDetailPanelToggleCell, _extends({}, params)),
   renderHeader: ({
     colDef
-  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  }) => /*#__PURE__*/_jsx("div", {
     "aria-label": colDef.headerName
   })
 });

package/hooks/features/detailPanel/index.js

@@ -1,53 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  gridDetailPanelExpandedRowIdsSelector: true,
-  gridDetailPanelExpandedRowsContentCacheSelector: true,
-  gridDetailPanelExpandedRowsHeightCacheSelector: true
-};
-Object.defineProperty(exports, "gridDetailPanelExpandedRowIdsSelector", {
-  enumerable: true,
-  get: function () {
-    return _gridDetailPanelSelector.gridDetailPanelExpandedRowIdsSelector;
-  }
-});
-Object.defineProperty(exports, "gridDetailPanelExpandedRowsContentCacheSelector", {
-  enumerable: true,
-  get: function () {
-    return _gridDetailPanelSelector.gridDetailPanelExpandedRowsContentCacheSelector;
-  }
-});
-Object.defineProperty(exports, "gridDetailPanelExpandedRowsHeightCacheSelector", {
-  enumerable: true,
-  get: function () {
-    return _gridDetailPanelSelector.gridDetailPanelExpandedRowsHeightCacheSelector;
-  }
-});
-var _gridDetailPanelToggleColDef = require("./gridDetailPanelToggleColDef");
-Object.keys(_gridDetailPanelToggleColDef).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _gridDetailPanelToggleColDef[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _gridDetailPanelToggleColDef[key];
-    }
-  });
-});
-var _gridDetailPanelSelector = require("./gridDetailPanelSelector");
-var _gridDetailPanelInterface = require("./gridDetailPanelInterface");
-Object.keys(_gridDetailPanelInterface).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _gridDetailPanelInterface[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _gridDetailPanelInterface[key];
-    }
-  });
-});
+export * from "./gridDetailPanelToggleColDef.js";
+export { gridDetailPanelExpandedRowIdsSelector, gridDetailPanelExpandedRowsContentCacheSelector, gridDetailPanelExpandedRowsHeightCacheSelector } from "./gridDetailPanelSelector.js";
+export * from "./gridDetailPanelInterface.js";

package/hooks/features/detailPanel/useGridDetailPanel.js

@@ -1,26 +1,17 @@
-"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.useGridDetailPanel = exports.detailPanelStateInitializer = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _xDataGrid = require("@mui/x-data-grid");
-var _internals = require("@mui/x-data-grid/internals");
-var _gridDetailPanelToggleColDef = require("./gridDetailPanelToggleColDef");
-var _gridDetailPanelSelector = require("./gridDetailPanelSelector");
-const detailPanelStateInitializer = (state, props) => {
-  return (0, _extends2.default)({}, state, {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import { useGridSelector, useGridApiEventHandler, useGridApiMethod, gridDataRowIdsSelector } from '@mui/x-data-grid';
+import { useGridRegisterPipeProcessor } from '@mui/x-data-grid/internals';
+import { GRID_DETAIL_PANEL_TOGGLE_FIELD } from "./gridDetailPanelToggleColDef.js";
+import { gridDetailPanelExpandedRowIdsSelector, gridDetailPanelExpandedRowsContentCacheSelector, gridDetailPanelExpandedRowsHeightCacheSelector, gridDetailPanelRawHeightCacheSelector } from "./gridDetailPanelSelector.js";
+export const detailPanelStateInitializer = (state, props) => {
+  return _extends({}, state, {
     detailPanel: {
       heightCache: {},
       expandedRowIds: props.detailPanelExpandedRowIds ?? props.initialState?.detailPanel?.expandedRowIds ?? []
     }
   });
 };
-exports.detailPanelStateInitializer = detailPanelStateInitializer;
 function cacheContentAndHeight(apiRef, getDetailPanelContent, getDetailPanelHeight, previousHeightCache) {
   if (typeof getDetailPanelContent !== 'function') {
     return {};
@@ -28,7 +19,7 @@ function cacheContentAndHeight(apiRef, getDetailPanelContent, getDetailPanelHeig
 
   // TODO change to lazy approach using a Proxy
   // only call getDetailPanelContent when asked for an id
-  const rowIds = (0, _xDataGrid.gridDataRowIdsSelector)(apiRef);
+  const rowIds = gridDataRowIdsSelector(apiRef);
   const contentCache = rowIds.reduce((acc, id) => {
     const params = apiRef.current.getRowParams(id);
     acc[id] = getDetailPanelContent(params);
@@ -52,11 +43,10 @@ function cacheContentAndHeight(apiRef, getDetailPanelContent, getDetailPanelHeig
     heightCache
   };
 }
-const useGridDetailPanel = (apiRef, props) => {
-  const expandedRowIds = (0, _xDataGrid.useGridSelector)(apiRef, _gridDetailPanelSelector.gridDetailPanelExpandedRowIdsSelector);
-  const contentCache = (0, _xDataGrid.useGridSelector)(apiRef, _gridDetailPanelSelector.gridDetailPanelExpandedRowsContentCacheSelector);
+export const useGridDetailPanel = (apiRef, props) => {
+  const contentCache = useGridSelector(apiRef, gridDetailPanelExpandedRowsContentCacheSelector);
   const handleCellClick = React.useCallback((params, event) => {
-    if (params.field !== _gridDetailPanelToggleColDef.GRID_DETAIL_PANEL_TOGGLE_FIELD || props.getDetailPanelContent == null) {
+    if (params.field !== GRID_DETAIL_PANEL_TOGGLE_FIELD || props.getDetailPanelContent == null) {
       return;
     }
     const content = contentCache[params.id];
@@ -74,17 +64,17 @@ const useGridDetailPanel = (apiRef, props) => {
     if (props.getDetailPanelContent == null) {
       return;
     }
-    if (params.field === _gridDetailPanelToggleColDef.GRID_DETAIL_PANEL_TOGGLE_FIELD && event.key === ' ') {
+    if (params.field === GRID_DETAIL_PANEL_TOGGLE_FIELD && event.key === ' ') {
       apiRef.current.toggleDetailPanel(params.id);
     }
   }, [apiRef, props.getDetailPanelContent]);
-  (0, _xDataGrid.useGridApiEventHandler)(apiRef, 'cellClick', handleCellClick);
-  (0, _xDataGrid.useGridApiEventHandler)(apiRef, 'cellKeyDown', handleCellKeyDown);
+  useGridApiEventHandler(apiRef, 'cellClick', handleCellClick);
+  useGridApiEventHandler(apiRef, 'cellKeyDown', handleCellKeyDown);
   apiRef.current.registerControlState({
     stateId: 'detailPanels',
     propModel: props.detailPanelExpandedRowIds,
     propOnChange: props.onDetailPanelExpandedRowIdsChange,
-    stateSelector: _gridDetailPanelSelector.gridDetailPanelExpandedRowIdsSelector,
+    stateSelector: gridDetailPanelExpandedRowIdsSelector,
     changeEvent: 'detailPanelsExpandedRowIdsChange'
   });
   const toggleDetailPanel = React.useCallback(id => {
@@ -98,26 +88,27 @@ const useGridDetailPanel = (apiRef, props) => {
     const ids = apiRef.current.getExpandedDetailPanels();
     apiRef.current.setExpandedDetailPanels(ids.includes(id) ? ids.filter(rowId => rowId !== id) : [...ids, id]);
   }, [apiRef, contentCache, props.getDetailPanelContent]);
-  const getExpandedDetailPanels = React.useCallback(() => (0, _gridDetailPanelSelector.gridDetailPanelExpandedRowIdsSelector)(apiRef.current.state), [apiRef]);
+  const getExpandedDetailPanels = React.useCallback(() => gridDetailPanelExpandedRowIdsSelector(apiRef.current.state), [apiRef]);
   const setExpandedDetailPanels = React.useCallback(ids => {
     apiRef.current.setState(state => {
-      return (0, _extends2.default)({}, state, {
-        detailPanel: (0, _extends2.default)({}, state.detailPanel, {
+      return _extends({}, state, {
+        detailPanel: _extends({}, state.detailPanel, {
           expandedRowIds: ids
         })
       });
     });
+    apiRef.current.requestPipeProcessorsApplication('rowHeight');
   }, [apiRef]);
   const storeDetailPanelHeight = React.useCallback((id, height) => {
-    const heightCache = (0, _gridDetailPanelSelector.gridDetailPanelRawHeightCacheSelector)(apiRef.current.state);
+    const heightCache = gridDetailPanelRawHeightCacheSelector(apiRef.current.state);
     if (!heightCache[id] || heightCache[id].height === height) {
       return;
     }
     apiRef.current.setState(state => {
-      return (0, _extends2.default)({}, state, {
-        detailPanel: (0, _extends2.default)({}, state.detailPanel, {
-          heightCache: (0, _extends2.default)({}, heightCache, {
-            [id]: (0, _extends2.default)({}, heightCache[id], {
+      return _extends({}, state, {
+        detailPanel: _extends({}, state.detailPanel, {
+          heightCache: _extends({}, heightCache, {
+            [id]: _extends({}, heightCache[id], {
               height
             })
           })
@@ -127,7 +118,7 @@ const useGridDetailPanel = (apiRef, props) => {
     apiRef.current.requestPipeProcessorsApplication('rowHeight');
   }, [apiRef]);
   const detailPanelHasAutoHeight = React.useCallback(id => {
-    const heightCache = (0, _gridDetailPanelSelector.gridDetailPanelRawHeightCacheSelector)(apiRef.current.state);
+    const heightCache = gridDetailPanelRawHeightCacheSelector(apiRef.current.state);
     return heightCache[id] ? heightCache[id].autoHeight : false;
   }, [apiRef]);
   const detailPanelPubicApi = {
@@ -139,11 +130,11 @@ const useGridDetailPanel = (apiRef, props) => {
     storeDetailPanelHeight,
     detailPanelHasAutoHeight
   };
-  (0, _xDataGrid.useGridApiMethod)(apiRef, detailPanelPubicApi, 'public');
-  (0, _xDataGrid.useGridApiMethod)(apiRef, detailPanelPrivateApi, 'private');
+  useGridApiMethod(apiRef, detailPanelPubicApi, 'public');
+  useGridApiMethod(apiRef, detailPanelPrivateApi, 'private');
   React.useEffect(() => {
     if (props.detailPanelExpandedRowIds) {
-      const currentModel = (0, _gridDetailPanelSelector.gridDetailPanelExpandedRowIdsSelector)(apiRef.current.state);
+      const currentModel = gridDetailPanelExpandedRowIdsSelector(apiRef.current.state);
       if (currentModel !== props.detailPanelExpandedRowIds) {
         apiRef.current.setExpandedDetailPanels(props.detailPanelExpandedRowIds);
       }
@@ -154,13 +145,13 @@ const useGridDetailPanel = (apiRef, props) => {
       return;
     }
     apiRef.current.setState(state => {
-      return (0, _extends2.default)({}, state, {
-        detailPanel: (0, _extends2.default)({}, state.detailPanel, cacheContentAndHeight(apiRef, props.getDetailPanelContent, props.getDetailPanelHeight, state.detailPanel.heightCache))
+      return _extends({}, state, {
+        detailPanel: _extends({}, state.detailPanel, cacheContentAndHeight(apiRef, props.getDetailPanelContent, props.getDetailPanelHeight, state.detailPanel.heightCache))
       });
     });
     apiRef.current.forceUpdate();
   }, [apiRef, props.getDetailPanelContent, props.getDetailPanelHeight]);
-  (0, _xDataGrid.useGridApiEventHandler)(apiRef, 'sortedRowsSet', updateCachesAndForceUpdate);
+  useGridApiEventHandler(apiRef, 'sortedRowsSet', updateCachesAndForceUpdate);
   const previousGetDetailPanelContentProp = React.useRef(undefined);
   const previousGetDetailPanelHeightProp = React.useRef(undefined);
   const updateCachesIfNeeded = React.useCallback(() => {
@@ -168,25 +159,26 @@ const useGridDetailPanel = (apiRef, props) => {
       return;
     }
     apiRef.current.setState(state => {
-      return (0, _extends2.default)({}, state, {
-        detailPanel: (0, _extends2.default)({}, state.detailPanel, cacheContentAndHeight(apiRef, props.getDetailPanelContent, props.getDetailPanelHeight, state.detailPanel.heightCache))
+      return _extends({}, state, {
+        detailPanel: _extends({}, state.detailPanel, cacheContentAndHeight(apiRef, props.getDetailPanelContent, props.getDetailPanelHeight, state.detailPanel.heightCache))
       });
     });
     previousGetDetailPanelContentProp.current = props.getDetailPanelContent;
     previousGetDetailPanelHeightProp.current = props.getDetailPanelHeight;
   }, [apiRef, props.getDetailPanelContent, props.getDetailPanelHeight]);
   const addDetailHeight = React.useCallback((initialValue, row) => {
+    const expandedRowIds = gridDetailPanelExpandedRowIdsSelector(apiRef.current.state);
     if (!expandedRowIds || expandedRowIds.length === 0 || !expandedRowIds.includes(row.id)) {
       initialValue.detail = 0;
       return initialValue;
     }
     updateCachesIfNeeded();
-    const heightCache = (0, _gridDetailPanelSelector.gridDetailPanelExpandedRowsHeightCacheSelector)(apiRef);
+    const heightCache = gridDetailPanelExpandedRowsHeightCacheSelector(apiRef);
     initialValue.detail = heightCache[row.id] ?? 0; // Fallback to zero because the cache might not be ready yet (for example page was changed)
     return initialValue;
-  }, [apiRef, expandedRowIds, updateCachesIfNeeded]);
+  }, [apiRef, updateCachesIfNeeded]);
   const enabled = props.getDetailPanelContent !== undefined;
-  (0, _internals.useGridRegisterPipeProcessor)(apiRef, 'rowHeight', addDetailHeight, enabled);
+  useGridRegisterPipeProcessor(apiRef, 'rowHeight', addDetailHeight, enabled);
   const isFirstRender = React.useRef(true);
   if (isFirstRender.current) {
     updateCachesIfNeeded();
@@ -197,5 +189,4 @@ const useGridDetailPanel = (apiRef, props) => {
     }
     isFirstRender.current = false;
   }, [apiRef, updateCachesIfNeeded]);
-};
-exports.useGridDetailPanel = useGridDetailPanel;
+};

package/hooks/features/detailPanel/useGridDetailPanelPreProcessors.js

@@ -1,37 +1,29 @@
-"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.useGridDetailPanelPreProcessors = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _xDataGrid = require("@mui/x-data-grid");
-var _internals = require("@mui/x-data-grid/internals");
-var _gridDetailPanelToggleColDef = require("./gridDetailPanelToggleColDef");
-var _gridDetailPanelSelector = require("./gridDetailPanelSelector");
-const useGridDetailPanelPreProcessors = (privateApiRef, props) => {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import { gridClasses } from '@mui/x-data-grid';
+import { useGridRegisterPipeProcessor } from '@mui/x-data-grid/internals';
+import { GRID_DETAIL_PANEL_TOGGLE_FIELD, GRID_DETAIL_PANEL_TOGGLE_COL_DEF } from "./gridDetailPanelToggleColDef.js";
+import { gridDetailPanelExpandedRowIdsSelector } from "./gridDetailPanelSelector.js";
+export const useGridDetailPanelPreProcessors = (privateApiRef, props) => {
   const addToggleColumn = React.useCallback(columnsState => {
     if (props.getDetailPanelContent == null) {
       // Remove the toggle column, when it exists
-      if (columnsState.lookup[_gridDetailPanelToggleColDef.GRID_DETAIL_PANEL_TOGGLE_FIELD]) {
-        delete columnsState.lookup[_gridDetailPanelToggleColDef.GRID_DETAIL_PANEL_TOGGLE_FIELD];
-        columnsState.orderedFields = columnsState.orderedFields.filter(field => field !== _gridDetailPanelToggleColDef.GRID_DETAIL_PANEL_TOGGLE_FIELD);
+      if (columnsState.lookup[GRID_DETAIL_PANEL_TOGGLE_FIELD]) {
+        delete columnsState.lookup[GRID_DETAIL_PANEL_TOGGLE_FIELD];
+        columnsState.orderedFields = columnsState.orderedFields.filter(field => field !== GRID_DETAIL_PANEL_TOGGLE_FIELD);
       }
       return columnsState;
     }
 
     // Don't add the toggle column if there's already one
     // The user might have manually added it to have it in a custom position
-    if (columnsState.lookup[_gridDetailPanelToggleColDef.GRID_DETAIL_PANEL_TOGGLE_FIELD]) {
+    if (columnsState.lookup[GRID_DETAIL_PANEL_TOGGLE_FIELD]) {
       return columnsState;
     }
 
     // Otherwise, add the toggle column at the beginning
-    columnsState.orderedFields = [_gridDetailPanelToggleColDef.GRID_DETAIL_PANEL_TOGGLE_FIELD, ...columnsState.orderedFields];
-    columnsState.lookup[_gridDetailPanelToggleColDef.GRID_DETAIL_PANEL_TOGGLE_FIELD] = (0, _extends2.default)({}, _gridDetailPanelToggleColDef.GRID_DETAIL_PANEL_TOGGLE_COL_DEF, {
+    columnsState.orderedFields = [GRID_DETAIL_PANEL_TOGGLE_FIELD, ...columnsState.orderedFields];
+    columnsState.lookup[GRID_DETAIL_PANEL_TOGGLE_FIELD] = _extends({}, GRID_DETAIL_PANEL_TOGGLE_COL_DEF, {
       headerName: privateApiRef.current.getLocaleText('detailPanelToggle')
     });
     return columnsState;
@@ -40,13 +32,12 @@ const useGridDetailPanelPreProcessors = (privateApiRef, props) => {
     if (props.getDetailPanelContent == null) {
       return classes;
     }
-    const expandedRowIds = (0, _gridDetailPanelSelector.gridDetailPanelExpandedRowIdsSelector)(privateApiRef.current.state);
+    const expandedRowIds = gridDetailPanelExpandedRowIdsSelector(privateApiRef.current.state);
     if (!expandedRowIds.includes(id)) {
       return classes;
     }
-    return [...classes, _xDataGrid.gridClasses['row--detailPanelExpanded']];
+    return [...classes, gridClasses['row--detailPanelExpanded']];
   }, [privateApiRef, props.getDetailPanelContent]);
-  (0, _internals.useGridRegisterPipeProcessor)(privateApiRef, 'hydrateColumns', addToggleColumn);
-  (0, _internals.useGridRegisterPipeProcessor)(privateApiRef, 'rowClassName', addExpandedClassToRow);
-};
-exports.useGridDetailPanelPreProcessors = useGridDetailPanelPreProcessors;
+  useGridRegisterPipeProcessor(privateApiRef, 'hydrateColumns', addToggleColumn);
+  useGridRegisterPipeProcessor(privateApiRef, 'rowClassName', addExpandedClassToRow);
+};

package/hooks/features/index.js

@@ -1,99 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  GridDataSourceCacheDefault: true
-};
-Object.defineProperty(exports, "GridDataSourceCacheDefault", {
-  enumerable: true,
-  get: function () {
-    return _cache.GridDataSourceCacheDefault;
-  }
-});
-var _columnPinning = require("./columnPinning");
-Object.keys(_columnPinning).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _columnPinning[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _columnPinning[key];
-    }
-  });
-});
-var _columnReorder = require("./columnReorder");
-Object.keys(_columnReorder).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _columnReorder[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _columnReorder[key];
-    }
-  });
-});
-var _rowReorder = require("./rowReorder");
-Object.keys(_rowReorder).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _rowReorder[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _rowReorder[key];
-    }
-  });
-});
-var _treeData = require("./treeData");
-Object.keys(_treeData).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _treeData[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _treeData[key];
-    }
-  });
-});
-var _detailPanel = require("./detailPanel");
-Object.keys(_detailPanel).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _detailPanel[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _detailPanel[key];
-    }
-  });
-});
-var _rowPinning = require("./rowPinning");
-Object.keys(_rowPinning).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _rowPinning[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _rowPinning[key];
-    }
-  });
-});
-var _interfaces = require("./dataSource/interfaces");
-Object.keys(_interfaces).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _interfaces[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _interfaces[key];
-    }
-  });
-});
-var _cache = require("./dataSource/cache");
+// Only export the variable and types that should be publicly exposed and re-exported from `@mui/x-data-grid-pro`
+export * from "./columnPinning/index.js";
+export * from "./columnReorder/index.js";
+export * from "./rowReorder/index.js";
+export * from "./treeData/index.js";
+export * from "./detailPanel/index.js";
+export * from "./rowPinning/index.js";
+export * from "./dataSource/interfaces.js";
+export { GridDataSourceCacheDefault } from "./dataSource/cache.js";