@mui/x-charts-pro 8.21.0 → 8.22.1

package/esm/SankeyChart/sankeyClasses.d.ts

@@ -3,6 +3,8 @@ export interface SankeyPlotClasses {
   root: string;
   /** Styles applied to the nodes container. */
   nodes: string;
+  /** Styles applied to the node label container. */
+  nodeLabels: string;
   /** Styles applied to the links container. */
   links: string;
   /** Styles applied to the link label container. */
@@ -12,4 +14,4 @@ export declare function getSankeyPlotUtilityClass(slot: string): string;
 export declare const sankeyPlotClasses: SankeyPlotClasses;
 export declare const useUtilityClasses: (ownerState: {
   classes?: Partial<SankeyPlotClasses>;
-}) => Record<"nodes" | "links" | "root" | "linkLabels", string>;
+}) => Record<"nodes" | "links" | "root" | "nodeLabels" | "linkLabels", string>;

package/esm/SankeyChart/sankeyClasses.js

@@ -4,7 +4,7 @@ import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 export function getSankeyPlotUtilityClass(slot) {
   return generateUtilityClass('MuiSankeyChart', slot);
 }
-export const sankeyPlotClasses = generateUtilityClasses('MuiSankeyChart', ['root', 'nodes', 'links', 'linkLabels']);
+export const sankeyPlotClasses = generateUtilityClasses('MuiSankeyChart', ['root', 'nodes', 'nodeLabels', 'links', 'linkLabels']);
 export const useUtilityClasses = ownerState => {
   const {
     classes
@@ -12,6 +12,7 @@ export const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root'],
     nodes: ['nodes'],
+    nodeLabels: ['nodeLabels'],
     links: ['links'],
     linkLabels: ['linkLabels']
   };

package/esm/SankeyChart/sankeySlots.types.d.ts

@@ -1,7 +1,7 @@
-import { ChartsOverlaySlotProps, ChartsOverlaySlots } from '@mui/x-charts/ChartsOverlay';
-import { ChartsTooltipProps, ChartsTooltipSlotProps, ChartsTooltipSlots } from '@mui/x-charts/ChartsTooltip';
-import { ChartsSlotProps, ChartsSlots } from '@mui/x-charts/internals';
-import { ChartsToolbarSlotProps, ChartsToolbarSlots } from '@mui/x-charts/Toolbar';
+import { type ChartsOverlaySlotProps, type ChartsOverlaySlots } from '@mui/x-charts/ChartsOverlay';
+import { type ChartsTooltipProps, type ChartsTooltipSlotProps, type ChartsTooltipSlots } from '@mui/x-charts/ChartsTooltip';
+import { type ChartsSlotProps, type ChartsSlots } from '@mui/x-charts/internals';
+import { type ChartsToolbarSlotProps, type ChartsToolbarSlots } from '@mui/x-charts/Toolbar';
 export interface SankeyChartSlots extends ChartsTooltipSlots, ChartsOverlaySlots, ChartsToolbarSlots, Partial<ChartsSlots> {}
 export interface SankeyChartSlotProps extends Omit<ChartsTooltipSlotProps, 'tooltip'>, ChartsOverlaySlotProps, ChartsToolbarSlotProps, Partial<ChartsSlotProps> {
   /**

package/esm/SankeyChart/seriesConfig/getSeriesWithDefaultValues.js

@@ -1,12 +1,17 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import { sankey } from "../d3Sankey/index.js";
+import { getNodeAlignFunction } from "../utils.js";
 const defaultSankeyValueFormatter = v => v == null ? '' : v.toLocaleString();
 export const getSeriesWithDefaultValues = (seriesData, seriesIndex, colors) => {
   const nodeMap = new Map();
   const nodeColor = seriesData.nodeOptions?.color;
-  const data = seriesData.data;
+  const nodeAlign = seriesData.nodeOptions?.align;
+  const {
+    color: linkColor = 'source'
+  } = seriesData.linkOptions ?? {};
   let colorIndex = -1;
-  if (data.nodes) {
-    data.nodes.forEach(node => {
+  if (seriesData.data.nodes) {
+    seriesData.data.nodes.forEach(node => {
       const id = node.id || node.label || '';
       const label = node.label || `${id}`;
       colorIndex += 1;
@@ -17,33 +22,77 @@ export const getSeriesWithDefaultValues = (seriesData, seriesIndex, colors) => {
       }));
     });
   }
-  data.links.forEach(v => {
-    if (!nodeMap.has(v.source)) {
+  const links = seriesData.data.links.map(link => {
+    // Add default values to nodes
+    if (!nodeMap.has(link.source)) {
       colorIndex += 1;
       const source = {
-        id: v.source,
-        label: `${v.source}`,
+        id: link.source,
+        label: `${link.source}`,
         color: nodeColor ?? colors?.[colorIndex % colors.length]
       };
       nodeMap.set(source.id, source);
     }
-    if (!nodeMap.has(v.target)) {
+    if (!nodeMap.has(link.target)) {
       colorIndex += 1;
       const target = {
-        id: v.target,
-        label: `${v.target}`,
+        id: link.target,
+        label: `${link.target}`,
         color: nodeColor ?? colors?.[colorIndex % colors.length]
       };
       nodeMap.set(target.id, target);
     }
+
+    // Add color to links
+    let resolvedColor = link.color ?? linkColor;
+    if (resolvedColor === 'source') {
+      resolvedColor = nodeMap.get(link.source)?.color ?? linkColor;
+    } else if (resolvedColor === 'target') {
+      resolvedColor = nodeMap.get(link.target)?.color ?? linkColor;
+    }
+    return _extends({}, link, {
+      color: resolvedColor
+    });
   });
+  if (!seriesData.data || !links) {
+    return _extends({
+      id: seriesData.id ?? `auto-generated-id-${seriesIndex}`
+    }, seriesData, {
+      valueFormatter: seriesData.valueFormatter ?? defaultSankeyValueFormatter,
+      data: {
+        nodes: [],
+        links: []
+      }
+    });
+  }
+
+  //  Prepare the data structure expected by d3-sankey
+  const graph = {
+    nodes: nodeMap.values().toArray().map(v => _extends({}, v)),
+    links: links.map(v => _extends({}, v))
+  };
+
+  // Create the sankey layout generator
+  const sankeyGenerator = sankey(false).nodeAlign(getNodeAlignFunction(nodeAlign)).nodeId(d => d.id);
+
+  // Generate the layout
+  let data;
+  try {
+    data = sankeyGenerator(graph);
+  } catch (error) {
+    // There are two errors that can occur:
+    // 1. If the data contains circular references, d3-sankey will throw an error.
+    // 2. If there are missing source/target nodes, d3-sankey will throw an error.
+    // We handle the second case by building a map of nodes ourselves, so they are always present.
+    if (error instanceof Error && error.message === 'circular link') {
+      throw new Error('MUI X Charts: Sankey diagram contains circular references.');
+    }
+    throw error;
+  }
   return _extends({
     id: seriesData.id ?? `auto-generated-id-${seriesIndex}`
   }, seriesData, {
     valueFormatter: seriesData.valueFormatter ?? defaultSankeyValueFormatter,
-    data: {
-      links: data.links,
-      nodes: nodeMap
-    }
+    data
   });
 };

package/esm/SankeyChart/seriesConfig/tooltipGetter.js

@@ -10,7 +10,10 @@ export const tooltipGetter = params => {
     subType
   } = identifier;
   if (subType === 'node') {
-    const node = identifier.node;
+    const node = series.data.nodes.find(n => n.id === identifier.nodeId);
+    if (!node) {
+      return null;
+    }
     return {
       identifier,
       color: node.color,
@@ -25,7 +28,7 @@ export const tooltipGetter = params => {
     };
   }
   if (subType === 'link') {
-    const link = identifier.link;
+    const link = series.data.links.find(l => l.source.id === identifier.sourceId && l.target.id === identifier.targetId);
     if (!link) {
       return null;
     }

package/esm/SankeyChart/utils.d.ts

@@ -1,3 +1,3 @@
 import { sankeyJustify } from "./d3Sankey/index.js";
 import type { SankeyNodeOptions } from "./sankey.types.js";
-export declare const getNodeAlignFunction: (align: SankeyNodeOptions["align"]) => typeof sankeyJustify;
+export declare const getNodeAlignFunction: (align?: SankeyNodeOptions["align"]) => typeof sankeyJustify;

package/esm/ScatterChartPro/ScatterChartPro.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { ScatterChartProps, ScatterChartSlotProps, ScatterChartSlots } from '@mui/x-charts/ScatterChart';
-import { ChartsTooltipProps } from '@mui/x-charts/ChartsTooltip';
-import { ChartsSlotPropsPro, ChartsSlotsPro } from "../internals/material/index.js";
-import { ChartContainerProProps } from "../ChartContainerPro/ChartContainerPro.js";
-import { ScatterChartProPluginSignatures } from "./ScatterChartPro.plugins.js";
-import { ChartsToolbarProSlots, ChartsToolbarProSlotProps } from "../ChartsToolbarPro/Toolbar.types.js";
+import { type ScatterChartProps, type ScatterChartSlotProps, type ScatterChartSlots } from '@mui/x-charts/ScatterChart';
+import { type ChartsTooltipProps } from '@mui/x-charts/ChartsTooltip';
+import { type ChartsSlotPropsPro, type ChartsSlotsPro } from "../internals/material/index.js";
+import { type ChartContainerProProps } from "../ChartContainerPro/ChartContainerPro.js";
+import { type ScatterChartProPluginSignatures } from "./ScatterChartPro.plugins.js";
+import { type ChartsToolbarProSlots, type ChartsToolbarProSlotProps } from "../ChartsToolbarPro/Toolbar.types.js";
 export interface ScatterChartProSlots extends Omit<ScatterChartSlots, 'toolbar'>, ChartsToolbarProSlots, Partial<ChartsSlotsPro> {}
 export interface ScatterChartProSlotProps extends Omit<ScatterChartSlotProps, 'toolbar' | 'tooltip'>, ChartsToolbarProSlotProps, Partial<ChartsSlotPropsPro> {
   /**

package/esm/ScatterChartPro/ScatterChartPro.js

@@ -309,6 +309,11 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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']),
@@ -377,6 +382,11 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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']),
@@ -881,6 +891,11 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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']),
@@ -948,6 +963,11 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.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/ScatterChartPro/ScatterChartPro.plugins.d.ts

@@ -1,5 +1,5 @@
-import { UseChartZAxisSignature, UseChartCartesianAxisSignature, UseChartInteractionSignature, UseChartHighlightSignature, UseChartClosestPointSignature, UseChartKeyboardNavigationSignature, UseChartBrushSignature, ConvertSignaturesIntoPlugins } from '@mui/x-charts/internals';
-import { UseChartProExportSignature } from "../internals/plugins/useChartProExport/index.js";
-import { UseChartProZoomSignature } from "../internals/plugins/useChartProZoom/index.js";
-export type ScatterChartProPluginSignatures = [UseChartZAxisSignature, UseChartBrushSignature, UseChartInteractionSignature, UseChartCartesianAxisSignature<'scatter'>, UseChartHighlightSignature, UseChartClosestPointSignature, UseChartKeyboardNavigationSignature, UseChartProZoomSignature, UseChartProExportSignature];
+import { type UseChartZAxisSignature, type UseChartCartesianAxisSignature, type UseChartTooltipSignature, type UseChartInteractionSignature, type UseChartHighlightSignature, type UseChartClosestPointSignature, type UseChartKeyboardNavigationSignature, type UseChartBrushSignature, type ConvertSignaturesIntoPlugins } from '@mui/x-charts/internals';
+import { type UseChartProExportSignature } from "../internals/plugins/useChartProExport/index.js";
+import { type UseChartProZoomSignature } from "../internals/plugins/useChartProZoom/index.js";
+export type ScatterChartProPluginSignatures = [UseChartZAxisSignature, UseChartBrushSignature, UseChartTooltipSignature, UseChartInteractionSignature, UseChartCartesianAxisSignature<'scatter'>, UseChartHighlightSignature, UseChartClosestPointSignature, UseChartKeyboardNavigationSignature, UseChartProZoomSignature, UseChartProExportSignature];
 export declare const SCATTER_CHART_PRO_PLUGINS: ConvertSignaturesIntoPlugins<ScatterChartProPluginSignatures>;

package/esm/ScatterChartPro/ScatterChartPro.plugins.js

@@ -1,4 +1,4 @@
-import { useChartZAxis, useChartCartesianAxis, useChartInteraction, useChartHighlight, useChartClosestPoint, useChartKeyboardNavigation, useChartBrush } from '@mui/x-charts/internals';
+import { useChartZAxis, useChartCartesianAxis, useChartTooltip, useChartInteraction, useChartHighlight, useChartClosestPoint, useChartKeyboardNavigation, useChartBrush } from '@mui/x-charts/internals';
 import { useChartProExport } from "../internals/plugins/useChartProExport/index.js";
 import { useChartProZoom } from "../internals/plugins/useChartProZoom/index.js";
-export const SCATTER_CHART_PRO_PLUGINS = [useChartZAxis, useChartBrush, useChartInteraction, useChartCartesianAxis, useChartHighlight, useChartClosestPoint, useChartKeyboardNavigation, useChartProZoom, useChartProExport];
+export const SCATTER_CHART_PRO_PLUGINS = [useChartZAxis, useChartBrush, useChartTooltip, useChartInteraction, useChartCartesianAxis, useChartHighlight, useChartClosestPoint, useChartKeyboardNavigation, useChartProZoom, useChartProExport];

package/esm/context/ChartProApi.d.ts

@@ -1,13 +1,13 @@
-import { ChartAnyPluginSignature, ChartPublicAPI } from '@mui/x-charts/internals';
-import { HeatmapPluginSignatures } from "../Heatmap/Heatmap.plugins.js";
-import { LineChartProPluginSignatures } from "../LineChartPro/LineChartPro.plugins.js";
-import { ScatterChartProPluginSignatures } from "../ScatterChartPro/ScatterChartPro.plugins.js";
-import { BarChartProPluginSignatures } from "../BarChartPro/BarChartPro.plugins.js";
-import { AllPluginSignatures, DefaultPluginSignatures } from "../internals/plugins/allPlugins.js";
-import { FunnelChartPluginSignatures } from "../FunnelChart/FunnelChart.plugins.js";
-import { RadarChartProPluginSignatures } from "../RadarChartPro/RadarChartPro.plugins.js";
-import { PieChartProPluginSignatures } from "../PieChartPro/PieChartPro.plugins.js";
-import { SankeyChartPluginSignatures } from "../SankeyChart/SankeyChart.plugins.js";
+import { type ChartAnyPluginSignature, type ChartPublicAPI } from '@mui/x-charts/internals';
+import { type HeatmapPluginSignatures } from "../Heatmap/Heatmap.plugins.js";
+import { type LineChartProPluginSignatures } from "../LineChartPro/LineChartPro.plugins.js";
+import { type ScatterChartProPluginSignatures } from "../ScatterChartPro/ScatterChartPro.plugins.js";
+import { type BarChartProPluginSignatures } from "../BarChartPro/BarChartPro.plugins.js";
+import { type AllPluginSignatures, type DefaultPluginSignatures } from "../internals/plugins/allPlugins.js";
+import { type FunnelChartPluginSignatures } from "../FunnelChart/FunnelChart.plugins.js";
+import { type RadarChartProPluginSignatures } from "../RadarChartPro/RadarChartPro.plugins.js";
+import { type PieChartProPluginSignatures } from "../PieChartPro/PieChartPro.plugins.js";
+import { type SankeyChartPluginSignatures } from "../SankeyChart/SankeyChart.plugins.js";
 export type ProPluginsPerSeriesType = {
   heatmap: HeatmapPluginSignatures;
   line: LineChartProPluginSignatures;

package/esm/context/useChartProApiContext.d.ts

@@ -1,4 +1,4 @@
-import { ChartProApi } from "./ChartProApi.js";
+import { type ChartProApi } from "./ChartProApi.js";
 /**
  * The `useChartProApiContext` hook provides access to the chart API.
  * This is only available when the chart is rendered within a chart or a `ChartDataProvider` component.

package/esm/hooks/useChartProApiRef.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { ChartAnyPluginSignature } from '@mui/x-charts/internals';
-import { AllPluginSignatures } from "../internals/plugins/allPlugins.js";
-import { ProPluginsPerSeriesType, type ChartProApi } from "../context/ChartProApi.js";
+import { type ChartAnyPluginSignature } from '@mui/x-charts/internals';
+import { type AllPluginSignatures } from "../internals/plugins/allPlugins.js";
+import { type ProPluginsPerSeriesType, type ChartProApi } from "../context/ChartProApi.js";
 /**
  * Hook that instantiates a [[ChartProApiRef]].
  * The chart type needs to be given as the generic parameter to narrow down the API to the specific chart type.

package/esm/hooks/useFunnelSeries.d.ts

@@ -1,4 +1,4 @@
-import { ProcessedSeries, SeriesId, ChartSeriesDefaultized } from '@mui/x-charts/internals';
+import { type ProcessedSeries, type SeriesId, type ChartSeriesDefaultized } from '@mui/x-charts/internals';
 export type UseFunnelSeriesReturnValue = ChartSeriesDefaultized<'funnel'>;
 export type UseFunnelSeriesContextReturnValue = ProcessedSeries['funnel'];
 /**

package/esm/hooks/useHeatmapSeries.d.ts

@@ -1,4 +1,4 @@
-import { ProcessedSeries, SeriesId, ChartSeriesDefaultized } from '@mui/x-charts/internals';
+import { type ProcessedSeries, type SeriesId, type ChartSeriesDefaultized } from '@mui/x-charts/internals';
 export type UseHeatmapSeriesReturnValue = ChartSeriesDefaultized<'heatmap'>;
 export type UseHeatmapSeriesContextReturnValue = ProcessedSeries['heatmap'];
 /**

package/esm/hooks/useSankeySeries.d.ts

@@ -1,5 +1,5 @@
-import { ProcessedSeries, SeriesId, ChartSeriesDefaultized, ChartSeriesLayout } from '@mui/x-charts/internals';
-import { SankeyLayout } from "../SankeyChart/index.js";
+import { type ProcessedSeries, type SeriesId, type ChartSeriesDefaultized, type ChartSeriesLayout } from '@mui/x-charts/internals';
+import { type SankeyLayout } from "../SankeyChart/index.js";
 export type UseSankeySeriesReturnValue = ChartSeriesDefaultized<'sankey'>;
 export type UseSankeySeriesContextReturnValue = ProcessedSeries['sankey'];
 export type UseSankeySeriesLayoutReturnValue = ChartSeriesLayout<'sankey'>;

package/esm/hooks/useSankeySeries.js

@@ -1,6 +1,6 @@
 'use client';
 
-import { useSeriesOfType, useAllSeriesOfType, useSelector, useStore, selectorChartSeriesLayout } from '@mui/x-charts/internals';
+import { useSeriesOfType, useAllSeriesOfType, useStore, selectorChartSeriesLayout } from '@mui/x-charts/internals';
 
 /**
  * Get access to the internal state of sankey series.
@@ -38,6 +38,7 @@ export function useSankeySeries(seriesIds) {
 export function useSankeySeriesContext() {
   return useAllSeriesOfType('sankey');
 }
+
 /**
  * Get access to the sankey layout.
  * @returns {SankeyLayout | undefined} the sankey layout
@@ -46,7 +47,7 @@ export function useSankeyLayout() {
   const store = useStore();
   const seriesContext = useSankeySeriesContext();
   const seriesId = seriesContext?.seriesOrder?.[0];
-  const layout = useSelector(store, selectorChartSeriesLayout);
+  const layout = store.use(selectorChartSeriesLayout);
   if (!seriesId) {
     return undefined;
   }

package/esm/hooks/zoom/useIsZoomInteracting.js

@@ -1,6 +1,6 @@
 'use client';
 
-import { useSelector, useStore } from '@mui/x-charts/internals';
+import { useStore } from '@mui/x-charts/internals';
 import { selectorChartZoomIsInteracting } from "../../internals/plugins/useChartProZoom/index.js";
 /**
  * Get access to the zoom state.
@@ -9,6 +9,6 @@ import { selectorChartZoomIsInteracting } from "../../internals/plugins/useChart
  */
 export function useIsZoomInteracting() {
   const store = useStore();
-  const isInteracting = useSelector(store, selectorChartZoomIsInteracting);
+  const isInteracting = store.use(selectorChartZoomIsInteracting);
   return isInteracting;
 }

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts-pro v8.21.0
+ * @mui/x-charts-pro v8.22.1
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/esm/internals/index.d.ts

@@ -0,0 +1,2 @@
+export { useChartContainerProProps } from "../ChartContainerPro/useChartContainerProProps.js";
+export type { ChartsSlotsPro, ChartsSlotPropsPro } from "./material/index.js";

package/esm/internals/index.js

@@ -0,0 +1 @@
+export { useChartContainerProProps } from "../ChartContainerPro/useChartContainerProProps.js";

package/esm/internals/material/components/BaseMenuItem.d.ts

@@ -1,2 +1,2 @@
-import { ChartBaseMenuItemProps } from "../../slots/chartBaseSlotProps.js";
+import { type ChartBaseMenuItemProps } from "../../slots/chartBaseSlotProps.js";
 export declare function BaseMenuItem(props: ChartBaseMenuItemProps): import("react/jsx-runtime").JSX.Element;

package/esm/internals/material/components/BasePopper.d.ts

@@ -1,2 +1,2 @@
-import { ChartBasePopperProps } from "../../slots/chartBaseSlotProps.js";
+import { type ChartBasePopperProps } from "../../slots/chartBaseSlotProps.js";
 export declare function BasePopper(props: ChartBasePopperProps): import("react/jsx-runtime").JSX.Element;

package/esm/internals/material/index.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { ChartsBaseSlotsPro } from "../slots/chartsBaseSlots.js";
-import { ChartsIconSlotsPro } from "../slots/chartsIconSlots.js";
+import type * as React from 'react';
+import { type ChartsBaseSlotsPro } from "../slots/chartsBaseSlots.js";
+import { type ChartsIconSlotsPro } from "../slots/chartsIconSlots.js";
 export type ChartsSlotsPro = ChartsBaseSlotsPro & ChartsIconSlotsPro;
 export type ChartsSlotPropsPro = { [key in keyof ChartsSlotsPro]: React.ComponentProps<ChartsSlotsPro[key]> };
 export declare const defaultSlotsMaterial: ChartsSlotsPro;

package/esm/internals/plugins/allPlugins.d.ts

@@ -1,9 +1,9 @@
-import { ChartSeriesType, ConvertSignaturesIntoPlugins, UseChartCartesianAxisSignature, UseChartInteractionSignature, UseChartZAxisSignature, UseChartHighlightSignature, UseChartPolarAxisSignature, UseChartBrushSignature } from '@mui/x-charts/internals';
-import { UseChartProExportSignature } from "./useChartProExport/index.js";
-import { UseChartProZoomSignature } from "./useChartProZoom/index.js";
-export type AllPluginSignatures<TSeries extends ChartSeriesType = ChartSeriesType> = [UseChartZAxisSignature, UseChartBrushSignature, UseChartInteractionSignature, UseChartCartesianAxisSignature<TSeries>, UseChartPolarAxisSignature<TSeries>, UseChartHighlightSignature, UseChartProZoomSignature, UseChartProExportSignature];
+import { type ChartSeriesType, type ConvertSignaturesIntoPlugins, type UseChartCartesianAxisSignature, type UseChartTooltipSignature, type UseChartInteractionSignature, type UseChartZAxisSignature, type UseChartHighlightSignature, type UseChartPolarAxisSignature, type UseChartBrushSignature } from '@mui/x-charts/internals';
+import { type UseChartProExportSignature } from "./useChartProExport/index.js";
+import { type UseChartProZoomSignature } from "./useChartProZoom/index.js";
+export type AllPluginSignatures<TSeries extends ChartSeriesType = ChartSeriesType> = [UseChartZAxisSignature, UseChartBrushSignature, UseChartTooltipSignature, UseChartInteractionSignature, UseChartCartesianAxisSignature<TSeries>, UseChartPolarAxisSignature<TSeries>, UseChartHighlightSignature, UseChartProZoomSignature, UseChartProExportSignature];
 export type AllPluginsType<TSeries extends ChartSeriesType = ChartSeriesType> = ConvertSignaturesIntoPlugins<AllPluginSignatures<TSeries>>;
-export declare const ALL_PLUGINS: (import("@mui/x-charts/internals").ChartPlugin<UseChartProZoomSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartProExportSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartZAxisSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartBrushSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartInteractionSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartHighlightSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartCartesianAxisSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartPolarAxisSignature<any>>)[];
-export type DefaultPluginSignatures<TSeries extends ChartSeriesType = ChartSeriesType> = [UseChartZAxisSignature, UseChartBrushSignature, UseChartInteractionSignature, UseChartCartesianAxisSignature<TSeries>, UseChartPolarAxisSignature<TSeries>, UseChartHighlightSignature, UseChartProZoomSignature, UseChartProExportSignature];
+export declare const ALL_PLUGINS: (import("@mui/x-charts/internals").ChartPlugin<UseChartProZoomSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartProExportSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartZAxisSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartBrushSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartTooltipSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartInteractionSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartHighlightSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartCartesianAxisSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartPolarAxisSignature<any>>)[];
+export type DefaultPluginSignatures<TSeries extends ChartSeriesType = ChartSeriesType> = [UseChartZAxisSignature, UseChartBrushSignature, UseChartTooltipSignature, UseChartInteractionSignature, UseChartCartesianAxisSignature<TSeries>, UseChartPolarAxisSignature<TSeries>, UseChartHighlightSignature, UseChartProZoomSignature, UseChartProExportSignature];
 export type DefaultPluginsType<TSeries extends ChartSeriesType = ChartSeriesType> = ConvertSignaturesIntoPlugins<DefaultPluginSignatures<TSeries>>;
-export declare const DEFAULT_PLUGINS: (import("@mui/x-charts/internals").ChartPlugin<UseChartProZoomSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartProExportSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartZAxisSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartBrushSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartInteractionSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartHighlightSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartCartesianAxisSignature<any>>)[];
+export declare const DEFAULT_PLUGINS: (import("@mui/x-charts/internals").ChartPlugin<UseChartProZoomSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartProExportSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartZAxisSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartBrushSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartTooltipSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartInteractionSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartHighlightSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartCartesianAxisSignature<any>>)[];

package/esm/internals/plugins/allPlugins.js

@@ -1,7 +1,7 @@
 // This file should be removed after creating all plugins in favor of a file per chart type.
 
-import { useChartCartesianAxis, useChartInteraction, useChartZAxis, useChartHighlight, useChartPolarAxis, useChartBrush } from '@mui/x-charts/internals';
+import { useChartCartesianAxis, useChartTooltip, useChartInteraction, useChartZAxis, useChartHighlight, useChartPolarAxis, useChartBrush } from '@mui/x-charts/internals';
 import { useChartProExport } from "./useChartProExport/index.js";
 import { useChartProZoom } from "./useChartProZoom/index.js";
-export const ALL_PLUGINS = [useChartZAxis, useChartBrush, useChartInteraction, useChartCartesianAxis, useChartPolarAxis, useChartHighlight, useChartProZoom, useChartProExport];
-export const DEFAULT_PLUGINS = [useChartZAxis, useChartBrush, useChartInteraction, useChartCartesianAxis, useChartHighlight, useChartProZoom, useChartProExport];
+export const ALL_PLUGINS = [useChartZAxis, useChartBrush, useChartTooltip, useChartInteraction, useChartCartesianAxis, useChartPolarAxis, useChartHighlight, useChartProZoom, useChartProExport];
+export const DEFAULT_PLUGINS = [useChartZAxis, useChartBrush, useChartTooltip, useChartInteraction, useChartCartesianAxis, useChartHighlight, useChartProZoom, useChartProExport];

package/esm/internals/plugins/useChartProExport/exportImage.d.ts

@@ -1,3 +1,3 @@
-import { ChartImageExportOptions } from "./useChartProExport.types.js";
+import { type ChartImageExportOptions } from "./useChartProExport.types.js";
 export declare const getDrawDocument: () => Promise<typeof import("rasterizehtml").drawDocument>;
 export declare function exportImage(element: HTMLElement | SVGElement, svg: SVGElement, params?: ChartImageExportOptions): Promise<void>;

package/esm/internals/plugins/useChartProExport/print.d.ts

@@ -1,4 +1,4 @@
-import { ChartPrintExportOptions } from "./useChartProExport.types.js";
+import { type ChartPrintExportOptions } from "./useChartProExport.types.js";
 export declare function printChart(element: HTMLElement | SVGElement, {
   fileName,
   onBeforeExport,

package/esm/internals/plugins/useChartProExport/useChartProExport.d.ts

@@ -1,3 +1,3 @@
-import { ChartPlugin } from '@mui/x-charts/internals';
-import { UseChartProExportSignature } from "./useChartProExport.types.js";
+import { type ChartPlugin } from '@mui/x-charts/internals';
+import { type UseChartProExportSignature } from "./useChartProExport.types.js";
 export declare const useChartProExport: ChartPlugin<UseChartProExportSignature>;

package/esm/internals/plugins/useChartProExport/useChartProExport.types.d.ts

@@ -1,4 +1,4 @@
-import { ChartPluginSignature } from '@mui/x-charts/internals';
+import { type ChartPluginSignature } from '@mui/x-charts/internals';
 export interface UseChartProExportParameters {}
 export type UseChartProExportDefaultizedParameters = UseChartProExportParameters;
 export interface UseChartProExportState {

package/esm/internals/plugins/useChartProZoom/calculateZoom.d.ts

@@ -1,4 +1,4 @@
-import { DefaultizedZoomOptions, ZoomData } from '@mui/x-charts/internals';
+import { type DefaultizedZoomOptions, type ZoomData } from '@mui/x-charts/internals';
 /**
  * Calculates the new zoom range based on the current zoom, step, and constraints.
  *

package/esm/internals/plugins/useChartProZoom/gestureHooks/usePanOnDrag.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { ChartPlugin, ZoomData } from '@mui/x-charts/internals';
-import { UseChartProZoomSignature } from "../useChartProZoom.types.js";
+import { type ChartPlugin, type ZoomData } from '@mui/x-charts/internals';
+import { type UseChartProZoomSignature } from "../useChartProZoom.types.js";
 export declare const usePanOnDrag: ({
   store,
   instance,

package/esm/internals/plugins/useChartProZoom/gestureHooks/usePanOnDrag.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import { useSelector, selectorChartDrawingArea, selectorChartZoomOptionsLookup } from '@mui/x-charts/internals';
+import { selectorChartDrawingArea, selectorChartZoomOptionsLookup } from '@mui/x-charts/internals';
 import { rafThrottle } from '@mui/x-internals/rafThrottle';
 import { translateZoom } from "./useZoom.utils.js";
 import { selectorPanInteractionConfig } from "../ZoomInteractionConfig.selectors.js";
@@ -10,9 +10,9 @@ export const usePanOnDrag = ({
   instance,
   svgRef
 }, setZoomDataCallback) => {
-  const drawingArea = useSelector(store, selectorChartDrawingArea);
-  const optionsLookup = useSelector(store, selectorChartZoomOptionsLookup);
-  const config = useSelector(store, selectorPanInteractionConfig, 'drag');
+  const drawingArea = store.use(selectorChartDrawingArea);
+  const optionsLookup = store.use(selectorChartZoomOptionsLookup);
+  const config = store.use(selectorPanInteractionConfig, 'drag');
   const isPanOnDragEnabled = Object.values(optionsLookup).some(v => v.panning) && Boolean(config);
   React.useEffect(() => {
     if (!isPanOnDragEnabled) {

package/esm/internals/plugins/useChartProZoom/gestureHooks/usePanOnPressAndDrag.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { ChartPlugin, ZoomData } from '@mui/x-charts/internals';
-import { UseChartProZoomSignature } from "../useChartProZoom.types.js";
+import { type ChartPlugin, type ZoomData } from '@mui/x-charts/internals';
+import { type UseChartProZoomSignature } from "../useChartProZoom.types.js";
 export declare const usePanOnPressAndDrag: ({
   store,
   instance,

package/esm/internals/plugins/useChartProZoom/gestureHooks/usePanOnPressAndDrag.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import { useSelector, selectorChartDrawingArea, selectorChartZoomOptionsLookup } from '@mui/x-charts/internals';
+import { selectorChartDrawingArea, selectorChartZoomOptionsLookup } from '@mui/x-charts/internals';
 import { rafThrottle } from '@mui/x-internals/rafThrottle';
 import { translateZoom } from "./useZoom.utils.js";
 import { selectorPanInteractionConfig } from "../ZoomInteractionConfig.selectors.js";
@@ -10,14 +10,14 @@ export const usePanOnPressAndDrag = ({
   instance,
   svgRef
 }, setZoomDataCallback) => {
-  const drawingArea = useSelector(store, selectorChartDrawingArea);
-  const optionsLookup = useSelector(store, selectorChartZoomOptionsLookup);
+  const drawingArea = store.use(selectorChartDrawingArea);
+  const optionsLookup = store.use(selectorChartZoomOptionsLookup);
   const isInteracting = React.useRef(false);
   const accumulatedChange = React.useRef({
     x: 0,
     y: 0
   });
-  const config = useSelector(store, selectorPanInteractionConfig, 'pressAndDrag');
+  const config = store.use(selectorPanInteractionConfig, 'pressAndDrag');
   const isPanOnPressAndDragEnabled = Object.values(optionsLookup).some(v => v.panning) && Boolean(config);
   React.useEffect(() => {
     if (!isPanOnPressAndDragEnabled) {

package/esm/internals/plugins/useChartProZoom/gestureHooks/usePanOnWheel.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { ChartPlugin, ZoomData } from '@mui/x-charts/internals';
-import { UseChartProZoomSignature } from "../useChartProZoom.types.js";
+import { type ChartPlugin, type ZoomData } from '@mui/x-charts/internals';
+import { type UseChartProZoomSignature } from "../useChartProZoom.types.js";
 export declare const usePanOnWheel: ({
   store,
   instance,

package/esm/internals/plugins/useChartProZoom/gestureHooks/usePanOnWheel.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import { useSelector, getSVGPoint, selectorChartDrawingArea, selectorChartZoomOptionsLookup } from '@mui/x-charts/internals';
+import { getSVGPoint, selectorChartDrawingArea, selectorChartZoomOptionsLookup } from '@mui/x-charts/internals';
 import { rafThrottle } from '@mui/x-internals/rafThrottle';
 import { translateZoom } from "./useZoom.utils.js";
 import { selectorPanInteractionConfig } from "../ZoomInteractionConfig.selectors.js";
@@ -10,11 +10,11 @@ export const usePanOnWheel = ({
   instance,
   svgRef
 }, setZoomDataCallback) => {
-  const drawingArea = useSelector(store, selectorChartDrawingArea);
-  const optionsLookup = useSelector(store, selectorChartZoomOptionsLookup);
+  const drawingArea = store.use(selectorChartDrawingArea);
+  const optionsLookup = store.use(selectorChartZoomOptionsLookup);
   const startedOutsideRef = React.useRef(false);
   const startedOutsideTimeoutRef = React.useRef(null);
-  const config = useSelector(store, selectorPanInteractionConfig, 'wheel');
+  const config = store.use(selectorPanInteractionConfig, 'wheel');
   const isPanOnWheelEnabled = Object.keys(optionsLookup).length > 0 && Boolean(config);
   React.useEffect(() => {
     if (!isPanOnWheelEnabled) {

package/esm/internals/plugins/useChartProZoom/gestureHooks/useZoom.utils.d.ts

@@ -1,4 +1,4 @@
-import { DefaultizedZoomOptions, ZoomData } from '@mui/x-charts/internals';
+import { type DefaultizedZoomOptions, type ZoomData } from '@mui/x-charts/internals';
 /**
  * Helper to get the range (in percents of a reference range) corresponding to a given scale.
  * @param centerRatio {number} The ratio of the point that should not move between the previous and next range.