@mui/x-charts 8.21.0 → 8.22.1

package/ScatterChart/FocusedScatterMark.js

@@ -0,0 +1,51 @@
+"use strict";
+'use client';
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FocusedScatterMark = FocusedScatterMark;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _styles = require("@mui/material/styles");
+var _useFocusedItem = require("../hooks/useFocusedItem");
+var _hooks = require("../hooks");
+var _jsxRuntime = require("react/jsx-runtime");
+function FocusedScatterMark(props) {
+  const theme = (0, _styles.useTheme)();
+  const focusedItem = (0, _useFocusedItem.useFocusedItem)();
+  const scatterSeries = (0, _hooks.useScatterSeriesContext)();
+  const {
+    xAxis,
+    xAxisIds
+  } = (0, _hooks.useXAxes)();
+  const {
+    yAxis,
+    yAxisIds
+  } = (0, _hooks.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 = (0, _hooks.getValueToPositionMapper)(xAxis[xAxisId].scale);
+  const getYPosition = (0, _hooks.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__*/(0, _jsxRuntime.jsx)("rect", (0, _extends2.default)({
+    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/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/ScatterChart/Scatter.js

@@ -14,14 +14,12 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _useSlotProps2 = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _useInteractionItemProps = require("../hooks/useInteractionItemProps");
 var _useStore = require("../internals/store/useStore");
-var _useSelector = require("../internals/store/useSelector");
 var _useItemHighlightedGetter = require("../hooks/useItemHighlightedGetter");
 var _useChartClosestPoint = require("../internals/plugins/featurePlugins/useChartClosestPoint");
 var _ScatterMarker = require("./ScatterMarker");
 var _scatterClasses = require("./scatterClasses");
 var _useScatterPlotData = require("./useScatterPlotData");
 var _ChartProvider = require("../context/ChartProvider");
-var _useIsItemFocusedGetter = require("../hooks/useIsItemFocusedGetter");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["ownerState"];
 /**
@@ -49,13 +47,12 @@ function Scatter(props) {
     instance
   } = (0, _ChartProvider.useChartContext)();
   const store = (0, _useStore.useStore)();
-  const isVoronoiEnabled = (0, _useSelector.useSelector)(store, _useChartClosestPoint.selectorChartsIsVoronoiEnabled);
+  const isVoronoiEnabled = store.use(_useChartClosestPoint.selectorChartsIsVoronoiEnabled);
   const skipInteractionHandlers = isVoronoiEnabled || series.disableHover;
   const {
     isFaded,
     isHighlighted
   } = (0, _useItemHighlightedGetter.useItemHighlightedGetter)();
-  const isFocused = (0, _useIsItemFocusedGetter.useIsItemFocusedGetter)();
   const scatterPlotData = (0, _useScatterPlotData.useScatterPlotData)(series, xScale, yScale, instance.isPointInside);
   const Marker = slots?.marker ?? _ScatterMarker.ScatterMarker;
   const _useSlotProps = (0, _useSlotProps2.default)({
@@ -75,11 +72,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__*/(0, _jsxRuntime.jsx)(Marker, (0, _extends2.default)({
         dataIndex: dataPoint.dataIndex,
         color: colorGetter(dataPoint.dataIndex),
@@ -93,8 +85,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 : (0, _useInteractionItemProps.getInteractionItemProps)(instance, dataPoint), markerProps), dataPoint.id ?? dataPoint.dataIndex);
     })
   });

package/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/ScatterChart/ScatterChart.js

@@ -23,6 +23,7 @@ var _useChartContainerProps = require("../ChartContainer/useChartContainerProps"
 var _ChartDataProvider = require("../ChartDataProvider");
 var _ChartsSurface = require("../ChartsSurface");
 var _ChartsWrapper = require("../ChartsWrapper");
+var _FocusedScatterMark = require("./FocusedScatterMark");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Demos:
@@ -62,7 +63,7 @@ const ScatterChart = exports.ScatterChart = /*#__PURE__*/React.forwardRef(functi
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsAxis.ChartsAxis, (0, _extends2.default)({}, chartsAxisProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsGrid.ChartsGrid, (0, _extends2.default)({}, gridProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
           "data-drawing-container": true,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScatterPlot.ScatterPlot, (0, _extends2.default)({}, scatterPlotProps))
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsOverlay.ChartsOverlay, (0, _extends2.default)({}, overlayProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsAxisHighlight.ChartsAxisHighlight, (0, _extends2.default)({}, axisHighlightProps)), children]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsOverlay.ChartsOverlay, (0, _extends2.default)({}, overlayProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsAxisHighlight.ChartsAxisHighlight, (0, _extends2.default)({}, axisHighlightProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FocusedScatterMark.FocusedScatterMark, {}), children]
       })), !props.loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(Tooltip, (0, _extends2.default)({
         trigger: "item"
       }, props.slotProps?.tooltip))]
@@ -276,6 +277,11 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
     label: _propTypes.default.string,
     labelStyle: _propTypes.default.object,
     offset: _propTypes.default.number,
+    ordinalTimeTicks: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(['biweekly', 'days', 'hours', 'months', 'quarterly', 'weeks', 'years']), _propTypes.default.shape({
+      format: _propTypes.default.func.isRequired,
+      getTickNumber: _propTypes.default.func.isRequired,
+      isTick: _propTypes.default.func.isRequired
+    })]).isRequired),
     position: _propTypes.default.oneOf(['bottom', 'none', 'top']),
     reverse: _propTypes.default.bool,
     scaleType: _propTypes.default.oneOf(['band']),
@@ -329,6 +335,11 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
     label: _propTypes.default.string,
     labelStyle: _propTypes.default.object,
     offset: _propTypes.default.number,
+    ordinalTimeTicks: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(['biweekly', 'days', 'hours', 'months', 'quarterly', 'weeks', 'years']), _propTypes.default.shape({
+      format: _propTypes.default.func.isRequired,
+      getTickNumber: _propTypes.default.func.isRequired,
+      isTick: _propTypes.default.func.isRequired
+    })]).isRequired),
     position: _propTypes.default.oneOf(['bottom', 'none', 'top']),
     reverse: _propTypes.default.bool,
     scaleType: _propTypes.default.oneOf(['point']),
@@ -713,6 +724,11 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
     label: _propTypes.default.string,
     labelStyle: _propTypes.default.object,
     offset: _propTypes.default.number,
+    ordinalTimeTicks: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(['biweekly', 'days', 'hours', 'months', 'quarterly', 'weeks', 'years']), _propTypes.default.shape({
+      format: _propTypes.default.func.isRequired,
+      getTickNumber: _propTypes.default.func.isRequired,
+      isTick: _propTypes.default.func.isRequired
+    })]).isRequired),
     position: _propTypes.default.oneOf(['left', 'none', 'right']),
     reverse: _propTypes.default.bool,
     scaleType: _propTypes.default.oneOf(['band']),
@@ -765,6 +781,11 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
     label: _propTypes.default.string,
     labelStyle: _propTypes.default.object,
     offset: _propTypes.default.number,
+    ordinalTimeTicks: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(['biweekly', 'days', 'hours', 'months', 'quarterly', 'weeks', 'years']), _propTypes.default.shape({
+      format: _propTypes.default.func.isRequired,
+      getTickNumber: _propTypes.default.func.isRequired,
+      isTick: _propTypes.default.func.isRequired
+    })]).isRequired),
     position: _propTypes.default.oneOf(['left', 'none', 'right']),
     reverse: _propTypes.default.bool,
     scaleType: _propTypes.default.oneOf(['point']),

package/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/ScatterChart/ScatterChart.plugins.js

@@ -6,9 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.SCATTER_CHART_PLUGINS = void 0;
 var _useChartZAxis = require("../internals/plugins/featurePlugins/useChartZAxis");
 var _useChartCartesianAxis = require("../internals/plugins/featurePlugins/useChartCartesianAxis");
+var _useChartTooltip = require("../internals/plugins/featurePlugins/useChartTooltip");
 var _useChartInteraction = require("../internals/plugins/featurePlugins/useChartInteraction");
 var _useChartHighlight = require("../internals/plugins/featurePlugins/useChartHighlight");
 var _useChartClosestPoint = require("../internals/plugins/featurePlugins/useChartClosestPoint");
 var _useChartKeyboardNavigation = require("../internals/plugins/featurePlugins/useChartKeyboardNavigation");
 var _useChartBrush = require("../internals/plugins/featurePlugins/useChartBrush");
-const SCATTER_CHART_PLUGINS = exports.SCATTER_CHART_PLUGINS = [_useChartZAxis.useChartZAxis, _useChartBrush.useChartBrush, _useChartInteraction.useChartInteraction, _useChartCartesianAxis.useChartCartesianAxis, _useChartHighlight.useChartHighlight, _useChartClosestPoint.useChartClosestPoint, _useChartKeyboardNavigation.useChartKeyboardNavigation];
+const SCATTER_CHART_PLUGINS = exports.SCATTER_CHART_PLUGINS = [_useChartZAxis.useChartZAxis, _useChartBrush.useChartBrush, _useChartTooltip.useChartTooltip, _useChartInteraction.useChartInteraction, _useChartCartesianAxis.useChartCartesianAxis, _useChartHighlight.useChartHighlight, _useChartClosestPoint.useChartClosestPoint, _useChartKeyboardNavigation.useChartKeyboardNavigation];

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

@@ -72,6 +72,18 @@ Object.keys(_ScatterMarker2).forEach(function (key) {
     }
   });
 });
+var _FocusedScatterMark = require("./FocusedScatterMark");
+Object.keys(_FocusedScatterMark).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _FocusedScatterMark[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _FocusedScatterMark[key];
+    }
+  });
+});
 var _ScatterChart2 = require("./ScatterChart.plugins");
 Object.keys(_ScatterChart2).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/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/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/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/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/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/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/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;

package/SparkLineChart/SparkLineChart.d.ts

@@ -1,16 +1,16 @@
 import * as React from 'react';
-import { ChartsColor } from "../colorPalettes/index.js";
-import { ChartContainerProps } from "../ChartContainer/index.js";
-import { ChartsTooltipSlots, ChartsTooltipSlotProps } from "../ChartsTooltip/ChartTooltip.types.js";
-import { ChartsAxisHighlightProps } from "../ChartsAxisHighlight/index.js";
-import { XAxis, YAxis } from "../models/axis.js";
-import { LineSeriesType } from "../models/seriesType/index.js";
-import { AreaPlotSlots, AreaPlotSlotProps } from "../LineChart/AreaPlot.js";
-import { LinePlotSlots, LinePlotSlotProps } from "../LineChart/LinePlot.js";
-import { MarkPlotSlots, MarkPlotSlotProps } from "../LineChart/MarkPlot.js";
-import { LineHighlightPlotSlots, LineHighlightPlotSlotProps } from "../LineChart/LineHighlightPlot.js";
-import { BarPlotSlots, BarPlotSlotProps } from "../BarChart/BarPlot.js";
-import { ChartMargin } from "../internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types.js";
+import { type ChartsColor } from "../colorPalettes/index.js";
+import { type ChartContainerProps } from "../ChartContainer/index.js";
+import type { ChartsTooltipSlots, ChartsTooltipSlotProps } from "../ChartsTooltip/ChartTooltip.types.js";
+import { type ChartsAxisHighlightProps } from "../ChartsAxisHighlight/index.js";
+import type { XAxis, YAxis } from "../models/axis.js";
+import type { LineSeriesType } from "../models/seriesType/index.js";
+import type { AreaPlotSlots, AreaPlotSlotProps } from "../LineChart/AreaPlot.js";
+import type { LinePlotSlots, LinePlotSlotProps } from "../LineChart/LinePlot.js";
+import type { MarkPlotSlots, MarkPlotSlotProps } from "../LineChart/MarkPlot.js";
+import type { LineHighlightPlotSlots, LineHighlightPlotSlotProps } from "../LineChart/LineHighlightPlot.js";
+import type { BarPlotSlots, BarPlotSlotProps } from "../BarChart/BarPlot.js";
+import type { ChartMargin } from "../internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types.js";
 export interface SparkLineChartSlots extends AreaPlotSlots, LinePlotSlots, MarkPlotSlots, LineHighlightPlotSlots, Omit<BarPlotSlots, 'barLabel'>, ChartsTooltipSlots {}
 export interface SparkLineChartSlotProps extends AreaPlotSlotProps, LinePlotSlotProps, MarkPlotSlotProps, LineHighlightPlotSlotProps, BarPlotSlotProps, ChartsTooltipSlotProps {}
 export interface SparkLineChartProps<PlotType extends 'line' | 'bar' = 'line' | 'bar'> extends Omit<ChartContainerProps, 'series' | 'xAxis' | 'yAxis' | 'zAxis' | 'radiusAxis' | 'rotationAxis' | 'margin' | 'plugins' | 'colors' | 'slots' | 'slotProps' | 'experimentalFeatures'> {

package/SparkLineChart/SparkLineChart.js

@@ -20,7 +20,7 @@ var _ChartsSurface = require("../ChartsSurface");
 var _constants = require("../constants");
 var _ChartsTooltip = require("../ChartsTooltip");
 var _ChartsAxisHighlight = require("../ChartsAxisHighlight");
-var _FocusedMark = require("../LineChart/FocusedMark");
+var _FocusedLineMark = require("../LineChart/FocusedLineMark");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["xAxis", "yAxis", "width", "height", "margin", "color", "baseline", "sx", "showTooltip", "showHighlight", "axisHighlight", "children", "slots", "slotProps", "data", "plotType", "valueFormatter", "area", "curve", "className", "disableClipping", "clipAreaOffset", "onHighlightChange", "onHighlightedAxisChange", "highlightedAxis", "highlightedItem"];
 const SPARK_LINE_DEFAULT_MARGIN = 5;
@@ -149,7 +149,7 @@ const SparkLineChart = exports.SparkLineChart = /*#__PURE__*/React.forwardRef(fu
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LineChart.LineHighlightPlot, {
           slots: slots,
           slotProps: slotProps
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FocusedMark.FocusedMark, {})]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FocusedLineMark.FocusedLineMark, {})]
       }), disableClipping ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsClipPath.ChartsClipPath, {
         id: clipPathId,
         offset: clipPathOffset
@@ -407,6 +407,11 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     label: _propTypes.default.string,
     labelStyle: _propTypes.default.object,
     offset: _propTypes.default.number,
+    ordinalTimeTicks: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(['biweekly', 'days', 'hours', 'months', 'quarterly', 'weeks', 'years']), _propTypes.default.shape({
+      format: _propTypes.default.func.isRequired,
+      getTickNumber: _propTypes.default.func.isRequired,
+      isTick: _propTypes.default.func.isRequired
+    })]).isRequired),
     position: _propTypes.default.oneOf(['bottom', 'none', 'top']),
     reverse: _propTypes.default.bool,
     scaleType: _propTypes.default.oneOf(['band']),
@@ -460,6 +465,11 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     label: _propTypes.default.string,
     labelStyle: _propTypes.default.object,
     offset: _propTypes.default.number,
+    ordinalTimeTicks: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(['biweekly', 'days', 'hours', 'months', 'quarterly', 'weeks', 'years']), _propTypes.default.shape({
+      format: _propTypes.default.func.isRequired,
+      getTickNumber: _propTypes.default.func.isRequired,
+      isTick: _propTypes.default.func.isRequired
+    })]).isRequired),
     position: _propTypes.default.oneOf(['bottom', 'none', 'top']),
     reverse: _propTypes.default.bool,
     scaleType: _propTypes.default.oneOf(['point']),
@@ -843,6 +853,11 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     label: _propTypes.default.string,
     labelStyle: _propTypes.default.object,
     offset: _propTypes.default.number,
+    ordinalTimeTicks: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(['biweekly', 'days', 'hours', 'months', 'quarterly', 'weeks', 'years']), _propTypes.default.shape({
+      format: _propTypes.default.func.isRequired,
+      getTickNumber: _propTypes.default.func.isRequired,
+      isTick: _propTypes.default.func.isRequired
+    })]).isRequired),
     position: _propTypes.default.oneOf(['left', 'none', 'right']),
     reverse: _propTypes.default.bool,
     scaleType: _propTypes.default.oneOf(['band']),
@@ -895,6 +910,11 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     label: _propTypes.default.string,
     labelStyle: _propTypes.default.object,
     offset: _propTypes.default.number,
+    ordinalTimeTicks: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(['biweekly', 'days', 'hours', 'months', 'quarterly', 'weeks', 'years']), _propTypes.default.shape({
+      format: _propTypes.default.func.isRequired,
+      getTickNumber: _propTypes.default.func.isRequired,
+      isTick: _propTypes.default.func.isRequired
+    })]).isRequired),
     position: _propTypes.default.oneOf(['left', 'none', 'right']),
     reverse: _propTypes.default.bool,
     scaleType: _propTypes.default.oneOf(['point']),

package/Toolbar/Toolbar.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { RenderProp } from '@mui/x-internals/useComponentRenderer';
+import { type RenderProp } from '@mui/x-internals/useComponentRenderer';
 declare const ToolbarRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}>;
 export interface ToolbarProps extends React.ComponentProps<'div'> {
   className?: string;

package/Toolbar/Toolbar.types.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 export interface ChartsToolbarProps {}
 export interface ChartsToolbarSlots {
   /**

package/Toolbar/ToolbarButton.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { RenderProp } from '@mui/x-internals/useComponentRenderer';
-import { ChartsSlotProps } from "../internals/material/index.js";
+import { type RenderProp } from '@mui/x-internals/useComponentRenderer';
+import { type ChartsSlotProps } from "../internals/material/index.js";
 export type ToolbarButtonProps = ChartsSlotProps['baseIconButton'] & {
   /**
    * A function to customize the rendering of the component.

package/colorPalettes/categorical/blueberryTwilight.d.ts

@@ -1,4 +1,4 @@
-import { ChartsColorPaletteCallback } from "../types.js";
+import { type ChartsColorPaletteCallback } from "../types.js";
 export declare const blueberryTwilightPaletteLight: string[];
 export declare const blueberryTwilightPaletteDark: string[];
 export declare const blueberryTwilightPalette: ChartsColorPaletteCallback;

package/colorPalettes/categorical/cheerfulFiesta.d.ts

@@ -1,4 +1,4 @@
-import { ChartsColorPaletteCallback } from "../types.js";
+import { type ChartsColorPaletteCallback } from "../types.js";
 export declare const cheerfulFiestaPaletteDark: string[];
 export declare const cheerfulFiestaPaletteLight: string[];
 export declare const cheerfulFiestaPalette: ChartsColorPaletteCallback;

package/colorPalettes/categorical/mangoFusion.d.ts

@@ -1,4 +1,4 @@
-import { ChartsColorPaletteCallback } from "../types.js";
+import { type ChartsColorPaletteCallback } from "../types.js";
 export declare const mangoFusionPaletteLight: string[];
 export declare const mangoFusionPaletteDark: string[];
 export declare const mangoFusionPalette: ChartsColorPaletteCallback;

package/colorPalettes/categorical/rainbowSurge.d.ts

@@ -1,4 +1,4 @@
-import { ChartsColorPaletteCallback } from "../types.js";
+import { type ChartsColorPaletteCallback } from "../types.js";
 export declare const rainbowSurgePaletteLight: string[];
 export declare const rainbowSurgePaletteDark: string[];
 export declare const rainbowSurgePalette: ChartsColorPaletteCallback;

package/colorPalettes/sequential/blue.d.ts

@@ -1,4 +1,4 @@
-import { ChartsColorPaletteCallback } from "../types.js";
+import { type ChartsColorPaletteCallback } from "../types.js";
 export declare const bluePaletteLight: string[];
 export declare const bluePaletteDark: string[];
 export declare const bluePalette: ChartsColorPaletteCallback;

package/colorPalettes/sequential/cyan.d.ts

@@ -1,4 +1,4 @@
-import { ChartsColorPaletteCallback } from "../types.js";
+import { type ChartsColorPaletteCallback } from "../types.js";
 export declare const cyanPaletteLight: string[];
 export declare const cyanPaletteDark: string[];
 export declare const cyanPalette: ChartsColorPaletteCallback;

package/colorPalettes/sequential/green.d.ts

@@ -1,4 +1,4 @@
-import { ChartsColorPaletteCallback } from "../types.js";
+import { type ChartsColorPaletteCallback } from "../types.js";
 export declare const greenPaletteLight: string[];
 export declare const greenPaletteDark: string[];
 export declare const greenPalette: ChartsColorPaletteCallback;

package/colorPalettes/sequential/orange.d.ts

@@ -1,4 +1,4 @@
-import { ChartsColorPaletteCallback } from "../types.js";
+import { type ChartsColorPaletteCallback } from "../types.js";
 export declare const orangePaletteLight: string[];
 export declare const orangePaletteDark: string[];
 export declare const orangePalette: ChartsColorPaletteCallback;

package/colorPalettes/sequential/pink.d.ts

@@ -1,4 +1,4 @@
-import { ChartsColorPaletteCallback } from "../types.js";
+import { type ChartsColorPaletteCallback } from "../types.js";
 export declare const pinkPaletteLight: string[];
 export declare const pinkPaletteDark: string[];
 export declare const pinkPalette: ChartsColorPaletteCallback;

package/colorPalettes/sequential/purple.d.ts

@@ -1,4 +1,4 @@
-import { ChartsColorPaletteCallback } from "../types.js";
+import { type ChartsColorPaletteCallback } from "../types.js";
 export declare const purplePaletteLight: string[];
 export declare const purplePaletteDark: string[];
 export declare const purplePalette: ChartsColorPaletteCallback;

package/colorPalettes/sequential/red.d.ts

@@ -1,4 +1,4 @@
-import { ChartsColorPaletteCallback } from "../types.js";
+import { type ChartsColorPaletteCallback } from "../types.js";
 export declare const redPaletteLight: string[];
 export declare const redPaletteDark: string[];
 export declare const redPalette: ChartsColorPaletteCallback;

package/colorPalettes/sequential/strawberrySky.d.ts

@@ -1,4 +1,4 @@
-import { ChartsColorPaletteCallback } from "../types.js";
+import { type ChartsColorPaletteCallback } from "../types.js";
 export declare const strawberrySkyPaletteLight: string[];
 export declare const strawberrySkyPaletteDark: string[];
 export declare const strawberrySkyPalette: ChartsColorPaletteCallback;

package/colorPalettes/sequential/yellow.d.ts

@@ -1,4 +1,4 @@
-import { ChartsColorPaletteCallback } from "../types.js";
+import { type ChartsColorPaletteCallback } from "../types.js";
 export declare const yellowPaletteLight: string[];
 export declare const yellowPaletteDark: string[];
 export declare const yellowPalette: ChartsColorPaletteCallback;