@mui/x-charts-premium 9.0.1 → 9.0.3

package/typeOverloads/modules.d.ts

@@ -1,6 +1,6 @@
 import type { DefaultizedProps, MakeRequired } from '@mui/x-internals/types';
-import type { CommonHighlightScope, SeriesColor, SeriesId, ComputedXAxis, ComputedYAxis } from '@mui/x-charts/internals';
-import type { RangeBarValueType, RangeBarSeriesType, DefaultizedOHLCSeriesType, OHLCItemIdentifier, OHLCSeriesType, OHLCValueType } from "../models/index.js";
+import type { CommonHighlightScope, SeriesColor, SeriesId, ComputedXAxis, ComputedYAxis, PolarAxisDefaultized, ChartsRadiusAxisProps, ChartsRotationAxisProps } from '@mui/x-charts/internals';
+import type { RangeBarValueType, RangeBarSeriesType, DefaultizedOHLCSeriesType, OHLCItemIdentifier, OHLCSeriesType, OHLCValueType, RadialLineSeriesType, DefaultizedRadialLineSeriesType, RadialLineItemIdentifier, RadialBarSeriesType, DefaultizedRadialBarSeriesType, RadialBarItemIdentifier } from "../models/index.js";
 import type { DefaultizedRangeBarSeriesType, RangeBarItemIdentifier } from "../models/seriesType/rangeBar.js";
 import type { BarSeries } from "../BarChart/index.js";
 declare module '@mui/x-charts/internals' {
@@ -52,5 +52,51 @@ declare module '@mui/x-charts/internals' {
         dataIndex?: number;
       };
     };
+    radialLine: {
+      seriesInput: DefaultizedProps<RadialLineSeriesType, 'id'> & MakeRequired<SeriesColor<number | null>, 'color'>;
+      series: DefaultizedRadialLineSeriesType;
+      seriesLayout: {};
+      seriesProp: RadialLineSeriesType;
+      itemIdentifier: RadialLineItemIdentifier;
+      itemIdentifierWithData: RadialLineItemIdentifier;
+      valueType: number | null;
+      canBeStacked: true;
+      axisType: 'polar';
+      highlightScope: CommonHighlightScope;
+      descriptionGetterParams: {
+        identifier: RadialLineItemIdentifier;
+        rotationAxis: PolarAxisDefaultized<any, any, ChartsRotationAxisProps>;
+        radiusAxis: PolarAxisDefaultized<any, any, ChartsRadiusAxisProps>;
+        series: DefaultizedRadialLineSeriesType;
+      };
+      highlightIdentifier: {
+        type: 'radialLine';
+        seriesId: SeriesId;
+        dataIndex?: number;
+      };
+    };
+    radialBar: {
+      seriesInput: DefaultizedProps<RadialBarSeriesType, 'id'> & MakeRequired<SeriesColor<number | null>, 'color'>;
+      series: DefaultizedRadialBarSeriesType;
+      seriesLayout: {};
+      seriesProp: RadialBarSeriesType;
+      itemIdentifier: RadialBarItemIdentifier;
+      itemIdentifierWithData: RadialBarItemIdentifier;
+      valueType: number | null;
+      canBeStacked: true;
+      axisType: 'polar';
+      highlightScope: CommonHighlightScope;
+      descriptionGetterParams: {
+        identifier: RadialBarItemIdentifier;
+        rotationAxis: PolarAxisDefaultized<any, any, ChartsRotationAxisProps>;
+        radiusAxis: PolarAxisDefaultized<any, any, ChartsRadiusAxisProps>;
+        series: DefaultizedRadialBarSeriesType;
+      };
+      highlightIdentifier: {
+        type: 'radialBar';
+        seriesId: SeriesId;
+        dataIndex: number;
+      };
+    };
   }
 }

package/utils/webgl/useWebGLResizeObserver.d.mts

@@ -2,6 +2,7 @@
  * This hook calls the provided `onResize` callback whenever the WebGL canvas is resized.
  * It detects size changes when the element is resized, the browser zoom updates or the device pixel ratio changes.
  * These last two conditions aren't supported by Safari, so `onResize` won't be called in these cases on Safari.
- * @param onResize
+ * @param gl The WebGL2 rendering context whose canvas to observe.
+ * @param onResize Callback invoked after the canvas and viewport are updated.
  */
-export declare function useWebGLResizeObserver(onResize: () => void): void;
+export declare function useWebGLResizeObserver(gl: WebGL2RenderingContext | null, onResize: () => void): void;

package/utils/webgl/useWebGLResizeObserver.d.ts

@@ -2,6 +2,7 @@
  * This hook calls the provided `onResize` callback whenever the WebGL canvas is resized.
  * It detects size changes when the element is resized, the browser zoom updates or the device pixel ratio changes.
  * These last two conditions aren't supported by Safari, so `onResize` won't be called in these cases on Safari.
- * @param onResize
+ * @param gl The WebGL2 rendering context whose canvas to observe.
+ * @param onResize Callback invoked after the canvas and viewport are updated.
  */
-export declare function useWebGLResizeObserver(onResize: () => void): void;
+export declare function useWebGLResizeObserver(gl: WebGL2RenderingContext | null, onResize: () => void): void;

package/utils/webgl/useWebGLResizeObserver.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useWebGLResizeObserver = useWebGLResizeObserver;
 var React = _interopRequireWildcard(require("react"));
-var _ChartsWebGLLayer = require("../../ChartsWebGLLayer/ChartsWebGLLayer");
 function getDevicePixelContentBoxSize(entry) {
   // Safari does not support devicePixelContentBoxSize
   if (entry.devicePixelContentBoxSize) {
@@ -27,10 +26,10 @@ function getDevicePixelContentBoxSize(entry) {
  * This hook calls the provided `onResize` callback whenever the WebGL canvas is resized.
  * It detects size changes when the element is resized, the browser zoom updates or the device pixel ratio changes.
  * These last two conditions aren't supported by Safari, so `onResize` won't be called in these cases on Safari.
- * @param onResize
+ * @param gl The WebGL2 rendering context whose canvas to observe.
+ * @param onResize Callback invoked after the canvas and viewport are updated.
  */
-function useWebGLResizeObserver(onResize) {
-  const gl = (0, _ChartsWebGLLayer.useWebGLContext)();
+function useWebGLResizeObserver(gl, onResize) {
   React.useEffect(() => {
     const canvas = gl?.canvas;
     if (!(canvas instanceof HTMLCanvasElement)) {

package/utils/webgl/useWebGLResizeObserver.mjs

@@ -1,7 +1,6 @@
 'use client';
 
 import * as React from 'react';
-import { useWebGLContext } from "../../ChartsWebGLLayer/ChartsWebGLLayer.mjs";
 function getDevicePixelContentBoxSize(entry) {
   // Safari does not support devicePixelContentBoxSize
   if (entry.devicePixelContentBoxSize) {
@@ -21,10 +20,10 @@ function getDevicePixelContentBoxSize(entry) {
  * This hook calls the provided `onResize` callback whenever the WebGL canvas is resized.
  * It detects size changes when the element is resized, the browser zoom updates or the device pixel ratio changes.
  * These last two conditions aren't supported by Safari, so `onResize` won't be called in these cases on Safari.
- * @param onResize
+ * @param gl The WebGL2 rendering context whose canvas to observe.
+ * @param onResize Callback invoked after the canvas and viewport are updated.
  */
-export function useWebGLResizeObserver(onResize) {
-  const gl = useWebGLContext();
+export function useWebGLResizeObserver(gl, onResize) {
   React.useEffect(() => {
     const canvas = gl?.canvas;
     if (!(canvas instanceof HTMLCanvasElement)) {

package/HeatmapPremium/webgl/HeatmapWebGLRenderer.d.mts

@@ -1,4 +0,0 @@
-import { type HeatmapRendererPlotProps } from '@mui/x-charts-pro/internals';
-export declare function HeatmapWebGLRenderer({
-  borderRadius
-}: HeatmapRendererPlotProps): import("react/jsx-runtime").JSX.Element;

package/HeatmapPremium/webgl/HeatmapWebGLRenderer.d.ts

@@ -1,4 +0,0 @@
-import { type HeatmapRendererPlotProps } from '@mui/x-charts-pro/internals';
-export declare function HeatmapWebGLRenderer({
-  borderRadius
-}: HeatmapRendererPlotProps): import("react/jsx-runtime").JSX.Element;

package/HeatmapPremium/webgl/HeatmapWebGLRenderer.js

@@ -1,21 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.HeatmapWebGLRenderer = HeatmapWebGLRenderer;
-var React = _interopRequireWildcard(require("react"));
-var _HeatmapWebGLPlot = require("./HeatmapWebGLPlot");
-var _ChartsWebGLLayer = require("../../ChartsWebGLLayer");
-var _jsxRuntime = require("react/jsx-runtime");
-function HeatmapWebGLRenderer({
-  borderRadius
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsWebGLLayer.ChartsWebGLLayer, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_HeatmapWebGLPlot.HeatmapWebGLPlot, {
-      borderRadius: borderRadius
-    })
-  });
-}

package/HeatmapPremium/webgl/HeatmapWebGLRenderer.mjs

@@ -1,15 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { HeatmapWebGLPlot } from "./HeatmapWebGLPlot.mjs";
-import { ChartsWebGLLayer } from "../../ChartsWebGLLayer/index.mjs";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function HeatmapWebGLRenderer({
-  borderRadius
-}) {
-  return /*#__PURE__*/_jsx(ChartsWebGLLayer, {
-    children: /*#__PURE__*/_jsx(HeatmapWebGLPlot, {
-      borderRadius: borderRadius
-    })
-  });
-}