@mui/x-data-grid-premium 8.28.7 → 8.29.0

package/CHANGELOG.md

@@ -5,6 +5,88 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 8.29.0
+<!-- generated comparing v8.28.7..v8.x -->
+_Jun 5, 2026_
+
+We'd like to extend a big thank you to the 2 contributors who made this release possible. Here are some highlights ✨:
+
+- ⚡️ Update exceljs fork (#22668)
+- 🐞 Bugfixes
+
+The following team members contributed to this release:
+@brijeshb42, @cherniavskii
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.29.0`
+
+Internal changes.
+
+#### `@mui/x-data-grid-pro@8.29.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@8.29.0`.
+
+#### `@mui/x-data-grid-premium@8.29.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+> This release includes a version bump of the `@mui/x-internal-exceljs-fork` package to address the vulnerable dependencies.
+> The following CVEs are fixed:
+>
+> - <https://github.com/advisories/GHSA-ph9p-34f9-6g65>
+> - <https://github.com/isaacs/minimatch/security/advisories/GHSA-23c5-xmqv-rm74>
+> - <https://github.com/advisories/GHSA-w5hq-g745-h8pq>
+>
+> To make this security update possible, we bumped the `node` version requirement from `>=14.0.0` to `>=14.17.0`.
+> [Node.js 14.17.0](https://nodejs.org/en/blog/release/v14.17.0) was released in May 2021, so we consider it safe to bump the requirement without causing issues for our users.
+
+Same changes as in `@mui/x-data-grid-pro@8.29.0`, plus:
+
+- [DataGridPremium] Update exceljs fork (#22668) @cherniavskii
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.29.0`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@8.29.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@8.29.0`.
+
+### Charts
+
+#### `@mui/x-charts@8.29.0`
+
+Internal changes.
+
+#### `@mui/x-charts-pro@8.29.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@8.29.0`.
+
+#### `@mui/x-charts-premium@8.29.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-charts-pro@8.29.0`.
+
+### Tree View
+
+#### `@mui/x-tree-view@8.29.0`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@8.29.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-tree-view@8.29.0`.
+
+### Codemod
+
+#### `@mui/x-codemod@8.29.0`
+
+Internal changes.
+
+### Core
+
+- [code-infra] Backport flat build setup to v8.x (#22536) @brijeshb42
+
 ## 8.28.7
 
 _May 20, 2026_

package/{esm/DataGridPremium/DataGridPremium.d.ts → DataGridPremium/DataGridPremium.d.mts}

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { type GridValidRowModel } from '@mui/x-data-grid-pro';
-import type { DataGridPremiumProps } from "../models/dataGridPremiumProps.js";
-export type { GridPremiumSlotsComponent as GridSlots } from "../models/index.js";
+import type { DataGridPremiumProps } from "../models/dataGridPremiumProps.mjs";
+export type { GridPremiumSlotsComponent as GridSlots } from "../models/index.mjs";
 interface DataGridPremiumComponent {
   <R extends GridValidRowModel = any>(props: DataGridPremiumProps<R> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
   propTypes?: any;

package/DataGridPremium/DataGridPremium.js

@@ -50,7 +50,7 @@ const configuration = {
     useGridParamsOverridableMethods: _useGridParamsOverridableMethods.useGridParamsOverridableMethods
   }
 };
-const releaseInfo = "MTc3OTIzNTIwMDAwMA==";
+const releaseInfo = "MTc4MDYxNzYwMDAwMA==";
 const watermark = /*#__PURE__*/(0, _jsxRuntime.jsx)(_xLicense.Watermark, {
   packageName: "x-data-grid-premium",
   releaseInfo: releaseInfo

package/{esm/DataGridPremium/DataGridPremium.js → DataGridPremium/DataGridPremium.mjs}

@@ -8,17 +8,17 @@ import { GridRoot, GridContextProvider, useGridSelector } from '@mui/x-data-grid
 import { propValidatorsDataGrid, propValidatorsDataGridPro, validateProps, useGridApiInitialization, getRowValue } from '@mui/x-data-grid-pro/internals';
 import { useMaterialCSSVariables } from '@mui/x-data-grid/material';
 import { forwardRef } from '@mui/x-internals/forwardRef';
-import { useDataGridPremiumComponent } from "./useDataGridPremiumComponent.js";
-import { useDataGridPremiumProps } from "./useDataGridPremiumProps.js";
-import { Sidebar } from "../components/sidebar/index.js";
-import { useGridAriaAttributesPremium } from "../hooks/utils/useGridAriaAttributes.js";
-import { useGridRowAriaAttributesPremium } from "../hooks/features/rows/useGridRowAriaAttributes.js";
-import { gridCellAggregationResultSelector } from "../hooks/features/aggregation/gridAggregationSelectors.js";
-import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
-import { useGridRowsOverridableMethods } from "../hooks/features/rows/useGridRowsOverridableMethods.js";
-import { useGridParamsOverridableMethods } from "../hooks/features/rows/useGridParamsOverridableMethods.js";
-import { gridSidebarOpenSelector } from "../hooks/features/sidebar/index.js";
-import { useIsCellEditable } from "../hooks/features/editing/useGridCellEditable.js";
+import { useDataGridPremiumComponent } from "./useDataGridPremiumComponent.mjs";
+import { useDataGridPremiumProps } from "./useDataGridPremiumProps.mjs";
+import { Sidebar } from "../components/sidebar/index.mjs";
+import { useGridAriaAttributesPremium } from "../hooks/utils/useGridAriaAttributes.mjs";
+import { useGridRowAriaAttributesPremium } from "../hooks/features/rows/useGridRowAriaAttributes.mjs";
+import { gridCellAggregationResultSelector } from "../hooks/features/aggregation/gridAggregationSelectors.mjs";
+import { useGridApiContext } from "../hooks/utils/useGridApiContext.mjs";
+import { useGridRowsOverridableMethods } from "../hooks/features/rows/useGridRowsOverridableMethods.mjs";
+import { useGridParamsOverridableMethods } from "../hooks/features/rows/useGridParamsOverridableMethods.mjs";
+import { gridSidebarOpenSelector } from "../hooks/features/sidebar/index.mjs";
+import { useIsCellEditable } from "../hooks/features/editing/useGridCellEditable.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 const configuration = {
   hooks: {
@@ -43,7 +43,7 @@ const configuration = {
     useGridParamsOverridableMethods
   }
 };
-const releaseInfo = "MTc3OTIzNTIwMDAwMA==";
+const releaseInfo = "MTc4MDYxNzYwMDAwMA==";
 const watermark = /*#__PURE__*/_jsx(Watermark, {
   packageName: "x-data-grid-premium",
   releaseInfo: releaseInfo

package/DataGridPremium/index.d.mts

@@ -0,0 +1,3 @@
+export * from "./DataGrid.mjs";
+export * from "./DataGridPremium.mjs";
+export { DATA_GRID_PREMIUM_PROPS_DEFAULT_VALUES } from "./useDataGridPremiumProps.mjs";

package/DataGridPremium/index.mjs

@@ -0,0 +1,3 @@
+export * from "./DataGrid.mjs";
+export * from "./DataGridPremium.mjs";
+export { DATA_GRID_PREMIUM_PROPS_DEFAULT_VALUES } from "./useDataGridPremiumProps.mjs";

package/{esm/DataGridPremium/useDataGridPremiumComponent.d.ts → DataGridPremium/useDataGridPremiumComponent.d.mts}

@@ -1,5 +1,5 @@
 import type { RefObject } from '@mui/x-internals/types';
 import { type GridConfiguration } from '@mui/x-data-grid-pro/internals';
-import type { GridPrivateApiPremium } from "../models/gridApiPremium.js";
-import type { DataGridPremiumProcessedProps } from "../models/dataGridPremiumProps.js";
+import type { GridPrivateApiPremium } from "../models/gridApiPremium.mjs";
+import type { DataGridPremiumProcessedProps } from "../models/dataGridPremiumProps.mjs";
 export declare const useDataGridPremiumComponent: (apiRef: RefObject<GridPrivateApiPremium>, inProps: DataGridPremiumProcessedProps, configuration: GridConfiguration) => DataGridPremiumProcessedProps;

package/{esm/DataGridPremium/useDataGridPremiumComponent.js → DataGridPremium/useDataGridPremiumComponent.mjs}

@@ -4,22 +4,22 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { useGridInitialization, useGridInitializeState, useGridClipboard, useGridColumnMenu, useGridColumns, columnsStateInitializer, useGridDensity, useGridCsvExport, useGridPrintExport, useGridFilter, filterStateInitializer, useGridFocus, useGridKeyboardNavigation, useGridPagination, paginationStateInitializer, useGridPreferencesPanel, useGridEditing, editingStateInitializer, useGridRows, useGridRowsPreProcessors, rowsStateInitializer, useGridParamsApi, useGridRowSelection, useGridSorting, sortingStateInitializer, useGridScroll, useGridEvents, dimensionsStateInitializer, useGridDimensions, useGridStatePersistence, useGridRowSelectionPreProcessors, columnMenuStateInitializer, densityStateInitializer, focusStateInitializer, preferencePanelStateInitializer, rowsMetaStateInitializer, rowSelectionStateInitializer, useGridColumnReorder, columnReorderStateInitializer, useGridColumnResize, columnResizeStateInitializer, useGridTreeData, useGridTreeDataPreProcessors, useGridColumnPinning, columnPinningStateInitializer, useGridColumnPinningPreProcessors, useGridDetailPanel, detailPanelStateInitializer, useGridDetailPanelPreProcessors, useGridInfiniteLoader, useGridColumnSpanning, useGridRowReorder, useGridRowReorderPreProcessors, useGridRowPinning, useGridRowPinningPreProcessors, rowPinningStateInitializer, useGridColumnGrouping, columnGroupsStateInitializer, useGridLazyLoader, useGridLazyLoaderPreProcessors, useGridDataSourceLazyLoader, useGridInfiniteLoadingIntersection, headerFilteringStateInitializer, useGridHeaderFiltering, virtualizationStateInitializer, useGridVirtualization, useGridDataSourceTreeDataPreProcessors, dataSourceStateInitializer, useGridRowSpanning, rowSpanningStateInitializer, useGridListView, listViewStateInitializer, propsStateInitializer, rowReorderStateInitializer, useFirstRender } from '@mui/x-data-grid-pro/internals';
 import { useGridSelector } from '@mui/x-data-grid-pro';
-import { useGridDataSourcePremium as useGridDataSource } from "../hooks/features/dataSource/useGridDataSourcePremium.js";
+import { useGridDataSourcePremium as useGridDataSource } from "../hooks/features/dataSource/useGridDataSourcePremium.mjs";
 // Premium-only features
-import { useGridAggregation, aggregationStateInitializer } from "../hooks/features/aggregation/useGridAggregation.js";
-import { useGridAggregationPreProcessors } from "../hooks/features/aggregation/useGridAggregationPreProcessors.js";
-import { useGridRowGrouping, rowGroupingStateInitializer } from "../hooks/features/rowGrouping/useGridRowGrouping.js";
-import { useGridRowGroupingPreProcessors } from "../hooks/features/rowGrouping/useGridRowGroupingPreProcessors.js";
-import { useGridDataSourceRowGroupingPreProcessors } from "../hooks/features/rowGrouping/useGridDataSourceRowGroupingPreProcessors.js";
-import { useGridExcelExport } from "../hooks/features/export/useGridExcelExport.js";
-import { cellSelectionStateInitializer, useGridCellSelection } from "../hooks/features/cellSelection/useGridCellSelection.js";
-import { useGridClipboardImport } from "../hooks/features/clipboard/useGridClipboardImport.js";
-import { pivotingStateInitializer, useGridPivoting, useGridPivotingExportState } from "../hooks/features/pivoting/useGridPivoting.js";
-import { gridPivotPropsOverridesSelector } from "../hooks/features/pivoting/gridPivotingSelectors.js";
-import { useGridAiAssistant, aiAssistantStateInitializer } from "../hooks/features/aiAssistant/useGridAiAssistant.js";
-import { useGridSidebar, sidebarStateInitializer } from "../hooks/features/sidebar/useGridSidebar.js";
-import { chartsIntegrationStateInitializer, useGridChartsIntegration } from "../hooks/features/chartsIntegration/useGridChartsIntegration.js";
-import { historyStateInitializer, useGridHistory } from "../hooks/features/history/useGridHistory.js";
+import { useGridAggregation, aggregationStateInitializer } from "../hooks/features/aggregation/useGridAggregation.mjs";
+import { useGridAggregationPreProcessors } from "../hooks/features/aggregation/useGridAggregationPreProcessors.mjs";
+import { useGridRowGrouping, rowGroupingStateInitializer } from "../hooks/features/rowGrouping/useGridRowGrouping.mjs";
+import { useGridRowGroupingPreProcessors } from "../hooks/features/rowGrouping/useGridRowGroupingPreProcessors.mjs";
+import { useGridDataSourceRowGroupingPreProcessors } from "../hooks/features/rowGrouping/useGridDataSourceRowGroupingPreProcessors.mjs";
+import { useGridExcelExport } from "../hooks/features/export/useGridExcelExport.mjs";
+import { cellSelectionStateInitializer, useGridCellSelection } from "../hooks/features/cellSelection/useGridCellSelection.mjs";
+import { useGridClipboardImport } from "../hooks/features/clipboard/useGridClipboardImport.mjs";
+import { pivotingStateInitializer, useGridPivoting, useGridPivotingExportState } from "../hooks/features/pivoting/useGridPivoting.mjs";
+import { gridPivotPropsOverridesSelector } from "../hooks/features/pivoting/gridPivotingSelectors.mjs";
+import { useGridAiAssistant, aiAssistantStateInitializer } from "../hooks/features/aiAssistant/useGridAiAssistant.mjs";
+import { useGridSidebar, sidebarStateInitializer } from "../hooks/features/sidebar/useGridSidebar.mjs";
+import { chartsIntegrationStateInitializer, useGridChartsIntegration } from "../hooks/features/chartsIntegration/useGridChartsIntegration.mjs";
+import { historyStateInitializer, useGridHistory } from "../hooks/features/history/useGridHistory.mjs";
 export const useDataGridPremiumComponent = (apiRef, inProps, configuration) => {
   const pivotPropsOverrides = useGridSelector(apiRef, gridPivotPropsOverridesSelector);
   const props = React.useMemo(() => {

package/{esm/DataGridPremium/useDataGridPremiumProps.d.ts → DataGridPremium/useDataGridPremiumProps.d.mts}

@@ -1,4 +1,4 @@
-import type { DataGridPremiumProps, DataGridPremiumProcessedProps, DataGridPremiumPropsWithDefaultValue } from "../models/dataGridPremiumProps.js";
+import type { DataGridPremiumProps, DataGridPremiumProcessedProps, DataGridPremiumPropsWithDefaultValue } from "../models/dataGridPremiumProps.mjs";
 /**
  * The default values of `DataGridPremiumPropsWithDefaultValue` to inject in the props of DataGridPremium.
  */

package/{esm/DataGridPremium/useDataGridPremiumProps.js → DataGridPremium/useDataGridPremiumProps.mjs}

@@ -4,11 +4,11 @@ import { useTheme } from '@mui/material/styles';
 import { getThemeProps } from '@mui/system';
 import { DATA_GRID_PRO_PROPS_DEFAULT_VALUES, GRID_DEFAULT_LOCALE_TEXT, GridSignature } from '@mui/x-data-grid-pro';
 import { computeSlots } from '@mui/x-data-grid-pro/internals';
-import { GRID_AGGREGATION_FUNCTIONS } from "../hooks/features/aggregation/index.js";
-import { DATA_GRID_PREMIUM_DEFAULT_SLOTS_COMPONENTS } from "../constants/dataGridPremiumDefaultSlotsComponents.js";
-import { defaultGetPivotDerivedColumns } from "../hooks/features/pivoting/utils.js";
-import { defaultGetAggregationPosition } from "../hooks/features/aggregation/gridAggregationUtils.js";
-import { DEFAULT_HISTORY_VALIDATION_EVENTS } from "../hooks/features/history/constants.js";
+import { GRID_AGGREGATION_FUNCTIONS } from "../hooks/features/aggregation/index.mjs";
+import { DATA_GRID_PREMIUM_DEFAULT_SLOTS_COMPONENTS } from "../constants/dataGridPremiumDefaultSlotsComponents.mjs";
+import { defaultGetPivotDerivedColumns } from "../hooks/features/pivoting/utils.mjs";
+import { defaultGetAggregationPosition } from "../hooks/features/aggregation/gridAggregationUtils.mjs";
+import { DEFAULT_HISTORY_VALIDATION_EVENTS } from "../hooks/features/history/constants.mjs";
 const getDataGridPremiumForcedProps = themedProps => _extends({
   signature: GridSignature.DataGridPremium
 }, themedProps.dataSource ? {

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

@@ -6,9 +6,9 @@ import capitalize from '@mui/utils/capitalize';
 import { styled } from '@mui/material/styles';
 import { getDataGridUtilityClass, gridClasses, GridColumnHeaderTitle } from '@mui/x-data-grid';
 import { vars } from '@mui/x-data-grid/internals';
-import { getAggregationFunctionLabel } from "../hooks/features/aggregation/gridAggregationUtils.js";
-import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
-import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
+import { getAggregationFunctionLabel } from "../hooks/features/aggregation/gridAggregationUtils.mjs";
+import { useGridApiContext } from "../hooks/utils/useGridApiContext.mjs";
+import { useGridRootProps } from "../hooks/utils/useGridRootProps.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const GridAggregationHeaderRoot = styled('div', {
   name: 'MuiDataGrid',

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

@@ -6,8 +6,8 @@ import { forwardRef } from '@mui/x-internals/forwardRef';
 import composeClasses from '@mui/utils/composeClasses';
 import { getDataGridUtilityClass, useGridRootProps } from '@mui/x-data-grid-pro';
 import { GridSkeletonLoadingOverlayInner, useGridSelector } from '@mui/x-data-grid-pro/internals';
-import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
-import { gridAggregationModelSelector } from "../hooks/features/aggregation/gridAggregationSelectors.js";
+import { useGridApiContext } from "../hooks/utils/useGridApiContext.mjs";
+import { gridAggregationModelSelector } from "../hooks/features/aggregation/gridAggregationSelectors.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

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

@@ -6,10 +6,10 @@ import clsx from 'clsx';
 import { styled } from '@mui/material/styles';
 import composeClasses from '@mui/utils/composeClasses';
 import { gridClasses, getDataGridUtilityClass, useGridSelector, gridRowsLoadingSelector, gridRowTreeSelector, GRID_ROOT_GROUP_ID } from '@mui/x-data-grid-pro';
-import { useGridPrivateApiContext } from "../hooks/utils/useGridPrivateApiContext.js";
-import { GridAggregationRowOverlay } from "./GridAggregationRowOverlay.js";
-import { useGridRootProps } from "../typeOverloads/reexports.js";
-import { gridAggregationModelSelector } from "../hooks/index.js";
+import { useGridPrivateApiContext } from "../hooks/utils/useGridPrivateApiContext.mjs";
+import { GridAggregationRowOverlay } from "./GridAggregationRowOverlay.mjs";
+import { useGridRootProps } from "../typeOverloads/reexports.mjs";
+import { gridAggregationModelSelector } from "../hooks/index.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = () => {
   const slots = {

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

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

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

@@ -4,7 +4,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import PropTypes from 'prop-types';
 import { forwardRef } from '@mui/x-internals/forwardRef';
 import { GridOverlay } from '@mui/x-data-grid';
-import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
+import { useGridApiContext } from "../hooks/utils/useGridApiContext.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 const GridEmptyPivotOverlay = forwardRef(function GridEmptyPivotOverlay(props, ref) {
   const apiRef = useGridApiContext();

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

@@ -1,5 +1,5 @@
 import type { GridExportMenuItemProps } from '@mui/x-data-grid-pro';
-import type { GridExcelExportOptions } from "../hooks/features/export/index.js";
+import type { GridExcelExportOptions } from "../hooks/features/export/index.mjs";
 export type GridExcelExportMenuItemProps = GridExportMenuItemProps<GridExcelExportOptions>;
 declare function GridExcelExportMenuItem(props: GridExcelExportMenuItemProps): import("react/jsx-runtime").JSX.Element;
 declare namespace GridExcelExportMenuItem {

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

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["hideMenu", "options"];
 import PropTypes from 'prop-types';
-import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
-import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
+import { useGridApiContext } from "../hooks/utils/useGridApiContext.mjs";
+import { useGridRootProps } from "../hooks/utils/useGridRootProps.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 function GridExcelExportMenuItem(props) {
   const apiRef = useGridApiContext();

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { vars, GridFooterCell } from '@mui/x-data-grid-pro/internals';
-import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
+import { useGridRootProps } from "../hooks/utils/useGridRootProps.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 function GridGroupingColumnFooterCell(props) {
   const rootProps = useGridRootProps();

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

@@ -1,5 +1,5 @@
 import { 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 } from "react/jsx-runtime";
 function GridGroupingColumnLeafCell(props) {
   const {

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

@@ -3,9 +3,9 @@ import * as React from 'react';
 import composeClasses from '@mui/utils/composeClasses';
 import { vars } from '@mui/x-data-grid/internals';
 import { useGridSelector, gridFilteredDescendantCountLookupSelector, getDataGridUtilityClass, gridRowMaximumTreeDepthSelector } from '@mui/x-data-grid-pro';
-import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
-import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
-import { gridPivotActiveSelector } from "../hooks/features/pivoting/gridPivotingSelectors.js";
+import { useGridApiContext } from "../hooks/utils/useGridApiContext.mjs";
+import { useGridRootProps } from "../hooks/utils/useGridRootProps.mjs";
+import { gridPivotActiveSelector } from "../hooks/features/pivoting/gridPivotingSelectors.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

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

@@ -1,7 +1,7 @@
 import { type GridColumnMenuItemProps } from '@mui/x-data-grid-pro';
 import type { GridColumnMenuComponent } from '@mui/x-data-grid-pro/internals';
-import { GridColumnMenuAggregationItem } from "./columnMenu/menuItems/GridColumnMenuAggregationItem.js";
-import { GridColumnMenuManagePanelItem } from "./columnMenu/menuItems/GridColumnMenuManagePanelItem.js";
+import { GridColumnMenuAggregationItem } from "./columnMenu/menuItems/GridColumnMenuAggregationItem.mjs";
+import { GridColumnMenuManagePanelItem } from "./columnMenu/menuItems/GridColumnMenuManagePanelItem.mjs";
 export declare function GridColumnMenuGroupingItem(props: GridColumnMenuItemProps): import("react/jsx-runtime").JSX.Element;
 export declare const GRID_COLUMN_MENU_SLOTS_PREMIUM: {
   columnMenuAggregationItem: typeof GridColumnMenuAggregationItem;

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

@@ -3,11 +3,11 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { GridGenericColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS } from '@mui/x-data-grid-pro';
 import { forwardRef } from '@mui/x-internals/forwardRef';
-import { GridColumnMenuAggregationItem } from "./columnMenu/menuItems/GridColumnMenuAggregationItem.js";
-import { isGroupingColumn } from "../hooks/features/rowGrouping/index.js";
-import { GridColumnMenuRowGroupItem } from "./columnMenu/menuItems/GridColumnMenuRowGroupItem.js";
-import { GridColumnMenuRowUngroupItem } from "./columnMenu/menuItems/GridColumnMenuRowUngroupItem.js";
-import { GridColumnMenuManagePanelItem } from "./columnMenu/menuItems/GridColumnMenuManagePanelItem.js";
+import { GridColumnMenuAggregationItem } from "./columnMenu/menuItems/GridColumnMenuAggregationItem.mjs";
+import { isGroupingColumn } from "../hooks/features/rowGrouping/index.mjs";
+import { GridColumnMenuRowGroupItem } from "./columnMenu/menuItems/GridColumnMenuRowGroupItem.mjs";
+import { GridColumnMenuRowUngroupItem } from "./columnMenu/menuItems/GridColumnMenuRowUngroupItem.mjs";
+import { GridColumnMenuManagePanelItem } from "./columnMenu/menuItems/GridColumnMenuManagePanelItem.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function GridColumnMenuGroupingItem(props) {
   const {

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

@@ -4,13 +4,13 @@ const _excluded = ["excelOptions"];
 import * as React from 'react';
 import { GridToolbar, GridToolbarDivider, useGridSelector } from '@mui/x-data-grid-pro/internals';
 import { ColumnsPanelTrigger, FilterPanelTrigger, ToolbarButton } from '@mui/x-data-grid-pro';
-import { ExportExcel } from "./export/index.js";
-import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
-import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
-import { PivotPanelTrigger } from "./pivotPanel/PivotPanelTrigger.js";
-import { AiAssistantPanelTrigger } from "./aiAssistantPanel/index.js";
-import { ChartsPanelTrigger } from "./chartsPanel/ChartsPanelTrigger.js";
-import { gridHistoryCanRedoSelector, gridHistoryCanUndoSelector, gridHistoryEnabledSelector } from "../hooks/features/history/index.js";
+import { ExportExcel } from "./export/index.mjs";
+import { useGridRootProps } from "../hooks/utils/useGridRootProps.mjs";
+import { useGridApiContext } from "../hooks/utils/useGridApiContext.mjs";
+import { PivotPanelTrigger } from "./pivotPanel/PivotPanelTrigger.mjs";
+import { AiAssistantPanelTrigger } from "./aiAssistantPanel/index.mjs";
+import { ChartsPanelTrigger } from "./chartsPanel/ChartsPanelTrigger.mjs";
+import { gridHistoryCanRedoSelector, gridHistoryCanUndoSelector, gridHistoryEnabledSelector } from "../hooks/features/history/index.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function GridPremiumToolbar(props) {
   const rootProps = useGridRootProps();

package/{esm/components/aiAssistantPanel/AiAssistantPanelTrigger.js → components/aiAssistantPanel/AiAssistantPanelTrigger.mjs}

@@ -9,8 +9,8 @@ import { useComponentRenderer } from '@mui/x-internals/useComponentRenderer';
 import { useGridPanelContext } from '@mui/x-data-grid-pro/internals';
 import { gridPreferencePanelStateSelector, GridPreferencePanelsValue, useGridSelector } from '@mui/x-data-grid-pro';
 import { useForkRef } from '@mui/material/utils';
-import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
+import { useGridApiContext } from "../../hooks/utils/useGridApiContext.mjs";
+import { useGridRootProps } from "../../hooks/utils/useGridRootProps.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * A button that opens and closes the assistant panel.

package/{esm/components/aiAssistantPanel/GridAiAssistantPanel.js → components/aiAssistantPanel/GridAiAssistantPanel.mjs}

@@ -4,13 +4,13 @@ import { useGridSelector, getDataGridUtilityClass } from '@mui/x-data-grid-pro';
 import { vars } from '@mui/x-data-grid-pro/internals';
 import composeClasses from '@mui/utils/composeClasses';
 import { styled } from '@mui/material/styles';
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { gridAiAssistantActiveConversationSelector, gridAiAssistantConversationsSelector } from "../../hooks/features/aiAssistant/gridAiAssistantSelectors.js";
-import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
-import { GridAiAssistantPanelConversation } from "./GridAiAssistantPanelConversation.js";
-import { GridPromptField } from "../promptField/GridPromptField.js";
-import { GridAiAssistantPanelSuggestions } from "./GridAiAssistantPanelSuggestions.js";
-import { GridAiAssistantPanelConversationsMenu } from "./GridAiAssistantPanelConversationsMenu.js";
+import { useGridRootProps } from "../../hooks/utils/useGridRootProps.mjs";
+import { gridAiAssistantActiveConversationSelector, gridAiAssistantConversationsSelector } from "../../hooks/features/aiAssistant/gridAiAssistantSelectors.mjs";
+import { useGridApiContext } from "../../hooks/utils/useGridApiContext.mjs";
+import { GridAiAssistantPanelConversation } from "./GridAiAssistantPanelConversation.mjs";
+import { GridPromptField } from "../promptField/GridPromptField.mjs";
+import { GridAiAssistantPanelSuggestions } from "./GridAiAssistantPanelSuggestions.mjs";
+import { GridAiAssistantPanelConversationsMenu } from "./GridAiAssistantPanelConversationsMenu.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/{esm/components/aiAssistantPanel/GridAiAssistantPanelConversation.d.ts → components/aiAssistantPanel/GridAiAssistantPanelConversation.d.mts}

@@ -1,4 +1,4 @@
-import type { Conversation } from "../../hooks/features/aiAssistant/gridAiAssistantInterfaces.js";
+import type { Conversation } from "../../hooks/features/aiAssistant/gridAiAssistantInterfaces.mjs";
 type GridAiAssistantPanelConversationProps = {
   conversation: Conversation;
 };

package/{esm/components/aiAssistantPanel/GridAiAssistantPanelConversation.js → components/aiAssistantPanel/GridAiAssistantPanelConversation.mjs}

@@ -5,9 +5,9 @@ import * as React from 'react';
 import { getDataGridUtilityClass, GridShadowScrollArea } from '@mui/x-data-grid-pro';
 import composeClasses from '@mui/utils/composeClasses';
 import { styled } from '@mui/material/styles';
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
-import { GridPrompt } from "../prompt/index.js";
+import { useGridRootProps } from "../../hooks/utils/useGridRootProps.mjs";
+import { useGridApiContext } from "../../hooks/utils/useGridApiContext.mjs";
+import { GridPrompt } from "../prompt/index.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/{esm/components/aiAssistantPanel/GridAiAssistantPanelConversationsMenu.js → components/aiAssistantPanel/GridAiAssistantPanelConversationsMenu.mjs}

@@ -4,9 +4,9 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { GridMenu, useGridSelector } from '@mui/x-data-grid-pro';
 import useId from '@mui/utils/useId';
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
-import { gridAiAssistantActiveConversationIndexSelector, gridAiAssistantConversationsSelector } from "../../hooks/features/aiAssistant/gridAiAssistantSelectors.js";
+import { useGridRootProps } from "../../hooks/utils/useGridRootProps.mjs";
+import { useGridApiContext } from "../../hooks/utils/useGridApiContext.mjs";
+import { gridAiAssistantActiveConversationIndexSelector, gridAiAssistantConversationsSelector } from "../../hooks/features/aiAssistant/gridAiAssistantSelectors.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function GridAiAssistantPanelConversationsMenu() {
   const rootProps = useGridRootProps();

package/{esm/components/aiAssistantPanel/GridAiAssistantPanelSuggestions.d.ts → components/aiAssistantPanel/GridAiAssistantPanelSuggestions.d.mts}

@@ -1,4 +1,4 @@
-import type { PromptSuggestion } from "../../hooks/features/aiAssistant/gridAiAssistantInterfaces.js";
+import type { PromptSuggestion } from "../../hooks/features/aiAssistant/gridAiAssistantInterfaces.mjs";
 type GridAiAssistantPanelSuggestionsProps = {
   suggestions: PromptSuggestion[];
 };

package/{esm/components/aiAssistantPanel/GridAiAssistantPanelSuggestions.js → components/aiAssistantPanel/GridAiAssistantPanelSuggestions.mjs}

@@ -2,8 +2,8 @@ import { getDataGridUtilityClass } from '@mui/x-data-grid-pro';
 import composeClasses from '@mui/utils/composeClasses';
 import { styled } from '@mui/material/styles';
 import { vars } from '@mui/x-data-grid-pro/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/aiAssistantPanel/index.d.mts

@@ -0,0 +1,2 @@
+export * from "./AiAssistantPanelTrigger.mjs";
+export * from "./GridAiAssistantPanel.mjs";

package/components/aiAssistantPanel/index.mjs

@@ -0,0 +1,2 @@
+export * from "./AiAssistantPanelTrigger.mjs";
+export * from "./GridAiAssistantPanel.mjs";

package/{esm/components/chartsPanel/ChartsPanelTrigger.js → components/chartsPanel/ChartsPanelTrigger.mjs}

@@ -7,9 +7,9 @@ import useId from '@mui/utils/useId';
 import { forwardRef } from '@mui/x-internals/forwardRef';
 import { useComponentRenderer } from '@mui/x-internals/useComponentRenderer';
 import { useGridSelector } from '@mui/x-data-grid-pro';
-import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { gridChartsPanelOpenSelector } from "../../hooks/features/chartsIntegration/gridChartsIntegrationSelectors.js";
+import { useGridApiContext } from "../../hooks/utils/useGridApiContext.mjs";
+import { useGridRootProps } from "../../hooks/utils/useGridRootProps.mjs";
+import { gridChartsPanelOpenSelector } from "../../hooks/features/chartsIntegration/gridChartsIntegrationSelectors.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * A button that opens and closes the charts integration panel.

package/{esm/components/chartsPanel/GridChartsPanel.js → components/chartsPanel/GridChartsPanel.mjs}

@@ -7,13 +7,13 @@ import { styled } from '@mui/material/styles';
 import useId from '@mui/utils/useId';
 import { useGridSelector, vars } from '@mui/x-data-grid-pro/internals';
 import { GridMenu, GridOverlay } from '@mui/x-data-grid-pro';
-import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { GridChartsPanelChart } from "./chart/GridChartsPanelChart.js";
-import { GridChartsPanelCustomize } from "./customize/GridChartsPanelCustomize.js";
-import { gridChartsIntegrationActiveChartIdSelector } from "../../hooks/features/chartsIntegration/gridChartsIntegrationSelectors.js";
-import { useGridChartsIntegrationContext } from "../../hooks/utils/useGridChartIntegration.js";
-import { GridChartsPanelData } from "./data/GridChartsPanelData.js";
+import { useGridApiContext } from "../../hooks/utils/useGridApiContext.mjs";
+import { useGridRootProps } from "../../hooks/utils/useGridRootProps.mjs";
+import { GridChartsPanelChart } from "./chart/GridChartsPanelChart.mjs";
+import { GridChartsPanelCustomize } from "./customize/GridChartsPanelCustomize.mjs";
+import { gridChartsIntegrationActiveChartIdSelector } from "../../hooks/features/chartsIntegration/gridChartsIntegrationSelectors.mjs";
+import { useGridChartsIntegrationContext } from "../../hooks/utils/useGridChartIntegration.mjs";
+import { GridChartsPanelData } from "./data/GridChartsPanelData.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const GridChartsPanelHeader = styled('div', {
   name: 'MuiDataGrid',

package/{esm/components/chartsPanel/chart/GridChartsPanelChart.js → components/chartsPanel/chart/GridChartsPanelChart.mjs}

@@ -4,7 +4,7 @@ import { styled } from '@mui/material/styles';
 import { getDataGridUtilityClass } from '@mui/x-data-grid-pro';
 import { vars } from '@mui/x-data-grid-pro/internals';
 import composeClasses from '@mui/utils/composeClasses';
-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/chartsPanel/customize/GridChartsPanelCustomize.js → components/chartsPanel/customize/GridChartsPanelCustomize.mjs}

@@ -3,13 +3,13 @@ import * as React from 'react';
 import { styled } from '@mui/material/styles';
 import { vars } from '@mui/x-data-grid-pro/internals';
 import { GridOverlay, GridShadowScrollArea } from '@mui/x-data-grid-pro';
-import { useGridApiContext } from "../../../hooks/utils/useGridApiContext.js";
-import { useGridRootProps } from "../../../hooks/utils/useGridRootProps.js";
-import { useGridChartsIntegrationContext } from "../../../hooks/utils/useGridChartIntegration.js";
-import { Collapsible } from "../../collapsible/Collapsible.js";
-import { CollapsibleTrigger } from "../../collapsible/CollapsibleTrigger.js";
-import { CollapsiblePanel } from "../../collapsible/CollapsiblePanel.js";
-import { EMPTY_CHART_INTEGRATION_CONTEXT_STATE } from "../../../hooks/features/chartsIntegration/useGridChartsIntegration.js";
+import { useGridApiContext } from "../../../hooks/utils/useGridApiContext.mjs";
+import { useGridRootProps } from "../../../hooks/utils/useGridRootProps.mjs";
+import { useGridChartsIntegrationContext } from "../../../hooks/utils/useGridChartIntegration.mjs";
+import { Collapsible } from "../../collapsible/Collapsible.mjs";
+import { CollapsibleTrigger } from "../../collapsible/CollapsibleTrigger.mjs";
+import { CollapsiblePanel } from "../../collapsible/CollapsiblePanel.mjs";
+import { EMPTY_CHART_INTEGRATION_CONTEXT_STATE } from "../../../hooks/features/chartsIntegration/useGridChartsIntegration.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const GridChartsPanelCustomizeRoot = styled(GridShadowScrollArea)({
   height: '100%'