@mui/x-charts 8.21.0 → 8.22.0

package/esm/RadarChart/RadarDataProvider/RadarDataProvider.d.ts

@@ -1,9 +1,9 @@
-import { MakeOptional } from '@mui/x-internals/types';
-import { RadarChartPluginSignatures } from "../RadarChart.plugins.js";
-import { RadarSeriesType } from "../../models/seriesType/radar.js";
-import { ChartDataProviderProps } from "../../ChartDataProvider/index.js";
-import { RadarConfig } from "./radar.types.js";
-import { ChartAnyPluginSignature } from "../../internals/plugins/models/plugin.js";
+import { type MakeOptional } from '@mui/x-internals/types';
+import { type RadarChartPluginSignatures } from "../RadarChart.plugins.js";
+import { type RadarSeriesType } from "../../models/seriesType/radar.js";
+import { type ChartDataProviderProps } from "../../ChartDataProvider/index.js";
+import { type RadarConfig } from "./radar.types.js";
+import { type ChartAnyPluginSignature } from "../../internals/plugins/models/plugin.js";
 export type RadarSeries = MakeOptional<RadarSeriesType, 'type'>;
 export type RadarDataProviderProps<TSignatures extends readonly ChartAnyPluginSignature[] = RadarChartPluginSignatures> = Omit<ChartDataProviderProps<'radar', TSignatures>, 'series' | 'rotationAxis' | 'radiusAxis' | 'dataset' | 'experimentalFeatures'> & {
   /**

package/esm/RadarChart/RadarDataProvider/radar.types.d.ts

@@ -1,4 +1,4 @@
-import { ChartsRotationAxisProps } from "../../models/axis.js";
+import { type ChartsRotationAxisProps } from "../../models/axis.js";
 export interface MetricConfig {
   /**
    * The name of the metric.

package/esm/RadarChart/RadarGrid/CircularRadarGrid.d.ts

@@ -1,4 +1,4 @@
-import { RadarGridRenderProps } from "./RadarGrid.types.js";
+import { type RadarGridRenderProps } from "./RadarGrid.types.js";
 /**
  * @ignore - internal component.
  */

package/esm/RadarChart/RadarGrid/CircularRadarStripes.d.ts

@@ -1,4 +1,4 @@
-import { RadarGridStripeRenderProps } from "./RadarGrid.types.js";
+import { type RadarGridStripeRenderProps } from "./RadarGrid.types.js";
 /**
  * @ignore - internal component.
  */

package/esm/RadarChart/RadarGrid/RadarGrid.d.ts

@@ -1,4 +1,4 @@
-import { RadarGridProps } from "./RadarGrid.types.js";
+import { type RadarGridProps } from "./RadarGrid.types.js";
 declare function RadarGrid(props: RadarGridProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace RadarGrid {
   var propTypes: any;

package/esm/RadarChart/RadarGrid/RadarGrid.types.d.ts

@@ -1,4 +1,4 @@
-import { RadarGridClasses } from "./radarGridClasses.js";
+import { type RadarGridClasses } from "./radarGridClasses.js";
 export interface RadarGridProps {
   /**
    * The number of divisions in the radar grid.

package/esm/RadarChart/RadarGrid/SharpRadarGrid.d.ts

@@ -1,4 +1,4 @@
-import { RadarGridRenderProps } from "./RadarGrid.types.js";
+import { type RadarGridRenderProps } from "./RadarGrid.types.js";
 /**
  * @ignore - internal component.
  */

package/esm/RadarChart/RadarGrid/SharpRadarStripes.d.ts

@@ -1,4 +1,4 @@
-import { RadarGridStripeRenderProps } from "./RadarGrid.types.js";
+import { type RadarGridStripeRenderProps } from "./RadarGrid.types.js";
 /**
  * @ignore - internal component.
  */

package/esm/RadarChart/RadarSeriesPlot/RadarSeriesArea.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { RadarSeriesAreaProps } from "./RadarSeriesPlot.types.js";
-import { RadarSeriesPlotClasses } from "./radarSeriesPlotClasses.js";
-import { SeriesId } from "../../models/seriesType/common.js";
-import { HighlightItemData } from "../../internals/plugins/featurePlugins/useChartHighlight/index.js";
+import { type RadarSeriesAreaProps } from "./RadarSeriesPlot.types.js";
+import { type RadarSeriesPlotClasses } from "./radarSeriesPlotClasses.js";
+import { type SeriesId } from "../../models/seriesType/common.js";
+import { type HighlightItemData } from "../../internals/plugins/featurePlugins/useChartHighlight/index.js";
 interface GetPathPropsParams {
   seriesId: SeriesId;
   classes: RadarSeriesPlotClasses;

package/esm/RadarChart/RadarSeriesPlot/RadarSeriesMarks.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { RadarSeriesMarksProps } from "./RadarSeriesPlot.types.js";
-import { RadarSeriesPlotClasses } from "./radarSeriesPlotClasses.js";
-import { SeriesId } from "../../models/seriesType/common.js";
-import { HighlightItemData } from "../../internals/plugins/featurePlugins/useChartHighlight/index.js";
+import { type RadarSeriesMarksProps } from "./RadarSeriesPlot.types.js";
+import { type RadarSeriesPlotClasses } from "./radarSeriesPlotClasses.js";
+import { type SeriesId } from "../../models/seriesType/common.js";
+import { type HighlightItemData } from "../../internals/plugins/featurePlugins/useChartHighlight/index.js";
 interface GetCirclePropsParams {
   seriesId: SeriesId;
   classes: RadarSeriesPlotClasses;

package/esm/RadarChart/RadarSeriesPlot/RadarSeriesPlot.d.ts

@@ -1,4 +1,4 @@
-import { RadarSeriesPlotProps } from "./RadarSeriesPlot.types.js";
+import { type RadarSeriesPlotProps } from "./RadarSeriesPlot.types.js";
 declare function RadarSeriesPlot(props: RadarSeriesPlotProps): import("react/jsx-runtime").JSX.Element;
 declare namespace RadarSeriesPlot {
   var propTypes: any;

package/esm/RadarChart/RadarSeriesPlot/RadarSeriesPlot.types.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { RadarSeriesPlotClasses } from "./radarSeriesPlotClasses.js";
-import { RadarItemIdentifier } from "../../models/seriesType/radar.js";
+import type * as React from 'react';
+import { type RadarSeriesPlotClasses } from "./radarSeriesPlotClasses.js";
+import { type RadarItemIdentifier } from "../../models/seriesType/radar.js";
 interface CommonRadarSeriesPlotProps {
   /**
    * The id of the series to display.

package/esm/RadarChart/RadarSeriesPlot/useInteractionAllItemProps.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SeriesItemIdentifierWithData } from "../../models/seriesType/index.js";
+import { type SeriesItemIdentifierWithData } from "../../models/seriesType/index.js";
 export declare const useInteractionAllItemProps: (data: SeriesItemIdentifierWithData<"radar">[], skip?: boolean) => {
   onPointerEnter?: () => void;
   onPointerLeave?: () => void;

package/esm/RadarChart/RadarSeriesPlot/useRadarSeriesData.d.ts

@@ -1,4 +1,4 @@
-import { SeriesId } from "../../models/seriesType/common.js";
+import { type SeriesId } from "../../models/seriesType/common.js";
 /**
  * This hook provides all the data needed to display radar series.
  * @param querySeriesId The id of the series to display

package/esm/RadarChart/seriesConfig/extremums.d.ts

@@ -1,3 +1,3 @@
-import { PolarExtremumGetter } from "../../internals/plugins/models/seriesConfig/index.js";
+import { type PolarExtremumGetter } from "../../internals/plugins/models/seriesConfig/index.js";
 export declare const radiusExtremumGetter: PolarExtremumGetter<'radar'>;
 export declare const rotationExtremumGetter: PolarExtremumGetter<'radar'>;

package/esm/RadarChart/seriesConfig/getColor.d.ts

@@ -1,3 +1,3 @@
-import { ColorProcessor } from "../../internals/plugins/models/seriesConfig/index.js";
+import { type ColorProcessor } from "../../internals/plugins/models/seriesConfig/index.js";
 declare const getColor: ColorProcessor<'radar'>;
 export default getColor;

package/esm/RadarChart/seriesConfig/index.d.ts

@@ -1,2 +1,2 @@
-import { ChartSeriesTypeConfig } from "../../internals/plugins/models/seriesConfig/index.js";
+import { type ChartSeriesTypeConfig } from "../../internals/plugins/models/seriesConfig/index.js";
 export declare const radarSeriesConfig: ChartSeriesTypeConfig<'radar'>;

package/esm/RadarChart/seriesConfig/index.js

@@ -1,4 +1,4 @@
-import formatter from "./formatter.js";
+import seriesProcessor from "./seriesProcessor.js";
 import getColor from "./getColor.js";
 import { radiusExtremumGetter, rotationExtremumGetter } from "./extremums.js";
 import legendGetter from "./legend.js";
@@ -7,7 +7,7 @@ import getSeriesWithDefaultValues from "./getSeriesWithDefaultValues.js";
 import tooltipItemPositionGetter from "./tooltipPosition.js";
 export const radarSeriesConfig = {
   colorProcessor: getColor,
-  seriesProcessor: formatter,
+  seriesProcessor,
   legendGetter,
   tooltipGetter,
   tooltipItemPositionGetter,

package/esm/RadarChart/seriesConfig/legend.d.ts

@@ -1,3 +1,3 @@
-import { LegendGetter } from "../../internals/plugins/models/seriesConfig/index.js";
+import { type LegendGetter } from "../../internals/plugins/models/seriesConfig/index.js";
 declare const legendGetter: LegendGetter<'radar'>;
 export default legendGetter;

package/esm/RadarChart/seriesConfig/seriesProcessor.d.ts

@@ -0,0 +1,3 @@
+import { type SeriesProcessor } from "../../internals/plugins/models/seriesConfig/index.js";
+declare const seriesProcessor: SeriesProcessor<'radar'>;
+export default seriesProcessor;

package/esm/RadarChart/seriesConfig/seriesProcessor.js

@@ -0,0 +1,22 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+const defaultRadarValueFormatter = v => v == null ? '' : v.toLocaleString();
+const seriesProcessor = (params, _) => {
+  const {
+    seriesOrder,
+    series: seriesMap
+  } = params;
+  const completedSeries = {};
+  seriesOrder.forEach(seriesId => {
+    const series = seriesMap[seriesId];
+    completedSeries[seriesId] = _extends({
+      labelMarkType: 'square'
+    }, series, {
+      valueFormatter: series.valueFormatter ?? defaultRadarValueFormatter
+    });
+  });
+  return {
+    seriesOrder,
+    series: completedSeries
+  };
+};
+export default seriesProcessor;

package/esm/RadarChart/useRadarChartProps.d.ts

@@ -1,12 +1,12 @@
 import type { RadarChartProps } from "./RadarChart.js";
-import { ChartsOverlayProps } from "../ChartsOverlay/index.js";
-import { ChartsLegendSlotExtension } from "../ChartsLegend/index.js";
+import { type ChartsOverlayProps } from "../ChartsOverlay/index.js";
+import { type ChartsLegendSlotExtension } from "../ChartsLegend/index.js";
 import type { ChartsWrapperProps } from "../ChartsWrapper/index.js";
-import { RadarDataProviderProps } from "./RadarDataProvider/RadarDataProvider.js";
-import { ChartsSurfaceProps } from "../ChartsSurface/index.js";
-import { RadarGridProps } from "./RadarGrid/index.js";
-import { RadarChartPluginSignatures } from "./RadarChart.plugins.js";
-import { RadarSeriesAreaProps, RadarSeriesMarksProps } from "./RadarSeriesPlot/index.js";
+import { type RadarDataProviderProps } from "./RadarDataProvider/RadarDataProvider.js";
+import { type ChartsSurfaceProps } from "../ChartsSurface/index.js";
+import { type RadarGridProps } from "./RadarGrid/index.js";
+import { type RadarChartPluginSignatures } from "./RadarChart.plugins.js";
+import { type RadarSeriesAreaProps, type RadarSeriesMarksProps } from "./RadarSeriesPlot/index.js";
 /**
  * A helper function that extracts RadarChartProps from the input props
  * and returns an object with props for the children components of RadarChart.

package/esm/RadarChart/useRadarChartProps.js

@@ -2,6 +2,7 @@
 
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["apiRef", "series", "radar", "width", "height", "margin", "colors", "sx", "children", "slots", "slotProps", "skipAnimation", "loading", "highlightedItem", "onHighlightChange", "hideLegend", "divisions", "shape", "stripeColor", "highlight", "showToolbar", "onAxisClick", "onAreaClick", "onMarkClick"];
+import { RADAR_PLUGINS } from "./RadarChart.plugins.js";
 /**
  * A helper function that extracts RadarChartProps from the input props
  * and returns an object with props for the children components of RadarChart.
@@ -47,7 +48,8 @@ export const useRadarChartProps = props => {
     highlightedItem,
     onHighlightChange,
     skipAnimation,
-    onAxisClick
+    onAxisClick,
+    plugins: props.plugins ?? RADAR_PLUGINS
   };
   const overlayProps = {
     slots,

package/esm/ScatterChart/BatchScatter.d.ts

@@ -1,7 +1,7 @@
-import { DefaultizedScatterSeriesType } from "../models/seriesType/scatter.js";
-import { D3Scale } from "../models/axis.js";
-import { ScatterClasses } from "./scatterClasses.js";
-import { ColorGetter } from "../internals/plugins/models/seriesConfig/index.js";
+import { type DefaultizedScatterSeriesType } from "../models/seriesType/scatter.js";
+import { type D3Scale } from "../models/axis.js";
+import { type ScatterClasses } from "./scatterClasses.js";
+import { type ColorGetter } from "../internals/plugins/models/seriesConfig/index.js";
 export interface BatchScatterProps {
   series: DefaultizedScatterSeriesType;
   xScale: D3Scale;

package/esm/ScatterChart/FocusedScatterMark.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare function FocusedScatterMark(props: React.SVGAttributes<SVGRectElement>): import("react/jsx-runtime").JSX.Element | null;

package/esm/ScatterChart/FocusedScatterMark.js

@@ -0,0 +1,44 @@
+'use client';
+
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import { useTheme } from '@mui/material/styles';
+import { useFocusedItem } from "../hooks/useFocusedItem.js";
+import { getValueToPositionMapper, useScatterSeriesContext, useXAxes, useYAxes } from "../hooks/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function FocusedScatterMark(props) {
+  const theme = useTheme();
+  const focusedItem = useFocusedItem();
+  const scatterSeries = useScatterSeriesContext();
+  const {
+    xAxis,
+    xAxisIds
+  } = useXAxes();
+  const {
+    yAxis,
+    yAxisIds
+  } = useYAxes();
+  if (focusedItem === null || focusedItem.seriesType !== 'scatter' || !scatterSeries) {
+    return null;
+  }
+  const series = scatterSeries?.series[focusedItem.seriesId];
+  const xAxisId = series.xAxisId ?? xAxisIds[0];
+  const yAxisId = series.yAxisId ?? yAxisIds[0];
+  const getXPosition = getValueToPositionMapper(xAxis[xAxisId].scale);
+  const getYPosition = getValueToPositionMapper(yAxis[yAxisId].scale);
+  const scatterPoint = series.data[focusedItem.dataIndex];
+  const x = getXPosition(scatterPoint.x);
+  const y = getYPosition(scatterPoint.y);
+  const size = series.markerSize + 3;
+  return /*#__PURE__*/_jsx("rect", _extends({
+    fill: "none",
+    stroke: (theme.vars ?? theme).palette.text.primary,
+    strokeWidth: 2,
+    x: x - size,
+    y: y - size,
+    width: 2 * size,
+    height: 2 * size,
+    rx: 3,
+    ry: 3
+  }, props));
+}

package/esm/ScatterChart/Scatter.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { ScatterMarkerSlotProps, ScatterMarkerSlots } from "./ScatterMarker.types.js";
-import { DefaultizedScatterSeriesType, ScatterItemIdentifier } from "../models/seriesType/scatter.js";
-import { D3Scale } from "../models/axis.js";
-import { ColorGetter } from "../internals/plugins/models/seriesConfig/index.js";
-import { ScatterClasses } from "./scatterClasses.js";
+import { type ScatterMarkerSlotProps, type ScatterMarkerSlots } from "./ScatterMarker.types.js";
+import { type DefaultizedScatterSeriesType, type ScatterItemIdentifier } from "../models/seriesType/scatter.js";
+import { type D3Scale } from "../models/axis.js";
+import { type ColorGetter } from "../internals/plugins/models/seriesConfig/index.js";
+import { type ScatterClasses } from "./scatterClasses.js";
 export interface ScatterProps {
   series: DefaultizedScatterSeriesType;
   xScale: D3Scale;

package/esm/ScatterChart/Scatter.js

@@ -15,7 +15,6 @@ import { ScatterMarker } from "./ScatterMarker.js";
 import { useUtilityClasses } from "./scatterClasses.js";
 import { useScatterPlotData } from "./useScatterPlotData.js";
 import { useChartContext } from "../context/ChartProvider/index.js";
-import { useIsItemFocusedGetter } from "../hooks/useIsItemFocusedGetter.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Demos:
@@ -48,7 +47,6 @@ function Scatter(props) {
     isFaded,
     isHighlighted
   } = useItemHighlightedGetter();
-  const isFocused = useIsItemFocusedGetter();
   const scatterPlotData = useScatterPlotData(series, xScale, yScale, instance.isPointInside);
   const Marker = slots?.marker ?? ScatterMarker;
   const _useSlotProps = useSlotProps({
@@ -68,11 +66,6 @@ function Scatter(props) {
     children: scatterPlotData.map(dataPoint => {
       const isItemHighlighted = isHighlighted(dataPoint);
       const isItemFaded = !isItemHighlighted && isFaded(dataPoint);
-      const isItemFocused = isFocused({
-        seriesType: 'scatter',
-        seriesId: series.id,
-        dataIndex: dataPoint.dataIndex
-      });
       return /*#__PURE__*/_jsx(Marker, _extends({
         dataIndex: dataPoint.dataIndex,
         color: colorGetter(dataPoint.dataIndex),
@@ -86,8 +79,7 @@ function Scatter(props) {
           dataIndex: dataPoint.dataIndex
         })),
         "data-highlighted": isItemHighlighted || undefined,
-        "data-faded": isItemFaded || undefined,
-        "data-focused": isItemFocused || undefined
+        "data-faded": isItemFaded || undefined
       }, skipInteractionHandlers ? undefined : getInteractionItemProps(instance, dataPoint), markerProps), dataPoint.id ?? dataPoint.dataIndex);
     })
   });

package/esm/ScatterChart/ScatterChart.d.ts

@@ -1,20 +1,20 @@
 import * as React from 'react';
-import { MakeOptional } from '@mui/x-internals/types';
-import { ChartsToolbarSlotProps, ChartsToolbarSlots } from "../Toolbar/index.js";
-import { ChartsSlots, ChartsSlotProps } from "../internals/material/index.js";
-import { ScatterPlotProps, ScatterPlotSlotProps, ScatterPlotSlots } from "./ScatterPlot.js";
-import { ChartContainerProps } from "../ChartContainer/index.js";
-import { ChartsAxisProps } from "../ChartsAxis/index.js";
-import { ScatterSeriesType } from "../models/seriesType/scatter.js";
-import { ChartsTooltipProps } from "../ChartsTooltip/index.js";
-import { ChartsTooltipSlots, ChartsTooltipSlotProps } from "../ChartsTooltip/ChartTooltip.types.js";
-import { ChartsLegendSlotProps, ChartsLegendSlots } from "../ChartsLegend/index.js";
-import { ChartsOverlayProps, ChartsOverlaySlotProps, ChartsOverlaySlots } from "../ChartsOverlay/index.js";
-import { ChartsAxisHighlightProps } from "../ChartsAxisHighlight/index.js";
-import { ChartsAxisSlots, ChartsAxisSlotProps } from "../models/axis.js";
-import { ChartsGridProps } from "../ChartsGrid/index.js";
-import { UseChartClosestPointSignature } from "../internals/plugins/featurePlugins/useChartClosestPoint/index.js";
-import { ScatterChartPluginSignatures } from "./ScatterChart.plugins.js";
+import { type MakeOptional } from '@mui/x-internals/types';
+import { type ChartsToolbarSlotProps, type ChartsToolbarSlots } from "../Toolbar/index.js";
+import { type ChartsSlots, type ChartsSlotProps } from "../internals/material/index.js";
+import { type ScatterPlotProps, type ScatterPlotSlotProps, type ScatterPlotSlots } from "./ScatterPlot.js";
+import { type ChartContainerProps } from "../ChartContainer/index.js";
+import { type ChartsAxisProps } from "../ChartsAxis/index.js";
+import { type ScatterSeriesType } from "../models/seriesType/scatter.js";
+import { type ChartsTooltipProps } from "../ChartsTooltip/index.js";
+import { type ChartsTooltipSlots, type ChartsTooltipSlotProps } from "../ChartsTooltip/ChartTooltip.types.js";
+import { type ChartsLegendSlotProps, type ChartsLegendSlots } from "../ChartsLegend/index.js";
+import { type ChartsOverlayProps, type ChartsOverlaySlotProps, type ChartsOverlaySlots } from "../ChartsOverlay/index.js";
+import { type ChartsAxisHighlightProps } from "../ChartsAxisHighlight/index.js";
+import { type ChartsAxisSlots, type ChartsAxisSlotProps } from "../models/axis.js";
+import { type ChartsGridProps } from "../ChartsGrid/index.js";
+import type { UseChartClosestPointSignature } from "../internals/plugins/featurePlugins/useChartClosestPoint/index.js";
+import type { ScatterChartPluginSignatures } from "./ScatterChart.plugins.js";
 export interface ScatterChartSlots extends ChartsAxisSlots, ScatterPlotSlots, ChartsLegendSlots, ChartsOverlaySlots, ChartsTooltipSlots, ChartsToolbarSlots, Partial<ChartsSlots> {}
 export interface ScatterChartSlotProps extends ChartsAxisSlotProps, ScatterPlotSlotProps, ChartsLegendSlotProps, ChartsOverlaySlotProps, Omit<ChartsTooltipSlotProps, 'tooltip'>, ChartsToolbarSlotProps, Partial<ChartsSlotProps> {
   /**

package/esm/ScatterChart/ScatterChart.js

@@ -16,6 +16,7 @@ import { useChartContainerProps } from "../ChartContainer/useChartContainerProps
 import { ChartDataProvider } from "../ChartDataProvider/index.js";
 import { ChartsSurface } from "../ChartsSurface/index.js";
 import { ChartsWrapper } from "../ChartsWrapper/index.js";
+import { FocusedScatterMark } from "./FocusedScatterMark.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Demos:
@@ -55,7 +56,7 @@ const ScatterChart = /*#__PURE__*/React.forwardRef(function ScatterChart(inProps
         children: [/*#__PURE__*/_jsx(ChartsAxis, _extends({}, chartsAxisProps)), /*#__PURE__*/_jsx(ChartsGrid, _extends({}, gridProps)), /*#__PURE__*/_jsx("g", {
           "data-drawing-container": true,
           children: /*#__PURE__*/_jsx(ScatterPlot, _extends({}, scatterPlotProps))
-        }), /*#__PURE__*/_jsx(ChartsOverlay, _extends({}, overlayProps)), /*#__PURE__*/_jsx(ChartsAxisHighlight, _extends({}, axisHighlightProps)), children]
+        }), /*#__PURE__*/_jsx(ChartsOverlay, _extends({}, overlayProps)), /*#__PURE__*/_jsx(ChartsAxisHighlight, _extends({}, axisHighlightProps)), /*#__PURE__*/_jsx(FocusedScatterMark, {}), children]
       })), !props.loading && /*#__PURE__*/_jsx(Tooltip, _extends({
         trigger: "item"
       }, props.slotProps?.tooltip))]
@@ -269,6 +270,11 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
     label: PropTypes.string,
     labelStyle: PropTypes.object,
     offset: PropTypes.number,
+    ordinalTimeTicks: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf(['biweekly', 'days', 'hours', 'months', 'quarterly', 'weeks', 'years']), PropTypes.shape({
+      format: PropTypes.func.isRequired,
+      getTickNumber: PropTypes.func.isRequired,
+      isTick: PropTypes.func.isRequired
+    })]).isRequired),
     position: PropTypes.oneOf(['bottom', 'none', 'top']),
     reverse: PropTypes.bool,
     scaleType: PropTypes.oneOf(['band']),
@@ -322,6 +328,11 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
     label: PropTypes.string,
     labelStyle: PropTypes.object,
     offset: PropTypes.number,
+    ordinalTimeTicks: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf(['biweekly', 'days', 'hours', 'months', 'quarterly', 'weeks', 'years']), PropTypes.shape({
+      format: PropTypes.func.isRequired,
+      getTickNumber: PropTypes.func.isRequired,
+      isTick: PropTypes.func.isRequired
+    })]).isRequired),
     position: PropTypes.oneOf(['bottom', 'none', 'top']),
     reverse: PropTypes.bool,
     scaleType: PropTypes.oneOf(['point']),
@@ -706,6 +717,11 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
     label: PropTypes.string,
     labelStyle: PropTypes.object,
     offset: PropTypes.number,
+    ordinalTimeTicks: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf(['biweekly', 'days', 'hours', 'months', 'quarterly', 'weeks', 'years']), PropTypes.shape({
+      format: PropTypes.func.isRequired,
+      getTickNumber: PropTypes.func.isRequired,
+      isTick: PropTypes.func.isRequired
+    })]).isRequired),
     position: PropTypes.oneOf(['left', 'none', 'right']),
     reverse: PropTypes.bool,
     scaleType: PropTypes.oneOf(['band']),
@@ -758,6 +774,11 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
     label: PropTypes.string,
     labelStyle: PropTypes.object,
     offset: PropTypes.number,
+    ordinalTimeTicks: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf(['biweekly', 'days', 'hours', 'months', 'quarterly', 'weeks', 'years']), PropTypes.shape({
+      format: PropTypes.func.isRequired,
+      getTickNumber: PropTypes.func.isRequired,
+      isTick: PropTypes.func.isRequired
+    })]).isRequired),
     position: PropTypes.oneOf(['left', 'none', 'right']),
     reverse: PropTypes.bool,
     scaleType: PropTypes.oneOf(['point']),

package/esm/ScatterChart/ScatterChart.plugins.d.ts

@@ -1,10 +1,11 @@
-import { UseChartZAxisSignature } from "../internals/plugins/featurePlugins/useChartZAxis/index.js";
-import { UseChartCartesianAxisSignature } from "../internals/plugins/featurePlugins/useChartCartesianAxis/index.js";
-import { UseChartInteractionSignature } from "../internals/plugins/featurePlugins/useChartInteraction/index.js";
-import { UseChartHighlightSignature } from "../internals/plugins/featurePlugins/useChartHighlight/index.js";
-import { ConvertSignaturesIntoPlugins } from "../internals/plugins/models/helpers.js";
-import { UseChartClosestPointSignature } from "../internals/plugins/featurePlugins/useChartClosestPoint/index.js";
-import { UseChartKeyboardNavigationSignature } from "../internals/plugins/featurePlugins/useChartKeyboardNavigation/index.js";
-import { UseChartBrushSignature } from "../internals/plugins/featurePlugins/useChartBrush/index.js";
-export type ScatterChartPluginSignatures = [UseChartZAxisSignature, UseChartBrushSignature, UseChartInteractionSignature, UseChartCartesianAxisSignature<'scatter'>, UseChartHighlightSignature, UseChartClosestPointSignature, UseChartKeyboardNavigationSignature];
+import { type UseChartZAxisSignature } from "../internals/plugins/featurePlugins/useChartZAxis/index.js";
+import { type UseChartCartesianAxisSignature } from "../internals/plugins/featurePlugins/useChartCartesianAxis/index.js";
+import { type UseChartTooltipSignature } from "../internals/plugins/featurePlugins/useChartTooltip/index.js";
+import { type UseChartInteractionSignature } from "../internals/plugins/featurePlugins/useChartInteraction/index.js";
+import { type UseChartHighlightSignature } from "../internals/plugins/featurePlugins/useChartHighlight/index.js";
+import { type ConvertSignaturesIntoPlugins } from "../internals/plugins/models/helpers.js";
+import { type UseChartClosestPointSignature } from "../internals/plugins/featurePlugins/useChartClosestPoint/index.js";
+import { type UseChartKeyboardNavigationSignature } from "../internals/plugins/featurePlugins/useChartKeyboardNavigation/index.js";
+import { type UseChartBrushSignature } from "../internals/plugins/featurePlugins/useChartBrush/index.js";
+export type ScatterChartPluginSignatures = [UseChartZAxisSignature, UseChartBrushSignature, UseChartTooltipSignature, UseChartInteractionSignature, UseChartCartesianAxisSignature<'scatter'>, UseChartHighlightSignature, UseChartClosestPointSignature, UseChartKeyboardNavigationSignature];
 export declare const SCATTER_CHART_PLUGINS: ConvertSignaturesIntoPlugins<ScatterChartPluginSignatures>;

package/esm/ScatterChart/ScatterChart.plugins.js

@@ -1,8 +1,9 @@
 import { useChartZAxis } from "../internals/plugins/featurePlugins/useChartZAxis/index.js";
 import { useChartCartesianAxis } from "../internals/plugins/featurePlugins/useChartCartesianAxis/index.js";
+import { useChartTooltip } from "../internals/plugins/featurePlugins/useChartTooltip/index.js";
 import { useChartInteraction } from "../internals/plugins/featurePlugins/useChartInteraction/index.js";
 import { useChartHighlight } from "../internals/plugins/featurePlugins/useChartHighlight/index.js";
 import { useChartClosestPoint } from "../internals/plugins/featurePlugins/useChartClosestPoint/index.js";
 import { useChartKeyboardNavigation } from "../internals/plugins/featurePlugins/useChartKeyboardNavigation/index.js";
 import { useChartBrush } from "../internals/plugins/featurePlugins/useChartBrush/index.js";
-export const SCATTER_CHART_PLUGINS = [useChartZAxis, useChartBrush, useChartInteraction, useChartCartesianAxis, useChartHighlight, useChartClosestPoint, useChartKeyboardNavigation];
+export const SCATTER_CHART_PLUGINS = [useChartZAxis, useChartBrush, useChartTooltip, useChartInteraction, useChartCartesianAxis, useChartHighlight, useChartClosestPoint, useChartKeyboardNavigation];

package/esm/ScatterChart/ScatterMarker.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SeriesId } from "../models/seriesType/common.js";
+import { type SeriesId } from "../models/seriesType/common.js";
 export interface ScatterMarkerProps {
   /**
    * The series ID.

package/esm/ScatterChart/ScatterMarker.types.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { ScatterMarkerProps } from "./ScatterMarker.js";
 export interface ScatterMarkerSlots {
   /**

package/esm/ScatterChart/ScatterPlot.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ScatterProps, ScatterSlotProps, ScatterSlots } from "./Scatter.js";
+import { type ScatterProps, type ScatterSlotProps, type ScatterSlots } from "./Scatter.js";
 export interface ScatterPlotSlots extends ScatterSlots {
   scatter?: React.JSXElementConstructor<ScatterProps>;
 }

package/esm/ScatterChart/index.d.ts

@@ -3,6 +3,7 @@ export * from "./ScatterPlot.js";
 export * from "./Scatter.js";
 export * from "./ScatterMarker.types.js";
 export * from "./ScatterMarker.js";
+export * from "./FocusedScatterMark.js";
 export * from "./ScatterChart.plugins.js";
 export type { ScatterClasses } from "./scatterClasses.js";
 export { scatterClasses } from "./scatterClasses.js";

package/esm/ScatterChart/index.js

@@ -3,5 +3,6 @@ export * from "./ScatterPlot.js";
 export * from "./Scatter.js";
 export * from "./ScatterMarker.types.js";
 export * from "./ScatterMarker.js";
+export * from "./FocusedScatterMark.js";
 export * from "./ScatterChart.plugins.js";
 export { scatterClasses } from "./scatterClasses.js";

package/esm/ScatterChart/seriesConfig/extremums.d.ts

@@ -1,3 +1,3 @@
-import { CartesianExtremumGetter } from "../../internals/plugins/models/seriesConfig/index.js";
+import { type CartesianExtremumGetter } from "../../internals/plugins/models/seriesConfig/index.js";
 export declare const getExtremumX: CartesianExtremumGetter<'scatter'>;
 export declare const getExtremumY: CartesianExtremumGetter<'scatter'>;

package/esm/ScatterChart/seriesConfig/getColor.d.ts

@@ -1,3 +1,3 @@
-import { ColorProcessor } from "../../internals/plugins/models/index.js";
+import { type ColorProcessor } from "../../internals/plugins/models/index.js";
 declare const getColor: ColorProcessor<'scatter'>;
 export default getColor;

package/esm/ScatterChart/seriesConfig/index.d.ts

@@ -1,2 +1,2 @@
-import { ChartSeriesTypeConfig } from "../../internals/plugins/models/seriesConfig/index.js";
+import { type ChartSeriesTypeConfig } from "../../internals/plugins/models/seriesConfig/index.js";
 export declare const scatterSeriesConfig: ChartSeriesTypeConfig<'scatter'>;

package/esm/ScatterChart/seriesConfig/legend.d.ts

@@ -1,3 +1,3 @@
-import { LegendGetter } from "../../internals/plugins/models/index.js";
+import { type LegendGetter } from "../../internals/plugins/models/index.js";
 declare const legendGetter: LegendGetter<'scatter'>;
 export default legendGetter;

package/esm/ScatterChart/seriesConfig/seriesProcessor.d.ts

@@ -1,3 +1,3 @@
-import { SeriesProcessor } from "../../internals/plugins/models/index.js";
+import { type SeriesProcessor } from "../../internals/plugins/models/index.js";
 declare const seriesProcessor: SeriesProcessor<'scatter'>;
 export default seriesProcessor;

package/esm/ScatterChart/useScatterChartProps.d.ts

@@ -1,14 +1,14 @@
 import * as React from 'react';
-import { ChartsAxisProps } from "../ChartsAxis/index.js";
-import { ChartsAxisHighlightProps } from "../ChartsAxisHighlight/index.js";
-import { ChartsGridProps } from "../ChartsGrid/index.js";
-import { ChartsLegendSlotExtension } from "../ChartsLegend/index.js";
-import { ChartsOverlayProps } from "../ChartsOverlay/index.js";
-import { ChartContainerProps } from "../ChartContainer/index.js";
+import { type ChartsAxisProps } from "../ChartsAxis/index.js";
+import { type ChartsAxisHighlightProps } from "../ChartsAxisHighlight/index.js";
+import { type ChartsGridProps } from "../ChartsGrid/index.js";
+import { type ChartsLegendSlotExtension } from "../ChartsLegend/index.js";
+import { type ChartsOverlayProps } from "../ChartsOverlay/index.js";
+import { type ChartContainerProps } from "../ChartContainer/index.js";
 import type { ScatterChartProps } from "./ScatterChart.js";
 import type { ScatterPlotProps } from "./ScatterPlot.js";
 import type { ChartsWrapperProps } from "../ChartsWrapper/index.js";
-import { ScatterChartPluginSignatures } from "./ScatterChart.plugins.js";
+import { type ScatterChartPluginSignatures } from "./ScatterChart.plugins.js";
 /**
  * A helper function that extracts ScatterChartProps from the input props
  * and returns an object with props for the children components of ScatterChart.

package/esm/ScatterChart/useScatterPlotData.d.ts

@@ -1,6 +1,6 @@
-import { SeriesId } from "../models/seriesType/common.js";
-import { D3Scale } from "../models/axis.js";
-import { DefaultizedScatterSeriesType, ScatterValueType } from "../models/index.js";
+import { type SeriesId } from "../models/seriesType/common.js";
+import { type D3Scale } from "../models/axis.js";
+import { type DefaultizedScatterSeriesType, type ScatterValueType } from "../models/index.js";
 export declare function useScatterPlotData(series: DefaultizedScatterSeriesType, xScale: D3Scale, yScale: D3Scale, isPointInside: (x: number, y: number) => boolean): (ScatterValueType & {
   dataIndex: number;
   seriesId: SeriesId;