@mui/x-data-grid-premium 9.0.0-alpha.1 → 9.0.0-alpha.2

package/components/index.mjs

@@ -0,0 +1,10 @@
+export * from "./GridExcelExportMenuItem.mjs";
+export * from "../material/icons.mjs";
+export * from "./columnMenu/menuItems/GridColumnMenuAggregationItem.mjs";
+export * from "./promptField/index.mjs";
+export { GridColumnMenuGroupingItem } from "./GridPremiumColumnMenu.mjs";
+export * from "./export/index.mjs";
+export * from "./GridEmptyPivotOverlay.mjs";
+export * from "./pivotPanel/index.mjs";
+export * from "./aiAssistantPanel/index.mjs";
+export * from "./chartsPanel/index.mjs";

package/{esm/components/pivotPanel/GridPivotPanel.js → components/pivotPanel/GridPivotPanel.mjs}

@@ -1,8 +1,8 @@
 'use client';
 
 import * as React from 'react';
-import { GridPivotPanelHeader } from "./GridPivotPanelHeader.js";
-import { GridPivotPanelBody } from "./GridPivotPanelBody.js";
+import { GridPivotPanelHeader } from "./GridPivotPanelHeader.mjs";
+import { GridPivotPanelBody } from "./GridPivotPanelBody.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function GridPivotPanel() {
   const [searchValue, setSearchValue] = React.useState('');

package/{esm/components/pivotPanel/GridPivotPanelBody.js → components/pivotPanel/GridPivotPanelBody.mjs}

@@ -6,12 +6,12 @@ import { styled } from '@mui/material/styles';
 import { GridShadowScrollArea, getDataGridUtilityClass, useGridSelector } from '@mui/x-data-grid-pro';
 import composeClasses from '@mui/utils/composeClasses';
 import { vars } from '@mui/x-data-grid-pro/internals';
-import { gridPivotInitialColumnsSelector, gridPivotModelSelector } from "../../hooks/features/pivoting/gridPivotingSelectors.js";
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { GridPivotPanelField } from "./GridPivotPanelField.js";
-import { Collapsible, CollapsiblePanel, CollapsibleTrigger } from "../collapsible/index.js";
-import { useGridPrivateApiContext } from "../../hooks/utils/useGridPrivateApiContext.js";
-import { ResizablePanel, ResizablePanelHandle } from "../resizablePanel/index.js";
+import { gridPivotInitialColumnsSelector, gridPivotModelSelector } from "../../hooks/features/pivoting/gridPivotingSelectors.mjs";
+import { useGridRootProps } from "../../hooks/utils/useGridRootProps.mjs";
+import { GridPivotPanelField } from "./GridPivotPanelField.mjs";
+import { Collapsible, CollapsiblePanel, CollapsibleTrigger } from "../collapsible/index.mjs";
+import { useGridPrivateApiContext } from "../../hooks/utils/useGridPrivateApiContext.mjs";
+import { ResizablePanel, ResizablePanelHandle } from "../resizablePanel/index.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/{esm/components/pivotPanel/GridPivotPanelField.d.ts → components/pivotPanel/GridPivotPanelField.d.mts}

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import type { GridPivotModel } from "../../hooks/features/pivoting/gridPivotingInterfaces.js";
-import type { FieldTransferObject } from "./GridPivotPanelBody.js";
+import type { GridPivotModel } from "../../hooks/features/pivoting/gridPivotingInterfaces.mjs";
+import type { FieldTransferObject } from "./GridPivotPanelBody.mjs";
 type GridPivotPanelFieldProps = {
   children: React.ReactNode;
   field: FieldTransferObject['field'];

package/{esm/components/pivotPanel/GridPivotPanelField.js → components/pivotPanel/GridPivotPanelField.mjs}

@@ -7,12 +7,12 @@ import { getDataGridUtilityClass, gridClasses, GridMenu, useGridSelector } from
 import composeClasses from '@mui/utils/composeClasses';
 import { GridColumnSortButton, NotRendered, vars } from '@mui/x-data-grid-pro/internals';
 import useId from '@mui/utils/useId';
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { getAggregationFunctionLabel, getAvailableAggregationFunctions } from "../../hooks/features/aggregation/gridAggregationUtils.js";
-import { GridPivotPanelFieldMenu } from "./GridPivotPanelFieldMenu.js";
-import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
-import { gridPivotInitialColumnsSelector } from "../../hooks/features/pivoting/gridPivotingSelectors.js";
-import { useGridPrivateApiContext } from "../../hooks/utils/useGridPrivateApiContext.js";
+import { useGridRootProps } from "../../hooks/utils/useGridRootProps.mjs";
+import { getAggregationFunctionLabel, getAvailableAggregationFunctions } from "../../hooks/features/aggregation/gridAggregationUtils.mjs";
+import { GridPivotPanelFieldMenu } from "./GridPivotPanelFieldMenu.mjs";
+import { useGridApiContext } from "../../hooks/utils/useGridApiContext.mjs";
+import { gridPivotInitialColumnsSelector } from "../../hooks/features/pivoting/gridPivotingSelectors.mjs";
+import { useGridPrivateApiContext } from "../../hooks/utils/useGridPrivateApiContext.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/{esm/components/pivotPanel/GridPivotPanelFieldMenu.d.ts → components/pivotPanel/GridPivotPanelFieldMenu.d.mts}

@@ -1,4 +1,4 @@
-import type { FieldTransferObject } from "./GridPivotPanelBody.js";
+import type { FieldTransferObject } from "./GridPivotPanelBody.mjs";
 interface GridPivotPanelFieldMenuProps {
   field: string;
   modelKey: FieldTransferObject['modelKey'];

package/{esm/components/pivotPanel/GridPivotPanelFieldMenu.js → components/pivotPanel/GridPivotPanelFieldMenu.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 { useGridPrivateApiContext } from "../../hooks/utils/useGridPrivateApiContext.js";
-import { gridPivotModelSelector } from "../../hooks/features/pivoting/gridPivotingSelectors.js";
+import { useGridRootProps } from "../../hooks/utils/useGridRootProps.mjs";
+import { useGridPrivateApiContext } from "../../hooks/utils/useGridPrivateApiContext.mjs";
+import { gridPivotModelSelector } from "../../hooks/features/pivoting/gridPivotingSelectors.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function GridPivotPanelFieldMenu(props) {
   const {

package/{esm/components/pivotPanel/GridPivotPanelHeader.js → components/pivotPanel/GridPivotPanelHeader.mjs}

@@ -4,11 +4,11 @@ import { styled } from '@mui/material/styles';
 import { useGridSelector, getDataGridUtilityClass, gridRowCountSelector } from '@mui/x-data-grid-pro';
 import { vars, NotRendered } from '@mui/x-data-grid-pro/internals';
 import composeClasses from '@mui/utils/composeClasses';
-import { SidebarHeader } from "../sidebar/index.js";
-import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { gridPivotActiveSelector } from "../../hooks/features/pivoting/gridPivotingSelectors.js";
-import { GridPivotPanelSearch } from "./GridPivotPanelSearch.js";
+import { SidebarHeader } from "../sidebar/index.mjs";
+import { useGridApiContext } from "../../hooks/utils/useGridApiContext.mjs";
+import { useGridRootProps } from "../../hooks/utils/useGridRootProps.mjs";
+import { gridPivotActiveSelector } from "../../hooks/features/pivoting/gridPivotingSelectors.mjs";
+import { GridPivotPanelSearch } from "./GridPivotPanelSearch.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/{esm/components/pivotPanel/GridPivotPanelSearch.js → components/pivotPanel/GridPivotPanelSearch.mjs}

@@ -4,8 +4,8 @@ import { getDataGridUtilityClass } from '@mui/x-data-grid-pro';
 import { styled } from '@mui/material/styles';
 import { vars } from '@mui/x-data-grid-pro/internals';
 import composeClasses from '@mui/utils/composeClasses';
-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";
 const useUtilityClasses = ownerState => {
   const {

package/{esm/components/pivotPanel/PivotPanelTrigger.js → components/pivotPanel/PivotPanelTrigger.mjs}

@@ -7,10 +7,10 @@ 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 { gridPivotPanelOpenSelector, gridPivotActiveSelector } from "../../hooks/features/pivoting/gridPivotingSelectors.js";
-import { GridSidebarValue } from "../../hooks/features/sidebar/index.js";
+import { useGridApiContext } from "../../hooks/utils/useGridApiContext.mjs";
+import { useGridRootProps } from "../../hooks/utils/useGridRootProps.mjs";
+import { gridPivotPanelOpenSelector, gridPivotActiveSelector } from "../../hooks/features/pivoting/gridPivotingSelectors.mjs";
+import { GridSidebarValue } from "../../hooks/features/sidebar/index.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * A button that opens and closes the pivot panel.

package/components/pivotPanel/index.d.mts

@@ -0,0 +1,2 @@
+export * from "./PivotPanelTrigger.mjs";
+export * from "./GridPivotPanel.mjs";

package/components/pivotPanel/index.mjs

@@ -0,0 +1,2 @@
+export * from "./PivotPanelTrigger.mjs";
+export * from "./GridPivotPanel.mjs";

package/{esm/components/prompt/GridPrompt.d.ts → components/prompt/GridPrompt.d.mts}

@@ -1,4 +1,4 @@
-import type { Prompt } from "../../hooks/features/aiAssistant/gridAiAssistantInterfaces.js";
+import type { Prompt } from "../../hooks/features/aiAssistant/gridAiAssistantInterfaces.mjs";
 type GridPromptProps = Prompt & {
   onRerun: () => void;
 };

package/{esm/components/prompt/GridPrompt.js → components/prompt/GridPrompt.mjs}

@@ -7,8 +7,8 @@ import capitalize from '@mui/utils/capitalize';
 import { keyframes, styled } from '@mui/system';
 import { getValueOptions, isSingleSelectColDef, vars } from '@mui/x-data-grid-pro/internals';
 import useId from '@mui/utils/useId';
-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/prompt/index.d.mts

@@ -0,0 +1 @@
+export { GridPrompt } from "./GridPrompt.mjs";

package/components/prompt/index.mjs

@@ -0,0 +1 @@
+export { GridPrompt } from "./GridPrompt.mjs";

package/{esm/components/promptField/GridPromptField.d.ts → components/promptField/GridPromptField.d.mts}

@@ -1,3 +1,3 @@
-import { type PromptFieldProps } from "./PromptField.js";
+import { type PromptFieldProps } from "./PromptField.mjs";
 declare function GridPromptField(props: PromptFieldProps): import("react/jsx-runtime").JSX.Element;
 export { GridPromptField };

package/{esm/components/promptField/GridPromptField.js → components/promptField/GridPromptField.mjs}

@@ -1,13 +1,13 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["ref"];
-import { PromptField } from "./PromptField.js";
-import { PromptFieldControl } from "./PromptFieldControl.js";
-import { PromptFieldRecord } from "./PromptFieldRecord.js";
-import { PromptFieldSend } from "./PromptFieldSend.js";
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
-import { IS_SPEECH_RECOGNITION_SUPPORTED } from "../../utils/speechRecognition.js";
+import { PromptField } from "./PromptField.mjs";
+import { PromptFieldControl } from "./PromptFieldControl.mjs";
+import { PromptFieldRecord } from "./PromptFieldRecord.mjs";
+import { PromptFieldSend } from "./PromptFieldSend.mjs";
+import { useGridRootProps } from "../../hooks/utils/useGridRootProps.mjs";
+import { useGridApiContext } from "../../hooks/utils/useGridApiContext.mjs";
+import { IS_SPEECH_RECOGNITION_SUPPORTED } from "../../utils/speechRecognition.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 function GridPromptField(props) {
   const rootProps = useGridRootProps();

package/{esm/components/promptField/PromptField.d.ts → components/promptField/PromptField.d.mts}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { RenderProp } from '@mui/x-data-grid';
-import { type PromptFieldState } from "./PromptFieldContext.js";
+import { type PromptFieldState } from "./PromptFieldContext.mjs";
 export type PromptFieldProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'onSubmit'> & {
   /**
    * A function to customize rendering of the component.

package/{esm/components/promptField/PromptField.js → components/promptField/PromptField.mjs}

@@ -7,7 +7,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useComponentRenderer } from '@mui/x-internals/useComponentRenderer';
 import { forwardRef } from '@mui/x-internals/forwardRef';
-import { PromptFieldContext } from "./PromptFieldContext.js";
+import { PromptFieldContext } from "./PromptFieldContext.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * The top level Prompt Field component that provides context to child components.

package/components/promptField/PromptFieldContext.js

@@ -2,18 +2,20 @@
 'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PromptFieldContext = void 0;
 exports.usePromptFieldContext = usePromptFieldContext;
+var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/formatErrorMessage"));
 var React = _interopRequireWildcard(require("react"));
 const PromptFieldContext = exports.PromptFieldContext = /*#__PURE__*/React.createContext(undefined);
 if (process.env.NODE_ENV !== "production") PromptFieldContext.displayName = "PromptFieldContext";
 function usePromptFieldContext() {
   const context = React.useContext(PromptFieldContext);
   if (context === undefined) {
-    throw new Error('MUI X: Missing context. Prompt Field subcomponents must be placed within a <PromptField /> component.');
+    throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X: Missing context. Prompt Field subcomponents must be placed within a <PromptField /> component.' : (0, _formatErrorMessage2.default)(115));
   }
   return context;
 }

package/{esm/components/promptField/PromptFieldContext.js → components/promptField/PromptFieldContext.mjs}

@@ -1,12 +1,13 @@
 'use client';
 
+import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
 import * as React from 'react';
 export const PromptFieldContext = /*#__PURE__*/React.createContext(undefined);
 if (process.env.NODE_ENV !== "production") PromptFieldContext.displayName = "PromptFieldContext";
 export function usePromptFieldContext() {
   const context = React.useContext(PromptFieldContext);
   if (context === undefined) {
-    throw new Error('MUI X: Missing context. Prompt Field subcomponents must be placed within a <PromptField /> component.');
+    throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X: Missing context. Prompt Field subcomponents must be placed within a <PromptField /> component.' : _formatErrorMessage(115));
   }
   return context;
 }

package/{esm/components/promptField/PromptFieldControl.d.ts → components/promptField/PromptFieldControl.d.mts}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { GridSlotProps, RenderProp } from '@mui/x-data-grid-pro';
-import { type PromptFieldState } from "./PromptFieldContext.js";
+import { type PromptFieldState } from "./PromptFieldContext.mjs";
 export type PromptFieldControlProps = Omit<GridSlotProps['baseTextField'], 'className'> & {
   /**
    * A function to customize rendering of the component.

package/{esm/components/promptField/PromptFieldControl.js → components/promptField/PromptFieldControl.mjs}

@@ -5,8 +5,8 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import { forwardRef } from '@mui/x-internals/forwardRef';
 import { useComponentRenderer } from '@mui/x-internals/useComponentRenderer';
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { usePromptFieldContext } from "./PromptFieldContext.js";
+import { useGridRootProps } from "../../hooks/utils/useGridRootProps.mjs";
+import { usePromptFieldContext } from "./PromptFieldContext.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * A component that takes user input.

package/{esm/components/promptField/PromptFieldRecord.d.ts → components/promptField/PromptFieldRecord.d.mts}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { GridSlotProps, RenderProp } from '@mui/x-data-grid-pro';
-import { type PromptFieldState } from "./PromptFieldContext.js";
+import { type PromptFieldState } from "./PromptFieldContext.mjs";
 export type PromptFieldRecordProps = Omit<GridSlotProps['baseIconButton'], 'className'> & {
   /**
    * A function to customize rendering of the component.

package/{esm/components/promptField/PromptFieldRecord.js → components/promptField/PromptFieldRecord.mjs}

@@ -7,9 +7,9 @@ import { Timeout } from '@mui/utils/useTimeout';
 import useLazyRef from '@mui/utils/useLazyRef';
 import { forwardRef } from '@mui/x-internals/forwardRef';
 import { useComponentRenderer } from '@mui/x-internals/useComponentRenderer';
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { usePromptFieldContext } from "./PromptFieldContext.js";
-import { BrowserSpeechRecognition } from "../../utils/speechRecognition.js";
+import { useGridRootProps } from "../../hooks/utils/useGridRootProps.mjs";
+import { usePromptFieldContext } from "./PromptFieldContext.mjs";
+import { BrowserSpeechRecognition } from "../../utils/speechRecognition.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * A button that records the user's voice when clicked.

package/{esm/components/promptField/PromptFieldSend.d.ts → components/promptField/PromptFieldSend.d.mts}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { GridSlotProps, RenderProp } from '@mui/x-data-grid-pro';
-import { type PromptFieldState } from "./PromptFieldContext.js";
+import { type PromptFieldState } from "./PromptFieldContext.mjs";
 export type PromptFieldSendProps = Omit<GridSlotProps['baseIconButton'], 'className'> & {
   /**
    * A function to customize rendering of the component.

package/{esm/components/promptField/PromptFieldSend.js → components/promptField/PromptFieldSend.mjs}

@@ -5,8 +5,8 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import { forwardRef } from '@mui/x-internals/forwardRef';
 import { useComponentRenderer } from '@mui/x-internals/useComponentRenderer';
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { usePromptFieldContext } from "./PromptFieldContext.js";
+import { useGridRootProps } from "../../hooks/utils/useGridRootProps.mjs";
+import { usePromptFieldContext } from "./PromptFieldContext.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * A button that processes the prompt when clicked.

package/components/promptField/index.d.mts

@@ -0,0 +1,4 @@
+export * from "./PromptField.mjs";
+export * from "./PromptFieldControl.mjs";
+export * from "./PromptFieldRecord.mjs";
+export * from "./PromptFieldSend.mjs";

package/components/promptField/index.mjs

@@ -0,0 +1,4 @@
+export * from "./PromptField.mjs";
+export * from "./PromptFieldControl.mjs";
+export * from "./PromptFieldRecord.mjs";
+export * from "./PromptFieldSend.mjs";

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

@@ -1 +1 @@
-export { GridPremiumColumnMenu as GridColumnMenu, GRID_COLUMN_MENU_SLOTS_PREMIUM as GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM as GRID_COLUMN_MENU_SLOT_PROPS } from "./GridPremiumColumnMenu.js";
+export { GridPremiumColumnMenu as GridColumnMenu, GRID_COLUMN_MENU_SLOTS_PREMIUM as GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM as GRID_COLUMN_MENU_SLOT_PROPS } from "./GridPremiumColumnMenu.mjs";

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

@@ -1 +1 @@
-export { GridPremiumColumnMenu as GridColumnMenu, GRID_COLUMN_MENU_SLOTS_PREMIUM as GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM as GRID_COLUMN_MENU_SLOT_PROPS } from "./GridPremiumColumnMenu.js";
+export { GridPremiumColumnMenu as GridColumnMenu, GRID_COLUMN_MENU_SLOTS_PREMIUM as GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM as GRID_COLUMN_MENU_SLOT_PROPS } from "./GridPremiumColumnMenu.mjs";

package/{esm/components/resizablePanel/ResizablePanel.js → components/resizablePanel/ResizablePanel.mjs}

@@ -8,8 +8,8 @@ import clsx from 'clsx';
 import { styled } from '@mui/material/styles';
 import { getDataGridUtilityClass } from '@mui/x-data-grid-pro';
 import composeClasses from '@mui/utils/composeClasses';
-import { ResizablePanelContext } from "./ResizablePanelContext.js";
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
+import { ResizablePanelContext } from "./ResizablePanelContext.mjs";
+import { useGridRootProps } from "../../hooks/utils/useGridRootProps.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/components/resizablePanel/ResizablePanelContext.js

@@ -2,18 +2,20 @@
 'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ResizablePanelContext = void 0;
 exports.useResizablePanelContext = useResizablePanelContext;
+var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/formatErrorMessage"));
 var React = _interopRequireWildcard(require("react"));
 const ResizablePanelContext = exports.ResizablePanelContext = /*#__PURE__*/React.createContext(undefined);
 if (process.env.NODE_ENV !== "production") ResizablePanelContext.displayName = "ResizablePanelContext";
 function useResizablePanelContext() {
   const context = React.useContext(ResizablePanelContext);
   if (context === undefined) {
-    throw new Error('MUI X: Missing context. ResizablePanel subcomponents must be placed within a <ResizablePanel /> component.');
+    throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X: Missing context. ResizablePanel subcomponents must be placed within a <ResizablePanel /> component.' : (0, _formatErrorMessage2.default)(116));
   }
   return context;
 }

package/{esm/components/resizablePanel/ResizablePanelContext.js → components/resizablePanel/ResizablePanelContext.mjs}

@@ -1,12 +1,13 @@
 'use client';
 
+import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
 import * as React from 'react';
 export const ResizablePanelContext = /*#__PURE__*/React.createContext(undefined);
 if (process.env.NODE_ENV !== "production") ResizablePanelContext.displayName = "ResizablePanelContext";
 export function useResizablePanelContext() {
   const context = React.useContext(ResizablePanelContext);
   if (context === undefined) {
-    throw new Error('MUI X: Missing context. ResizablePanel subcomponents must be placed within a <ResizablePanel /> component.');
+    throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X: Missing context. ResizablePanel subcomponents must be placed within a <ResizablePanel /> component.' : _formatErrorMessage(116));
   }
   return context;
 }

package/{esm/components/resizablePanel/ResizablePanelHandle.js → components/resizablePanel/ResizablePanelHandle.mjs}

@@ -9,9 +9,9 @@ import { vars } from '@mui/x-data-grid-pro/internals';
 import composeClasses from '@mui/utils/composeClasses';
 import { getDataGridUtilityClass, gridClasses } from '@mui/x-data-grid-pro';
 import clsx from 'clsx';
-import { useResize } from "../../hooks/utils/useResize.js";
-import { useResizablePanelContext } from "./ResizablePanelContext.js";
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
+import { useResize } from "../../hooks/utils/useResize.mjs";
+import { useResizablePanelContext } from "./ResizablePanelContext.mjs";
+import { useGridRootProps } from "../../hooks/utils/useGridRootProps.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/components/resizablePanel/index.d.mts

@@ -0,0 +1,3 @@
+export * from "./ResizablePanel.mjs";
+export * from "./ResizablePanelContext.mjs";
+export * from "./ResizablePanelHandle.mjs";

package/components/resizablePanel/index.mjs

@@ -0,0 +1,3 @@
+export * from "./ResizablePanel.mjs";
+export * from "./ResizablePanelContext.mjs";
+export * from "./ResizablePanelHandle.mjs";

package/{esm/components/sidebar/Sidebar.js → components/sidebar/Sidebar.mjs}

@@ -6,10 +6,10 @@ import clsx from 'clsx';
 import { styled } from '@mui/material/styles';
 import { getDataGridUtilityClass, useGridSelector } from '@mui/x-data-grid-pro';
 import composeClasses from '@mui/utils/composeClasses';
-import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
-import { ResizablePanel, ResizablePanelHandle } from "../resizablePanel/index.js";
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { gridSidebarContentSelector } from "../../hooks/features/sidebar/index.js";
+import { useGridApiContext } from "../../hooks/utils/useGridApiContext.mjs";
+import { ResizablePanel, ResizablePanelHandle } from "../resizablePanel/index.mjs";
+import { useGridRootProps } from "../../hooks/utils/useGridRootProps.mjs";
+import { gridSidebarContentSelector } from "../../hooks/features/sidebar/index.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/{esm/components/sidebar/SidebarHeader.js → components/sidebar/SidebarHeader.mjs}

@@ -7,7 +7,7 @@ import { getDataGridUtilityClass } from '@mui/x-data-grid-pro';
 import { vars } from '@mui/x-data-grid-pro/internals';
 import composeClasses from '@mui/utils/composeClasses';
 import clsx from 'clsx';
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
+import { useGridRootProps } from "../../hooks/utils/useGridRootProps.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/components/sidebar/index.d.mts

@@ -0,0 +1,2 @@
+export * from "./Sidebar.mjs";
+export * from "./SidebarHeader.mjs";

package/components/sidebar/index.mjs

@@ -0,0 +1,2 @@
+export * from "./Sidebar.mjs";
+export * from "./SidebarHeader.mjs";

package/{esm/constants/dataGridPremiumDefaultSlotsComponents.d.ts → constants/dataGridPremiumDefaultSlotsComponents.d.mts}

@@ -1,2 +1,2 @@
-import type { GridPremiumSlotsComponent } from "../models/index.js";
+import type { GridPremiumSlotsComponent } from "../models/index.mjs";
 export declare const DATA_GRID_PREMIUM_DEFAULT_SLOTS_COMPONENTS: GridPremiumSlotsComponent;

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

@@ -1,10 +1,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS } from '@mui/x-data-grid-pro/internals';
-import { GridPremiumColumnMenu } from "../components/GridPremiumColumnMenu.js";
-import materialSlots from "../material/index.js";
-import { GridBottomContainer } from "../components/GridBottomContainer.js";
-import { GridEmptyPivotOverlay } from "../components/GridEmptyPivotOverlay.js";
-import { GridPremiumToolbar } from "../components/GridPremiumToolbar.js";
+import { GridPremiumColumnMenu } from "../components/GridPremiumColumnMenu.mjs";
+import materialSlots from "../material/index.mjs";
+import { GridBottomContainer } from "../components/GridBottomContainer.mjs";
+import { GridEmptyPivotOverlay } from "../components/GridEmptyPivotOverlay.mjs";
+import { GridPremiumToolbar } from "../components/GridPremiumToolbar.mjs";
 export const DATA_GRID_PREMIUM_DEFAULT_SLOTS_COMPONENTS = _extends({}, DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS, materialSlots, {
   aiAssistantPanel: null,
   chartsPanel: null,

package/{esm/context/GridChartsIntegrationContextProvider.js → context/GridChartsIntegrationContextProvider.mjs}

@@ -2,8 +2,8 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { GridChartsIntegrationContext } from "../components/chartsIntegration/GridChartsIntegrationContext.js";
-import { EMPTY_CHART_INTEGRATION_CONTEXT_STATE } from "../hooks/features/chartsIntegration/useGridChartsIntegration.js";
+import { GridChartsIntegrationContext } from "../components/chartsIntegration/GridChartsIntegrationContext.mjs";
+import { EMPTY_CHART_INTEGRATION_CONTEXT_STATE } from "../hooks/features/chartsIntegration/useGridChartsIntegration.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function GridChartsIntegrationContextProvider({
   children

package/{esm/context/GridChartsRendererProxy.d.ts → context/GridChartsRendererProxy.d.mts}

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { ChartState } from "../models/gridChartsIntegration.js";
+import type { ChartState } from "../models/gridChartsIntegration.mjs";
 export type GridChartsRendererProxyRendererCallback = (type: string, props: Record<string, any>, Component: React.ComponentType<any>) => React.ReactNode;
 type GridChartsRendererProxyRenderer = React.ComponentType<{
   dimensions: ChartState['dimensions'];

package/{esm/context/GridChartsRendererProxy.js → context/GridChartsRendererProxy.mjs}

@@ -3,8 +3,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { useGridChartsIntegrationContext } from "../hooks/utils/useGridChartIntegration.js";
-import { EMPTY_CHART_INTEGRATION_CONTEXT_STATE } from "../hooks/features/chartsIntegration/useGridChartsIntegration.js";
+import { useGridChartsIntegrationContext } from "../hooks/utils/useGridChartIntegration.mjs";
+import { EMPTY_CHART_INTEGRATION_CONTEXT_STATE } from "../hooks/features/chartsIntegration/useGridChartsIntegration.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 function GridChartsRendererProxy(props) {
   const {

package/context/index.d.mts

@@ -0,0 +1,2 @@
+export * from "./GridChartsIntegrationContextProvider.mjs";
+export * from "./GridChartsRendererProxy.mjs";

package/context/index.mjs

@@ -0,0 +1,2 @@
+export * from "./GridChartsIntegrationContextProvider.mjs";
+export * from "./GridChartsRendererProxy.mjs";

package/{esm/hooks/features/aggregation/createAggregationLookup.d.ts → hooks/features/aggregation/createAggregationLookup.d.mts}

@@ -1,7 +1,7 @@
 import type { RefObject } from '@mui/x-internals/types';
-import type { GridPrivateApiPremium } from "../../../models/gridApiPremium.js";
-import type { DataGridPremiumProcessedProps } from "../../../models/dataGridPremiumProps.js";
-import type { GridAggregationLookup, GridAggregationRules } from "./gridAggregationInterfaces.js";
+import type { GridPrivateApiPremium } from "../../../models/gridApiPremium.mjs";
+import type { DataGridPremiumProcessedProps } from "../../../models/dataGridPremiumProps.mjs";
+import type { GridAggregationLookup, GridAggregationRules } from "./gridAggregationInterfaces.mjs";
 export declare const shouldApplySorting: (aggregationRules: GridAggregationRules, aggregatedFields: string[]) => boolean;
 export declare const createAggregationLookup: ({
   apiRef,

package/{esm/hooks/features/aggregation/gridAggregationFunctions.d.ts → hooks/features/aggregation/gridAggregationFunctions.d.mts}

@@ -1,4 +1,4 @@
-import type { GridAggregationFunction } from "./gridAggregationInterfaces.js";
+import type { GridAggregationFunction } from "./gridAggregationInterfaces.mjs";
 export declare const GRID_AGGREGATION_FUNCTIONS: {
   sum: GridAggregationFunction<unknown, number>;
   avg: GridAggregationFunction<unknown, number>;

package/{esm/hooks/features/aggregation/gridAggregationInterfaces.d.ts → hooks/features/aggregation/gridAggregationInterfaces.d.mts}

@@ -1,6 +1,6 @@
 import type { GridRowId, GridRowModel, GridColDef, GridValueFormatter } from '@mui/x-data-grid-pro';
 import type { GridAggregationPosition } from '@mui/x-data-grid-pro/internals';
-import type { GridApiPremium } from "../../../models/gridApiPremium.js";
+import type { GridApiPremium } from "../../../models/gridApiPremium.mjs";
 export interface GridAggregationState {
   model: GridAggregationModel;
   lookup: GridAggregationLookup;

package/{esm/hooks/features/aggregation/gridAggregationSelectors.d.ts → hooks/features/aggregation/gridAggregationSelectors.d.mts}

@@ -1,7 +1,7 @@
 import { type GridAggregationPosition } from '@mui/x-data-grid-pro/internals';
 import { type GridRowId } from '@mui/x-data-grid-pro';
-import type { GridStatePremium } from "../../../models/gridStatePremium.js";
-export declare const gridAggregationStateSelector: import("@mui/x-data-grid").OutputSelector<GridStatePremium, unknown, import("./gridAggregationInterfaces.js").GridAggregationState>;
+import type { GridStatePremium } from "../../../models/gridStatePremium.mjs";
+export declare const gridAggregationStateSelector: import("@mui/x-data-grid").OutputSelector<GridStatePremium, unknown, import("./gridAggregationInterfaces.mjs").GridAggregationState>;
 /**
  * Get the aggregation model, containing the aggregation function of each column.
  * If a column is not in the model, it is not aggregated.
@@ -9,14 +9,14 @@ export declare const gridAggregationStateSelector: import("@mui/x-data-grid").Ou
  */
 export declare const gridAggregationModelSelector: (args_0: import("react").RefObject<{
   state: GridStatePremium;
-} | null>) => import("./gridAggregationInterfaces.js").GridAggregationModel;
+} | null>) => import("./gridAggregationInterfaces.mjs").GridAggregationModel;
 /**
  * Get the aggregation results as a lookup.
  * @category Aggregation
  */
 export declare const gridAggregationLookupSelector: (args_0: import("react").RefObject<{
   state: GridStatePremium;
-} | null>) => import("./gridAggregationInterfaces.js").GridAggregationLookup;
+} | null>) => import("./gridAggregationInterfaces.mjs").GridAggregationLookup;
 export declare const gridCellAggregationResultSelector: (args_0: import("react").RefObject<{
   state: GridStatePremium;
 } | null>, args_1: {