test

alexfauquette · alexfauquette · commit 88b20285825a · 2026-06-19T15:29:07.000+02:00
diff --git a/docs/data/charts/map/MapZoomControl.js b/docs/data/charts/map/MapZoomControl.js
@@ -67,7 +67,7 @@ function isConicProjection(projection) {
   );
 }
 
-export default function MapZoomOptions() {
+export default function MapZoomControl() {
   const [projection, setProjection] = React.useState('naturalEarth1');
   const apiRef = useChartPremiumApiRef();
 
diff --git a/docs/data/charts/map/ProjectionMapShape.js b/docs/data/charts/map/ProjectionMapShape.js
@@ -108,9 +108,9 @@ export default function ProjectionMapShape() {
         <ChartsGeoDataProviderPremium
           geoData={isConicProjection(projection) ? USAStates : countries}
           projection={projection}
-          {...(!autoRotation && { rotate: rotation })}
-          {...(!autoTranslation && { translate: translation })}
-          {...(!autoScale && { scale })}
+          // {...(!autoRotation && { rotate: rotation })}
+          // {...(!autoTranslation && { translate: translation })}
+          // {...(!autoScale && { scale })}
           zoom={{ rotationAllowed: 'long', translationAllowed: 'both' }}
           height={360}
         >
diff --git a/docs/data/charts/map/ZoomMap.js b/docs/data/charts/map/ZoomMap.js
@@ -54,7 +54,7 @@ export default function ZoomMap() {
                 min: 0,
                 max: 100,
                 color: ['#e3f2fd', '#0d47a1'],
-                unownedColor: '#f5f5f5',
+                unknownColor: '#f5f5f5',
               },
             },
           ]}
diff --git a/docs/data/charts/map/ZoomMap.tsx b/docs/data/charts/map/ZoomMap.tsx
@@ -57,7 +57,7 @@ export default function ZoomMap() {
                 min: 0,
                 max: 100,
                 color: ['#e3f2fd', '#0d47a1'],
-                unownedColor: '#f5f5f5',
+                unknownColor: '#f5f5f5',
               },
             },
           ]}
diff --git a/packages/x-charts-premium/src/ChartsGeoDataProviderPremium/index.ts b/packages/x-charts-premium/src/ChartsGeoDataProviderPremium/index.ts
@@ -10,5 +10,7 @@ export {
   GEO_PREMIUM_PLUGINS,
   type GeoPremiumPluginSignatures,
 } from './ChartsGeoDataProviderPremium.plugins';
-export type { MapZoomOptions } from '../internals/plugins/useGeoProjectionZoom/useGeoProjectionZoom.types';
-export type { MapZoomView } from '../internals/plugins/useGeoProjectionZoom/mapZoom.utils';
+export type {
+  MapZoomView,
+  MapZoomOptions,
+} from '../internals/plugins/useGeoProjectionZoom/useGeoProjectionZoom.types';
diff --git a/packages/x-charts-premium/src/internals/plugins/useGeoProjection/useGeoProjection.types.ts b/packages/x-charts-premium/src/internals/plugins/useGeoProjection/useGeoProjection.types.ts
@@ -1,3 +1,3 @@
 import { type useGeoProjectionTypes } from '@mui/x-charts/internals';
 
-export type UseGeoProjectionSignature = useGeoProjectionTypes.UseGeoProjectionSignature;
+export type UseGeoProjectionSignature = useGeoProjectionTypes.UseGeoProjectionSignature;
diff --git a/packages/x-charts-premium/src/internals/plugins/useGeoProjectionZoom/index.ts b/packages/x-charts-premium/src/internals/plugins/useGeoProjectionZoom/index.ts
@@ -1,8 +1,2 @@
 export { useGeoProjectionZoom } from './useGeoProjectionZoom';
-export type {
-  UseGeoProjectionZoomSignature,
-  UseGeoProjectionZoomParameters,
-  UseGeoProjectionZoomInstance,
-  UseGeoProjectionZoomPublicApi,
-} from './useGeoProjectionZoom.types';
-export type { MapZoomView } from './mapZoom.utils';
+export type { UseGeoProjectionZoomSignature, MapZoomView } from './useGeoProjectionZoom.types';
diff --git a/packages/x-charts-premium/src/internals/plugins/useGeoProjectionZoom/mapZoom.utils.ts b/packages/x-charts-premium/src/internals/plugins/useGeoProjectionZoom/mapZoom.utils.ts
@@ -2,7 +2,6 @@ import { type GeoProjection } from '@mui/x-charts-vendor/d3-geo';
 import { type ChartUsedStore, selectorChartDrawingArea } from '@mui/x-charts/internals';
 import type { MapRotationAxis, MapTranslationAxis } from './useGeoProjectionZoom.types';
 
-
 const DEG = Math.PI / 180;
 const clamp = (value: number, min: number, max: number) => Math.min(max, Math.max(min, value));
 
diff --git a/packages/x-charts-premium/src/internals/plugins/useGeoProjectionZoom/useGeoProjectionZoom.ts b/packages/x-charts-premium/src/internals/plugins/useGeoProjectionZoom/useGeoProjectionZoom.ts
@@ -14,12 +14,9 @@ import type {
   MapTranslationAxis,
   MapRotationAxis,
   MapZoomView,
-  UseGeoProjectionZoomSignature
+  UseGeoProjectionZoomSignature,
 } from './useGeoProjectionZoom.types';
-import {
-  getRotation,
-  getTranslation,
-} from './mapZoom.utils';
+import { getRotation, getTranslation } from './mapZoom.utils';
 
 /** Multiplicative zoom step applied per wheel tick. */
 const WHEEL_ZOOM_STEP = 1.1;
@@ -47,7 +44,6 @@ export const useGeoProjectionZoom: ChartPlugin<UseGeoProjectionZoomSignature> =
     [store],
   );
 
-
   // The view is the source of truth, stored directly: no pixel <-> view conversion on write/read.
   const applyView = React.useCallback(
     (newView: MapZoomView) => {
diff --git a/packages/x-charts-premium/src/internals/plugins/useGeoProjectionZoom/useGeoProjectionZoom.types.ts b/packages/x-charts-premium/src/internals/plugins/useGeoProjectionZoom/useGeoProjectionZoom.types.ts
@@ -1,10 +1,9 @@
-import type { useGeoProjectionZoomTypes } from "@mui/x-charts/internals";
+import type { useGeoProjectionZoomTypes } from '@mui/x-charts/internals';
 
-
-export type UseGeoProjectionZoomSignature = useGeoProjectionZoomTypes.UseGeoProjectionZoomSignature
+export type UseGeoProjectionZoomSignature = useGeoProjectionZoomTypes.UseGeoProjectionZoomSignature;
 
 export type MapRotationAxis = useGeoProjectionZoomTypes.MapRotationAxis;
 export type MapTranslationAxis = useGeoProjectionZoomTypes.MapTranslationAxis;
 
-export interface MapZoomView extends useGeoProjectionZoomTypes.MapZoomView { };
-export interface MapZoomOptions extends useGeoProjectionZoomTypes.MapZoomOptions { };
+export interface MapZoomView extends useGeoProjectionZoomTypes.MapZoomView {}
+export interface MapZoomOptions extends useGeoProjectionZoomTypes.MapZoomOptions {}
diff --git a/packages/x-charts/src/internals/plugins/featurePlugins/useGeoProjection/useGeoProjection.selectors.ts b/packages/x-charts/src/internals/plugins/featurePlugins/useGeoProjection/useGeoProjection.selectors.ts
@@ -1,6 +1,7 @@
 import { createSelector, createSelectorMemoized } from '@mui/x-internals/store';
 import {
   type ExtendedFeatureCollection,
+  type GeoFeature,
   type GeoProjection,
   type GeoPath,
   type GeoConicProjection,
@@ -17,17 +18,18 @@ import type { UseGeoProjectionZoomSignature } from '../useGeoProjectionZoom/useG
 import type { GeoTooltipPosition } from '../../corePlugins/useChartSeriesConfig';
 import type { ChartState } from '../../models/chart';
 
-
+const ZERO_COORDINATES: [number, number] = [0, 0];
 const isConicProjection = (projection: GeoProjection): projection is GeoConicProjection => {
   return 'parallels' in projection && typeof projection.parallels === 'function';
 };
 
-
 export const selectorChartGeoProjectionState = (
   state: ChartState<[], [UseGeoProjectionSignature]>,
 ): UseGeoProjectionState['geoProjection'] | undefined => state.geoProjection;
 
-const selectorChartGeoProjectionZoomState = (state: ChartState<[], [UseGeoProjectionZoomSignature]>) => state.geoProjectionZoom;
+const selectorChartGeoProjectionZoomState = (
+  state: ChartState<[], [UseGeoProjectionZoomSignature]>,
+) => state.geoProjectionZoom;
 
 export const selectorChartGeoData: (
   state: ChartState<[], [UseGeoProjectionSignature]>,
@@ -38,38 +40,55 @@ export const selectorChartGeoData: (
 
 export const selectorChartGeoFeatureKey = createSelector(
   selectorChartGeoProjectionState,
-  (geoProjection) => geoProjection?.geoFeatureKey ?? 'name',
+  function selectorChartGeoFeatureKey(geoProjection) {
+    return geoProjection?.geoFeatureKey ?? 'name';
+  },
 );
 
 export const selectorChartRawProjection = createSelector(
   selectorChartGeoProjectionState,
-  (geoProjection): GeoProjectionInput | null => geoProjection?.projection ?? null,
+  function selectorChartRawProjection(geoProjection): GeoProjectionInput | null {
+    return geoProjection?.projection ?? null;
+  },
 );
 
 export const selectorChartProjectionFactory = createSelector(
   selectorChartGeoProjectionState,
-  (geoProjection): Record<D3NamedProjection, (() => GeoProjection) | undefined> | null =>
-    geoProjection?.factories ?? null,
+  function selectorChartProjectionFactory(
+    geoProjection,
+  ): Record<D3NamedProjection, (() => GeoProjection) | undefined> | null {
+    return geoProjection?.factories ?? null;
+  },
 );
 
 export const selectorChartZoomLevel = createSelector(
   selectorChartGeoProjectionZoomState,
-  (geoProjectionZoom): number | null => geoProjectionZoom?.zoomLevel ?? 1,
+  function selectorChartZoomLevel(geoProjectionZoom): number | null {
+    return geoProjectionZoom?.zoomLevel ?? 1;
+  },
 );
 const selectorChartCenter = createSelectorMemoized(
   selectorChartGeoProjectionZoomState,
-  (geoProjectionZoom): [number, number] | null => geoProjectionZoom?.center ?? [0, 0],
+  function selectorChartCenter(geoProjectionZoom): [number, number] | null {
+    return geoProjectionZoom?.center ?? ZERO_COORDINATES;
+  },
 );
 const selectorChartTranslation = createSelectorMemoized(
   selectorChartGeoProjectionZoomState,
-  (geoProjectionZoom): [number, number] | null => geoProjectionZoom?.translation ?? [0, 0],
+  function selectorChartTranslation(geoProjectionZoom): [number, number] | null {
+    return geoProjectionZoom?.translation ?? ZERO_COORDINATES;
+  },
 );
 
+const DEFAULT_PARALLELS: [number, number] = [30, 30];
 const selectorChartParallels = createSelectorMemoized(
   selectorChartGeoProjectionState,
   selectorChartCenter,
-  (geoProjection, center): [number, number] =>
-    geoProjection?.parallels ?? (center ? [-center[1] - 15, -center[1] + 15] : [30, 30]),
+  function selectorChartParallels(geoProjection, center): [number, number] {
+    return (
+      geoProjection?.parallels ?? (center ? [-center[1] - 15, -center[1] + 15] : DEFAULT_PARALLELS)
+    );
+  },
 );
 /**
  * Map a feature's `properties.name` to its index in `geoData.features`,
@@ -81,7 +100,10 @@ const selectorChartParallels = createSelectorMemoized(
 export const selectorChartGeoFeatureIndexesByName = createSelectorMemoized(
   selectorChartGeoData,
   selectorChartGeoFeatureKey,
-  (geoData, geoFeatureKey): ReadonlyMap<string, number[]> => {
+  function selectorChartGeoFeatureIndexesByName(
+    geoData: ExtendedFeatureCollection | null,
+    geoFeatureKey: string | ((feature: GeoFeature) => string),
+  ): ReadonlyMap<string, number[]> {
     const map = new Map<string, number[]>();
     if (!geoData) {
       return map;
@@ -107,37 +129,38 @@ export const selectorChartGeoFeatureIndexesByName = createSelectorMemoized(
 const selectorResolveProjection = createSelectorMemoized(
   selectorChartRawProjection,
   selectorChartProjectionFactory,
-  selectorChartParallels, (
+  selectorChartParallels,
+  function selectorResolveProjection(
     projectionInput,
     projectionFactory,
     parallels,
-  ): GeoProjection | null => {
-  if (typeof projectionInput !== 'string') {
-    return projectionInput;
-  }
-  const factory = projectionFactory?.[projectionInput];
-  if (!factory) {
-    if (process.env.NODE_ENV !== 'production') {
-      console.error(
-        `MUI X Charts: Unknown projection name '${projectionInput}'. ` +
-        `Expected one of: ${Object.keys(projectionFactory ?? {}).join(', ')}.`,
-      );
+  ): GeoProjection | null {
+    if (typeof projectionInput !== 'string') {
+      return projectionInput;
     }
-    return null;
-  }
-  const projection = factory();
-  if (isConicProjection(projection)) {
-    projection.parallels(parallels);
-  }
-  return projection;
-})
-
+    const factory = projectionFactory?.[projectionInput];
+    if (!factory) {
+      if (process.env.NODE_ENV !== 'production') {
+        console.error(
+          `MUI X Charts: Unknown projection name '${projectionInput}'. ` +
+            `Expected one of: ${Object.keys(projectionFactory ?? {}).join(', ')}.`,
+        );
+      }
+      return null;
+    }
+    const projection = factory();
+    if (isConicProjection(projection)) {
+      projection.parallels(parallels);
+    }
+    return projection;
+  },
+);
 
 const selectorFitScale = createSelector(
   selectorChartGeoData,
   selectorChartDrawingArea,
   selectorResolveProjection,
-  (geoData, drawingArea, projection): number | null => {
+  function selectorFitScale(geoData, drawingArea, projection): number | null {
     if (!geoData || !projection) {
       return null;
     }
@@ -171,15 +194,15 @@ export const selectorChartProjection = createSelectorMemoized(
   selectorChartZoomLevel,
   selectorChartDrawingArea,
   selectorFitScale,
-  (
+  function selectorChartProjection(
     projection,
     geoData,
     center,
     translation,
     zoomLevel,
     drawingArea,
     fitScale,
-  ): GeoProjection | null => {
+  ): GeoProjection | null {
     if (!projection) {
       return null;
     }
@@ -216,7 +239,7 @@ export const selectorChartProjection = createSelectorMemoized(
  */
 export const selectorChartGeoPath = createSelectorMemoized(
   selectorChartProjection,
-  (projection): GeoPath | null => {
+  function selectorChartGeoPath(projection): GeoPath | null {
     if (!projection) {
       return null;
     }
@@ -228,7 +251,11 @@ export const selectorGeoTooltipPosition = createSelectorMemoized(
   selectorChartGeoData,
   selectorChartProjection,
   selectorChartGeoFeatureIndexesByName,
-  (geoData, projection, featureIndexesByName): GeoTooltipPosition => {
+  function selectorGeoTooltipPosition(
+    geoData,
+    projection,
+    featureIndexesByName,
+  ): GeoTooltipPosition {
     return {
       geoData,
       projection,
diff --git a/packages/x-charts/src/internals/plugins/featurePlugins/useGeoProjection/useGeoProjection.types.ts b/packages/x-charts/src/internals/plugins/featurePlugins/useGeoProjection/useGeoProjection.types.ts
@@ -27,7 +27,6 @@ export type D3NamedProjection =
  */
 export type GeoProjectionInput = D3NamedProjection | GeoProjection;
 
-
 export interface UseGeoProjectionParameters {
   /**
    * The GeoJSON `FeatureCollection` whose features will be rendered on the map.
@@ -40,8 +39,8 @@ export interface UseGeoProjectionParameters {
    * @default 'name'
    */
   geoFeatureKey?:
-  | string
-  | ((feature: ExtendedFeatureCollection['features'][number]) => string | null);
+    | string
+    | ((feature: ExtendedFeatureCollection['features'][number]) => string | null);
   /**
    * The d3-geo projection used to map geographic coordinates to SVG coordinates.
    * Accepts a d3-geo projection name (e.g. `'mercator'`, `'naturalEarth1'`)
@@ -56,8 +55,8 @@ export interface UseGeoProjectionState {
   geoProjection: {
     geoData: ExtendedFeatureCollection | null;
     geoFeatureKey:
-    | string
-    | ((feature: ExtendedFeatureCollection['features'][number]) => string | null);
+      | string
+      | ((feature: ExtendedFeatureCollection['features'][number]) => string | null);
     // TODO: Remove factories from the state when some maps move to MIT package.
     factories: Record<D3NamedProjection, (() => GeoProjection) | undefined>;
     projection: GeoProjectionInput | null;
diff --git a/packages/x-charts/src/internals/plugins/featurePlugins/useGeoProjectionZoom/useGeoProjectionZoom.types.ts b/packages/x-charts/src/internals/plugins/featurePlugins/useGeoProjectionZoom/useGeoProjectionZoom.types.ts
@@ -1,6 +1,5 @@
-import type { ChartPluginSignature } from "../../models/plugin";
-import type { UseGeoProjectionSignature } from "../useGeoProjection/useGeoProjection.types";
-
+import type { ChartPluginSignature } from '../../models/plugin';
+import type { UseGeoProjectionSignature } from '../useGeoProjection/useGeoProjection.types';
 
 /**
  * Which rotation axes a pan/zoom gesture may move:
@@ -87,7 +86,7 @@ export interface UseGeoProjectionZoomParameters {
   onZoomChange?: (view: MapZoomView) => void;
 }
 
-interface UseGeoProjectionZoomDefaultizedParameters extends UseGeoProjectionZoomParameters {
+export interface UseGeoProjectionZoomDefaultizedParameters extends UseGeoProjectionZoomParameters {
   zoom: boolean | MapZoomOptions;
   minScaleRatio: number;
   maxScaleRatio: number;
@@ -111,9 +110,9 @@ export interface UseGeoProjectionZoomPublicApi {
   resetZoom: () => void;
 }
 
-export interface UseGeoProjectionZoomInstance extends UseGeoProjectionZoomPublicApi { }
+export interface UseGeoProjectionZoomInstance extends UseGeoProjectionZoomPublicApi {}
 
-interface UseGeoProjectionZoomState {
+export interface UseGeoProjectionZoomState {
   geoProjectionZoom: {
     /**
      * The zoom level, as a multiple of the scale that fits the data in the drawing area.

Original file line number	Diff line number	Diff line change
`@@ -67,7 +67,7 @@ function isConicProjection(projection) {`
`67`	`67`	`);`
`68`	`68`	`}`
`69`	`69`
`70`		`-export default function MapZoomOptions() {`
	`70`	`+export default function MapZoomControl() {`
`71`	`71`	`const [projection, setProjection] = React.useState('naturalEarth1');`
`72`	`72`	`const apiRef = useChartPremiumApiRef();`
`73`	`73`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,3 @@`
`1`	`1`	`import { type useGeoProjectionTypes } from '@mui/x-charts/internals';`
`2`	`2`
`3`		`-export type UseGeoProjectionSignature = useGeoProjectionTypes.UseGeoProjectionSignature;`
	`3`	`+export type UseGeoProjectionSignature = useGeoProjectionTypes.UseGeoProjectionSignature;`