@mui/x-charts 8.6.0 → 8.8.0

package/esm/internals/plugins/utils/useLazySelectorEffect.js

@@ -0,0 +1,70 @@
+'use client';
+
+/* eslint-disable react-compiler/react-compiler */
+import * as React from 'react';
+import useLazyRef from '@mui/utils/useLazyRef';
+const noop = () => {};
+export function useLazySelectorEffect(store, selector, effect,
+/**
+ * If true, the selector will be ignored.
+ */
+skip) {
+  const instance = useLazyRef(initialize, {
+    store,
+    selector,
+    skip
+  }).current;
+  instance.effect = effect;
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  React.useEffect(instance.onMount(skip), [skip]);
+}
+
+// `useLazyRef` typings are incorrect, `params` should not be optional
+function initialize(params) {
+  const {
+    store,
+    selector,
+    skip: initialSkip
+  } = params;
+  let isRunning = false;
+  let previousState;
+
+  // We want a single subscription done right away and cleared on unmount only,
+  // but React triggers `useOnMount` multiple times in dev, so we need to manage
+  // the subscription anyway.
+  const subscribe = () => {
+    // eslint-disable-next-line @typescript-eslint/no-use-before-define
+    instance.dispose ??= store.subscribe(state => {
+      const nextState = selector(state);
+      // eslint-disable-next-line @typescript-eslint/no-use-before-define
+      instance.effect(previousState, nextState);
+      previousState = nextState;
+    });
+  };
+  const instance = {
+    effect: noop,
+    dispose: null,
+    onMount: skip => () => {
+      if (skip) {
+        return undefined;
+      }
+      if (!isRunning) {
+        // Initialize values
+        isRunning = true;
+        previousState = selector(store.value);
+      }
+      subscribe();
+      return () => {
+        instance.dispose?.();
+        instance.dispose = null;
+      };
+    }
+  };
+  if (!initialSkip) {
+    // Initialize values
+    isRunning = true;
+    previousState = selector(store.value);
+    subscribe();
+  }
+  return instance;
+}

package/esm/internals/store/useCharts.d.ts

@@ -16,7 +16,7 @@ import { ChartSeriesConfig } from "../plugins/models/seriesConfig/index.js";
  */
 export declare function useCharts<TSeriesType extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[]>(inPlugins: ConvertSignaturesIntoPlugins<TSignatures>, props: Partial<UseChartBaseProps<TSignatures>>, seriesConfig: ChartSeriesConfig<TSeriesType>): {
   contextValue: {
-    store: ChartStore<readonly [import("../index.js").UseChartIdSignature, import("../index.js").UseChartDimensionsSignature, import("../index.js").UseChartSeriesSignature, import("../plugins/corePlugins/useChartAnimation/index.js").UseChartAnimationSignature, ...TSignatures]> & UseChartInteractionState;
+    store: ChartStore<readonly [import("../index.js").UseChartIdSignature, import("../plugins/corePlugins/useChartExperimentalFeature/index.js").UseChartExperimentalFeaturesSignature, import("../index.js").UseChartDimensionsSignature, import("../index.js").UseChartSeriesSignature, import("../plugins/corePlugins/useChartAnimation/index.js").UseChartAnimationSignature, import("../index.js").UseChartInteractionListenerSignature, ...TSignatures]> & UseChartInteractionState;
     publicAPI: ChartPublicAPI<TSignatures>;
     instance: ChartInstance<TSignatures>;
     svgRef: React.RefObject<SVGSVGElement | null>;

package/esm/locales/elGR.d.ts

@@ -0,0 +1,19 @@
+import { ChartsLocaleText } from "./utils/chartsLocaleTextApi.js";
+export declare const elGRLocaleText: Partial<ChartsLocaleText>;
+export declare const elGR: {
+  components: {
+    MuiChartsLocalizationProvider: {
+      defaultProps: {
+        localeText: {
+          loading?: string | undefined;
+          noData?: string | undefined;
+          zoomIn?: string | undefined;
+          zoomOut?: string | undefined;
+          toolbarExport?: string | undefined;
+          toolbarExportPrint?: string | undefined;
+          toolbarExportImage?: ((mimeType: import("./utils/imageMimeTypes.js").ChartImageExportMimeType | (string & {})) => string) | undefined;
+        };
+      };
+    };
+  };
+};

package/esm/locales/elGR.js

@@ -0,0 +1,15 @@
+import { imageMimeTypes } from "./utils/imageMimeTypes.js";
+import { getChartsLocalization } from "./utils/getChartsLocalization.js";
+export const elGRLocaleText = {
+  // Overlay
+  loading: 'Φόρτωση δεδομένων…',
+  noData: 'Δεν υπάρχουν δεδομένα για εμφάνιση',
+  // Toolbar
+  zoomIn: 'Μεγέθυνση',
+  zoomOut: 'Σμίκρυνση',
+  toolbarExport: 'Εξαγωγή',
+  // Toolbar Export Menu
+  toolbarExportPrint: 'Εκτύπωση',
+  toolbarExportImage: mimeType => `Εξαγωγή ως ${imageMimeTypes[mimeType] ?? mimeType}`
+};
+export const elGR = getChartsLocalization(elGRLocaleText);

package/esm/locales/index.d.ts

@@ -1,4 +1,5 @@
 export type { ChartsLocaleText } from "./utils/chartsLocaleTextApi.js";
+export * from "./elGR.js";
 export * from "./enUS.js";
 export * from "./frFR.js";
 export * from "./ptBR.js";

package/esm/locales/index.js

@@ -1,3 +1,4 @@
+export * from "./elGR.js";
 export * from "./enUS.js";
 export * from "./frFR.js";
 export * from "./ptBR.js";

package/esm/models/axis.d.ts

@@ -408,6 +408,21 @@ export interface ChartsAxisData {
    */
   seriesValues: Record<string, number | null | undefined>;
 }
+export type CartesianDirection = 'x' | 'y';
+export type PolarDirection = 'rotation' | 'radius';
+/**
+ * Identifies a data point within an axis.
+ */
+export interface AxisItemIdentifier {
+  /**
+   * The axis id.
+   */
+  axisId: AxisId;
+  /**
+   * The data index.
+   */
+  dataIndex: number;
+}
 export type XAxis<S extends ScaleName = ScaleName, V = any> = S extends ScaleName ? MakeOptional<AxisConfig<S, V, ChartsXAxisProps>, 'id'> : never;
 export type YAxis<S extends ScaleName = ScaleName, V = any> = S extends ScaleName ? MakeOptional<AxisConfig<S, V, ChartsYAxisProps>, 'id'> : never;
 export type RotationAxis<S extends ScaleName = ScaleName, V = any> = S extends ScaleName ? AxisConfig<S, V, ChartsRotationAxisProps> : never;

package/esm/models/axis.js

@@ -22,6 +22,10 @@ export function isPointScaleConfig(scaleConfig) {
  * The data format returned by onAxisClick.
  */
 
+/**
+ * Identifies a data point within an axis.
+ */
+
 /**
  * The axis configuration with missing values filled with default values.
  */

package/esm/models/index.d.ts

@@ -1,7 +1,7 @@
 export * from "./seriesType/index.js";
 export * from "./stacking.js";
 export * from "./slots/index.js";
-export type { AxisConfig, ChartsYAxisProps, ChartsXAxisProps, ScaleName, ContinuousScaleName, ChartsAxisData, XAxis, YAxis, RadiusAxis, RotationAxis, AxisValueFormatterContext } from "./axis.js";
+export type { AxisConfig, ChartsYAxisProps, ChartsXAxisProps, ScaleName, ContinuousScaleName, ChartsAxisData, XAxis, YAxis, RadiusAxis, RotationAxis, AxisItemIdentifier, AxisValueFormatterContext } from "./axis.js";
 export type { PropsFromSlot } from '@mui/x-internals/slots';
 export type { Position } from "./position.js";
 export type { CurveType } from "./curve.js";

package/esm/models/seriesType/scatter.d.ts

@@ -1,4 +1,4 @@
-import { DefaultizedProps } from '@mui/x-internals/types';
+import { DefaultizedProps, MakeRequired } from '@mui/x-internals/types';
 import { CartesianSeriesType, CommonDefaultizedProps, CommonSeriesType, SeriesId } from "./common.js";
 export type ScatterValueType = {
   x: number;
@@ -50,6 +50,13 @@ export interface ScatterSeriesType extends CommonSeriesType<ScatterValueType | n
      */
     id?: string;
   };
+  preview?: {
+    /**
+     * The size of the preview marker.
+     * @default 1
+     */
+    markerSize?: number;
+  };
 }
 /**
  * An object that allows to identify a single scatter item.
@@ -60,4 +67,6 @@ export type ScatterItemIdentifier = {
   seriesId: SeriesId;
   dataIndex: number;
 };
-export interface DefaultizedScatterSeriesType extends DefaultizedProps<ScatterSeriesType, CommonDefaultizedProps | 'color' | 'markerSize'> {}
+export interface DefaultizedScatterSeriesType extends DefaultizedProps<ScatterSeriesType, CommonDefaultizedProps | 'color' | 'markerSize'> {
+  preview: MakeRequired<NonNullable<ScatterSeriesType['preview']>, 'markerSize'>;
+}

package/esm/themeAugmentation/components.d.ts

@@ -33,6 +33,9 @@ export interface ChartsComponents<Theme = unknown> {
     defaultProps?: ComponentsProps['MuiChartsSurface'];
     styleOverrides?: ComponentsOverrides<Theme>['MuiChartsSurface'];
   };
+  MuiChartDataProvider?: {
+    defaultProps?: ComponentsProps['MuiChartDataProvider'];
+  };
   MuiBarChart?: {
     defaultProps?: ComponentsProps['MuiBarChart'];
   };

package/esm/themeAugmentation/props.d.ts

@@ -9,6 +9,7 @@ import { ScatterChartProps } from "../ScatterChart/ScatterChart.js";
 import { PieChartProps } from "../PieChart/PieChart.js";
 import { ChartsXAxisProps, ChartsYAxisProps } from "../models/axis.js";
 import { ChartsLocalizationProviderProps } from "../ChartsLocalizationProvider/index.js";
+import { ChartDataProviderProps } from "../ChartDataProvider/index.js";
 export interface ChartsComponentsPropsList {
   MuiChartsXAxis: ChartsXAxisProps;
   MuiChartsYAxis: ChartsYAxisProps;
@@ -17,6 +18,7 @@ export interface ChartsComponentsPropsList {
   MuiChartsLocalizationProvider: ChartsLocalizationProviderProps;
   MuiChartsTooltip: ChartsTooltipProps;
   MuiChartsSurface: ChartsSurfaceProps;
+  MuiChartDataProvider: ChartDataProviderProps;
   MuiBarChart: BarChartProps;
   MuiBarLabel: BarLabelProps;
   MuiLineChart: LineChartProps;

package/hooks/useAxis.d.ts

@@ -11,7 +11,7 @@ import { AxisId, ChartsRadiusAxisProps, ChartsRotationAxisProps, PolarAxisDefaul
  */
 export declare function useXAxes(): {
   xAxis: import("../internals/index.js").ComputedAxisConfig<import("../index.js").ChartsXAxisProps>;
-  xAxisIds: string[];
+  xAxisIds: AxisId[];
 };
 /**
  * Get all the y-axes.
@@ -25,7 +25,7 @@ export declare function useXAxes(): {
  */
 export declare function useYAxes(): {
   yAxis: import("../internals/index.js").ComputedAxisConfig<import("../index.js").ChartsYAxisProps>;
-  yAxisIds: string[];
+  yAxisIds: AxisId[];
 };
 /**
  * Get the X axis.

package/hooks/useInteractionItemProps.d.ts

@@ -1,16 +1,21 @@
 import * as React from 'react';
 import { SeriesItemIdentifier } from "../models/index.js";
+import { UseChartHighlightSignature } from "../internals/plugins/featurePlugins/useChartHighlight/index.js";
+import { UseChartInteractionSignature } from "../internals/plugins/featurePlugins/useChartInteraction/index.js";
+import { ChartItemIdentifier, ChartSeriesType } from "../models/seriesType/config.js";
+import { ChartInstance } from "../internals/plugins/models/index.js";
 export declare const useInteractionItemProps: (data: SeriesItemIdentifier, skip?: boolean) => {
   onPointerEnter?: () => void;
   onPointerLeave?: () => void;
   onPointerDown?: (event: React.PointerEvent) => void;
 };
-export declare const useInteractionAllItemProps: (data: SeriesItemIdentifier[], skip?: boolean) => ({
-  onPointerEnter?: undefined;
-  onPointerLeave?: undefined;
-  onPointerDown?: undefined;
-} | {
-  onPointerEnter: () => void;
-  onPointerLeave: () => void;
-  onPointerDown: (event: React.PointerEvent) => void;
-})[];
+export declare const useInteractionAllItemProps: (data: SeriesItemIdentifier[], skip?: boolean) => {
+  onPointerEnter?: () => void;
+  onPointerLeave?: () => void;
+  onPointerDown?: (event: React.PointerEvent) => void;
+}[];
+export declare function getInteractionItemProps(instance: ChartInstance<[UseChartInteractionSignature, UseChartHighlightSignature]>, item: ChartItemIdentifier<ChartSeriesType>): {
+  onPointerEnter?: () => void;
+  onPointerLeave?: () => void;
+  onPointerDown?: (event: React.PointerEvent) => void;
+};

package/hooks/useInteractionItemProps.js

@@ -5,14 +5,15 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.getInteractionItemProps = getInteractionItemProps;
 exports.useInteractionItemProps = exports.useInteractionAllItemProps = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _ChartProvider = require("../context/ChartProvider");
-const onPointerDown = event => {
+function onPointerDown(event) {
   if ('hasPointerCapture' in event.currentTarget && event.currentTarget.hasPointerCapture(event.pointerId)) {
     event.currentTarget.releasePointerCapture(event.pointerId);
   }
-};
+}
 const useInteractionItemProps = (data, skip) => {
   const {
     instance
@@ -63,33 +64,33 @@ const useInteractionAllItemProps = (data, skip) => {
   } = (0, _ChartProvider.useChartContext)();
   const results = React.useMemo(() => {
     return data.map(item => {
-      if (skip) {
-        return {};
-      }
-      const onPointerEnter = () => {
-        if (!item) {
-          return;
-        }
-        instance.setItemInteraction(item);
-        instance.setHighlight({
-          seriesId: item.seriesId,
-          dataIndex: item.dataIndex
-        });
-      };
-      const onPointerLeave = () => {
-        if (!item) {
-          return;
-        }
-        instance.removeItemInteraction(item);
-        instance.clearHighlight();
-      };
-      return {
-        onPointerEnter,
-        onPointerLeave,
-        onPointerDown
-      };
+      return skip ? {} : getInteractionItemProps(instance, item);
     });
   }, [data, instance, skip]);
   return results;
 };
-exports.useInteractionAllItemProps = useInteractionAllItemProps;
+exports.useInteractionAllItemProps = useInteractionAllItemProps;
+function getInteractionItemProps(instance, item) {
+  function onPointerEnter() {
+    if (!item) {
+      return;
+    }
+    instance.setItemInteraction(item);
+    instance.setHighlight({
+      seriesId: item.seriesId,
+      dataIndex: item.dataIndex
+    });
+  }
+  function onPointerLeave() {
+    if (!item) {
+      return;
+    }
+    instance.removeItemInteraction(item);
+    instance.clearHighlight();
+  }
+  return {
+    onPointerEnter,
+    onPointerLeave,
+    onPointerDown
+  };
+}

package/index.d.ts

@@ -23,6 +23,7 @@ export * from "./SparkLineChart/index.js";
 export * from "./Gauge/index.js";
 export * from "./RadarChart/index.js";
 export * from "./ChartsSurface/index.js";
-export * from "./ChartContainer/index.js";
+export { ChartContainer } from "./ChartContainer/index.js";
+export type { ChartContainerProps } from "./ChartContainer/index.js";
 export * from "./ChartDataProvider/index.js";
 export * from "./Toolbar/index.js";

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v8.6.0
+ * @mui/x-charts v8.8.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -10,9 +10,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {
+  ChartContainer: true
+};
+Object.defineProperty(exports, "ChartContainer", {
+  enumerable: true,
+  get: function () {
+    return _ChartContainer.ChartContainer;
+  }
+});
 var _constants = require("./constants");
 Object.keys(_constants).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _constants[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -24,6 +34,7 @@ Object.keys(_constants).forEach(function (key) {
 var _context = require("./context");
 Object.keys(_context).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _context[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -35,6 +46,7 @@ Object.keys(_context).forEach(function (key) {
 var _hooks = require("./hooks");
 Object.keys(_hooks).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _hooks[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -46,6 +58,7 @@ Object.keys(_hooks).forEach(function (key) {
 var _colorPalettes = require("./colorPalettes");
 Object.keys(_colorPalettes).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _colorPalettes[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -57,6 +70,7 @@ Object.keys(_colorPalettes).forEach(function (key) {
 var _models = require("./models");
 Object.keys(_models).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _models[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -68,6 +82,7 @@ Object.keys(_models).forEach(function (key) {
 var _ChartsClipPath = require("./ChartsClipPath");
 Object.keys(_ChartsClipPath).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _ChartsClipPath[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -79,6 +94,7 @@ Object.keys(_ChartsClipPath).forEach(function (key) {
 var _ChartsReferenceLine = require("./ChartsReferenceLine");
 Object.keys(_ChartsReferenceLine).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _ChartsReferenceLine[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -90,6 +106,7 @@ Object.keys(_ChartsReferenceLine).forEach(function (key) {
 var _ChartsAxis = require("./ChartsAxis");
 Object.keys(_ChartsAxis).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _ChartsAxis[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -101,6 +118,7 @@ Object.keys(_ChartsAxis).forEach(function (key) {
 var _ChartsXAxis = require("./ChartsXAxis");
 Object.keys(_ChartsXAxis).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _ChartsXAxis[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -112,6 +130,7 @@ Object.keys(_ChartsXAxis).forEach(function (key) {
 var _ChartsYAxis = require("./ChartsYAxis");
 Object.keys(_ChartsYAxis).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _ChartsYAxis[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -123,6 +142,7 @@ Object.keys(_ChartsYAxis).forEach(function (key) {
 var _ChartsGrid = require("./ChartsGrid");
 Object.keys(_ChartsGrid).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _ChartsGrid[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -134,6 +154,7 @@ Object.keys(_ChartsGrid).forEach(function (key) {
 var _ChartsText = require("./ChartsText");
 Object.keys(_ChartsText).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _ChartsText[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -145,6 +166,7 @@ Object.keys(_ChartsText).forEach(function (key) {
 var _ChartsTooltip = require("./ChartsTooltip");
 Object.keys(_ChartsTooltip).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _ChartsTooltip[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -156,6 +178,7 @@ Object.keys(_ChartsTooltip).forEach(function (key) {
 var _ChartsLabel = require("./ChartsLabel");
 Object.keys(_ChartsLabel).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _ChartsLabel[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -167,6 +190,7 @@ Object.keys(_ChartsLabel).forEach(function (key) {
 var _ChartsLegend = require("./ChartsLegend");
 Object.keys(_ChartsLegend).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _ChartsLegend[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -178,6 +202,7 @@ Object.keys(_ChartsLegend).forEach(function (key) {
 var _ChartsLocalizationProvider = require("./ChartsLocalizationProvider");
 Object.keys(_ChartsLocalizationProvider).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _ChartsLocalizationProvider[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -189,6 +214,7 @@ Object.keys(_ChartsLocalizationProvider).forEach(function (key) {
 var _ChartsAxisHighlight = require("./ChartsAxisHighlight");
 Object.keys(_ChartsAxisHighlight).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _ChartsAxisHighlight[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -200,6 +226,7 @@ Object.keys(_ChartsAxisHighlight).forEach(function (key) {
 var _BarChart = require("./BarChart");
 Object.keys(_BarChart).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _BarChart[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -211,6 +238,7 @@ Object.keys(_BarChart).forEach(function (key) {
 var _LineChart = require("./LineChart");
 Object.keys(_LineChart).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _LineChart[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -222,6 +250,7 @@ Object.keys(_LineChart).forEach(function (key) {
 var _PieChart = require("./PieChart");
 Object.keys(_PieChart).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _PieChart[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -233,6 +262,7 @@ Object.keys(_PieChart).forEach(function (key) {
 var _ScatterChart = require("./ScatterChart");
 Object.keys(_ScatterChart).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _ScatterChart[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -244,6 +274,7 @@ Object.keys(_ScatterChart).forEach(function (key) {
 var _SparkLineChart = require("./SparkLineChart");
 Object.keys(_SparkLineChart).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _SparkLineChart[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -255,6 +286,7 @@ Object.keys(_SparkLineChart).forEach(function (key) {
 var _Gauge = require("./Gauge");
 Object.keys(_Gauge).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _Gauge[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -266,6 +298,7 @@ Object.keys(_Gauge).forEach(function (key) {
 var _RadarChart = require("./RadarChart");
 Object.keys(_RadarChart).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _RadarChart[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -277,6 +310,7 @@ Object.keys(_RadarChart).forEach(function (key) {
 var _ChartsSurface = require("./ChartsSurface");
 Object.keys(_ChartsSurface).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _ChartsSurface[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -286,19 +320,10 @@ Object.keys(_ChartsSurface).forEach(function (key) {
   });
 });
 var _ChartContainer = require("./ChartContainer");
-Object.keys(_ChartContainer).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ChartContainer[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ChartContainer[key];
-    }
-  });
-});
 var _ChartDataProvider = require("./ChartDataProvider");
 Object.keys(_ChartDataProvider).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _ChartDataProvider[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -310,6 +335,7 @@ Object.keys(_ChartDataProvider).forEach(function (key) {
 var _Toolbar = require("./Toolbar");
 Object.keys(_Toolbar).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _Toolbar[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,

package/internals/constants.d.ts

@@ -1,8 +1,11 @@
 import type { ZoomSliderShowTooltip } from "./plugins/featurePlugins/useChartCartesianAxis/zoom.types.js";
 /** Margin in the opposite direction of the axis, i.e., horizontal if the axis is vertical and vice versa. */
 export declare const ZOOM_SLIDER_MARGIN = 4;
+/** Size of the zoom slider preview. */
+export declare const ZOOM_SLIDER_PREVIEW_SIZE = 40;
 /** Size reserved for the zoom slider. The actual size of the slider might be smaller. */
 export declare const DEFAULT_ZOOM_SLIDER_SIZE: number;
+export declare const DEFAULT_ZOOM_SLIDER_PREVIEW_SIZE: number;
 export declare const DEFAULT_ZOOM_SLIDER_SHOW_TOOLTIP: ZoomSliderShowTooltip;
 /** Default margin for pie charts. */
 export declare const DEFAULT_PIE_CHART_MARGIN: {

package/internals/constants.js

@@ -3,12 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ZOOM_SLIDER_MARGIN = exports.DEFAULT_ZOOM_SLIDER_SIZE = exports.DEFAULT_ZOOM_SLIDER_SHOW_TOOLTIP = exports.DEFAULT_PIE_CHART_MARGIN = void 0;
+exports.ZOOM_SLIDER_PREVIEW_SIZE = exports.ZOOM_SLIDER_MARGIN = exports.DEFAULT_ZOOM_SLIDER_SIZE = exports.DEFAULT_ZOOM_SLIDER_SHOW_TOOLTIP = exports.DEFAULT_ZOOM_SLIDER_PREVIEW_SIZE = exports.DEFAULT_PIE_CHART_MARGIN = void 0;
 /** Margin in the opposite direction of the axis, i.e., horizontal if the axis is vertical and vice versa. */
 const ZOOM_SLIDER_MARGIN = exports.ZOOM_SLIDER_MARGIN = 4;
 
+/** Size of the zoom slider preview. */
+const ZOOM_SLIDER_PREVIEW_SIZE = exports.ZOOM_SLIDER_PREVIEW_SIZE = 40;
+
 /** Size reserved for the zoom slider. The actual size of the slider might be smaller. */
 const DEFAULT_ZOOM_SLIDER_SIZE = exports.DEFAULT_ZOOM_SLIDER_SIZE = 20 + 2 * ZOOM_SLIDER_MARGIN;
+const DEFAULT_ZOOM_SLIDER_PREVIEW_SIZE = exports.DEFAULT_ZOOM_SLIDER_PREVIEW_SIZE = 40 + 2 * ZOOM_SLIDER_MARGIN;
 const DEFAULT_ZOOM_SLIDER_SHOW_TOOLTIP = exports.DEFAULT_ZOOM_SLIDER_SHOW_TOOLTIP = 'hover';
 
 /** Default margin for pie charts. */

package/internals/getLabel.d.ts

@@ -1 +1 @@
-export declare function getLabel<Location extends string>(value: string | ((location: Location) => string) | undefined, location: Location): string | undefined;
+export declare function getLabel<Location extends string>(value: string | ((location: Location) => string | undefined) | undefined, location: Location): string | undefined;