@mui/x-data-grid-premium 8.16.0 → 8.18.0

package/esm/components/pivotPanel/GridPivotPanelFieldMenu.d.ts

@@ -1,8 +1,7 @@
-import * as React from 'react';
 import type { FieldTransferObject } from "./GridPivotPanelBody.js";
 interface GridPivotPanelFieldMenuProps {
   field: string;
   modelKey: FieldTransferObject['modelKey'];
 }
-declare function GridPivotPanelFieldMenu(props: GridPivotPanelFieldMenuProps): React.JSX.Element;
+declare function GridPivotPanelFieldMenu(props: GridPivotPanelFieldMenuProps): import("react/jsx-runtime").JSX.Element;
 export { GridPivotPanelFieldMenu };

package/esm/components/pivotPanel/GridPivotPanelHeader.d.ts

@@ -1,7 +1,6 @@
-import * as React from 'react';
 export interface GridPivotPanelHeaderProps {
   searchValue: string;
   onSearchValueChange: (value: string) => void;
 }
-declare function GridPivotPanelHeader(props: GridPivotPanelHeaderProps): React.JSX.Element;
+declare function GridPivotPanelHeader(props: GridPivotPanelHeaderProps): import("react/jsx-runtime").JSX.Element;
 export { GridPivotPanelHeader };

package/esm/components/pivotPanel/GridPivotPanelSearch.d.ts

@@ -1,7 +1,6 @@
-import * as React from 'react';
 import { GridSlotProps } from '@mui/x-data-grid-pro';
 export type GridPivotPanelSearchProps = Pick<GridSlotProps['baseTextField'], 'value' | 'onChange'> & {
   onClear: () => void;
 };
-declare function GridPivotPanelSearch(props: GridPivotPanelSearchProps): React.JSX.Element;
+declare function GridPivotPanelSearch(props: GridPivotPanelSearchProps): import("react/jsx-runtime").JSX.Element;
 export { GridPivotPanelSearch };

package/esm/components/prompt/GridPrompt.d.ts

@@ -1,7 +1,6 @@
-import * as React from 'react';
 import { Prompt } from "../../hooks/features/aiAssistant/gridAiAssistantInterfaces.js";
 type GridPromptProps = Prompt & {
   onRerun: () => void;
 };
-declare function GridPrompt(props: GridPromptProps): React.JSX.Element;
+declare function GridPrompt(props: GridPromptProps): import("react/jsx-runtime").JSX.Element;
 export { GridPrompt };

package/esm/components/promptField/GridPromptField.d.ts

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

package/esm/components/promptField/GridPromptField.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["ref"];
-import * as React from 'react';
 import { PromptField } from "./PromptField.js";
 import { PromptFieldControl } from "./PromptFieldControl.js";
 import { PromptFieldRecord } from "./PromptFieldRecord.js";

package/esm/components/resizablePanel/ResizablePanel.d.ts

@@ -6,5 +6,5 @@ export type ResizablePanelProps = React.HTMLAttributes<HTMLDivElement> & {
    */
   direction?: 'horizontal' | 'vertical';
 };
-declare function ResizablePanel(props: ResizablePanelProps): React.JSX.Element;
+declare function ResizablePanel(props: ResizablePanelProps): import("react/jsx-runtime").JSX.Element;
 export { ResizablePanel };

package/esm/components/resizablePanel/ResizablePanelHandle.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 export type ResizablePanelHandleProps = React.HTMLAttributes<HTMLDivElement>;
-declare function ResizablePanelHandle(props: ResizablePanelHandleProps): React.JSX.Element;
+declare function ResizablePanelHandle(props: ResizablePanelHandleProps): import("react/jsx-runtime").JSX.Element;
 export { ResizablePanelHandle };

package/esm/components/sidebar/Sidebar.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 export type SidebarProps = React.HTMLAttributes<HTMLDivElement>;
-declare function Sidebar(props: SidebarProps): React.JSX.Element | null;
+declare function Sidebar(props: SidebarProps): import("react/jsx-runtime").JSX.Element | null;
 export { Sidebar };

package/esm/components/sidebar/SidebarHeader.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 export type SidebarHeaderProps = React.HTMLAttributes<HTMLDivElement>;
-declare function SidebarHeader(props: SidebarHeaderProps): React.JSX.Element;
+declare function SidebarHeader(props: SidebarHeaderProps): import("react/jsx-runtime").JSX.Element;
 export { SidebarHeader };

package/esm/context/GridChartsIntegrationContextProvider.d.ts

@@ -4,4 +4,4 @@ export interface GridChartsIntegrationContextProviderProps {
 }
 export declare function GridChartsIntegrationContextProvider({
   children
-}: GridChartsIntegrationContextProviderProps): React.JSX.Element;
+}: GridChartsIntegrationContextProviderProps): import("react/jsx-runtime").JSX.Element;

package/esm/context/GridChartsRendererProxy.d.ts

@@ -27,7 +27,7 @@ export interface GridChartsRendererProxyProps {
    */
   onRender?: GridChartsRendererProxyRendererCallback;
 }
-declare function GridChartsRendererProxy(props: GridChartsRendererProxyProps): React.JSX.Element | null;
+declare function GridChartsRendererProxy(props: GridChartsRendererProxyProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace GridChartsRendererProxy {
   var propTypes: any;
 }

package/esm/hooks/features/aggregation/createAggregationLookup.js

@@ -36,6 +36,9 @@ const getGroupAggregatedValue = (groupId, apiRef, aggregationRowsScope, aggregat
       continue;
     }
     const row = rowLookup[rowId];
+    if (!row) {
+      continue;
+    }
     for (let j = 0; j < aggregatedFields.length; j += 1) {
       const aggregatedField = aggregatedFields[j];
       const columnAggregationRules = aggregationRules[aggregatedField];
@@ -51,9 +54,6 @@ const getGroupAggregatedValue = (groupId, apiRef, aggregationRowsScope, aggregat
         // Since we know that pivoted fields are flat, we can use the row directly, and save lots of processing time
         value = row[field];
       } else {
-        if (!row) {
-          continue;
-        }
         const valueGetter = valueGetters[aggregatedField];
         value = valueGetter(row);
       }

package/esm/hooks/features/aggregation/wrapColumnWithAggregation.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { RefObject } from '@mui/x-internals/types';
 import { GridColDef } from '@mui/x-data-grid-pro';
 import type { GridBaseColDef } from '@mui/x-data-grid-pro/internals';

package/esm/hooks/features/aggregation/wrapColumnWithAggregation.js

@@ -1,7 +1,6 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["aggregationWrappedProperties"];
-import * as React from 'react';
 import { gridRowNodeSelector } from '@mui/x-data-grid-pro';
 import { gridAggregationLookupSelector } from "./gridAggregationSelectors.js";
 import { GridFooterCell } from "../../../components/GridFooterCell.js";

package/esm/hooks/features/aiAssistant/useGridAiAssistant.js

@@ -74,10 +74,7 @@ export const useGridAiAssistant = (apiRef, props) => {
         length: Math.min(DEFAULT_SAMPLE_COUNT, rows.length)
       }).map(() => {
         const row = rows[Math.floor(Math.random() * rows.length)];
-        if (column.valueGetter) {
-          return column.valueGetter(row[column.field], row, column, apiRef);
-        }
-        return row[column.field];
+        return apiRef.current.getRowValue(row, column);
       });
     });
     return columnExamples;

package/esm/hooks/features/rowGrouping/createGroupingColDef.js

@@ -2,7 +2,6 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["leafField", "mainGroupingCriteria", "hideDescendantCount"],
   _excluded2 = ["leafField", "mainGroupingCriteria", "hideDescendantCount"];
-import * as React from 'react';
 import { GRID_STRING_COL_DEF, gridRowIdSelector, gridRowNodeSelector } from '@mui/x-data-grid-pro';
 import { isSingleSelectColDef, RowGroupingStrategy } from '@mui/x-data-grid-pro/internals';
 import { GridGroupingColumnFooterCell } from "../../../components/GridGroupingColumnFooterCell.js";

package/esm/hooks/features/rows/useGridParamsOverridableMethods.js

@@ -12,10 +12,20 @@ export const useGridParamsOverridableMethods = apiRef => {
     id: gridRowIdSelector(apiRef, row),
     field: colDef.field
   })?.value ?? communityMethods.getRowValue(row, colDef), [apiRef, communityMethods]);
-  const getRowFormattedValue = React.useCallback((row, colDef) => gridCellAggregationResultSelector(apiRef, {
-    id: gridRowIdSelector(apiRef, row),
-    field: colDef.field
-  })?.formattedValue ?? communityMethods.getRowFormattedValue(row, colDef), [apiRef, communityMethods]);
+  const getRowFormattedValue = React.useCallback((row, colDef) => {
+    const aggregationFormattedValue = gridCellAggregationResultSelector(apiRef, {
+      id: gridRowIdSelector(apiRef, row),
+      field: colDef.field
+    })?.formattedValue;
+    if (aggregationFormattedValue !== undefined) {
+      return aggregationFormattedValue;
+    }
+    const value = getRowValue(row, colDef);
+    if (!colDef || !colDef.valueFormatter) {
+      return value;
+    }
+    return colDef.valueFormatter(value, row, colDef, apiRef);
+  }, [apiRef, getRowValue]);
   return {
     getCellValue,
     getRowValue,

package/esm/hooks/utils/useGridApiRef.d.ts

@@ -1,4 +1,3 @@
 import { RefObject } from '@mui/x-internals/types';
-import { GridApiCommon } from '@mui/x-data-grid';
 import { GridApiPremium } from "../../models/gridApiPremium.js";
-export declare const useGridApiRef: <Api extends GridApiCommon = GridApiPremium>() => RefObject<Api | null>;
+export declare const useGridApiRef: () => RefObject<GridApiPremium | null>;

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-premium v8.16.0
+ * @mui/x-data-grid-premium v8.18.0
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/esm/material/icons.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 export declare const GridWorkspacesIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
 export declare const GridGroupWorkIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
 export declare const GridFunctionsIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;

package/esm/material/icons.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { createSvgIcon } from '@mui/x-data-grid/internals';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const GridWorkspacesIcon = createSvgIcon(/*#__PURE__*/_jsx("g", {

package/hooks/features/aggregation/createAggregationLookup.js

@@ -43,6 +43,9 @@ const getGroupAggregatedValue = (groupId, apiRef, aggregationRowsScope, aggregat
       continue;
     }
     const row = rowLookup[rowId];
+    if (!row) {
+      continue;
+    }
     for (let j = 0; j < aggregatedFields.length; j += 1) {
       const aggregatedField = aggregatedFields[j];
       const columnAggregationRules = aggregationRules[aggregatedField];
@@ -58,9 +61,6 @@ const getGroupAggregatedValue = (groupId, apiRef, aggregationRowsScope, aggregat
         // Since we know that pivoted fields are flat, we can use the row directly, and save lots of processing time
         value = row[field];
       } else {
-        if (!row) {
-          continue;
-        }
         const valueGetter = valueGetters[aggregatedField];
         value = valueGetter(row);
       }

package/hooks/features/aggregation/wrapColumnWithAggregation.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { RefObject } from '@mui/x-internals/types';
 import { GridColDef } from '@mui/x-data-grid-pro';
 import type { GridBaseColDef } from '@mui/x-data-grid-pro/internals';

package/hooks/features/aggregation/wrapColumnWithAggregation.js

@@ -1,14 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.wrapColumnWithAggregationValue = exports.unwrapColumnFromAggregation = void 0;
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
 var _xDataGridPro = require("@mui/x-data-grid-pro");
 var _gridAggregationSelectors = require("./gridAggregationSelectors");
 var _GridFooterCell = require("../../../components/GridFooterCell");

package/hooks/features/aiAssistant/useGridAiAssistant.js

@@ -82,10 +82,7 @@ const useGridAiAssistant = (apiRef, props) => {
         length: Math.min(DEFAULT_SAMPLE_COUNT, rows.length)
       }).map(() => {
         const row = rows[Math.floor(Math.random() * rows.length)];
-        if (column.valueGetter) {
-          return column.valueGetter(row[column.field], row, column, apiRef);
-        }
-        return row[column.field];
+        return apiRef.current.getRowValue(row, column);
       });
     });
     return columnExamples;

package/hooks/features/rowGrouping/createGroupingColDef.js

@@ -1,14 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createGroupingColDefForOneGroupingCriteria = exports.createGroupingColDefForAllGroupingCriteria = void 0;
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
 var _xDataGridPro = require("@mui/x-data-grid-pro");
 var _internals = require("@mui/x-data-grid-pro/internals");
 var _GridGroupingColumnFooterCell = require("../../../components/GridGroupingColumnFooterCell");

package/hooks/features/rows/useGridParamsOverridableMethods.js

@@ -19,10 +19,20 @@ const useGridParamsOverridableMethods = apiRef => {
     id: (0, _xDataGridPro.gridRowIdSelector)(apiRef, row),
     field: colDef.field
   })?.value ?? communityMethods.getRowValue(row, colDef), [apiRef, communityMethods]);
-  const getRowFormattedValue = React.useCallback((row, colDef) => (0, _gridAggregationSelectors.gridCellAggregationResultSelector)(apiRef, {
-    id: (0, _xDataGridPro.gridRowIdSelector)(apiRef, row),
-    field: colDef.field
-  })?.formattedValue ?? communityMethods.getRowFormattedValue(row, colDef), [apiRef, communityMethods]);
+  const getRowFormattedValue = React.useCallback((row, colDef) => {
+    const aggregationFormattedValue = (0, _gridAggregationSelectors.gridCellAggregationResultSelector)(apiRef, {
+      id: (0, _xDataGridPro.gridRowIdSelector)(apiRef, row),
+      field: colDef.field
+    })?.formattedValue;
+    if (aggregationFormattedValue !== undefined) {
+      return aggregationFormattedValue;
+    }
+    const value = getRowValue(row, colDef);
+    if (!colDef || !colDef.valueFormatter) {
+      return value;
+    }
+    return colDef.valueFormatter(value, row, colDef, apiRef);
+  }, [apiRef, getRowValue]);
   return {
     getCellValue,
     getRowValue,

package/hooks/utils/useGridApiRef.d.ts

@@ -1,4 +1,3 @@
 import { RefObject } from '@mui/x-internals/types';
-import { GridApiCommon } from '@mui/x-data-grid';
 import { GridApiPremium } from "../../models/gridApiPremium.js";
-export declare const useGridApiRef: <Api extends GridApiCommon = GridApiPremium>() => RefObject<Api | null>;
+export declare const useGridApiRef: () => RefObject<GridApiPremium | null>;

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-premium v8.16.0
+ * @mui/x-data-grid-premium v8.18.0
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/material/icons.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 export declare const GridWorkspacesIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
 export declare const GridGroupWorkIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
 export declare const GridFunctionsIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;

package/material/icons.js

@@ -1,11 +1,9 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GridWorkspacesIcon = exports.GridSyncIcon = exports.GridSyncDisabledIcon = exports.GridSendIcon = exports.GridRerunIcon = exports.GridPromptIcon = exports.GridPivotIcon = exports.GridMoveToTopIcon = exports.GridMoveToBottomIcon = exports.GridMicOffIcon = exports.GridMicIcon = exports.GridHistoryIcon = exports.GridGroupWorkIcon = exports.GridFunctionsIcon = exports.GridExpandLessIcon = exports.GridChartsIcon = exports.GridAssistantIcon = void 0;
-var React = _interopRequireWildcard(require("react"));
 var _internals = require("@mui/x-data-grid/internals");
 var _jsxRuntime = require("react/jsx-runtime");
 const GridWorkspacesIcon = exports.GridWorkspacesIcon = (0, _internals.createSvgIcon)(/*#__PURE__*/(0, _jsxRuntime.jsx)("g", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-premium",
-  "version": "8.16.0",
+  "version": "8.18.0",
   "author": "MUI Team",
   "description": "The Premium plan edition of the MUI X Data Grid Components.",
   "license": "SEE LICENSE IN LICENSE",
@@ -34,14 +34,14 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.28.4",
-    "@mui/utils": "^7.3.3",
-    "@mui/x-internal-exceljs-fork": "^4.4.1",
+    "@mui/utils": "^7.3.5",
+    "@mui/x-internal-exceljs-fork": "^4.4.3",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
-    "@mui/x-data-grid": "8.16.0",
-    "@mui/x-data-grid-pro": "8.16.0",
-    "@mui/x-license": "8.16.0",
-    "@mui/x-internals": "8.16.0"
+    "@mui/x-internals": "8.18.0",
+    "@mui/x-data-grid": "8.18.0",
+    "@mui/x-license": "8.18.0",
+    "@mui/x-data-grid-pro": "8.18.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",