@mui/x-charts-premium 9.7.0 → 9.9.0

package/RadialLineChart/RadialLineHighlightPlot.d.mts

@@ -20,7 +20,7 @@ export interface RadialLineHighlightPlotProps extends React.SVGAttributes<SVGGEl
    */
   slotProps?: RadialLineHighlightPlotSlotProps;
 }
-declare function RadialLineHighlightPlot(props: RadialLineHighlightPlotProps): import("react/jsx-runtime").JSX.Element | null;
+declare function RadialLineHighlightPlot(props: RadialLineHighlightPlotProps): React.JSX.Element | null;
 declare namespace RadialLineHighlightPlot {
   var propTypes: any;
 }

package/RadialLineChart/RadialLineHighlightPlot.d.ts

@@ -20,7 +20,7 @@ export interface RadialLineHighlightPlotProps extends React.SVGAttributes<SVGGEl
    */
   slotProps?: RadialLineHighlightPlotSlotProps;
 }
-declare function RadialLineHighlightPlot(props: RadialLineHighlightPlotProps): import("react/jsx-runtime").JSX.Element | null;
+declare function RadialLineHighlightPlot(props: RadialLineHighlightPlotProps): React.JSX.Element | null;
 declare namespace RadialLineHighlightPlot {
   var propTypes: any;
 }

package/RadialLineChart/RadialLinePlot.d.mts

@@ -2,7 +2,7 @@ import type { RadialLineClasses } from "./radialLineClasses.mjs";
 export interface RadialLinePlotProps {
   classes?: Partial<Pick<RadialLineClasses, 'line' | 'linePlot'>>;
 }
-declare function RadialLinePlot(props: RadialLinePlotProps): import("react/jsx-runtime").JSX.Element;
+declare function RadialLinePlot(props: RadialLinePlotProps): import("react").JSX.Element;
 declare namespace RadialLinePlot {
   var propTypes: any;
 }

package/RadialLineChart/RadialLinePlot.d.ts

@@ -2,7 +2,7 @@ import type { RadialLineClasses } from "./radialLineClasses.js";
 export interface RadialLinePlotProps {
   classes?: Partial<Pick<RadialLineClasses, 'line' | 'linePlot'>>;
 }
-declare function RadialLinePlot(props: RadialLinePlotProps): import("react/jsx-runtime").JSX.Element;
+declare function RadialLinePlot(props: RadialLinePlotProps): import("react").JSX.Element;
 declare namespace RadialLinePlot {
   var propTypes: any;
 }

package/RadialLineChart/RadialMarkPlot.d.mts

@@ -2,7 +2,7 @@ import type { RadialLineClasses } from "./radialLineClasses.mjs";
 export interface RadialMarkPlotProps {
   classes?: Partial<Pick<RadialLineClasses, 'mark' | 'markPlot'>>;
 }
-declare function RadialMarkPlot(props: RadialMarkPlotProps): import("react/jsx-runtime").JSX.Element;
+declare function RadialMarkPlot(props: RadialMarkPlotProps): import("react").JSX.Element;
 declare namespace RadialMarkPlot {
   var propTypes: any;
 }

package/RadialLineChart/RadialMarkPlot.d.ts

@@ -2,7 +2,7 @@ import type { RadialLineClasses } from "./radialLineClasses.js";
 export interface RadialMarkPlotProps {
   classes?: Partial<Pick<RadialLineClasses, 'mark' | 'markPlot'>>;
 }
-declare function RadialMarkPlot(props: RadialMarkPlotProps): import("react/jsx-runtime").JSX.Element;
+declare function RadialMarkPlot(props: RadialMarkPlotProps): import("react").JSX.Element;
 declare namespace RadialMarkPlot {
   var propTypes: any;
 }

package/RadialLineChart/seriesConfig/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.radialLineSeriesConfig = void 0;
 var _internals = require("@mui/x-charts/internals");
 var _legend = _interopRequireDefault(require("./legend"));
-var _tooltipPosition = _interopRequireDefault(require("./tooltipPosition"));
+var _tooltipPosition = require("./tooltipPosition");
 var _keyboardFocusHandler = _interopRequireDefault(require("./keyboardFocusHandler"));
 var _axisTooltipGetter = require("./axisTooltipGetter");
 var _getColor = _interopRequireDefault(require("./getColor"));
@@ -23,7 +23,7 @@ const radialLineSeriesConfig = exports.radialLineSeriesConfig = {
   seriesProcessor: _seriesProcessor.default,
   legendGetter: _legend.default,
   tooltipGetter: _tooltip.default,
-  tooltipItemPositionGetter: _tooltipPosition.default,
+  selectorTooltipItemPosition: _tooltipPosition.selectorTooltipItemPosition,
   axisTooltipGetter: _axisTooltipGetter.axisTooltipGetter,
   rotationExtremumGetter: _extremums.rotationExtremumGetter,
   radiusExtremumGetter: _extremums.radiusExtremumGetter,

package/RadialLineChart/seriesConfig/index.mjs

@@ -1,6 +1,6 @@
 import { identifierSerializerSeriesIdDataIndex, identifierCleanerSeriesIdDataIndex, createIsHighlighted, createIsFaded, polarSeriesTypes } from '@mui/x-charts/internals';
 import legendGetter from "./legend.mjs";
-import tooltipItemPositionGetter from "./tooltipPosition.mjs";
+import { selectorTooltipItemPosition } from "./tooltipPosition.mjs";
 import keyboardFocusHandler from "./keyboardFocusHandler.mjs";
 import { axisTooltipGetter } from "./axisTooltipGetter.mjs";
 import colorProcessor from "./getColor.mjs";
@@ -16,7 +16,7 @@ export const radialLineSeriesConfig = {
   seriesProcessor,
   legendGetter,
   tooltipGetter,
-  tooltipItemPositionGetter,
+  selectorTooltipItemPosition,
   axisTooltipGetter,
   rotationExtremumGetter,
   radiusExtremumGetter,

package/RadialLineChart/seriesConfig/tooltipPosition.d.mts

@@ -1,3 +1,2 @@
-import type { TooltipItemPositionGetter } from '@mui/x-charts/internals';
-declare const tooltipItemPositionGetter: TooltipItemPositionGetter<'radialLine'>;
-export default tooltipItemPositionGetter;
+import type { TooltipItemPositionSelector } from '@mui/x-charts/internals';
+export declare const selectorTooltipItemPosition: TooltipItemPositionSelector<'radialLine'>;

package/RadialLineChart/seriesConfig/tooltipPosition.d.ts

@@ -1,3 +1,2 @@
-import type { TooltipItemPositionGetter } from '@mui/x-charts/internals';
-declare const tooltipItemPositionGetter: TooltipItemPositionGetter<'radialLine'>;
-export default tooltipItemPositionGetter;
+import type { TooltipItemPositionSelector } from '@mui/x-charts/internals';
+export declare const selectorTooltipItemPosition: TooltipItemPositionSelector<'radialLine'>;

package/RadialLineChart/seriesConfig/tooltipPosition.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-const tooltipItemPositionGetter = () => {
-  // Todo: to implement
-  return null;
-};
-var _default = exports.default = tooltipItemPositionGetter;
+exports.selectorTooltipItemPosition = void 0;
+// Todo: to implement
+const selectorTooltipItemPosition = () => null;
+exports.selectorTooltipItemPosition = selectorTooltipItemPosition;

package/RadialLineChart/seriesConfig/tooltipPosition.mjs

@@ -1,5 +1,2 @@
-const tooltipItemPositionGetter = () => {
-  // Todo: to implement
-  return null;
-};
-export default tooltipItemPositionGetter;
+// Todo: to implement
+export const selectorTooltipItemPosition = () => null;

package/ScatterChartPremium/ScatterPlotPremium.d.mts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { RendererType, ScatterPlotProps, ScatterPlotSlots, ScatterPlotSlotProps } from '@mui/x-charts/ScatterChart';
 export interface ScatterPlotPremiumSlots extends ScatterPlotSlots {}
 export interface ScatterPlotPremiumSlotProps extends ScatterPlotSlotProps {}
@@ -23,7 +24,7 @@ export interface ScatterPlotPremiumProps extends Omit<ScatterPlotProps, 'rendere
 declare function ScatterPlotPremium({
   renderer,
   ...props
-}: ScatterPlotPremiumProps): import("react/jsx-runtime").JSX.Element;
+}: ScatterPlotPremiumProps): React.JSX.Element;
 declare namespace ScatterPlotPremium {
   var propTypes: any;
 }

package/ScatterChartPremium/ScatterPlotPremium.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { RendererType, ScatterPlotProps, ScatterPlotSlots, ScatterPlotSlotProps } from '@mui/x-charts/ScatterChart';
 export interface ScatterPlotPremiumSlots extends ScatterPlotSlots {}
 export interface ScatterPlotPremiumSlotProps extends ScatterPlotSlotProps {}
@@ -23,7 +24,7 @@ export interface ScatterPlotPremiumProps extends Omit<ScatterPlotProps, 'rendere
 declare function ScatterPlotPremium({
   renderer,
   ...props
-}: ScatterPlotPremiumProps): import("react/jsx-runtime").JSX.Element;
+}: ScatterPlotPremiumProps): React.JSX.Element;
 declare namespace ScatterPlotPremium {
   var propTypes: any;
 }

package/ScatterChartPremium/webgl/ScatterWebGLPlot.d.mts

@@ -1,4 +1,5 @@
+import * as React from 'react';
 /**
  * @ignore - Internal component used for rendering the scatter plot using WebGL. Not exported from the package.
  */
-export declare function ScatterWebGLPlot(): import("react/jsx-runtime").JSX.Element | null;
+export declare function ScatterWebGLPlot(): React.JSX.Element | null;

package/ScatterChartPremium/webgl/ScatterWebGLPlot.d.ts

@@ -1,4 +1,5 @@
+import * as React from 'react';
 /**
  * @ignore - Internal component used for rendering the scatter plot using WebGL. Not exported from the package.
  */
-export declare function ScatterWebGLPlot(): import("react/jsx-runtime").JSX.Element | null;
+export declare function ScatterWebGLPlot(): React.JSX.Element | null;

package/ScatterChartPremium/webgl/ScatterWebGLProgram.d.mts

@@ -13,6 +13,4 @@ export declare class ScatterWebGLProgram {
   plot(plotData: ScatterWebGLPlotData): void;
   render(plotData: ScatterWebGLPlotData): void;
   dispose(): void;
-  private setupInstancedAttribute;
-  private uploadBuffer;
 }

package/ScatterChartPremium/webgl/ScatterWebGLProgram.d.ts

@@ -13,6 +13,4 @@ export declare class ScatterWebGLProgram {
   plot(plotData: ScatterWebGLPlotData): void;
   render(plotData: ScatterWebGLPlotData): void;
   dispose(): void;
-  private setupInstancedAttribute;
-  private uploadBuffer;
 }

package/ScatterChartPremium/webgl/ScatterWebGLProgram.js

@@ -5,32 +5,26 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ScatterWebGLProgram = void 0;
 var _utils = require("../../utils/webgl/utils");
+var _instancedAttribute = require("../../utils/webgl/instancedAttribute");
 var _shaders = require("./shaders");
-const QUAD_VERTICES = new Float32Array([-1, -1, 1, -1, -1, 1, 1, 1]);
 class ScatterWebGLProgram {
   shaders = [];
+
+  /* Colors come in as Uint8 [0, 255]; normalized=true makes the GPU read them back as vec4 in [0, 1]. */
+
   constructor(gl) {
     this.gl = gl;
-    gl.enable(gl.BLEND);
-    gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA);
-    this.quadBuffer = gl.createBuffer();
-    gl.bindBuffer(gl.ARRAY_BUFFER, this.quadBuffer);
-    gl.bufferData(gl.ARRAY_BUFFER, QUAD_VERTICES, gl.STATIC_DRAW);
-    const prog = initializeProgram(gl, _shaders.scatterVertexShader, _shaders.scatterFragmentShader);
-    this.program = prog.program;
-    this.shaders.push(prog.vertexShader, prog.fragmentShader);
+    (0, _utils.setupStandardBlending)(gl);
+    const linked = (0, _utils.linkProgram)(gl, _shaders.scatterVertexShader, _shaders.scatterFragmentShader);
+    this.program = linked.program;
+    this.shaders.push(...linked.shaders);
+    this.quadBuffer = (0, _utils.uploadQuadBuffer)(gl);
     this.vao = gl.createVertexArray();
     gl.bindVertexArray(this.vao);
-
-    // a_position references the shared quad; bind it once while the VAO is active.
-    gl.bindBuffer(gl.ARRAY_BUFFER, this.quadBuffer);
-    const aPosition = gl.getAttribLocation(this.program, 'a_position');
-    gl.enableVertexAttribArray(aPosition);
-    gl.vertexAttribPointer(aPosition, 2, gl.FLOAT, false, 0, 0);
-    this.centers = this.setupInstancedAttribute('a_center', 2, gl.FLOAT, false);
-    this.sizes = this.setupInstancedAttribute('a_size', 1, gl.FLOAT, false);
-    // Colors come in as Uint8 [0, 255]; normalized=true makes the GPU read them back as vec4 in [0, 1].
-    this.colors = this.setupInstancedAttribute('a_color', 4, gl.UNSIGNED_BYTE, true);
+    (0, _utils.bindQuadBuffer)(gl, this.program, this.quadBuffer);
+    this.centers = (0, _instancedAttribute.createInstancedAttribute)(gl, this.program, 'a_center', 2);
+    this.sizes = (0, _instancedAttribute.createInstancedAttribute)(gl, this.program, 'a_size', 1);
+    this.colors = (0, _instancedAttribute.createInstancedAttribute)(gl, this.program, 'a_color', 4, gl.UNSIGNED_BYTE, true);
     gl.bindVertexArray(null);
   }
   setResolution(width, height) {
@@ -41,9 +35,12 @@ class ScatterWebGLProgram {
     gl.uniform2f(gl.getUniformLocation(this.program, 'u_resolution'), width, height);
   }
   plot(plotData) {
-    this.uploadBuffer(this.centers, plotData.centers);
-    this.uploadBuffer(this.sizes, plotData.sizes);
-    this.uploadBuffer(this.colors, plotData.colors);
+    const {
+      gl
+    } = this;
+    (0, _utils.uploadGrowableBuffer)(gl, this.centers.buffer, plotData.centers);
+    (0, _utils.uploadGrowableBuffer)(gl, this.sizes.buffer, plotData.sizes);
+    (0, _utils.uploadGrowableBuffer)(gl, this.colors.buffer, plotData.colors);
   }
   render(plotData) {
     if (plotData.pointCount === 0) {
@@ -64,66 +61,11 @@ class ScatterWebGLProgram {
     } = this;
     gl.deleteProgram(this.program);
     gl.deleteVertexArray(this.vao);
-    gl.deleteBuffer(this.centers.buffer);
-    gl.deleteBuffer(this.sizes.buffer);
-    gl.deleteBuffer(this.colors.buffer);
+    gl.deleteBuffer(this.centers.buffer.buffer);
+    gl.deleteBuffer(this.sizes.buffer.buffer);
+    gl.deleteBuffer(this.colors.buffer.buffer);
     gl.deleteBuffer(this.quadBuffer);
     this.shaders.forEach(shader => gl.deleteShader(shader));
   }
-
-  // Assumes the owning VAO (Vertex Array Object) is already bound.
-  setupInstancedAttribute(name, size, glType, normalized) {
-    const {
-      gl,
-      program
-    } = this;
-    const buffer = gl.createBuffer();
-    gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
-    const location = gl.getAttribLocation(program, name);
-    gl.enableVertexAttribArray(location);
-    gl.vertexAttribPointer(location, size, glType, normalized, 0, 0);
-    gl.vertexAttribDivisor(location, 1);
-    return {
-      buffer,
-      size,
-      glType,
-      capacityBytes: 0,
-      lastUploaded: null
-    };
-  }
-  uploadBuffer(target, data) {
-    if (target.lastUploaded === data) {
-      return;
-    }
-    const {
-      gl
-    } = this;
-    gl.bindBuffer(gl.ARRAY_BUFFER, target.buffer);
-    if (data.byteLength <= target.capacityBytes) {
-      gl.bufferSubData(gl.ARRAY_BUFFER, 0, data);
-    } else {
-      gl.bufferData(gl.ARRAY_BUFFER, data, gl.DYNAMIC_DRAW);
-      target.capacityBytes = data.byteLength;
-    }
-    target.lastUploaded = data;
-  }
 }
-exports.ScatterWebGLProgram = ScatterWebGLProgram;
-function initializeProgram(gl, vertexShaderSource, fragmentShaderSource) {
-  const program = gl.createProgram();
-  const vertexShader = (0, _utils.compileShader)(gl, vertexShaderSource, gl.VERTEX_SHADER);
-  const fragmentShader = (0, _utils.compileShader)(gl, fragmentShaderSource, gl.FRAGMENT_SHADER);
-  gl.attachShader(program, vertexShader);
-  gl.attachShader(program, fragmentShader);
-  gl.linkProgram(program);
-  if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
-    console.error(`Program linking failed: ${gl.getProgramInfoLog(program)}`);
-    console.error(`Vertex shader info-log: ${gl.getShaderInfoLog(vertexShader)}`);
-    console.error(`Fragment shader info-log: ${gl.getShaderInfoLog(fragmentShader)}`);
-  }
-  return {
-    program,
-    vertexShader,
-    fragmentShader
-  };
-}
+exports.ScatterWebGLProgram = ScatterWebGLProgram;

package/ScatterChartPremium/webgl/ScatterWebGLProgram.mjs

@@ -1,30 +1,24 @@
-import { compileShader, logWebGLErrors } from "../../utils/webgl/utils.mjs";
+import { bindQuadBuffer, linkProgram, logWebGLErrors, setupStandardBlending, uploadGrowableBuffer, uploadQuadBuffer } from "../../utils/webgl/utils.mjs";
+import { createInstancedAttribute } from "../../utils/webgl/instancedAttribute.mjs";
 import { scatterVertexShader, scatterFragmentShader } from "./shaders.mjs";
-const QUAD_VERTICES = new Float32Array([-1, -1, 1, -1, -1, 1, 1, 1]);
 export class ScatterWebGLProgram {
   shaders = [];
+
+  /* Colors come in as Uint8 [0, 255]; normalized=true makes the GPU read them back as vec4 in [0, 1]. */
+
   constructor(gl) {
     this.gl = gl;
-    gl.enable(gl.BLEND);
-    gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA);
-    this.quadBuffer = gl.createBuffer();
-    gl.bindBuffer(gl.ARRAY_BUFFER, this.quadBuffer);
-    gl.bufferData(gl.ARRAY_BUFFER, QUAD_VERTICES, gl.STATIC_DRAW);
-    const prog = initializeProgram(gl, scatterVertexShader, scatterFragmentShader);
-    this.program = prog.program;
-    this.shaders.push(prog.vertexShader, prog.fragmentShader);
+    setupStandardBlending(gl);
+    const linked = linkProgram(gl, scatterVertexShader, scatterFragmentShader);
+    this.program = linked.program;
+    this.shaders.push(...linked.shaders);
+    this.quadBuffer = uploadQuadBuffer(gl);
     this.vao = gl.createVertexArray();
     gl.bindVertexArray(this.vao);
-
-    // a_position references the shared quad; bind it once while the VAO is active.
-    gl.bindBuffer(gl.ARRAY_BUFFER, this.quadBuffer);
-    const aPosition = gl.getAttribLocation(this.program, 'a_position');
-    gl.enableVertexAttribArray(aPosition);
-    gl.vertexAttribPointer(aPosition, 2, gl.FLOAT, false, 0, 0);
-    this.centers = this.setupInstancedAttribute('a_center', 2, gl.FLOAT, false);
-    this.sizes = this.setupInstancedAttribute('a_size', 1, gl.FLOAT, false);
-    // Colors come in as Uint8 [0, 255]; normalized=true makes the GPU read them back as vec4 in [0, 1].
-    this.colors = this.setupInstancedAttribute('a_color', 4, gl.UNSIGNED_BYTE, true);
+    bindQuadBuffer(gl, this.program, this.quadBuffer);
+    this.centers = createInstancedAttribute(gl, this.program, 'a_center', 2);
+    this.sizes = createInstancedAttribute(gl, this.program, 'a_size', 1);
+    this.colors = createInstancedAttribute(gl, this.program, 'a_color', 4, gl.UNSIGNED_BYTE, true);
     gl.bindVertexArray(null);
   }
   setResolution(width, height) {
@@ -35,9 +29,12 @@ export class ScatterWebGLProgram {
     gl.uniform2f(gl.getUniformLocation(this.program, 'u_resolution'), width, height);
   }
   plot(plotData) {
-    this.uploadBuffer(this.centers, plotData.centers);
-    this.uploadBuffer(this.sizes, plotData.sizes);
-    this.uploadBuffer(this.colors, plotData.colors);
+    const {
+      gl
+    } = this;
+    uploadGrowableBuffer(gl, this.centers.buffer, plotData.centers);
+    uploadGrowableBuffer(gl, this.sizes.buffer, plotData.sizes);
+    uploadGrowableBuffer(gl, this.colors.buffer, plotData.colors);
   }
   render(plotData) {
     if (plotData.pointCount === 0) {
@@ -58,65 +55,10 @@ export class ScatterWebGLProgram {
     } = this;
     gl.deleteProgram(this.program);
     gl.deleteVertexArray(this.vao);
-    gl.deleteBuffer(this.centers.buffer);
-    gl.deleteBuffer(this.sizes.buffer);
-    gl.deleteBuffer(this.colors.buffer);
+    gl.deleteBuffer(this.centers.buffer.buffer);
+    gl.deleteBuffer(this.sizes.buffer.buffer);
+    gl.deleteBuffer(this.colors.buffer.buffer);
     gl.deleteBuffer(this.quadBuffer);
     this.shaders.forEach(shader => gl.deleteShader(shader));
   }
-
-  // Assumes the owning VAO (Vertex Array Object) is already bound.
-  setupInstancedAttribute(name, size, glType, normalized) {
-    const {
-      gl,
-      program
-    } = this;
-    const buffer = gl.createBuffer();
-    gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
-    const location = gl.getAttribLocation(program, name);
-    gl.enableVertexAttribArray(location);
-    gl.vertexAttribPointer(location, size, glType, normalized, 0, 0);
-    gl.vertexAttribDivisor(location, 1);
-    return {
-      buffer,
-      size,
-      glType,
-      capacityBytes: 0,
-      lastUploaded: null
-    };
-  }
-  uploadBuffer(target, data) {
-    if (target.lastUploaded === data) {
-      return;
-    }
-    const {
-      gl
-    } = this;
-    gl.bindBuffer(gl.ARRAY_BUFFER, target.buffer);
-    if (data.byteLength <= target.capacityBytes) {
-      gl.bufferSubData(gl.ARRAY_BUFFER, 0, data);
-    } else {
-      gl.bufferData(gl.ARRAY_BUFFER, data, gl.DYNAMIC_DRAW);
-      target.capacityBytes = data.byteLength;
-    }
-    target.lastUploaded = data;
-  }
-}
-function initializeProgram(gl, vertexShaderSource, fragmentShaderSource) {
-  const program = gl.createProgram();
-  const vertexShader = compileShader(gl, vertexShaderSource, gl.VERTEX_SHADER);
-  const fragmentShader = compileShader(gl, fragmentShaderSource, gl.FRAGMENT_SHADER);
-  gl.attachShader(program, vertexShader);
-  gl.attachShader(program, fragmentShader);
-  gl.linkProgram(program);
-  if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
-    console.error(`Program linking failed: ${gl.getProgramInfoLog(program)}`);
-    console.error(`Vertex shader info-log: ${gl.getShaderInfoLog(vertexShader)}`);
-    console.error(`Fragment shader info-log: ${gl.getShaderInfoLog(fragmentShader)}`);
-  }
-  return {
-    program,
-    vertexShader,
-    fragmentShader
-  };
 }

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts-premium v9.7.0
+ * @mui/x-charts-premium v9.9.0
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts-premium v9.7.0
+ * @mui/x-charts-premium v9.9.0
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/internals/createGetVisibleCoordinate.d.mts

@@ -0,0 +1,14 @@
+import type { GeoProjection } from '@mui/x-charts-vendor/d3-geo';
+/**
+ * Builds a test that maps a device pixel to its `[lon, lat]`, or `null` when the
+ * pixel is not part of the visible map. It combines two clips that `projection.invert`
+ * alone misses:
+ *
+ * - the **post-clip** (cartesian) stream rejects device pixels outside the clip
+ *   rectangle — relevant once the map is panned/zoomed with a `clipExtent`;
+ * - streaming the inverted coordinate **back** through the projection applies the
+ *   pre-clip (spherical) boundary and checks the round trip: azimuthal projections
+ *   clamp `invert` outside the visible disk to the limb, and those clamped points do
+ *   not project back to the pixel they came from.
+ */
+export declare function createGetVisibleCoordinate(projection: GeoProjection): ([deviceX, deviceY]: [number, number]) => [number, number] | null;

package/internals/createGetVisibleCoordinate.d.ts

@@ -0,0 +1,14 @@
+import type { GeoProjection } from '@mui/x-charts-vendor/d3-geo';
+/**
+ * Builds a test that maps a device pixel to its `[lon, lat]`, or `null` when the
+ * pixel is not part of the visible map. It combines two clips that `projection.invert`
+ * alone misses:
+ *
+ * - the **post-clip** (cartesian) stream rejects device pixels outside the clip
+ *   rectangle — relevant once the map is panned/zoomed with a `clipExtent`;
+ * - streaming the inverted coordinate **back** through the projection applies the
+ *   pre-clip (spherical) boundary and checks the round trip: azimuthal projections
+ *   clamp `invert` outside the visible disk to the limb, and those clamped points do
+ *   not project back to the pixel they came from.
+ */
+export declare function createGetVisibleCoordinate(projection: GeoProjection): ([deviceX, deviceY]: [number, number]) => [number, number] | null;

package/internals/createGetVisibleCoordinate.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createGetVisibleCoordinate = createGetVisibleCoordinate;
+// A `GeoStream` sink that only records whether a point passed through (and where),
+// so a projection/clip pipeline can be probed one point at a time.
+
+function createPointSink() {
+  const sink = {
+    hit: false,
+    x: 0,
+    y: 0,
+    point(x, y) {
+      sink.hit = true;
+      sink.x = x;
+      sink.y = y;
+    },
+    lineStart() {},
+    lineEnd() {},
+    polygonStart() {},
+    polygonEnd() {}
+  };
+  return sink;
+}
+
+/**
+ * Builds a test that maps a device pixel to its `[lon, lat]`, or `null` when the
+ * pixel is not part of the visible map. It combines two clips that `projection.invert`
+ * alone misses:
+ *
+ * - the **post-clip** (cartesian) stream rejects device pixels outside the clip
+ *   rectangle — relevant once the map is panned/zoomed with a `clipExtent`;
+ * - streaming the inverted coordinate **back** through the projection applies the
+ *   pre-clip (spherical) boundary and checks the round trip: azimuthal projections
+ *   clamp `invert` outside the visible disk to the limb, and those clamped points do
+ *   not project back to the pixel they came from.
+ */
+function createGetVisibleCoordinate(projection) {
+  const invert = projection.invert;
+  const forwardSink = createPointSink();
+  const forwardStream = projection.stream(forwardSink);
+  const postClip = projection.postclip?.();
+  const clipSink = createPointSink();
+  const clipStream = postClip?.(clipSink);
+  return ([deviceX, deviceY]) => {
+    if (clipStream) {
+      clipSink.hit = false;
+      clipStream.point(deviceX, deviceY);
+      if (!clipSink.hit) {
+        return null;
+      }
+    }
+    const coordinates = invert([deviceX, deviceY]);
+    if (!coordinates) {
+      return null;
+    }
+    forwardSink.hit = false;
+    forwardStream.point(coordinates[0], coordinates[1]);
+    if (!forwardSink.hit || Math.abs(forwardSink.x - deviceX) > 0.5 || Math.abs(forwardSink.y - deviceY) > 0.5) {
+      return null;
+    }
+    return coordinates;
+  };
+}

package/internals/createGetVisibleCoordinate.mjs

@@ -0,0 +1,60 @@
+// A `GeoStream` sink that only records whether a point passed through (and where),
+// so a projection/clip pipeline can be probed one point at a time.
+
+function createPointSink() {
+  const sink = {
+    hit: false,
+    x: 0,
+    y: 0,
+    point(x, y) {
+      sink.hit = true;
+      sink.x = x;
+      sink.y = y;
+    },
+    lineStart() {},
+    lineEnd() {},
+    polygonStart() {},
+    polygonEnd() {}
+  };
+  return sink;
+}
+
+/**
+ * Builds a test that maps a device pixel to its `[lon, lat]`, or `null` when the
+ * pixel is not part of the visible map. It combines two clips that `projection.invert`
+ * alone misses:
+ *
+ * - the **post-clip** (cartesian) stream rejects device pixels outside the clip
+ *   rectangle — relevant once the map is panned/zoomed with a `clipExtent`;
+ * - streaming the inverted coordinate **back** through the projection applies the
+ *   pre-clip (spherical) boundary and checks the round trip: azimuthal projections
+ *   clamp `invert` outside the visible disk to the limb, and those clamped points do
+ *   not project back to the pixel they came from.
+ */
+export function createGetVisibleCoordinate(projection) {
+  const invert = projection.invert;
+  const forwardSink = createPointSink();
+  const forwardStream = projection.stream(forwardSink);
+  const postClip = projection.postclip?.();
+  const clipSink = createPointSink();
+  const clipStream = postClip?.(clipSink);
+  return ([deviceX, deviceY]) => {
+    if (clipStream) {
+      clipSink.hit = false;
+      clipStream.point(deviceX, deviceY);
+      if (!clipSink.hit) {
+        return null;
+      }
+    }
+    const coordinates = invert([deviceX, deviceY]);
+    if (!coordinates) {
+      return null;
+    }
+    forwardSink.hit = false;
+    forwardStream.point(coordinates[0], coordinates[1]);
+    if (!forwardSink.hit || Math.abs(forwardSink.x - deviceX) > 0.5 || Math.abs(forwardSink.y - deviceY) > 0.5) {
+      return null;
+    }
+    return coordinates;
+  };
+}

package/internals/plugins/useGeoProjection/factories.d.mts

@@ -0,0 +1,3 @@
+import type { GeoProjection } from '@mui/x-charts-vendor/d3-geo';
+import type { D3NamedProjection } from "./useGeoProjection.types.mjs";
+export declare const PROJECTION_FACTORIES: Record<D3NamedProjection, (() => GeoProjection) | undefined>;

package/internals/plugins/useGeoProjection/factories.d.ts

@@ -0,0 +1,3 @@
+import type { GeoProjection } from '@mui/x-charts-vendor/d3-geo';
+import type { D3NamedProjection } from "./useGeoProjection.types.js";
+export declare const PROJECTION_FACTORIES: Record<D3NamedProjection, (() => GeoProjection) | undefined>;