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

package/hooks/features/dataSource/useGridDataSourceBasePro.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useGridDataSourceBasePro = exports.INITIAL_STATE = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
+var _isDeepEqual = require("@mui/x-internals/isDeepEqual");
 var _useLazyRef = _interopRequireDefault(require("@mui/utils/useLazyRef"));
 var _xDataGrid = require("@mui/x-data-grid");
 var _internals = require("@mui/x-data-grid/internals");
@@ -31,16 +32,26 @@ const useGridDataSourceBasePro = (apiRef, props, options = {}) => {
     }
     return null;
   }, [apiRef, nestedDataManager]);
+  const handleEditRow = React.useCallback((params, updatedRow) => {
+    const groupKeys = (0, _utils.getGroupKeys)((0, _xDataGrid.gridRowTreeSelector)(apiRef), params.rowId);
+    apiRef.current.updateNestedRows([updatedRow], groupKeys);
+    if (updatedRow && !(0, _isDeepEqual.isDeepEqual)(updatedRow, params.previousRow)) {
+      // Reset the outdated cache, only if the row is _actually_ updated
+      apiRef.current.dataSource.cache.clear();
+    }
+  }, [apiRef]);
   const {
     api,
+    debouncedFetchRows,
     strategyProcessor,
     events,
     cacheChunkManager,
     cache
-  } = (0, _internals.useGridDataSourceBase)(apiRef, props, (0, _extends2.default)({}, options, {
+  } = (0, _internals.useGridDataSourceBase)(apiRef, props, (0, _extends2.default)({
     fetchRowChildren: nestedDataManager.queue,
-    clearDataSourceState
-  }));
+    clearDataSourceState,
+    handleEditRow
+  }, options));
   const setStrategyAvailability = React.useCallback(() => {
     apiRef.current.setStrategyAvailability(_internals.GridStrategyGroup.DataSource, _internals.DataSourceRowsUpdateStrategy.Default, props.dataSource && !props.lazyLoading ? () => true : () => false);
   }, [apiRef, props.dataSource, props.lazyLoading]);
@@ -70,7 +81,7 @@ const useGridDataSourceBasePro = (apiRef, props, options = {}) => {
     if (cachedData !== undefined) {
       const rows = cachedData.rows;
       nestedDataManager.setRequestSettled(id);
-      apiRef.current.updateServerRows(rows, rowNode.path);
+      apiRef.current.updateNestedRows(rows, rowNode.path);
       apiRef.current.setRowCount(cachedData.rowCount === undefined ? -1 : cachedData.rowCount);
       apiRef.current.setRowChildrenExpansion(id, true);
       apiRef.current.dataSource.setChildrenLoading(id, false);
@@ -97,7 +108,23 @@ const useGridDataSourceBasePro = (apiRef, props, options = {}) => {
         cache.set(key, response);
       });
       apiRef.current.setRowCount(getRowsResponse.rowCount === undefined ? -1 : getRowsResponse.rowCount);
-      apiRef.current.updateServerRows(getRowsResponse.rows, rowNode.path);
+      // Remove existing outdated rows before setting the new ones
+      const rowsToDelete = [];
+      getRowsResponse.rows.forEach(row => {
+        const rowId = (0, _xDataGrid.gridRowIdSelector)(apiRef, row);
+        const treeNode = (0, _xDataGrid.gridRowNodeSelector)(apiRef, rowId);
+        if (treeNode) {
+          rowsToDelete.push({
+            id: rowId,
+            _action: 'delete'
+          });
+        }
+      });
+      if (rowsToDelete.length > 0) {
+        // TODO: Make this happen in a single pass by modifying the pre-processing of the rows
+        apiRef.current.updateNestedRows(rowsToDelete, rowNode.path);
+      }
+      apiRef.current.updateNestedRows(getRowsResponse.rows, rowNode.path);
       apiRef.current.setRowChildrenExpansion(id, true);
     } catch (error) {
       const childrenFetchError = error;
@@ -109,7 +136,7 @@ const useGridDataSourceBasePro = (apiRef, props, options = {}) => {
           cause: childrenFetchError
         }));
       } else if (process.env.NODE_ENV !== 'production') {
-        (0, _warning.warnOnce)(['MUI X: A call to `dataSource.getRows()` threw an error which was not handled because `unstable_onDataSourceError()` is missing.', 'To handle the error pass a callback to the `onDataSourceError` prop, for example `<DataGrid unstable_onDataSourceError={(error) => ...} />`.', 'For more detail, see https://mui.com/x/react-data-grid/server-side-data/#error-handling.'], 'error');
+        (0, _warning.warnOnce)(['MUI X: A call to `dataSource.getRows()` threw an error which was not handled because `onDataSourceError()` is missing.', 'To handle the error pass a callback to the `onDataSourceError` prop, for example `<DataGrid onDataSourceError={(error) => ...} />`.', 'For more detail, see https://mui.com/x/react-data-grid/server-side-data/#error-handling.'], 'error');
       }
     } finally {
       apiRef.current.dataSource.setChildrenLoading(id, false);
@@ -178,6 +205,7 @@ const useGridDataSourceBasePro = (apiRef, props, options = {}) => {
       public: dataSourceApi,
       private: dataSourcePrivateApi
     },
+    debouncedFetchRows,
     strategyProcessor,
     events,
     setStrategyAvailability,

package/hooks/features/dataSource/utils.d.ts

@@ -1,5 +1,5 @@
 import { RefObject } from '@mui/x-internals/types';
-import { GridRowId } from '@mui/x-data-grid';
+import { GridKeyValue, GridRowId, GridRowTreeConfig } from '@mui/x-data-grid';
 import { GridPrivateApiPro } from "../../../models/index.js";
 export declare enum RequestStatus {
   QUEUED = 0,
@@ -26,4 +26,5 @@ export declare class NestedDataManager {
   clearPendingRequest: (id: GridRowId) => void;
   getRequestStatus: (id: GridRowId) => RequestStatus;
   getActiveRequestsCount: () => number;
-}
+}
+export declare const getGroupKeys: (tree: GridRowTreeConfig, rowId: GridRowId) => GridKeyValue[];

package/hooks/features/dataSource/utils.js

@@ -4,8 +4,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.RequestStatus = exports.NestedDataManager = void 0;
+exports.getGroupKeys = exports.RequestStatus = exports.NestedDataManager = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _xDataGrid = require("@mui/x-data-grid");
 const MAX_CONCURRENT_REQUESTS = Infinity;
 let RequestStatus = exports.RequestStatus = /*#__PURE__*/function (RequestStatus) {
   RequestStatus[RequestStatus["QUEUED"] = 0] = "QUEUED";
@@ -86,4 +87,16 @@ class NestedDataManager {
     this.maxConcurrentRequests = maxConcurrentRequests;
   }
 }
-exports.NestedDataManager = NestedDataManager;
+exports.NestedDataManager = NestedDataManager;
+const getGroupKeys = (tree, rowId) => {
+  const rowNode = tree[rowId];
+  let currentNodeId = rowNode.parent;
+  const groupKeys = [];
+  while (currentNodeId && currentNodeId !== _xDataGrid.GRID_ROOT_GROUP_ID) {
+    const currentNode = tree[currentNodeId];
+    groupKeys.push(currentNode.groupingKey ?? '');
+    currentNodeId = currentNode.parent;
+  }
+  return groupKeys.reverse();
+};
+exports.getGroupKeys = getGroupKeys;

package/hooks/features/lazyLoader/useGridLazyLoader.d.ts

@@ -7,4 +7,4 @@ import { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
  * @requires useGridDimensions (method) - can be after
  * @requires useGridScroll (method
  */
-export declare const useGridLazyLoader: (privateApiRef: RefObject<GridPrivateApiPro>, props: Pick<DataGridProProcessedProps, "onFetchRows" | "rowsLoadingMode" | "pagination" | "paginationMode" | "experimentalFeatures">) => void;
+export declare const useGridLazyLoader: (privateApiRef: RefObject<GridPrivateApiPro>, props: Pick<DataGridProProcessedProps, "onFetchRows" | "rowsLoadingMode" | "pagination" | "paginationMode">) => void;

package/hooks/features/lazyLoader/useGridLazyLoaderPreProcessors.d.ts

@@ -2,4 +2,4 @@ import { RefObject } from '@mui/x-internals/types';
 import { GridPrivateApiPro } from "../../../models/gridApiPro.js";
 import { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
 export declare const GRID_SKELETON_ROW_ROOT_ID = "auto-generated-skeleton-row-root";
-export declare const useGridLazyLoaderPreProcessors: (privateApiRef: RefObject<GridPrivateApiPro>, props: Pick<DataGridProProcessedProps, "rowCount" | "rowsLoadingMode" | "experimentalFeatures">) => void;
+export declare const useGridLazyLoaderPreProcessors: (privateApiRef: RefObject<GridPrivateApiPro>, props: Pick<DataGridProProcessedProps, "rowCount" | "rowsLoadingMode">) => void;

package/hooks/features/rowPinning/useGridRowPinning.d.ts

@@ -2,5 +2,5 @@ import { RefObject } from '@mui/x-internals/types';
 import { GridStateInitializer } from '@mui/x-data-grid/internals';
 import { GridPrivateApiPro } from "../../../models/gridApiPro.js";
 import { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
-export declare const rowPinningStateInitializer: GridStateInitializer<Pick<DataGridProProcessedProps, 'pinnedRows' | 'getRowId' | 'experimentalFeatures'>>;
+export declare const rowPinningStateInitializer: GridStateInitializer<Pick<DataGridProProcessedProps, 'pinnedRows' | 'getRowId'>>;
 export declare const useGridRowPinning: (apiRef: RefObject<GridPrivateApiPro>, props: Pick<DataGridProProcessedProps, "pinnedRows" | "getRowId">) => void;

package/hooks/features/serverSideLazyLoader/useGridDataSourceLazyLoader.js

@@ -184,6 +184,8 @@ const useGridDataSourceLazyLoader = (privateApiRef, props) => {
       fetchParams
     } = params;
     const pageRowCount = privateApiRef.current.state.pagination.rowCount;
+    const tree = privateApiRef.current.state.rows.tree;
+    const dataRowIdToModelLookup = privateApiRef.current.state.rows.dataRowIdToModelLookup;
     if (response.rowCount !== undefined || pageRowCount === undefined) {
       privateApiRef.current.setRowCount(response.rowCount === undefined ? -1 : response.rowCount);
     }
@@ -196,8 +198,43 @@ const useGridDataSourceLazyLoader = (privateApiRef, props) => {
       // the rows can safely be replaced. skeleton rows will be added later
       privateApiRef.current.setRows(response.rows);
     } else {
+      const rootGroup = tree[_xDataGrid.GRID_ROOT_GROUP_ID];
+      const rootGroupChildren = [...rootGroup.children];
       const filteredSortedRowIds = (0, _xDataGrid.gridFilteredSortedRowIdsSelector)(privateApiRef);
       const startingIndex = typeof fetchParams.start === 'string' ? Math.max(filteredSortedRowIds.indexOf(fetchParams.start), 0) : fetchParams.start;
+
+      // Check for duplicate rows
+      let duplicateRowCount = 0;
+      response.rows.forEach(row => {
+        const rowId = (0, _xDataGrid.gridRowIdSelector)(privateApiRef, row);
+        if (tree[rowId] || dataRowIdToModelLookup[rowId]) {
+          const index = rootGroupChildren.indexOf(rowId);
+          if (index !== -1) {
+            const skeletonId = getSkeletonRowId(index);
+            rootGroupChildren[index] = skeletonId;
+            tree[skeletonId] = {
+              type: 'skeletonRow',
+              id: skeletonId,
+              parent: _xDataGrid.GRID_ROOT_GROUP_ID,
+              depth: 0
+            };
+          }
+          delete tree[rowId];
+          delete dataRowIdToModelLookup[rowId];
+          duplicateRowCount += 1;
+        }
+      });
+      if (duplicateRowCount > 0) {
+        tree[_xDataGrid.GRID_ROOT_GROUP_ID] = (0, _extends2.default)({}, rootGroup, {
+          children: rootGroupChildren
+        });
+        privateApiRef.current.setState(state => (0, _extends2.default)({}, state, {
+          rows: (0, _extends2.default)({}, state.rows, {
+            tree,
+            dataRowIdToModelLookup
+          })
+        }));
+      }
       privateApiRef.current.unstable_replaceRows(startingIndex, response.rows);
     }
     rowsStale.current = false;

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v8.0.0-beta.3
+ * @mui/x-data-grid-pro v8.0.0
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/internals/index.d.ts

@@ -23,6 +23,7 @@ export { useGridDataSourceLazyLoader } from "../hooks/features/serverSideLazyLoa
 export { dataSourceStateInitializer } from "../hooks/features/dataSource/useGridDataSourcePro.js";
 export { useGridDataSourceBasePro } from "../hooks/features/dataSource/useGridDataSourceBasePro.js";
 export { gridDataSourceErrorSelector, gridDataSourceLoadingIdSelector } from "../hooks/features/dataSource/gridDataSourceSelector.js";
+export { getGroupKeys } from "../hooks/features/dataSource/utils.js";
 export type { GridExperimentalProFeatures, DataGridProPropsWithoutDefaultValue, DataGridProPropsWithDefaultValue } from '../models/dataGridProProps';
 export { createRowTree } from "../utils/tree/createRowTree.js";
 export { updateRowTree } from "../utils/tree/updateRowTree.js";

package/internals/index.js

@@ -34,6 +34,7 @@ var _exportNames = {
   useGridDataSourceBasePro: true,
   gridDataSourceErrorSelector: true,
   gridDataSourceLoadingIdSelector: true,
+  getGroupKeys: true,
   createRowTree: true,
   updateRowTree: true,
   sortRowTree: true,
@@ -91,10 +92,16 @@ Object.defineProperty(exports, "detailPanelStateInitializer", {
     return _useGridDetailPanel.detailPanelStateInitializer;
   }
 });
+Object.defineProperty(exports, "getGroupKeys", {
+  enumerable: true,
+  get: function () {
+    return _utils.getGroupKeys;
+  }
+});
 Object.defineProperty(exports, "getVisibleRowsLookup", {
   enumerable: true,
   get: function () {
-    return _utils.getVisibleRowsLookup;
+    return _utils2.getVisibleRowsLookup;
   }
 });
 Object.defineProperty(exports, "gridDataSourceErrorSelector", {
@@ -112,13 +119,13 @@ Object.defineProperty(exports, "gridDataSourceLoadingIdSelector", {
 Object.defineProperty(exports, "insertNodeInTree", {
   enumerable: true,
   get: function () {
-    return _utils.insertNodeInTree;
+    return _utils2.insertNodeInTree;
   }
 });
 Object.defineProperty(exports, "removeNodeFromTree", {
   enumerable: true,
   get: function () {
-    return _utils.removeNodeFromTree;
+    return _utils2.removeNodeFromTree;
   }
 });
 Object.defineProperty(exports, "rowPinningStateInitializer", {
@@ -130,13 +137,13 @@ Object.defineProperty(exports, "rowPinningStateInitializer", {
 Object.defineProperty(exports, "skipFiltering", {
   enumerable: true,
   get: function () {
-    return _utils2.skipFiltering;
+    return _utils3.skipFiltering;
   }
 });
 Object.defineProperty(exports, "skipSorting", {
   enumerable: true,
   get: function () {
-    return _utils2.skipSorting;
+    return _utils3.skipSorting;
   }
 });
 Object.defineProperty(exports, "sortRowTree", {
@@ -307,11 +314,12 @@ var _useGridDataSourceLazyLoader = require("../hooks/features/serverSideLazyLoad
 var _useGridDataSourcePro = require("../hooks/features/dataSource/useGridDataSourcePro");
 var _useGridDataSourceBasePro = require("../hooks/features/dataSource/useGridDataSourceBasePro");
 var _gridDataSourceSelector = require("../hooks/features/dataSource/gridDataSourceSelector");
+var _utils = require("../hooks/features/dataSource/utils");
 var _createRowTree = require("../utils/tree/createRowTree");
 var _updateRowTree = require("../utils/tree/updateRowTree");
 var _sortRowTree = require("../utils/tree/sortRowTree");
-var _utils = require("../utils/tree/utils");
-var _utils2 = require("../hooks/features/serverSideTreeData/utils");
+var _utils2 = require("../utils/tree/utils");
+var _utils3 = require("../hooks/features/serverSideTreeData/utils");
 var _propValidation = require("./propValidation");
 Object.keys(_propValidation).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/material/icons.d.ts

@@ -1,6 +1,3 @@
-export declare const GridPushPinRightIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-  muiName: string;
-};
-export declare const GridPushPinLeftIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-  muiName: string;
-};
+import * as React from 'react';
+export declare const GridPushPinRightIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridPushPinLeftIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;

package/material/icons.js

@@ -6,16 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.GridPushPinRightIcon = exports.GridPushPinLeftIcon = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _utils = require("@mui/material/utils");
+var _internals = require("@mui/x-data-grid/internals");
 var _jsxRuntime = require("react/jsx-runtime");
-const GridPushPinRightIcon = exports.GridPushPinRightIcon = (0, _utils.createSvgIcon)(/*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+const GridPushPinRightIcon = exports.GridPushPinRightIcon = (0, _internals.createSvgIcon)(/*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
   transform: "rotate(-30 15 10)",
   children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
     d: "M16,9V4l1,0c0.55,0,1-0.45,1-1v0c0-0.55-0.45-1-1-1H7C6.45,2,6,2.45,6,3v0 c0,0.55,0.45,1,1,1l1,0v5c0,1.66-1.34,3-3,3h0v2h5.97v7l1,1l1-1v-7H19v-2h0C17.34,12,16,10.66,16,9z",
     fillRule: "evenodd"
   })
 }), 'PushPinRight');
-const GridPushPinLeftIcon = exports.GridPushPinLeftIcon = (0, _utils.createSvgIcon)(/*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+const GridPushPinLeftIcon = exports.GridPushPinLeftIcon = (0, _internals.createSvgIcon)(/*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
   transform: "rotate(30 8 12)",
   children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
     d: "M16,9V4l1,0c0.55,0,1-0.45,1-1v0c0-0.55-0.45-1-1-1H7C6.45,2,6,2.45,6,3v0 c0,0.55,0.45,1,1,1l1,0v5c0,1.66-1.34,3-3,3h0v2h5.97v7l1,1l1-1v-7H19v-2h0C17.34,12,16,10.66,16,9z",

package/material/index.d.ts

@@ -1,5 +1,5 @@
 declare const materialSlots: {
-  columnMenuPinLeftIcon: React.JSXElementConstructor<any>;
-  columnMenuPinRightIcon: React.JSXElementConstructor<any>;
+  columnMenuPinLeftIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
+  columnMenuPinRightIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
 };
 export default materialSlots;

package/models/dataGridProProps.d.ts

@@ -90,7 +90,7 @@ export interface DataGridProPropsWithDefaultValue<R extends GridValidRowModel =
    * Set it to 'client' if you would like enable infnite loading.
    * Set it to 'server' if you would like to enable lazy loading.
    * @default "client"
-   * @deprecated Use the {@link https://next.mui.com/x/react-data-grid/server-side-data/lazy-loading/#viewport-loading Server-side data-Viewport loading} instead.
+   * @deprecated Use the {@link https://mui.com/x/react-data-grid/server-side-data/lazy-loading/#viewport-loading Server-side data-Viewport loading} instead.
    */
   rowsLoadingMode: GridFeatureMode;
   /**
@@ -149,7 +149,7 @@ export interface DataGridProPropsWithoutDefaultValue<R extends GridValidRowModel
    * @param {GridRowScrollEndParams} params With all properties from [[GridRowScrollEndParams]].
    * @param {MuiEvent<{}>} event The event object.
    * @param {GridCallbackDetails} details Additional details for this callback.
-   * @deprecated Use the {@link https://next.mui.com/x/react-data-grid/server-side-data/lazy-loading/#infinite-loading Server-side data-Infinite loading} instead.
+   * @deprecated Use the {@link https://mui.com/x/react-data-grid/server-side-data/lazy-loading/#infinite-loading Server-side data-Infinite loading} instead.
    */
   onRowsScrollEnd?: GridEventListener<'rowsScrollEnd'>;
   /**
@@ -194,7 +194,7 @@ export interface DataGridProPropsWithoutDefaultValue<R extends GridValidRowModel
    * @param {GridFetchRowsParams} params With all properties from [[GridFetchRowsParams]].
    * @param {MuiEvent<{}>} event The event object.
    * @param {GridCallbackDetails} details Additional details for this callback.
-   * @deprecated Use the {@link https://next.mui.com/x/react-data-grid/server-side-data/lazy-loading/#viewport-loading Server-side data-Viewport loading} instead.
+   * @deprecated Use the {@link https://mui.com/x/react-data-grid/server-side-data/lazy-loading/#viewport-loading Server-side data-Viewport loading} instead.
    */
   onFetchRows?: GridEventListener<'fetchRows'>;
   /**

package/models/gridProIconSlotsComponent.d.ts

@@ -1,13 +1,16 @@
 import * as React from 'react';
+import { BaseSlots } from '@mui/x-data-grid/internals';
+type IconProps = BaseSlots.IconProps;
 export interface GridProIconSlotsComponent {
   /**
    * Icon displayed in column menu for left pinning
    * @default GridPushPinLeftIcon
    */
-  columnMenuPinLeftIcon: React.JSXElementConstructor<any>;
+  columnMenuPinLeftIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed in column menu for right pinning
    * @default GridPushPinRightIcon
    */
-  columnMenuPinRightIcon: React.JSXElementConstructor<any>;
-}
+  columnMenuPinRightIcon: React.JSXElementConstructor<IconProps>;
+}
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-pro",
-  "version": "8.0.0-beta.3",
+  "version": "8.0.0",
   "description": "The Pro plan edition of the Data Grid components (MUI X).",
   "author": "MUI Team",
   "main": "./index.js",
@@ -9,7 +9,9 @@
     "url": "https://github.com/mui/mui-x/issues"
   },
   "homepage": "https://mui.com/x/react-data-grid/",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css"
+  ],
   "publishConfig": {
     "access": "public",
     "directory": "build"
@@ -34,14 +36,14 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.27.0",
-    "@mui/utils": "^7.0.0",
+    "@mui/utils": "^7.0.2",
     "@types/format-util": "^1.0.4",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "reselect": "^5.1.1",
-    "@mui/x-data-grid": "8.0.0-beta.3",
-    "@mui/x-internals": "8.0.0-beta.3",
-    "@mui/x-license": "8.0.0-beta.3"
+    "@mui/x-internals": "8.0.0",
+    "@mui/x-license": "8.0.0",
+    "@mui/x-data-grid": "8.0.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
@@ -74,10 +76,6 @@
       "import": {
         "types": "./esm/index.d.ts",
         "default": "./esm/index.js"
-      },
-      "mui-modern": {
-        "types": "./modern/index.d.ts",
-        "default": "./modern/index.js"
       }
     },
     "./*": {
@@ -88,10 +86,6 @@
       "import": {
         "types": "./esm/*/index.d.ts",
         "default": "./esm/*/index.js"
-      },
-      "mui-modern": {
-        "types": "./modern/*/index.d.ts",
-        "default": "./modern/*/index.js"
       }
     },
     "./esm": null,

package/esm/utils/releaseInfo.d.ts

@@ -1 +0,0 @@
-export declare const getReleaseInfo: () => any;

package/esm/utils/releaseInfo.js

@@ -1,13 +0,0 @@
-import { ponyfillGlobal } from '@mui/utils';
-export const getReleaseInfo = () => {
-  const releaseInfo = "MTc0MzYzMTIwMDAwMA==";
-  if (process.env.NODE_ENV !== 'production') {
-    // A simple hack to set the value in the test environment (has no build step).
-    // eslint-disable-next-line no-useless-concat
-    if (releaseInfo === '__RELEASE' + '_INFO__') {
-      // eslint-disable-next-line no-underscore-dangle
-      return ponyfillGlobal.__MUI_RELEASE_INFO__;
-    }
-  }
-  return releaseInfo;
-};

package/modern/DataGridPro/DataGrid.d.ts

@@ -1,8 +0,0 @@
-/**
- * @deprecated Import DataGridPro instead.
- */
-export declare function DataGrid(): null;
-/**
- * @deprecated Import DataGridPro instead.
- */
-export declare function DataGridPremium(): null;

package/modern/DataGridPro/DataGrid.js

@@ -1,19 +0,0 @@
-/**
- * @deprecated Import DataGridPro instead.
- */
-export function DataGrid() {
-  if (process.env.NODE_ENV === 'production') {
-    return null;
-  }
-  throw new Error(["You try to import Data Grid from @mui/x-data-grid-pro but this module isn't exported from this npm package.", '', "Instead, you can do `import { DataGridPro } from '@mui/x-data-grid-pro'`.", ''].join('\n'));
-}
-
-/**
- * @deprecated Import DataGridPro instead.
- */
-export function DataGridPremium() {
-  if (process.env.NODE_ENV === 'production') {
-    return null;
-  }
-  throw new Error(["You try to import Data Grid Premium from @mui/x-data-grid-pro but this module isn't exported from this npm package.", '', 'Instead, if you have a Premium plan license or want to try Premium, you can do this:', `import { DataGridPremium } from '@mui/x-data-grid-premium'`, '', "Otherwise, you can stay on the Pro plan: `import { DataGridPro } from '@mui/x-data-grid-pro'`.", ''].join('\n'));
-}

package/modern/DataGridPro/DataGridPro.d.ts

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import { GridValidRowModel } from '@mui/x-data-grid';
-import { DataGridProProps } from "../models/dataGridProProps.js";
-export type { GridProSlotsComponent as GridSlots } from '../models';
-interface DataGridProComponent {
-  <R extends GridValidRowModel = any>(props: DataGridProProps<R> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
-  propTypes?: any;
-}
-/**
- * Features:
- * - [DataGridPro](https://mui.com/x/react-data-grid/features/)
- *
- * API:
- * - [DataGridPro API](https://mui.com/x/api/data-grid/data-grid-pro/)
- */
-export declare const DataGridPro: DataGridProComponent;