@mui/x-charts-premium 9.8.0 → 9.9.0

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/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts-premium v9.8.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.8.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/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>;

package/internals/plugins/useGeoProjection/factories.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PROJECTION_FACTORIES = void 0;
+var _d3Geo = require("@mui/x-charts-vendor/d3-geo");
+const PROJECTION_FACTORIES = exports.PROJECTION_FACTORIES = {
+  // Azimuthal projections (https://d3js.org/d3-geo/azimuthal)
+  azimuthalEqualArea: _d3Geo.geoAzimuthalEqualArea,
+  azimuthalEquidistant: _d3Geo.geoAzimuthalEquidistant,
+  gnomonic: _d3Geo.geoGnomonic,
+  orthographic: _d3Geo.geoOrthographic,
+  stereographic: _d3Geo.geoStereographic,
+  // Conic projections (https://d3js.org/d3-geo/conic)
+  conicConformal: _d3Geo.geoConicConformal,
+  conicEqualArea: _d3Geo.geoConicEqualArea,
+  conicEquidistant: _d3Geo.geoConicEquidistant,
+  albers: _d3Geo.geoAlbers,
+  albersUsa: _d3Geo.geoAlbersUsa,
+  // Special composition for the USA with an edge case for Alaska and Hawaii.
+
+  // Cylindrical projections (https://d3js.org/d3-geo/cylindrical)
+  equirectangular: _d3Geo.geoEquirectangular,
+  mercator: _d3Geo.geoMercator,
+  transverseMercator: _d3Geo.geoTransverseMercator,
+  equalEarth: _d3Geo.geoEqualEarth,
+  naturalEarth1: _d3Geo.geoNaturalEarth1
+};

package/internals/plugins/useGeoProjection/factories.mjs

@@ -0,0 +1,23 @@
+import { geoAlbers, geoAlbersUsa, geoAzimuthalEqualArea, geoAzimuthalEquidistant, geoConicConformal, geoConicEqualArea, geoConicEquidistant, geoEqualEarth, geoEquirectangular, geoGnomonic, geoMercator, geoNaturalEarth1, geoOrthographic, geoStereographic, geoTransverseMercator } from '@mui/x-charts-vendor/d3-geo';
+export const PROJECTION_FACTORIES = {
+  // Azimuthal projections (https://d3js.org/d3-geo/azimuthal)
+  azimuthalEqualArea: geoAzimuthalEqualArea,
+  azimuthalEquidistant: geoAzimuthalEquidistant,
+  gnomonic: geoGnomonic,
+  orthographic: geoOrthographic,
+  stereographic: geoStereographic,
+  // Conic projections (https://d3js.org/d3-geo/conic)
+  conicConformal: geoConicConformal,
+  conicEqualArea: geoConicEqualArea,
+  conicEquidistant: geoConicEquidistant,
+  albers: geoAlbers,
+  albersUsa: geoAlbersUsa,
+  // Special composition for the USA with an edge case for Alaska and Hawaii.
+
+  // Cylindrical projections (https://d3js.org/d3-geo/cylindrical)
+  equirectangular: geoEquirectangular,
+  mercator: geoMercator,
+  transverseMercator: geoTransverseMercator,
+  equalEarth: geoEqualEarth,
+  naturalEarth1: geoNaturalEarth1
+};

package/internals/plugins/useGeoProjection/projection.utils.d.mts

@@ -0,0 +1,17 @@
+import type { ExtendedFeatureCollection, GeoProjection } from '@mui/x-charts-vendor/d3-geo';
+import type { GeoProjectionInput } from "./useGeoProjection.types.mjs";
+export declare function getParallels(parallels: [number, number] | null | undefined): [number, number];
+/**
+ * Builds a *fresh* `GeoProjection` instance from the raw projection input.
+ *
+ * This is intentionally not a memoized selector: callers mutate the returned projection (to fit,
+ * scale, translate, rotate it). Returning a shared instance would mean mutations leak between
+ * consumers and, worse, that a recomputed view keeps the same object reference — so store
+ * subscribers comparing with `Object.is` would not detect the change and the map would render one
+ * update behind.
+ */
+export declare function resolveProjectionInstance(projectionInput: GeoProjectionInput | null, parallels: [number, number]): GeoProjection | null;
+/**
+ * Helper function to compute the translation needed to fit the map in the drawing area at zoomLevel=1
+ */
+export declare function getDefaultTranslation(projectionInput: GeoProjectionInput | null | undefined, geoData: ExtendedFeatureCollection | null | undefined, parallels: [number, number] | null | undefined, center: [number, number]): [number, number] | null;

package/internals/plugins/useGeoProjection/projection.utils.d.ts

@@ -0,0 +1,17 @@
+import type { ExtendedFeatureCollection, GeoProjection } from '@mui/x-charts-vendor/d3-geo';
+import type { GeoProjectionInput } from "./useGeoProjection.types.js";
+export declare function getParallels(parallels: [number, number] | null | undefined): [number, number];
+/**
+ * Builds a *fresh* `GeoProjection` instance from the raw projection input.
+ *
+ * This is intentionally not a memoized selector: callers mutate the returned projection (to fit,
+ * scale, translate, rotate it). Returning a shared instance would mean mutations leak between
+ * consumers and, worse, that a recomputed view keeps the same object reference — so store
+ * subscribers comparing with `Object.is` would not detect the change and the map would render one
+ * update behind.
+ */
+export declare function resolveProjectionInstance(projectionInput: GeoProjectionInput | null, parallels: [number, number]): GeoProjection | null;
+/**
+ * Helper function to compute the translation needed to fit the map in the drawing area at zoomLevel=1
+ */
+export declare function getDefaultTranslation(projectionInput: GeoProjectionInput | null | undefined, geoData: ExtendedFeatureCollection | null | undefined, parallels: [number, number] | null | undefined, center: [number, number]): [number, number] | null;

package/internals/plugins/useGeoProjection/projection.utils.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getDefaultTranslation = getDefaultTranslation;
+exports.getParallels = getParallels;
+exports.resolveProjectionInstance = resolveProjectionInstance;
+var _d3Geo = require("@mui/x-charts-vendor/d3-geo");
+var _factories = require("./factories");
+const isConicProjection = projection => {
+  return 'parallels' in projection && typeof projection.parallels === 'function';
+};
+const DEFAULT_PARALLELS = [30, 30];
+function getParallels(parallels) {
+  return parallels ?? DEFAULT_PARALLELS;
+}
+
+/**
+ * Builds a *fresh* `GeoProjection` instance from the raw projection input.
+ *
+ * This is intentionally not a memoized selector: callers mutate the returned projection (to fit,
+ * scale, translate, rotate it). Returning a shared instance would mean mutations leak between
+ * consumers and, worse, that a recomputed view keeps the same object reference — so store
+ * subscribers comparing with `Object.is` would not detect the change and the map would render one
+ * update behind.
+ */
+function resolveProjectionInstance(projectionInput, parallels) {
+  if (projectionInput === null) {
+    return null;
+  }
+  if (typeof projectionInput !== 'string') {
+    return projectionInput;
+  }
+  const factory = _factories.PROJECTION_FACTORIES?.[projectionInput];
+  if (!factory) {
+    if (process.env.NODE_ENV !== 'production') {
+      console.error(`MUI X Charts: Unknown projection name '${projectionInput}'. ` + `Expected one of: ${Object.keys(_factories.PROJECTION_FACTORIES ?? {}).join(', ')}.`);
+    }
+    return null;
+  }
+  const projection = factory();
+  if (isConicProjection(projection)) {
+    projection.parallels(parallels);
+  }
+  return projection;
+}
+
+/**
+ * Helper function to compute the translation needed to fit the map in the drawing area at zoomLevel=1
+ */
+function getDefaultTranslation(projectionInput, geoData, parallels, center) {
+  if (!projectionInput || !geoData) {
+    return null;
+  }
+  const projection = resolveProjectionInstance(projectionInput, getParallels(parallels));
+  if (!projection) {
+    return null;
+  }
+  projection.rotate([-center[0], -center[1]]);
+  const [[ux0, uy0], [ux1, uy1]] = (0, _d3Geo.geoPath)(projection).bounds(geoData);
+  const centerPoint = projection(center);
+  if (!centerPoint) {
+    return null;
+  }
+  return [(centerPoint[0] - (ux0 + ux1) / 2) / (ux1 - ux0), (centerPoint[1] - (uy0 + uy1) / 2) / (uy1 - uy0)];
+}

package/internals/plugins/useGeoProjection/projection.utils.mjs

@@ -0,0 +1,59 @@
+import { geoPath } from '@mui/x-charts-vendor/d3-geo';
+import { PROJECTION_FACTORIES } from "./factories.mjs";
+const isConicProjection = projection => {
+  return 'parallels' in projection && typeof projection.parallels === 'function';
+};
+const DEFAULT_PARALLELS = [30, 30];
+export function getParallels(parallels) {
+  return parallels ?? DEFAULT_PARALLELS;
+}
+
+/**
+ * Builds a *fresh* `GeoProjection` instance from the raw projection input.
+ *
+ * This is intentionally not a memoized selector: callers mutate the returned projection (to fit,
+ * scale, translate, rotate it). Returning a shared instance would mean mutations leak between
+ * consumers and, worse, that a recomputed view keeps the same object reference — so store
+ * subscribers comparing with `Object.is` would not detect the change and the map would render one
+ * update behind.
+ */
+export function resolveProjectionInstance(projectionInput, parallels) {
+  if (projectionInput === null) {
+    return null;
+  }
+  if (typeof projectionInput !== 'string') {
+    return projectionInput;
+  }
+  const factory = PROJECTION_FACTORIES?.[projectionInput];
+  if (!factory) {
+    if (process.env.NODE_ENV !== 'production') {
+      console.error(`MUI X Charts: Unknown projection name '${projectionInput}'. ` + `Expected one of: ${Object.keys(PROJECTION_FACTORIES ?? {}).join(', ')}.`);
+    }
+    return null;
+  }
+  const projection = factory();
+  if (isConicProjection(projection)) {
+    projection.parallels(parallels);
+  }
+  return projection;
+}
+
+/**
+ * Helper function to compute the translation needed to fit the map in the drawing area at zoomLevel=1
+ */
+export function getDefaultTranslation(projectionInput, geoData, parallels, center) {
+  if (!projectionInput || !geoData) {
+    return null;
+  }
+  const projection = resolveProjectionInstance(projectionInput, getParallels(parallels));
+  if (!projection) {
+    return null;
+  }
+  projection.rotate([-center[0], -center[1]]);
+  const [[ux0, uy0], [ux1, uy1]] = geoPath(projection).bounds(geoData);
+  const centerPoint = projection(center);
+  if (!centerPoint) {
+    return null;
+  }
+  return [(centerPoint[0] - (ux0 + ux1) / 2) / (ux1 - ux0), (centerPoint[1] - (uy0 + uy1) / 2) / (uy1 - uy0)];
+}

package/internals/plugins/useGeoProjection/useGeoProjection.js

@@ -9,29 +9,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.useGeoProjection = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
-var _d3Geo = require("@mui/x-charts-vendor/d3-geo");
-const PROJECTION_FACTORIES = {
-  // Azimuthal projections (https://d3js.org/d3-geo/azimuthal)
-  azimuthalEqualArea: _d3Geo.geoAzimuthalEqualArea,
-  azimuthalEquidistant: _d3Geo.geoAzimuthalEquidistant,
-  gnomonic: _d3Geo.geoGnomonic,
-  orthographic: _d3Geo.geoOrthographic,
-  stereographic: _d3Geo.geoStereographic,
-  // Conic projections (https://d3js.org/d3-geo/conic)
-  conicConformal: _d3Geo.geoConicConformal,
-  conicEqualArea: _d3Geo.geoConicEqualArea,
-  conicEquidistant: _d3Geo.geoConicEquidistant,
-  albers: _d3Geo.geoAlbers,
-  albersUsa: _d3Geo.geoAlbersUsa,
-  // Special composition for the USA with an edge case for Alaska and Hawaii.
-
-  // Cylindrical projections (https://d3js.org/d3-geo/cylindrical)
-  equirectangular: _d3Geo.geoEquirectangular,
-  mercator: _d3Geo.geoMercator,
-  transverseMercator: _d3Geo.geoTransverseMercator,
-  equalEarth: _d3Geo.geoEqualEarth,
-  naturalEarth1: _d3Geo.geoNaturalEarth1
-};
 const useGeoProjection = ({
   params,
   store
@@ -40,9 +17,7 @@ const useGeoProjection = ({
     geoData,
     geoFeatureKey,
     projection,
-    translate,
-    rotate,
-    scale
+    parallels
   } = params;
   const isFirstRender = React.useRef(true);
   React.useEffect(() => {
@@ -50,16 +25,13 @@ const useGeoProjection = ({
       isFirstRender.current = false;
       return;
     }
-    store.set('geoProjection', {
+    store.set('geoProjection', (0, _extends2.default)({}, store.state.geoProjection, {
       geoData: geoData ?? null,
       geoFeatureKey: geoFeatureKey ?? 'name',
       projection: projection ?? null,
-      translate: translate ?? null,
-      rotate: rotate ?? null,
-      scale: scale ?? null,
-      factories: PROJECTION_FACTORIES
-    });
-  }, [geoData, geoFeatureKey, projection, translate, rotate, scale, store]);
+      parallels: parallels ?? null
+    }));
+  }, [geoData, geoFeatureKey, projection, parallels, store]);
   return {};
 };
 exports.useGeoProjection = useGeoProjection;
@@ -67,9 +39,7 @@ useGeoProjection.params = {
   geoData: true,
   geoFeatureKey: true,
   projection: true,
-  translate: true,
-  rotate: true,
-  scale: true
+  parallels: true
 };
 useGeoProjection.getDefaultizedParams = ({
   params
@@ -79,9 +49,6 @@ useGeoProjection.getInitialState = params => ({
     geoData: params.geoData ?? null,
     geoFeatureKey: params.geoFeatureKey ?? 'name',
     projection: params.projection ?? null,
-    translate: params.translate ?? null,
-    rotate: params.rotate ?? null,
-    scale: params.scale ?? null,
-    factories: PROJECTION_FACTORIES
+    parallels: params.parallels ?? null
   }
 });

package/internals/plugins/useGeoProjection/useGeoProjection.mjs

@@ -2,29 +2,6 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { geoAlbers, geoAlbersUsa, geoAzimuthalEqualArea, geoAzimuthalEquidistant, geoConicConformal, geoConicEqualArea, geoConicEquidistant, geoEqualEarth, geoEquirectangular, geoGnomonic, geoMercator, geoNaturalEarth1, geoOrthographic, geoStereographic, geoTransverseMercator } from '@mui/x-charts-vendor/d3-geo';
-const PROJECTION_FACTORIES = {
-  // Azimuthal projections (https://d3js.org/d3-geo/azimuthal)
-  azimuthalEqualArea: geoAzimuthalEqualArea,
-  azimuthalEquidistant: geoAzimuthalEquidistant,
-  gnomonic: geoGnomonic,
-  orthographic: geoOrthographic,
-  stereographic: geoStereographic,
-  // Conic projections (https://d3js.org/d3-geo/conic)
-  conicConformal: geoConicConformal,
-  conicEqualArea: geoConicEqualArea,
-  conicEquidistant: geoConicEquidistant,
-  albers: geoAlbers,
-  albersUsa: geoAlbersUsa,
-  // Special composition for the USA with an edge case for Alaska and Hawaii.
-
-  // Cylindrical projections (https://d3js.org/d3-geo/cylindrical)
-  equirectangular: geoEquirectangular,
-  mercator: geoMercator,
-  transverseMercator: geoTransverseMercator,
-  equalEarth: geoEqualEarth,
-  naturalEarth1: geoNaturalEarth1
-};
 export const useGeoProjection = ({
   params,
   store
@@ -33,9 +10,7 @@ export const useGeoProjection = ({
     geoData,
     geoFeatureKey,
     projection,
-    translate,
-    rotate,
-    scale
+    parallels
   } = params;
   const isFirstRender = React.useRef(true);
   React.useEffect(() => {
@@ -43,25 +18,20 @@ export const useGeoProjection = ({
       isFirstRender.current = false;
       return;
     }
-    store.set('geoProjection', {
+    store.set('geoProjection', _extends({}, store.state.geoProjection, {
       geoData: geoData ?? null,
       geoFeatureKey: geoFeatureKey ?? 'name',
       projection: projection ?? null,
-      translate: translate ?? null,
-      rotate: rotate ?? null,
-      scale: scale ?? null,
-      factories: PROJECTION_FACTORIES
-    });
-  }, [geoData, geoFeatureKey, projection, translate, rotate, scale, store]);
+      parallels: parallels ?? null
+    }));
+  }, [geoData, geoFeatureKey, projection, parallels, store]);
   return {};
 };
 useGeoProjection.params = {
   geoData: true,
   geoFeatureKey: true,
   projection: true,
-  translate: true,
-  rotate: true,
-  scale: true
+  parallels: true
 };
 useGeoProjection.getDefaultizedParams = ({
   params
@@ -71,9 +41,6 @@ useGeoProjection.getInitialState = params => ({
     geoData: params.geoData ?? null,
     geoFeatureKey: params.geoFeatureKey ?? 'name',
     projection: params.projection ?? null,
-    translate: params.translate ?? null,
-    rotate: params.rotate ?? null,
-    scale: params.scale ?? null,
-    factories: PROJECTION_FACTORIES
+    parallels: params.parallels ?? null
   }
 });