@mui/x-data-grid-pro 9.0.0-alpha.1 → 9.0.0-alpha.3

package/{esm/components/GridDataSourceTreeDataGroupingCell.js → components/GridDataSourceTreeDataGroupingCell.mjs}

@@ -3,9 +3,9 @@ import * as React from 'react';
 import composeClasses from '@mui/utils/composeClasses';
 import { getDataGridUtilityClass, useGridSelector } from '@mui/x-data-grid';
 import { vars, gridRowSelector } from '@mui/x-data-grid/internals';
-import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
-import { useGridPrivateApiContext } from "../hooks/utils/useGridPrivateApiContext.js";
-import { gridDataSourceErrorSelector, gridDataSourceLoadingIdSelector } from "../hooks/features/dataSource/gridDataSourceSelector.js";
+import { useGridRootProps } from "../hooks/utils/useGridRootProps.mjs";
+import { useGridPrivateApiContext } from "../hooks/utils/useGridPrivateApiContext.mjs";
+import { gridDataSourceErrorSelector, gridDataSourceLoadingIdSelector } from "../hooks/features/dataSource/gridDataSourceSelector.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/{esm/components/GridDetailPanel.js → components/GridDetailPanel.mjs}

@@ -5,8 +5,8 @@ import { styled } from '@mui/material/styles';
 import { gridRowNodeSelector } from '@mui/x-data-grid';
 import { vars } from '@mui/x-data-grid/internals';
 import { useResizeObserver } from '@mui/x-internals/useResizeObserver';
-import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
-import { useGridPrivateApiContext } from "../hooks/utils/useGridPrivateApiContext.js";
+import { useGridRootProps } from "../hooks/utils/useGridRootProps.mjs";
+import { useGridPrivateApiContext } from "../hooks/utils/useGridPrivateApiContext.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 const DetailPanel = styled('div', {
   name: 'MuiDataGrid',

package/{esm/components/GridDetailPanelToggleCell.js → components/GridDetailPanelToggleCell.mjs}

@@ -4,9 +4,9 @@ import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
 import { getDataGridUtilityClass, useGridSelector } from '@mui/x-data-grid';
 import { createSelector } from '@mui/x-data-grid/internals';
-import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
-import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
-import { gridDetailPanelExpandedRowIdsSelector, gridDetailPanelExpandedRowsContentCacheSelector } from "../hooks/features/detailPanel/gridDetailPanelSelector.js";
+import { useGridRootProps } from "../hooks/utils/useGridRootProps.mjs";
+import { useGridApiContext } from "../hooks/utils/useGridApiContext.mjs";
+import { gridDetailPanelExpandedRowIdsSelector, gridDetailPanelExpandedRowsContentCacheSelector } from "../hooks/features/detailPanel/gridDetailPanelSelector.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/{esm/components/GridDetailPanels.js → components/GridDetailPanels.mjs}

@@ -3,11 +3,11 @@
 import * as React from 'react';
 import composeClasses from '@mui/utils/composeClasses';
 import { getDataGridUtilityClass, useGridSelector } from '@mui/x-data-grid';
-import { useGridPrivateApiContext } from "../hooks/utils/useGridPrivateApiContext.js";
-import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
-import { gridDetailPanelExpandedRowsContentCacheSelector, gridDetailPanelExpandedRowIdsSelector } from "../hooks/features/detailPanel/index.js";
-import { GridDetailPanel } from "./GridDetailPanel.js";
-import { gridDetailPanelRawHeightCacheSelector } from "../hooks/features/detailPanel/gridDetailPanelSelector.js";
+import { useGridPrivateApiContext } from "../hooks/utils/useGridPrivateApiContext.mjs";
+import { useGridRootProps } from "../hooks/utils/useGridRootProps.mjs";
+import { gridDetailPanelExpandedRowsContentCacheSelector, gridDetailPanelExpandedRowIdsSelector } from "../hooks/features/detailPanel/index.mjs";
+import { GridDetailPanel } from "./GridDetailPanel.mjs";
+import { gridDetailPanelRawHeightCacheSelector } from "../hooks/features/detailPanel/gridDetailPanelSelector.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = () => {
   const slots = {

package/{esm/components/GridProColumnMenu.d.ts → components/GridProColumnMenu.d.mts}

@@ -1,5 +1,5 @@
 import type { GridColumnMenuComponent } from '@mui/x-data-grid/internals';
-import { GridColumnMenuPinningItem } from "./GridColumnMenuPinningItem.js";
+import { GridColumnMenuPinningItem } from "./GridColumnMenuPinningItem.mjs";
 export declare const GRID_COLUMN_MENU_SLOTS_PRO: {
   columnMenuPinningItem: typeof GridColumnMenuPinningItem;
   columnMenuSortItem: typeof import("@mui/x-data-grid").GridColumnMenuSortItem;

package/{esm/components/GridProColumnMenu.js → components/GridProColumnMenu.mjs}

@@ -3,7 +3,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { GridGenericColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS } from '@mui/x-data-grid';
 import { forwardRef } from '@mui/x-internals/forwardRef';
-import { GridColumnMenuPinningItem } from "./GridColumnMenuPinningItem.js";
+import { GridColumnMenuPinningItem } from "./GridColumnMenuPinningItem.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const GRID_COLUMN_MENU_SLOTS_PRO = _extends({}, GRID_COLUMN_MENU_SLOTS, {
   columnMenuPinningItem: GridColumnMenuPinningItem

package/{esm/components/GridRowReorderCell.js → components/GridRowReorderCell.mjs}

@@ -7,7 +7,7 @@ import { styled } from '@mui/material/styles';
 import composeClasses from '@mui/utils/composeClasses';
 import { gridSortModelSelector, useGridApiContext, useGridSelector, getDataGridUtilityClass, gridClasses } from '@mui/x-data-grid';
 import { gridEditRowsStateSelector, isEventTargetInPortal, vars } from '@mui/x-data-grid/internals';
-import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
+import { useGridRootProps } from "../hooks/utils/useGridRootProps.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/{esm/components/GridTreeDataGroupingCell.js → components/GridTreeDataGroupingCell.mjs}

@@ -4,8 +4,8 @@ import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
 import { useGridSelector, gridFilteredDescendantCountLookupSelector, getDataGridUtilityClass } from '@mui/x-data-grid';
 import { vars } from '@mui/x-data-grid/internals';
-import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
-import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
+import { useGridRootProps } from "../hooks/utils/useGridRootProps.mjs";
+import { useGridApiContext } from "../hooks/utils/useGridApiContext.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/components/headerFiltering/GridHeaderFilterCell.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GridHeaderFilterCell = void 0;
+var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/formatErrorMessage"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
@@ -68,7 +69,7 @@ const useUtilityClasses = ownerState => {
     pinnedPosition
   } = ownerState;
   const slots = {
-    root: ['columnHeader', 'columnHeader--filter', colDef.headerAlign === 'left' && 'columnHeader--alignLeft', colDef.headerAlign === 'center' && 'columnHeader--alignCenter', colDef.headerAlign === 'right' && 'columnHeader--alignRight', 'withBorderColor', showRightBorder && 'columnHeader--withRightBorder', showLeftBorder && 'columnHeader--withLeftBorder', pinnedPosition === _internals.PinnedColumnPosition.LEFT && 'columnHeader--pinnedLeft', pinnedPosition === _internals.PinnedColumnPosition.RIGHT && 'columnHeader--pinnedRight'],
+    root: ['columnHeader', 'columnHeader--filter', colDef.headerAlign && `columnHeader--align${(0, _capitalize.default)(colDef.headerAlign)}`, 'withBorderColor', showRightBorder && 'columnHeader--withRightBorder', showLeftBorder && 'columnHeader--withLeftBorder', pinnedPosition === _internals.PinnedColumnPosition.LEFT && 'columnHeader--pinnedLeft', pinnedPosition === _internals.PinnedColumnPosition.RIGHT && 'columnHeader--pinnedRight'],
     input: ['columnHeaderFilterInput'],
     operatorLabel: ['columnHeaderFilterOperatorLabel']
   };
@@ -337,7 +338,7 @@ process.env.NODE_ENV !== "production" ? GridHeaderFilterCell.propTypes = {
           return null;
         }
         if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
-          return new Error(`Expected prop '${propName}' to be of type Element`);
+          return new Error(process.env.NODE_ENV !== "production" ? `Expected prop '${propName}' to be of type Element` : (0, _formatErrorMessage2.default)(49, propName));
         }
         return null;
       }

package/{esm/components/headerFiltering/GridHeaderFilterCell.js → components/headerFiltering/GridHeaderFilterCell.mjs}

@@ -1,5 +1,6 @@
 'use client';
 
+import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["colIndex", "height", "hasFocus", "width", "headerClassName", "colDef", "item", "headerFilterMenuRef", "InputComponentProps", "showClearIcon", "pinnedPosition", "pinnedOffset", "style", "showLeftBorder", "showRightBorder"];
@@ -16,9 +17,9 @@ import { PinnedColumnPosition, useGridPrivateApiContext, gridHeaderFilteringEdit
 import { useRtl } from '@mui/system/RtlProvider';
 import { forwardRef } from '@mui/x-internals/forwardRef';
 import { inputBaseClasses } from '@mui/material/InputBase';
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { GridHeaderFilterMenuContainer } from "./GridHeaderFilterMenuContainer.js";
-import { GridHeaderFilterClearButton } from "./GridHeaderFilterClearButton.js";
+import { useGridRootProps } from "../../hooks/utils/useGridRootProps.mjs";
+import { GridHeaderFilterMenuContainer } from "./GridHeaderFilterMenuContainer.mjs";
+import { GridHeaderFilterClearButton } from "./GridHeaderFilterClearButton.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const StyledInputComponent = styled(GridFilterInputValue, {
   name: 'MuiDataGrid',
@@ -61,7 +62,7 @@ const useUtilityClasses = ownerState => {
     pinnedPosition
   } = ownerState;
   const slots = {
-    root: ['columnHeader', 'columnHeader--filter', colDef.headerAlign === 'left' && 'columnHeader--alignLeft', colDef.headerAlign === 'center' && 'columnHeader--alignCenter', colDef.headerAlign === 'right' && 'columnHeader--alignRight', 'withBorderColor', showRightBorder && 'columnHeader--withRightBorder', showLeftBorder && 'columnHeader--withLeftBorder', pinnedPosition === PinnedColumnPosition.LEFT && 'columnHeader--pinnedLeft', pinnedPosition === PinnedColumnPosition.RIGHT && 'columnHeader--pinnedRight'],
+    root: ['columnHeader', 'columnHeader--filter', colDef.headerAlign && `columnHeader--align${capitalize(colDef.headerAlign)}`, 'withBorderColor', showRightBorder && 'columnHeader--withRightBorder', showLeftBorder && 'columnHeader--withLeftBorder', pinnedPosition === PinnedColumnPosition.LEFT && 'columnHeader--pinnedLeft', pinnedPosition === PinnedColumnPosition.RIGHT && 'columnHeader--pinnedRight'],
     input: ['columnHeaderFilterInput'],
     operatorLabel: ['columnHeaderFilterOperatorLabel']
   };
@@ -330,7 +331,7 @@ process.env.NODE_ENV !== "production" ? GridHeaderFilterCell.propTypes = {
           return null;
         }
         if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
-          return new Error(`Expected prop '${propName}' to be of type Element`);
+          return new Error(process.env.NODE_ENV !== "production" ? `Expected prop '${propName}' to be of type Element` : _formatErrorMessage(49, propName));
         }
         return null;
       }

package/{esm/components/headerFiltering/GridHeaderFilterClearButton.js → components/headerFiltering/GridHeaderFilterClearButton.mjs}

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
+import { useGridRootProps } from "../../hooks/utils/useGridRootProps.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 function GridHeaderFilterClearButton(props) {
   const rootProps = useGridRootProps();

package/components/headerFiltering/GridHeaderFilterMenu.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GridHeaderFilterMenu = GridHeaderFilterMenu;
+var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/formatErrorMessage"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -110,7 +111,7 @@ process.env.NODE_ENV !== "production" ? GridHeaderFilterMenu.propTypes = {
             return null;
           }
           if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
-            return new Error(`Expected prop '${propName}' to be of type Element`);
+            return new Error(process.env.NODE_ENV !== "production" ? `Expected prop '${propName}' to be of type Element` : (0, _formatErrorMessage2.default)(49, propName));
           }
           return null;
         }

package/{esm/components/headerFiltering/GridHeaderFilterMenu.js → components/headerFiltering/GridHeaderFilterMenu.mjs}

@@ -1,3 +1,4 @@
+import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
@@ -102,7 +103,7 @@ process.env.NODE_ENV !== "production" ? GridHeaderFilterMenu.propTypes = {
             return null;
           }
           if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
-            return new Error(`Expected prop '${propName}' to be of type Element`);
+            return new Error(process.env.NODE_ENV !== "production" ? `Expected prop '${propName}' to be of type Element` : _formatErrorMessage(49, propName));
           }
           return null;
         }

package/components/headerFiltering/GridHeaderFilterMenuContainer.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GridHeaderFilterMenuContainer = GridHeaderFilterMenuContainer;
+var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/formatErrorMessage"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
@@ -122,7 +123,7 @@ process.env.NODE_ENV !== "production" ? GridHeaderFilterMenuContainer.propTypes
             return null;
           }
           if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
-            return new Error(`Expected prop '${propName}' to be of type Element`);
+            return new Error(process.env.NODE_ENV !== "production" ? `Expected prop '${propName}' to be of type Element` : (0, _formatErrorMessage2.default)(49, propName));
           }
           return null;
         }

package/{esm/components/headerFiltering/GridHeaderFilterMenuContainer.js → components/headerFiltering/GridHeaderFilterMenuContainer.mjs}

@@ -1,5 +1,6 @@
 'use client';
 
+import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["operators", "item", "field", "buttonRef", "headerFilterMenuRef", "disabled", "showClearItem", "clearFilterItem"];
@@ -9,7 +10,7 @@ import { useGridApiContext, useGridSelector } from '@mui/x-data-grid';
 import refType from '@mui/utils/refType';
 import useId from '@mui/utils/useId';
 import { gridHeaderFilteringMenuSelector } from '@mui/x-data-grid/internals';
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
+import { useGridRootProps } from "../../hooks/utils/useGridRootProps.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function GridHeaderFilterMenuContainer(props) {
   const {
@@ -115,7 +116,7 @@ process.env.NODE_ENV !== "production" ? GridHeaderFilterMenuContainer.propTypes
             return null;
           }
           if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
-            return new Error(`Expected prop '${propName}' to be of type Element`);
+            return new Error(process.env.NODE_ENV !== "production" ? `Expected prop '${propName}' to be of type Element` : _formatErrorMessage(49, propName));
           }
           return null;
         }

package/components/headerFiltering/index.d.mts

@@ -0,0 +1,3 @@
+export * from "./GridHeaderFilterMenuContainer.mjs";
+export * from "./GridHeaderFilterCell.mjs";
+export * from "./GridHeaderFilterMenu.mjs";

package/components/headerFiltering/index.mjs

@@ -0,0 +1,3 @@
+export * from "./GridHeaderFilterMenuContainer.mjs";
+export * from "./GridHeaderFilterCell.mjs";
+export * from "./GridHeaderFilterMenu.mjs";

package/components/index.d.mts

@@ -0,0 +1,6 @@
+export * from "./GridTreeDataGroupingCell.mjs";
+export * from "./GridColumnMenuPinningItem.mjs";
+export * from "./GridDetailPanelToggleCell.mjs";
+export * from "./GridRowReorderCell.mjs";
+export * from "../material/icons.mjs";
+export * from "./headerFiltering/index.mjs";

package/components/index.mjs

@@ -0,0 +1,7 @@
+// Only export the variable and types that should be publicly exposed and re-exported from `@mui/x-data-grid-pro`
+export * from "./GridTreeDataGroupingCell.mjs";
+export * from "./GridColumnMenuPinningItem.mjs";
+export * from "./GridDetailPanelToggleCell.mjs";
+export * from "./GridRowReorderCell.mjs";
+export * from "../material/icons.mjs";
+export * from "./headerFiltering/index.mjs";

package/{esm/components/reexports.d.ts → components/reexports.d.mts}

@@ -1 +1 @@
-export { GridProColumnMenu as GridColumnMenu, GRID_COLUMN_MENU_SLOTS_PRO as GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS_PRO as GRID_COLUMN_MENU_SLOT_PROPS } from "./GridProColumnMenu.js";
+export { GridProColumnMenu as GridColumnMenu, GRID_COLUMN_MENU_SLOTS_PRO as GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS_PRO as GRID_COLUMN_MENU_SLOT_PROPS } from "./GridProColumnMenu.mjs";

package/{esm/components/reexports.js → components/reexports.mjs}

@@ -1 +1 @@
-export { GridProColumnMenu as GridColumnMenu, GRID_COLUMN_MENU_SLOTS_PRO as GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS_PRO as GRID_COLUMN_MENU_SLOT_PROPS } from "./GridProColumnMenu.js";
+export { GridProColumnMenu as GridColumnMenu, GRID_COLUMN_MENU_SLOTS_PRO as GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS_PRO as GRID_COLUMN_MENU_SLOT_PROPS } from "./GridProColumnMenu.mjs";

package/constants/dataGridProDefaultSlotsComponents.d.mts

@@ -0,0 +1,2 @@
+import type { GridProSlotsComponent } from "../models/index.mjs";
+export declare const DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS: GridProSlotsComponent;

package/{esm/constants/dataGridProDefaultSlotsComponents.js → constants/dataGridProDefaultSlotsComponents.mjs}

@@ -1,12 +1,12 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { DATA_GRID_DEFAULT_SLOTS_COMPONENTS } from '@mui/x-data-grid/internals';
-import { GridProColumnMenu } from "../components/GridProColumnMenu.js";
-import { GridColumnHeaders } from "../components/GridColumnHeaders.js";
-import { GridHeaderFilterMenu } from "../components/headerFiltering/GridHeaderFilterMenu.js";
-import { GridHeaderFilterCell } from "../components/headerFiltering/GridHeaderFilterCell.js";
-import { GridDetailPanels } from "../components/GridDetailPanels.js";
-import { GridPinnedRows } from "../components/GridPinnedRows.js";
-import materialSlots from "../material/index.js";
+import { GridProColumnMenu } from "../components/GridProColumnMenu.mjs";
+import { GridColumnHeaders } from "../components/GridColumnHeaders.mjs";
+import { GridHeaderFilterMenu } from "../components/headerFiltering/GridHeaderFilterMenu.mjs";
+import { GridHeaderFilterCell } from "../components/headerFiltering/GridHeaderFilterCell.mjs";
+import { GridDetailPanels } from "../components/GridDetailPanels.mjs";
+import { GridPinnedRows } from "../components/GridPinnedRows.mjs";
+import materialSlots from "../material/index.mjs";
 export const DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS = _extends({}, DATA_GRID_DEFAULT_SLOTS_COMPONENTS, materialSlots, {
   columnMenu: GridProColumnMenu,
   columnHeaders: GridColumnHeaders,

package/{esm/hooks/features/columnHeaders/useGridColumnHeaders.js → hooks/features/columnHeaders/useGridColumnHeaders.mjs}

@@ -7,7 +7,7 @@ import * as React from 'react';
 import { gridFocusColumnHeaderFilterSelector, useGridSelector, gridFilterModelSelector, gridTabIndexColumnHeaderFilterSelector, getDataGridUtilityClass } from '@mui/x-data-grid';
 import { gridColumnsTotalWidthSelector, gridHasFillerSelector, gridHeaderFilterHeightSelector, gridVerticalScrollbarWidthSelector, useGridColumnHeaders as useGridColumnHeadersCommunity, useGridPrivateApiContext, getGridFilter, GridColumnHeaderRow, shouldCellShowLeftBorder, shouldCellShowRightBorder, PinnedColumnPosition } from '@mui/x-data-grid/internals';
 import composeClasses from '@mui/utils/composeClasses';
-import { useGridRootProps } from "../../utils/useGridRootProps.js";
+import { useGridRootProps } from "../../utils/useGridRootProps.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/hooks/features/columnPinning/index.d.mts

@@ -0,0 +1 @@
+export * from "./gridColumnPinningInterface.mjs";

package/hooks/features/columnPinning/index.mjs

@@ -0,0 +1 @@
+export * from "./gridColumnPinningInterface.mjs";

package/{esm/hooks/features/columnPinning/useGridColumnPinning.d.ts → hooks/features/columnPinning/useGridColumnPinning.d.mts}

@@ -1,6 +1,6 @@
 import type { RefObject } from '@mui/x-internals/types';
 import { type GridStateInitializer } from '@mui/x-data-grid/internals';
-import type { GridPrivateApiPro } from "../../../models/gridApiPro.js";
-import type { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
+import type { GridPrivateApiPro } from "../../../models/gridApiPro.mjs";
+import type { DataGridProProcessedProps } from "../../../models/dataGridProProps.mjs";
 export declare const columnPinningStateInitializer: GridStateInitializer<Pick<DataGridProProcessedProps, 'pinnedColumns' | 'initialState'>>;
 export declare const useGridColumnPinning: (apiRef: RefObject<GridPrivateApiPro>, props: Pick<DataGridProProcessedProps, "disableColumnPinning" | "initialState" | "pinnedColumns" | "onPinnedColumnsChange" | "slotProps" | "slots">) => void;

package/{esm/hooks/features/columnPinning/useGridColumnPinningPreProcessors.d.ts → hooks/features/columnPinning/useGridColumnPinningPreProcessors.d.mts}

@@ -1,4 +1,4 @@
 import type { RefObject } from '@mui/x-internals/types';
-import type { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
-import type { GridPrivateApiPro } from "../../../models/gridApiPro.js";
+import type { DataGridProProcessedProps } from "../../../models/dataGridProProps.mjs";
+import type { GridPrivateApiPro } from "../../../models/gridApiPro.mjs";
 export declare const useGridColumnPinningPreProcessors: (apiRef: RefObject<GridPrivateApiPro>, props: DataGridProProcessedProps) => void;

package/{esm/hooks/features/columnReorder/columnReorderSelector.d.ts → hooks/features/columnReorder/columnReorderSelector.d.mts}

@@ -1,5 +1,5 @@
-import type { GridStatePro } from "../../../models/gridStatePro.js";
-export declare const gridColumnReorderSelector: import("@mui/x-data-grid").OutputSelector<GridStatePro, unknown, import("./columnReorderInterfaces.js").GridColumnReorderState>;
+import type { GridStatePro } from "../../../models/gridStatePro.mjs";
+export declare const gridColumnReorderSelector: import("@mui/x-data-grid").OutputSelector<GridStatePro, unknown, import("./columnReorderInterfaces.mjs").GridColumnReorderState>;
 export declare const gridColumnReorderDragColSelector: (args_0: import("react").RefObject<{
   state: GridStatePro;
 } | null>) => string;

package/{esm/hooks/features/columnReorder/index.d.ts → hooks/features/columnReorder/index.d.mts}

@@ -1,2 +1,2 @@
-export * from "./columnReorderSelector.js";
-export type { GridColumnReorderState } from "./columnReorderInterfaces.js";
+export * from "./columnReorderSelector.mjs";
+export type { GridColumnReorderState } from "./columnReorderInterfaces.mjs";

package/hooks/features/columnReorder/index.mjs

@@ -0,0 +1,2 @@
+export * from "./columnReorderSelector.mjs";
+export {};

package/{esm/hooks/features/columnReorder/useGridColumnReorder.d.ts → hooks/features/columnReorder/useGridColumnReorder.d.mts}

@@ -1,7 +1,7 @@
 import type { RefObject } from '@mui/x-internals/types';
 import type { GridStateInitializer } from '@mui/x-data-grid/internals';
-import type { GridPrivateApiPro } from "../../../models/gridApiPro.js";
-import type { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
+import type { GridPrivateApiPro } from "../../../models/gridApiPro.mjs";
+import type { DataGridProProcessedProps } from "../../../models/dataGridProProps.mjs";
 export declare const columnReorderStateInitializer: GridStateInitializer;
 /**
  * @requires useGridColumns (method)

package/{esm/hooks/features/columnReorder/useGridColumnReorder.js → hooks/features/columnReorder/useGridColumnReorder.mjs}

@@ -6,7 +6,7 @@ import composeClasses from '@mui/utils/composeClasses';
 import ownerDocument from '@mui/utils/ownerDocument';
 import { useRtl } from '@mui/system/RtlProvider';
 import { useGridEvent, getDataGridUtilityClass, useGridLogger, useGridEventPriority } from '@mui/x-data-grid';
-import { gridColumnReorderDragColSelector } from "./columnReorderSelector.js";
+import { gridColumnReorderDragColSelector } from "./columnReorderSelector.mjs";
 const CURSOR_MOVE_DIRECTION_LEFT = 'left';
 const CURSOR_MOVE_DIRECTION_RIGHT = 'right';
 const getCursorMoveDirectionX = (currentCoordinates, nextCoordinates) => {

package/{esm/hooks/features/dataSource/gridDataSourceSelector.d.ts → hooks/features/dataSource/gridDataSourceSelector.d.mts}

@@ -1,6 +1,6 @@
 import type { GridRowId } from '@mui/x-data-grid';
-import type { GridStatePro } from "../../../models/gridStatePro.js";
-export declare const gridDataSourceStateSelector: import("@mui/x-data-grid").OutputSelector<GridStatePro, unknown, import("./models.js").GridDataSourceState>;
+import type { GridStatePro } from "../../../models/gridStatePro.mjs";
+export declare const gridDataSourceStateSelector: import("@mui/x-data-grid").OutputSelector<GridStatePro, unknown, import("./models.mjs").GridDataSourceState>;
 export declare const gridDataSourceLoadingSelector: (args_0: import("react").RefObject<{
   state: GridStatePro;
 } | null>) => Record<GridRowId, boolean>;

package/hooks/features/dataSource/index.d.mts

@@ -0,0 +1 @@
+export { type GridDataSourceState } from "./models.mjs";

package/{esm/hooks/features/dataSource/useGridDataSourceBasePro.d.ts → hooks/features/dataSource/useGridDataSourceBasePro.d.mts}

@@ -1,9 +1,9 @@
 import type { RefObject } from '@mui/x-internals/types';
 import { type GridRowId } from '@mui/x-data-grid';
 import { CacheChunkManager, DataSourceRowsUpdateStrategy, type GridDataSourceBaseOptions, type GridStrategyProcessor } from '@mui/x-data-grid/internals';
-import type { GridPrivateApiPro } from "../../../models/gridApiPro.js";
-import type { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
-import type { GridDataSourceApiPro, GridDataSourcePrivateApiPro } from "./models.js";
+import type { GridPrivateApiPro } from "../../../models/gridApiPro.mjs";
+import type { DataGridProProcessedProps } from "../../../models/dataGridProProps.mjs";
+import type { GridDataSourceApiPro, GridDataSourcePrivateApiPro } from "./models.mjs";
 export declare const INITIAL_STATE: {
   loading: {};
   errors: {};

package/hooks/features/dataSource/useGridDataSourceBasePro.js

@@ -63,6 +63,7 @@ const useGridDataSourceBasePro = (apiRef, props, options = {}) => {
   const onDataSourceErrorProp = props.onDataSourceError;
   const replaceGroupRows = React.useCallback((groupId, groupPath, rows) => {
     const tree = (0, _xDataGrid.gridRowTreeSelector)(apiRef);
+    const rowsLookup = (0, _xDataGrid.gridRowsLookupSelector)(apiRef);
     const fetchedRowIds = new Set(rows.map(row => (0, _xDataGrid.gridRowIdSelector)(apiRef, row)));
     const currentGroupRows = (0, _internals.getTreeNodeDescendants)(tree, groupId, false, true);
     const rowsToDelete = [];
@@ -76,15 +77,13 @@ const useGridDataSourceBasePro = (apiRef, props, options = {}) => {
         if (fetchedRowIds.has(descendantId)) {
           continue;
         }
-        rowsToDelete.push({
-          id: descendantId,
+        rowsToDelete.push((0, _extends2.default)({}, rowsLookup[descendantId], {
           _action: 'delete'
-        });
+        }));
       }
-      rowsToDelete.push({
-        id: rowId,
+      rowsToDelete.push((0, _extends2.default)({}, rowsLookup[rowId], {
         _action: 'delete'
-      });
+      }));
     });
     if (rowsToDelete.length > 0) {
       apiRef.current.updateNestedRows(rowsToDelete, groupPath);
@@ -207,6 +206,7 @@ const useGridDataSourceBasePro = (apiRef, props, options = {}) => {
     });
   }, [apiRef]);
   const removeChildrenRows = React.useCallback(parentId => {
+    const rowsLookup = (0, _xDataGrid.gridRowsLookupSelector)(apiRef);
     const rowNode = (0, _xDataGrid.gridRowNodeSelector)(apiRef, parentId);
     if (!rowNode || rowNode.type !== 'group' || rowNode.children.length === 0) {
       return;
@@ -220,10 +220,9 @@ const useGridDataSourceBasePro = (apiRef, props, options = {}) => {
       if (node.type === 'group' && node.children.length > 0) {
         node.children.forEach(traverse);
       }
-      removedRows.push({
-        id: nodeId,
+      removedRows.push((0, _extends2.default)({}, rowsLookup[nodeId], {
         _action: 'delete'
-      });
+      }));
     };
     rowNode.children.forEach(traverse);
     if (removedRows.length > 0) {
@@ -248,6 +247,7 @@ const useGridDataSourceBasePro = (apiRef, props, options = {}) => {
       apiRef.current.setRows(response.rows);
     } else {
       const tree = (0, _xDataGrid.gridRowTreeSelector)(apiRef);
+      const rowsLookup = (0, _xDataGrid.gridRowsLookupSelector)(apiRef);
       // Remove existing outdated rows before setting the new ones
       // Create a set of the current root rows
       const parentRowsToDelete = new Set((0, _internals.getTreeNodeDescendants)(tree, _xDataGrid.GRID_ROOT_GROUP_ID, false, true));
@@ -261,15 +261,13 @@ const useGridDataSourceBasePro = (apiRef, props, options = {}) => {
           const descendants = (0, _internals.getTreeNodeDescendants)(tree, parentRowId, false, false);
           for (let i = descendants.length - 1; i >= 0; i -= 1) {
             // delete deepest descendants first
-            rowsToDelete.push({
-              id: descendants[i],
+            rowsToDelete.push((0, _extends2.default)({}, rowsLookup[descendants[i]], {
               _action: 'delete'
-            });
+            }));
           }
-          rowsToDelete.push({
-            id: parentRowId,
+          rowsToDelete.push((0, _extends2.default)({}, rowsLookup[parentRowId], {
             _action: 'delete'
-          });
+          }));
         });
       }
       apiRef.current.updateRows(response.rows.concat(rowsToDelete));

package/{esm/hooks/features/dataSource/useGridDataSourceBasePro.js → hooks/features/dataSource/useGridDataSourceBasePro.mjs}

@@ -4,11 +4,11 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { isDeepEqual } from '@mui/x-internals/isDeepEqual';
 import useLazyRef from '@mui/utils/useLazyRef';
-import { useGridSelector, GridGetRowsError, gridRowIdSelector, gridRowNodeSelector, gridRowTreeSelector, GRID_ROOT_GROUP_ID } from '@mui/x-data-grid';
+import { useGridSelector, GridGetRowsError, gridRowIdSelector, gridRowNodeSelector, gridRowTreeSelector, GRID_ROOT_GROUP_ID, gridRowsLookupSelector } from '@mui/x-data-grid';
 import { gridRowGroupsToFetchSelector, useGridDataSourceBase, CacheChunkManager, gridGetRowsParamsSelector, DataSourceRowsUpdateStrategy, GridStrategyGroup, getTreeNodeDescendants } from '@mui/x-data-grid/internals';
 import { warnOnce } from '@mui/x-internals/warning';
-import { NestedDataManager, RequestStatus, getGroupKeys } from "./utils.js";
-import { gridDataSourceErrorsSelector } from "./gridDataSourceSelector.js";
+import { NestedDataManager, RequestStatus, getGroupKeys } from "./utils.mjs";
+import { gridDataSourceErrorsSelector } from "./gridDataSourceSelector.mjs";
 export const INITIAL_STATE = {
   loading: {},
   errors: {}
@@ -56,6 +56,7 @@ export const useGridDataSourceBasePro = (apiRef, props, options = {}) => {
   const onDataSourceErrorProp = props.onDataSourceError;
   const replaceGroupRows = React.useCallback((groupId, groupPath, rows) => {
     const tree = gridRowTreeSelector(apiRef);
+    const rowsLookup = gridRowsLookupSelector(apiRef);
     const fetchedRowIds = new Set(rows.map(row => gridRowIdSelector(apiRef, row)));
     const currentGroupRows = getTreeNodeDescendants(tree, groupId, false, true);
     const rowsToDelete = [];
@@ -69,15 +70,13 @@ export const useGridDataSourceBasePro = (apiRef, props, options = {}) => {
         if (fetchedRowIds.has(descendantId)) {
           continue;
         }
-        rowsToDelete.push({
-          id: descendantId,
+        rowsToDelete.push(_extends({}, rowsLookup[descendantId], {
           _action: 'delete'
-        });
+        }));
       }
-      rowsToDelete.push({
-        id: rowId,
+      rowsToDelete.push(_extends({}, rowsLookup[rowId], {
         _action: 'delete'
-      });
+      }));
     });
     if (rowsToDelete.length > 0) {
       apiRef.current.updateNestedRows(rowsToDelete, groupPath);
@@ -200,6 +199,7 @@ export const useGridDataSourceBasePro = (apiRef, props, options = {}) => {
     });
   }, [apiRef]);
   const removeChildrenRows = React.useCallback(parentId => {
+    const rowsLookup = gridRowsLookupSelector(apiRef);
     const rowNode = gridRowNodeSelector(apiRef, parentId);
     if (!rowNode || rowNode.type !== 'group' || rowNode.children.length === 0) {
       return;
@@ -213,10 +213,9 @@ export const useGridDataSourceBasePro = (apiRef, props, options = {}) => {
       if (node.type === 'group' && node.children.length > 0) {
         node.children.forEach(traverse);
       }
-      removedRows.push({
-        id: nodeId,
+      removedRows.push(_extends({}, rowsLookup[nodeId], {
         _action: 'delete'
-      });
+      }));
     };
     rowNode.children.forEach(traverse);
     if (removedRows.length > 0) {
@@ -241,6 +240,7 @@ export const useGridDataSourceBasePro = (apiRef, props, options = {}) => {
       apiRef.current.setRows(response.rows);
     } else {
       const tree = gridRowTreeSelector(apiRef);
+      const rowsLookup = gridRowsLookupSelector(apiRef);
       // Remove existing outdated rows before setting the new ones
       // Create a set of the current root rows
       const parentRowsToDelete = new Set(getTreeNodeDescendants(tree, GRID_ROOT_GROUP_ID, false, true));
@@ -254,15 +254,13 @@ export const useGridDataSourceBasePro = (apiRef, props, options = {}) => {
           const descendants = getTreeNodeDescendants(tree, parentRowId, false, false);
           for (let i = descendants.length - 1; i >= 0; i -= 1) {
             // delete deepest descendants first
-            rowsToDelete.push({
-              id: descendants[i],
+            rowsToDelete.push(_extends({}, rowsLookup[descendants[i]], {
               _action: 'delete'
-            });
+            }));
           }
-          rowsToDelete.push({
-            id: parentRowId,
+          rowsToDelete.push(_extends({}, rowsLookup[parentRowId], {
             _action: 'delete'
-          });
+          }));
         });
       }
       apiRef.current.updateRows(response.rows.concat(rowsToDelete));

package/{esm/hooks/features/dataSource/useGridDataSourcePro.d.ts → hooks/features/dataSource/useGridDataSourcePro.d.mts}

@@ -1,6 +1,6 @@
 import type { RefObject } from '@mui/x-internals/types';
 import { type GridStateInitializer } from '@mui/x-data-grid/internals';
-import type { GridPrivateApiPro } from "../../../models/gridApiPro.js";
-import type { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
+import type { GridPrivateApiPro } from "../../../models/gridApiPro.mjs";
+import type { DataGridProProcessedProps } from "../../../models/dataGridProProps.mjs";
 export declare const dataSourceStateInitializer: GridStateInitializer;
 export declare const useGridDataSourcePro: (apiRef: RefObject<GridPrivateApiPro>, props: DataGridProProcessedProps) => void;