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

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

@@ -1,4 +1,4 @@
-import { GridGetRowsParams, GridGetRowsResponse } from "../../../models/gridDataSource.js";
+import type { GridGetRowsParams, GridGetRowsResponse } from '../../../models/gridDataSource';
 export declare enum DataSourceRowsUpdateStrategy {
   Default = "set-new-rows",
   LazyLoading = "replace-row-range",

package/hooks/features/editing/useGridCellEditing.d.ts

@@ -1,4 +1,4 @@
 import { RefObject } from '@mui/x-internals/types';
 import { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
 import { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
-export declare const useGridCellEditing: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "editMode" | "processRowUpdate" | "onCellEditStart" | "onCellEditStop" | "cellModesModel" | "onCellModesModelChange" | "onProcessRowUpdateError" | "signature">) => void;
+export declare const useGridCellEditing: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "editMode" | "processRowUpdate" | "onCellEditStart" | "onCellEditStop" | "cellModesModel" | "onCellModesModelChange" | "onProcessRowUpdateError" | "signature" | "dataSource">) => void;

package/hooks/features/editing/useGridCellEditing.js

@@ -10,9 +10,9 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _toPropertyKey2 = _interopRequireDefault(require("@babel/runtime/helpers/toPropertyKey"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
+var _warning = require("@mui/x-internals/warning");
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
 var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
-var _warning = require("@mui/x-internals/warning");
 var _useGridEvent = require("../../utils/useGridEvent");
 var _gridEditRowModel = require("../../../models/gridEditRowModel");
 var _useGridApiMethod = require("../../utils/useGridApiMethod");
@@ -325,6 +325,7 @@ const useGridCellEditing = (apiRef, props) => {
       error,
       isProcessingProps
     } = editingState[id][field];
+    const row = apiRef.current.getRow(id);
     if (error || isProcessingProps) {
       // Attempt to change cell mode to "view" was not successful
       // Update previous mode to allow another attempt
@@ -336,7 +337,30 @@ const useGridCellEditing = (apiRef, props) => {
       return;
     }
     const rowUpdate = apiRef.current.getRowWithUpdatedValuesFromCellEditing(id, field);
-    if (processRowUpdate) {
+    if (props.dataSource?.updateRow) {
+      if (row[field] === rowUpdate[field]) {
+        finishCellEditMode();
+        return;
+      }
+      const handleError = () => {
+        prevCellModesModel.current[id][field].mode = _gridEditRowModel.GridCellModes.Edit;
+        // Revert the mode in the cellModesModel prop back to "edit"
+        updateFieldInCellModesModel(id, field, {
+          mode: _gridEditRowModel.GridCellModes.Edit
+        });
+      };
+      const updateRowParams = {
+        rowId: id,
+        updatedRow: rowUpdate,
+        previousRow: row
+      };
+      try {
+        await apiRef.current.dataSource.editRow(updateRowParams);
+        finishCellEditMode();
+      } catch {
+        handleError();
+      }
+    } else if (processRowUpdate) {
       const handleError = errorThrown => {
         prevCellModesModel.current[id][field].mode = _gridEditRowModel.GridCellModes.Edit;
         // Revert the mode in the cellModesModel prop back to "edit"
@@ -350,7 +374,6 @@ const useGridCellEditing = (apiRef, props) => {
         }
       };
       try {
-        const row = apiRef.current.getRow(id);
         Promise.resolve(processRowUpdate(rowUpdate, row, {
           rowId: id
         })).then(finalRowUpdate => {

package/hooks/features/editing/useGridEditing.d.ts

@@ -3,4 +3,4 @@ import { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js
 import { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
 import { GridStateInitializer } from "../../utils/useGridInitializeState.js";
 export declare const editingStateInitializer: GridStateInitializer;
-export declare const useGridEditing: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "isCellEditable" | "editMode" | "processRowUpdate">) => void;
+export declare const useGridEditing: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "isCellEditable" | "editMode" | "processRowUpdate" | "dataSource" | "onDataSourceError">) => void;

package/hooks/features/editing/useGridRowEditing.d.ts

@@ -1,4 +1,4 @@
 import { RefObject } from '@mui/x-internals/types';
 import { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
 import { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
-export declare const useGridRowEditing: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "editMode" | "processRowUpdate" | "onRowEditStart" | "onRowEditStop" | "onProcessRowUpdateError" | "rowModesModel" | "onRowModesModelChange" | "signature">) => void;
+export declare const useGridRowEditing: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "editMode" | "processRowUpdate" | "onRowEditStart" | "onRowEditStop" | "onProcessRowUpdateError" | "rowModesModel" | "onRowModesModelChange" | "signature" | "dataSource">) => void;

package/hooks/features/editing/useGridRowEditing.js

@@ -13,6 +13,7 @@ var React = _interopRequireWildcard(require("react"));
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
 var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
 var _warning = require("@mui/x-internals/warning");
+var _isDeepEqual = require("@mui/x-internals/isDeepEqual");
 var _useGridEvent = require("../../utils/useGridEvent");
 var _gridEditRowModel = require("../../../models/gridEditRowModel");
 var _useGridApiMethod = require("../../utils/useGridApiMethod");
@@ -378,7 +379,7 @@ const useGridRowEditing = (apiRef, props) => {
       mode: _gridEditRowModel.GridRowModes.View
     }, other));
   }, [throwIfNotInMode, updateRowInRowModesModel]);
-  const updateStateToStopRowEditMode = (0, _useEventCallback.default)(params => {
+  const updateStateToStopRowEditMode = (0, _useEventCallback.default)(async params => {
     const {
       id,
       ignoreModifications,
@@ -414,7 +415,30 @@ const useGridRowEditing = (apiRef, props) => {
       return;
     }
     const rowUpdate = apiRef.current.getRowWithUpdatedValuesFromRowEditing(id);
-    if (processRowUpdate) {
+    if (props.dataSource?.updateRow) {
+      if ((0, _isDeepEqual.isDeepEqual)(row, rowUpdate)) {
+        finishRowEditMode();
+        return;
+      }
+      const handleError = () => {
+        prevRowModesModel.current[id].mode = _gridEditRowModel.GridRowModes.Edit;
+        // Revert the mode in the rowModesModel prop back to "edit"
+        updateRowInRowModesModel(id, {
+          mode: _gridEditRowModel.GridRowModes.Edit
+        });
+      };
+      const updateRowParams = {
+        rowId: id,
+        updatedRow: rowUpdate,
+        previousRow: row
+      };
+      try {
+        await apiRef.current.dataSource.editRow(updateRowParams);
+        finishRowEditMode();
+      } catch {
+        handleError();
+      }
+    } else if (processRowUpdate) {
       const handleError = errorThrown => {
         // The row might have been deleted
         if (prevRowModesModel.current[id]) {

package/hooks/features/keyboardNavigation/useGridKeyboardNavigation.d.ts

@@ -10,4 +10,4 @@ import { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
  * @requires useGridScroll (method) - can be after
  * @requires useGridColumnSpanning (method) - can be after
  */
-export declare const useGridKeyboardNavigation: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "pagination" | "paginationMode" | "getRowId" | "experimentalFeatures" | "signature" | "headerFilters" | "listView">) => void;
+export declare const useGridKeyboardNavigation: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "pagination" | "paginationMode" | "getRowId" | "signature" | "headerFilters" | "listView">) => void;

package/hooks/features/overlays/useGridOverlays.d.ts

@@ -8,7 +8,7 @@ import type { GridOverlayType } from '../../../components/base/GridOverlays';
 export declare const useGridOverlays: () => {
   getOverlay: () => React.JSX.Element | null;
   overlaysProps: {
-    overlayType: GridOverlayType;
+    overlayType: NonNullable<GridOverlayType>;
     loadingOverlayVariant: GridLoadingOverlayVariant | null;
   };
 };

package/hooks/features/overlays/useGridOverlays.js

@@ -16,6 +16,7 @@ var _rows = require("../rows");
 var _gridRowsSelector = require("../rows/gridRowsSelector");
 var _GridOverlays = require("../../../components/base/GridOverlays");
 var _columns = require("../columns");
+var _pivoting = require("../pivoting");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Uses the grid state to determine which overlay to display.
@@ -30,16 +31,21 @@ const useGridOverlays = () => {
   const visibleColumns = (0, _utils.useGridSelector)(apiRef, _columns.gridVisibleColumnDefinitionsSelector);
   const noRows = totalRowCount === 0 && pinnedRowsCount === 0;
   const loading = (0, _utils.useGridSelector)(apiRef, _rows.gridRowsLoadingSelector);
+  const pivotActive = (0, _utils.useGridSelector)(apiRef, _pivoting.gridPivotActiveSelector);
   const showNoRowsOverlay = !loading && noRows;
   const showNoResultsOverlay = !loading && totalRowCount > 0 && visibleRowCount === 0;
   const showNoColumnsOverlay = !loading && visibleColumns.length === 0;
+  const showEmptyPivotOverlay = showNoRowsOverlay && pivotActive;
   let overlayType = null;
   let loadingOverlayVariant = null;
+  if (showNoRowsOverlay) {
+    overlayType = 'noRowsOverlay';
+  }
   if (showNoColumnsOverlay) {
     overlayType = 'noColumnsOverlay';
   }
-  if (showNoRowsOverlay) {
-    overlayType = 'noRowsOverlay';
+  if (showEmptyPivotOverlay) {
+    overlayType = 'emptyPivotOverlay';
   }
   if (showNoResultsOverlay) {
     overlayType = 'noResultsOverlay';
@@ -49,7 +55,7 @@ const useGridOverlays = () => {
     loadingOverlayVariant = rootProps.slotProps?.loadingOverlay?.[noRows ? 'noRowsVariant' : 'variant'] ?? (noRows ? 'skeleton' : 'linear-progress');
   }
   const overlaysProps = {
-    overlayType,
+    overlayType: overlayType,
     loadingOverlayVariant
   };
   const getOverlay = () => {

package/hooks/features/pivoting/gridPivotingInterfaces.d.ts

@@ -0,0 +1,11 @@
+import type { GridRowModelUpdate } from '@mui/x-data-grid';
+import type { GridColDef } from '../../../models/colDef';
+export interface GridPivotingStatePartial {
+  active: boolean;
+  panelOpen: boolean;
+  initialColumns: Map<string, GridColDef> | undefined;
+}
+export interface GridPivotingPrivateApiCommunity {
+  updateNonPivotRows: (rows: readonly GridRowModelUpdate[], keepPreviousRows?: boolean) => void;
+  updateNonPivotColumns: (columns: readonly GridColDef[], keepPreviousColumns?: boolean) => void;
+}

package/hooks/features/pivoting/gridPivotingSelectors.d.ts

@@ -0,0 +1,6 @@
+import type { GridColDef } from '../../../models/colDef';
+import type { GridStateCommunity } from '../../../models/gridStateCommunity';
+import type { GridPivotingStatePartial } from './gridPivotingInterfaces';
+export declare const gridPivotActiveSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, GridPivotingStatePartial, boolean>;
+export declare const gridPivotInitialColumnsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, GridPivotingStatePartial, Map<string, GridColDef>>;
+export declare const gridPivotPanelOpenSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, GridPivotingStatePartial, boolean>;

package/hooks/features/pivoting/gridPivotingSelectors.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.gridPivotPanelOpenSelector = exports.gridPivotInitialColumnsSelector = exports.gridPivotActiveSelector = void 0;
+var _createSelector = require("../../../utils/createSelector");
+const gridPivotingStateSelector = (0, _createSelector.createRootSelector)(
+// @ts-ignore
+state => state.pivoting);
+const gridPivotActiveSelector = exports.gridPivotActiveSelector = (0, _createSelector.createSelector)(gridPivotingStateSelector, pivoting => pivoting?.active);
+const emptyColumns = new Map();
+const gridPivotInitialColumnsSelector = exports.gridPivotInitialColumnsSelector = (0, _createSelector.createSelector)(gridPivotingStateSelector, pivoting => pivoting?.initialColumns || emptyColumns);
+const gridPivotPanelOpenSelector = exports.gridPivotPanelOpenSelector = (0, _createSelector.createSelector)(gridPivotingStateSelector, pivoting => pivoting?.panelOpen);

package/hooks/features/pivoting/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./gridPivotingInterfaces.js";
+export * from "./gridPivotingSelectors.js";

package/hooks/features/pivoting/index.js

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

package/hooks/features/preferencesPanel/gridPreferencePanelsValue.d.ts

@@ -1,5 +1,6 @@
 declare enum GridPreferencePanelsValue {
   filters = "filters",
   columns = "columns",
+  aiAssistant = "aiAssistant",
 }
 export { GridPreferencePanelsValue };

package/hooks/features/preferencesPanel/gridPreferencePanelsValue.js

@@ -7,5 +7,6 @@ exports.GridPreferencePanelsValue = void 0;
 var GridPreferencePanelsValue = exports.GridPreferencePanelsValue = /*#__PURE__*/function (GridPreferencePanelsValue) {
   GridPreferencePanelsValue["filters"] = "filters";
   GridPreferencePanelsValue["columns"] = "columns";
+  GridPreferencePanelsValue["aiAssistant"] = "aiAssistant";
   return GridPreferencePanelsValue;
 }(GridPreferencePanelsValue || {});

package/hooks/features/rowSelection/useGridRowSelection.js

@@ -383,13 +383,14 @@ const useGridRowSelection = (apiRef, props) => {
 
     const isMultipleSelectionDisabled = !checkboxSelection && !hasCtrlKey && !(0, _keyboardUtils.isKeyboardEvent)(event);
     const resetSelection = !canHaveMultipleSelection || isMultipleSelectionDisabled;
+    const isSelected = apiRef.current.isRowSelected(id);
     const selectedRowsCount = (0, _gridRowSelectionSelector.gridRowSelectionCountSelector)(apiRef);
-    if (canHaveMultipleSelection && selectedRowsCount > 1 && !hasCtrlKey) {
-      apiRef.current.selectRow(id, true, resetSelection);
-    } else {
-      const isSelected = apiRef.current.isRowSelected(id);
-      apiRef.current.selectRow(id, !isSelected, resetSelection);
-    }
+
+    // Clicking on a row should toggle the selection except when a range of rows is already selected and the selection should reset
+    // In that case, we want to keep the current row selected (https://github.com/mui/mui-x/pull/15509#discussion_r1878082687)
+    const shouldStaySelected = selectedRowsCount > 1 && resetSelection;
+    const newSelectionState = shouldStaySelected || !isSelected;
+    apiRef.current.selectRow(id, newSelectionState, resetSelection);
   }, [apiRef, canHaveMultipleSelection, checkboxSelection]);
   const handleRowClick = React.useCallback((params, event) => {
     if (disableRowSelectionOnClick) {

package/hooks/features/rows/useGridParamsApi.js

@@ -62,7 +62,7 @@ function useGridParamsApi(apiRef, props) {
       value,
       formattedValue: value,
       isEditable: false,
-      api: null
+      api: apiRef.current
     };
     if (colDef && colDef.valueFormatter) {
       params.formattedValue = colDef.valueFormatter(value, row, colDef, apiRef);

package/hooks/features/rows/useGridRows.js

@@ -23,6 +23,7 @@ var _gridFilterSelector = require("../filter/gridFilterSelector");
 var _gridRowsUtils = require("./gridRowsUtils");
 var _pipeProcessing = require("../../core/pipeProcessing");
 var _strategyProcessing = require("../../core/strategyProcessing");
+var _pivoting = require("../pivoting");
 const rowsStateInitializer = (state, props, apiRef) => {
   const isDataSourceAvailable = !!props.dataSource;
   apiRef.current.caches.rows = (0, _gridRowsUtils.createRowsInternalCache)({
@@ -106,6 +107,10 @@ const useGridRows = (apiRef, props) => {
    */
   const setRows = React.useCallback(rows => {
     logger.debug(`Updating all rows, new length ${rows.length}`);
+    if ((0, _pivoting.gridPivotActiveSelector)(apiRef)) {
+      apiRef.current.updateNonPivotRows(rows, false);
+      return;
+    }
     const cache = (0, _gridRowsUtils.createRowsInternalCache)({
       rows,
       getRowId: props.getRowId,
@@ -123,6 +128,10 @@ const useGridRows = (apiRef, props) => {
     if (props.signature === _signature.GridSignature.DataGrid && updates.length > 1) {
       throw new Error(['MUI X: You cannot update several rows at once in `apiRef.current.updateRows` on the DataGrid.', 'You need to upgrade to DataGridPro or DataGridPremium component to unlock this feature.'].join('\n'));
     }
+    if ((0, _pivoting.gridPivotActiveSelector)(apiRef)) {
+      apiRef.current.updateNonPivotRows(updates);
+      return;
+    }
     const nonPinnedRowsUpdates = (0, _gridRowsUtils.computeRowsUpdates)(apiRef, updates, props.getRowId);
     const cache = (0, _gridRowsUtils.updateCacheWithNewRows)({
       updates: nonPinnedRowsUpdates,
@@ -134,7 +143,7 @@ const useGridRows = (apiRef, props) => {
       throttle: true
     });
   }, [props.signature, props.getRowId, throttledRowsChange, apiRef]);
-  const updateServerRows = React.useCallback((updates, groupKeys) => {
+  const updateNestedRows = React.useCallback((updates, groupKeys) => {
     const nonPinnedRowsUpdates = (0, _gridRowsUtils.computeRowsUpdates)(apiRef, updates, props.getRowId);
     const cache = (0, _gridRowsUtils.updateCacheWithNewRows)({
       updates: nonPinnedRowsUpdates,
@@ -148,9 +157,6 @@ const useGridRows = (apiRef, props) => {
     });
   }, [props.getRowId, throttledRowsChange, apiRef]);
   const setLoading = React.useCallback(loading => {
-    if (loading === props.loading) {
-      return;
-    }
     logger.debug(`Setting loading to ${loading}`);
     apiRef.current.setState(state => (0, _extends2.default)({}, state, {
       rows: (0, _extends2.default)({}, state.rows, {
@@ -158,7 +164,7 @@ const useGridRows = (apiRef, props) => {
       })
     }));
     apiRef.current.caches.rows.loadingPropBeforePartialUpdates = loading;
-  }, [props.loading, apiRef, logger]);
+  }, [apiRef, logger]);
   const getRowModels = React.useCallback(() => {
     const dataRows = (0, _gridRowsSelector.gridDataRowIdsSelector)(apiRef);
     const idRowsLookup = (0, _gridRowsSelector.gridRowsLookupSelector)(apiRef);
@@ -331,7 +337,7 @@ const useGridRows = (apiRef, props) => {
     getRowGroupChildren
   };
   const rowProPrivateApi = {
-    updateServerRows
+    updateNestedRows
   };
 
   /**

package/hooks/features/virtualization/useGridVirtualScroller.js

@@ -596,11 +596,6 @@ function computeRenderContext(inputs, scrollPosition, scrollCache) {
     firstColumnIndex: 0,
     lastColumnIndex: inputs.visibleColumns.length
   };
-  if (inputs.listView) {
-    return (0, _extends2.default)({}, renderContext, {
-      lastColumnIndex: 1
-    });
-  }
   const {
     top,
     left
@@ -625,6 +620,11 @@ function computeRenderContext(inputs, scrollPosition, scrollCache) {
     renderContext.firstRowIndex = firstRowIndex;
     renderContext.lastRowIndex = lastRowIndex;
   }
+  if (inputs.listView) {
+    return (0, _extends2.default)({}, renderContext, {
+      lastColumnIndex: 1
+    });
+  }
   if (inputs.enabledForColumns) {
     let firstColumnIndex = 0;
     let lastColumnIndex = inputs.columnPositions.length;

package/hooks/utils/useGridSelector.js

@@ -8,12 +8,8 @@ exports.useGridSelector = exports.objectShallowCompare = exports.argsEqual = voi
 var React = _interopRequireWildcard(require("react"));
 var _fastObjectShallowCompare = require("@mui/x-internals/fastObjectShallowCompare");
 var _warning = require("@mui/x-internals/warning");
-var _index = require("use-sync-external-store/shim/index.js");
+var _shim = require("use-sync-external-store/shim");
 var _useLazyRef = require("./useLazyRef");
-// use-sync-external-store has no exports field defined
-// See https://github.com/facebook/react/issues/30698
-// eslint-disable-next-line import/extensions
-
 const defaultCompare = Object.is;
 const objectShallowCompare = exports.objectShallowCompare = _fastObjectShallowCompare.fastObjectShallowCompare;
 const arrayShallowCompare = (a, b) => {
@@ -87,7 +83,7 @@ const useGridSelector = (apiRef, selector, args = undefined, equals = defaultCom
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, EMPTY);
-  (0, _index.useSyncExternalStore)(unsubscribe, subscribe, emptyGetSnapshot);
+  (0, _shim.useSyncExternalStore)(unsubscribe, subscribe, emptyGetSnapshot);
   return state;
 };
 exports.useGridSelector = useGridSelector;

package/hooks/utils/useIsSSR.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useIsSSR = void 0;
-var _index = require("use-sync-external-store/shim/index.js");
-// use-sync-external-store has no exports field defined
-// See https://github.com/facebook/react/issues/30698
-// eslint-disable-next-line import/extensions
-
+var _shim = require("use-sync-external-store/shim");
 const emptySubscribe = () => () => {};
 const clientSnapshot = () => false;
 const serverSnapshot = () => true;
-const useIsSSR = () => (0, _index.useSyncExternalStore)(emptySubscribe, clientSnapshot, serverSnapshot);
+const useIsSSR = () => (0, _shim.useSyncExternalStore)(emptySubscribe, clientSnapshot, serverSnapshot);
 exports.useIsSSR = useIsSSR;

package/index.css

@@ -0,0 +1,5 @@
+/* Placeholder file to ensure CSS imports are working */
+
+.MuiDataGrid {
+  display: block;
+}

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v8.0.0-beta.3
+ * @mui/x-data-grid v8.1.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/index.d.ts

@@ -5,8 +5,9 @@ export { GridVirtualScrollerRenderZone } from "../components/virtualization/Grid
 export type { GridDetailPanelsProps } from '../components/GridDetailPanels';
 export type { GridPinnedRowsProps } from '../components/GridPinnedRows';
 export { GridHeaders } from "../components/GridHeaders.js";
-export { GridToolbar } from "../components/toolbarV8/GridToolbar.js";
+export { GridToolbar, GridToolbarDivider } from "../components/toolbarV8/GridToolbar.js";
 export type { GridToolbarProps } from '../components/toolbarV8/GridToolbar';
+export { GridColumnSortButton } from "../components/GridColumnSortButton.js";
 export { GridBaseColumnHeaders } from "../components/columnHeaders/GridBaseColumnHeaders.js";
 export { DATA_GRID_DEFAULT_SLOTS_COMPONENTS } from "../constants/defaultGridSlotsComponents.js";
 export * from "../constants/signature.js";
@@ -19,7 +20,7 @@ export type { GridPipeProcessor } from '../hooks/core/pipeProcessing';
 export { GridStrategyGroup, useGridRegisterStrategyProcessor, GRID_DEFAULT_STRATEGY } from "../hooks/core/strategyProcessing/index.js";
 export type { GridStrategyProcessor, GridStrategyProcessorName } from '../hooks/core/strategyProcessing';
 export { useGridInitialization } from "../hooks/core/useGridInitialization.js";
-export { unwrapPrivateAPI } from "../hooks/core/useGridApiInitialization.js";
+export { unwrapPrivateAPI, useGridApiInitialization } from "../hooks/core/useGridApiInitialization.js";
 export { useGridClipboard } from "../hooks/features/clipboard/useGridClipboard.js";
 export * from "../hooks/features/columnHeaders/useGridColumnHeaders.js";
 export { gridHeaderFilteringEditFieldSelector, gridHeaderFilteringMenuSelector } from "../hooks/features/headerFiltering/gridHeaderFilteringSelectors.js";
@@ -81,8 +82,9 @@ export { useTimeout } from "../hooks/utils/useTimeout.js";
 export { useGridVisibleRows, getVisibleRows } from "../hooks/utils/useGridVisibleRows.js";
 export { useGridInitializeState } from "../hooks/utils/useGridInitializeState.js";
 export type { GridStateInitializer } from '../hooks/utils/useGridInitializeState';
+export type * as BaseSlots from '../models/gridBaseSlots';
 export type * from '../models/props/DataGridProps';
-export type { GridDataSourceApiBase, GridDataSourceApi } from '../hooks/features/dataSource/models';
+export type { GridDataSourceApiBase, GridDataSourceApi, GridDataSourceBaseOptions } from '../hooks/features/dataSource/models';
 export { DataSourceRowsUpdateStrategy } from "../hooks/features/dataSource/utils.js";
 export { useGridDataSourceBase } from "../hooks/features/dataSource/useGridDataSourceBase.js";
 export { CacheChunkManager } from "../hooks/features/dataSource/utils.js";
@@ -90,6 +92,7 @@ export { gridGetRowsParamsSelector } from "../hooks/features/dataSource/gridData
 export { getColumnsToExport, defaultGetRowsToExport } from "../hooks/features/export/utils.js";
 export * from "../utils/createControllablePromise.js";
 export * from "../utils/rtlFlipSide.js";
+export { NotRendered } from "../utils/assert.js";
 export { createSelector, createRootSelector, createSelectorMemoized } from "../utils/createSelector.js";
 export { gridRowGroupsToFetchSelector } from "../hooks/features/rows/gridRowsSelector.js";
 export { findParentElementFromClassName, getActiveElement, isEventTargetInPortal } from "../utils/domUtils.js";
@@ -109,4 +112,8 @@ export * from "./utils/index.js";
 export * from "./constants.js";
 export type { Localization } from '../utils/getGridLocalization';
 export * from "./demo/index.js";
-export { GridSkeletonLoadingOverlayInner } from "../components/GridSkeletonLoadingOverlay.js";
+export { GridSkeletonLoadingOverlayInner } from "../components/GridSkeletonLoadingOverlay.js";
+export type { GridConfiguration } from '../models/configuration/gridConfiguration';
+export * from "../hooks/features/pivoting/index.js";
+export { createSvgIcon } from "../material/icons/createSvgIcon.js";
+export { useGridPanelContext } from "../components/panel/GridPanelContext.js";