@mui/x-charts-pro 8.27.0 → 8.27.4

package/internals/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "defaultSeriesConfigPro", {
   enumerable: true,
   get: function () {
-    return _ChartDataProviderPro.defaultSeriesConfigPro;
+    return _ChartsDataProviderPro.defaultSeriesConfigPro;
   }
 });
 Object.defineProperty(exports, "defaultSlotsMaterial", {
@@ -27,7 +27,14 @@ Object.defineProperty(exports, "useChartContainerProProps", {
     return _useChartContainerProProps.useChartContainerProProps;
   }
 });
+Object.defineProperty(exports, "useChartsContainerProProps", {
+  enumerable: true,
+  get: function () {
+    return _useChartsContainerProProps.useChartsContainerProProps;
+  }
+});
+var _useChartsContainerProProps = require("../ChartsContainerPro/useChartsContainerProProps");
 var _useChartContainerProProps = require("../ChartContainerPro/useChartContainerProProps");
-var _seriesPreviewPlotMap = require("../ChartZoomSlider/internals/seriesPreviewPlotMap");
-var _ChartDataProviderPro = require("../ChartDataProviderPro/ChartDataProviderPro");
+var _seriesPreviewPlotMap = require("../ChartsZoomSlider/internals/seriesPreviewPlotMap");
+var _ChartsDataProviderPro = require("../ChartsDataProviderPro/ChartsDataProviderPro");
 var _material = require("./material");

package/internals/plugins/useChartProExport/exportImage.js

@@ -50,6 +50,10 @@ async function exportImage(element, svg, params) {
     (0, _common.applyStyles)(svg, previousStyles);
     exportDoc.body.replaceChildren(elementClone);
     exportDoc.body.style.margin = '0px';
+    /* Set display block through styles to ensure that CSS rules that target `body` don't accidentally target this
+     * iframe's body, which might cause the body to have no intrinsic width or height, leading to the canvas having a
+     * size of 0px, which causes the `toBlob` call to return null. */
+    exportDoc.body.style.display = 'block';
     /* The body's parent has a width of 0, so we use fit-content to ensure that the body adjusts its width to the width
      * of its children. */
     exportDoc.body.style.width = 'fit-content';
@@ -73,6 +77,10 @@ async function exportImage(element, svg, params) {
   canvas.height = exportDocBodySize.height * ratio;
   canvas.style.width = `${exportDocBodySize.width}px`;
   canvas.style.height = `${exportDocBodySize.height}px`;
+  if (canvas.width === 0 || canvas.height === 0) {
+    doc.body.removeChild(iframe);
+    throw new Error(`MUI X Charts: Cannot export an image with zero width or height. Width: ${canvas.width}px. Height: ${canvas.height}px.`);
+  }
   try {
     await drawDocument(iframe.contentDocument, canvas, {
       // Handle retina displays: https://github.com/cburgmer/rasterizeHTML.js/blob/262b3404d1c469ce4a7750a2976dec09b8ae2d6c/examples/retina.html#L71

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-charts-pro",
-  "version": "8.27.0",
+  "version": "8.27.4",
   "author": "MUI Team",
   "description": "The Pro plan edition of the MUI X Charts components.",
   "license": "SEE LICENSE IN LICENSE",
@@ -31,10 +31,10 @@
     "@mui/utils": "^7.3.5",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
+    "@mui/x-charts": "8.27.4",
     "@mui/x-charts-vendor": "8.26.0",
-    "@mui/x-internal-gestures": "0.4.0",
-    "@mui/x-charts": "8.27.0",
     "@mui/x-internals": "8.26.0",
+    "@mui/x-internal-gestures": "0.4.0",
     "@mui/x-license": "8.26.0"
   },
   "peerDependencies": {

package/ChartZoomSlider/ChartZoomSlider.d.ts

@@ -1,4 +0,0 @@
-/**
- * Renders the zoom slider for all x and y axes that have it enabled.
- */
-export declare function ChartZoomSlider(): import("react/jsx-runtime").JSX.Element;

package/ChartZoomSlider/internals/ChartAxisZoomSliderPreviewContent.d.ts

@@ -1,9 +0,0 @@
-import { type AxisId } from '@mui/x-charts/internals';
-export interface ChartAxisZoomSliderPreviewContentProps {
-  axisId: AxisId;
-  x: number;
-  y: number;
-  height: number;
-  width: number;
-}
-export declare function ChartAxisZoomSliderPreviewContent(props: ChartAxisZoomSliderPreviewContentProps): import("react/jsx-runtime").JSX.Element;

package/ChartZoomSlider/internals/ChartAxisZoomSliderThumb.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-export interface ChartZoomSliderThumbOwnerState {
-  onMove: (event: PointerEvent) => void;
-  orientation: 'horizontal' | 'vertical';
-  placement: 'start' | 'end';
-}
-export interface ChartZoomSliderThumbProps extends Omit<React.ComponentProps<'rect'>, 'orientation'>, ChartZoomSliderThumbOwnerState {}
-/**
- * Renders the zoom slider thumb, which is responsible for resizing the zoom range.
- * @internal
- */
-export declare const ChartAxisZoomSliderThumb: React.ForwardRefExoticComponent<Omit<ChartZoomSliderThumbProps, "ref"> & React.RefAttributes<SVGRectElement>>;

package/ChartZoomSlider/internals/chartAxisZoomSliderTrackClasses.d.ts

@@ -1,15 +0,0 @@
-import type { ChartAxisZoomSliderActiveTrackProps } from "./ChartAxisZoomSliderActiveTrack.js";
-export interface ChartAxisZoomSliderTrackClasses {
-  /** Styles applied to the root element when it is horizontal. */
-  horizontal: string;
-  /** Styles applied to the root element when it is vertical. */
-  vertical: string;
-  /** Styles applied to the root element to the active part of the track. */
-  active: string;
-  /** Styles applied to the root element to the background part of the track. */
-  background: string;
-}
-export type ChartAxisZoomSliderTrackClassKey = keyof ChartAxisZoomSliderTrackClasses;
-export declare const chartAxisZoomSliderTrackClasses: ChartAxisZoomSliderTrackClasses;
-export declare function getAxisZoomSliderTrackUtilityClass(slot: string): string;
-export declare const useUtilityClasses: (props: Partial<ChartAxisZoomSliderActiveTrackProps>) => Record<"background" | "active", string>;

package/esm/ChartZoomSlider/ChartZoomSlider.d.ts

@@ -1,4 +0,0 @@
-/**
- * Renders the zoom slider for all x and y axes that have it enabled.
- */
-export declare function ChartZoomSlider(): import("react/jsx-runtime").JSX.Element;

package/esm/ChartZoomSlider/internals/ChartAxisZoomSliderPreviewContent.d.ts

@@ -1,9 +0,0 @@
-import { type AxisId } from '@mui/x-charts/internals';
-export interface ChartAxisZoomSliderPreviewContentProps {
-  axisId: AxisId;
-  x: number;
-  y: number;
-  height: number;
-  width: number;
-}
-export declare function ChartAxisZoomSliderPreviewContent(props: ChartAxisZoomSliderPreviewContentProps): import("react/jsx-runtime").JSX.Element;

package/esm/ChartZoomSlider/internals/ChartAxisZoomSliderThumb.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-export interface ChartZoomSliderThumbOwnerState {
-  onMove: (event: PointerEvent) => void;
-  orientation: 'horizontal' | 'vertical';
-  placement: 'start' | 'end';
-}
-export interface ChartZoomSliderThumbProps extends Omit<React.ComponentProps<'rect'>, 'orientation'>, ChartZoomSliderThumbOwnerState {}
-/**
- * Renders the zoom slider thumb, which is responsible for resizing the zoom range.
- * @internal
- */
-export declare const ChartAxisZoomSliderThumb: React.ForwardRefExoticComponent<Omit<ChartZoomSliderThumbProps, "ref"> & React.RefAttributes<SVGRectElement>>;

package/esm/ChartZoomSlider/internals/chartAxisZoomSliderTrackClasses.d.ts

@@ -1,15 +0,0 @@
-import type { ChartAxisZoomSliderActiveTrackProps } from "./ChartAxisZoomSliderActiveTrack.js";
-export interface ChartAxisZoomSliderTrackClasses {
-  /** Styles applied to the root element when it is horizontal. */
-  horizontal: string;
-  /** Styles applied to the root element when it is vertical. */
-  vertical: string;
-  /** Styles applied to the root element to the active part of the track. */
-  active: string;
-  /** Styles applied to the root element to the background part of the track. */
-  background: string;
-}
-export type ChartAxisZoomSliderTrackClassKey = keyof ChartAxisZoomSliderTrackClasses;
-export declare const chartAxisZoomSliderTrackClasses: ChartAxisZoomSliderTrackClasses;
-export declare function getAxisZoomSliderTrackUtilityClass(slot: string): string;
-export declare const useUtilityClasses: (props: Partial<ChartAxisZoomSliderActiveTrackProps>) => Record<"background" | "active", string>;