@mui/x-charts 8.1.0 → 8.2.0

package/esm/ChartsAxisHighlight/ChartsYAxisHighlight.js

@@ -30,7 +30,7 @@ export default function ChartsYHighlight(props) {
   if (process.env.NODE_ENV !== 'production') {
     const isError = isBandScaleY && yScale(axisYValue) === undefined;
     if (isError) {
-      console.error([`MUI X: The position value provided for the axis is not valid for the current scale.`, `This probably means something is wrong with the data passed to the chart.`, `The ChartsAxisHighlight component will not be displayed.`].join('\n'));
+      console.error([`MUI X Charts: The position value provided for the axis is not valid for the current scale.`, `This probably means something is wrong with the data passed to the chart.`, `The ChartsAxisHighlight component will not be displayed.`].join('\n'));
     }
   }
   return /*#__PURE__*/_jsxs(React.Fragment, {

package/esm/ChartsGrid/ChartsHorizontalGrid.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { AxisDefaultized, ChartsYAxisProps, ScaleName } from "../models/axis.js";
+import { ComputedYAxis } from "../models/axis.js";
 import { ChartsGridClasses } from "./chartsGridClasses.js";
 interface ChartsGridHorizontalProps {
-  axis: AxisDefaultized<ScaleName, any, ChartsYAxisProps>;
+  axis: ComputedYAxis;
   start: number;
   end: number;
   classes: Partial<ChartsGridClasses>;

package/esm/ChartsGrid/ChartsVerticalGrid.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { AxisDefaultized, ChartsXAxisProps, ScaleName } from "../models/axis.js";
+import { ComputedXAxis } from "../models/axis.js";
 import { ChartsGridClasses } from "./chartsGridClasses.js";
 interface ChartsGridVerticalProps {
-  axis: AxisDefaultized<ScaleName, any, ChartsXAxisProps>;
+  axis: ComputedXAxis;
   start: number;
   end: number;
   classes: Partial<ChartsGridClasses>;

package/esm/ChartsLabel/ChartsLabelMark.js

@@ -37,9 +37,7 @@ const Root = styled('div', {
     },
     [`&.${labelMarkClasses.circle}`]: {
       height: 15,
-      width: 15,
-      borderRadius: '50%',
-      overflow: 'hidden'
+      width: 15
     },
     svg: {
       display: 'block'
@@ -87,7 +85,13 @@ const ChartsLabelMark = consumeThemeProps('MuiChartsLabelMark', {
       }) : /*#__PURE__*/_jsx("svg", {
         viewBox: "0 0 24 24",
         preserveAspectRatio: type === 'line' ? 'none' : undefined,
-        children: /*#__PURE__*/_jsx("rect", {
+        children: type === 'circle' ? /*#__PURE__*/_jsx("circle", {
+          className: classes?.fill,
+          r: "12",
+          cx: "12",
+          cy: "12",
+          fill: color
+        }) : /*#__PURE__*/_jsx("rect", {
           className: classes?.fill,
           width: "24",
           height: "24",

package/esm/ChartsLabel/index.d.ts

@@ -1,8 +1,8 @@
-export type { ChartsLabelMarkProps, ChartsLabelCustomMarkProps } from './ChartsLabelMark';
+export type { ChartsLabelMarkProps, ChartsLabelCustomMarkProps } from "./ChartsLabelMark.js";
 export { ChartsLabelMark } from "./ChartsLabelMark.js";
 export { labelClasses } from "./labelClasses.js";
-export type { ChartsLabelClasses } from './labelClasses';
+export type { ChartsLabelClasses } from "./labelClasses.js";
 export { labelMarkClasses } from "./labelMarkClasses.js";
-export type { ChartsLabelMarkClasses } from './labelMarkClasses';
+export type { ChartsLabelMarkClasses } from "./labelMarkClasses.js";
 export { labelGradientClasses } from "./labelGradientClasses.js";
-export type { ChartsLabelGradientClasses } from './labelGradientClasses';
+export type { ChartsLabelGradientClasses } from "./labelGradientClasses.js";

package/esm/ChartsLabel/labelClasses.d.ts

@@ -1,4 +1,4 @@
-import type { ChartsLabelProps } from './ChartsLabel';
+import type { ChartsLabelProps } from "./ChartsLabel.js";
 export interface ChartsLabelClasses {
   /** Styles applied to the root element. */
   root: string;

package/esm/ChartsLabel/labelGradientClasses.d.ts

@@ -1,4 +1,4 @@
-import type { ChartsLabelGradientProps } from './ChartsLabelGradient';
+import type { ChartsLabelGradientProps } from "./ChartsLabelGradient.js";
 export interface ChartsLabelGradientClasses {
   /** Styles applied to the root element. */
   root: string;

package/esm/ChartsLabel/labelMarkClasses.d.ts

@@ -1,4 +1,4 @@
-import type { ChartsLabelMarkProps } from './ChartsLabelMark';
+import type { ChartsLabelMarkProps } from "./ChartsLabelMark.js";
 export interface ChartsLabelMarkClasses {
   /** Styles applied to the root element. */
   root: string;

package/esm/ChartsLegend/ChartsLegend.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { SxProps, Theme } from '@mui/material/styles';
-import type { Direction } from './direction';
+import type { Direction } from "./direction.js";
 import { SeriesLegendItemContext } from "./legendContext.types.js";
 import { type ChartsLegendClasses } from "./chartsLegendClasses.js";
 export interface ChartsLegendProps {
@@ -23,5 +23,5 @@ export interface ChartsLegendProps {
   className?: string;
   sx?: SxProps<Theme>;
 }
-declare const ChartsLegend: React.ForwardRefExoticComponent<ChartsLegendProps & import("./chartsLegend.types").ChartsLegendSlotExtension & React.RefAttributes<{}>>;
+declare const ChartsLegend: React.ForwardRefExoticComponent<ChartsLegendProps & import("./chartsLegend.types.js").ChartsLegendSlotExtension & React.RefAttributes<{}>>;
 export { ChartsLegend };

package/esm/ChartsLegend/ContinuousColorLegend.d.ts

@@ -52,5 +52,5 @@ export interface ContinuousColorLegendProps extends ColorLegendSelector, AppendK
   className?: string;
   sx?: SxProps<Theme>;
 }
-declare const ContinuousColorLegend: React.ForwardRefExoticComponent<ContinuousColorLegendProps & import("./chartsLegend.types").ChartsLegendSlotExtension & React.RefAttributes<{}>>;
+declare const ContinuousColorLegend: React.ForwardRefExoticComponent<ContinuousColorLegendProps & import("./chartsLegend.types.js").ChartsLegendSlotExtension & React.RefAttributes<{}>>;
 export { ContinuousColorLegend };

package/esm/ChartsLegend/PiecewiseColorLegend.d.ts

@@ -38,5 +38,5 @@ export interface PiecewiseColorLegendProps extends ColorLegendSelector, PrependK
   className?: string;
   sx?: SxProps<Theme>;
 }
-declare const PiecewiseColorLegend: React.ForwardRefExoticComponent<PiecewiseColorLegendProps & import("./chartsLegend.types").ChartsLegendSlotExtension & React.RefAttributes<{}>>;
+declare const PiecewiseColorLegend: React.ForwardRefExoticComponent<PiecewiseColorLegendProps & import("./chartsLegend.types.js").ChartsLegendSlotExtension & React.RefAttributes<{}>>;
 export { PiecewiseColorLegend };

package/esm/ChartsLegend/chartsLegend.types.d.ts

@@ -1,4 +1,4 @@
-import type { ChartsLegendProps } from './ChartsLegend';
+import type { ChartsLegendProps } from "./ChartsLegend.js";
 import { ContinuousColorLegendProps } from "./ContinuousColorLegend.js";
 import { ChartsLegendPosition } from "./legend.types.js";
 import { PiecewiseColorLegendProps } from "./PiecewiseColorLegend.js";

package/esm/ChartsLegend/chartsLegendClasses.d.ts

@@ -1,5 +1,5 @@
-import type { ChartsLegendProps } from './ChartsLegend';
-import type { ChartsLegendSlotExtension } from './chartsLegend.types';
+import type { ChartsLegendProps } from "./ChartsLegend.js";
+import type { ChartsLegendSlotExtension } from "./chartsLegend.types.js";
 export interface ChartsLegendClasses {
   /** Styles applied to the root element. */
   root: string;

package/esm/ChartsLegend/continuousColorLegendClasses.d.ts

@@ -1,5 +1,5 @@
-import type { ContinuousColorLegendProps } from './ContinuousColorLegend';
-import type { ChartsLegendSlotExtension } from './chartsLegend.types';
+import type { ContinuousColorLegendProps } from "./ContinuousColorLegend.js";
+import type { ChartsLegendSlotExtension } from "./chartsLegend.types.js";
 export interface ContinuousColorLegendClasses {
   /** Styles applied to the root element. */
   root: string;

package/esm/ChartsLegend/index.d.ts

@@ -3,14 +3,14 @@ export * from "./chartsLegend.types.js";
 export * from "./direction.js";
 export * from "./legendContext.types.js";
 export { legendClasses } from "./chartsLegendClasses.js";
-export type { ChartsLegendClasses } from './chartsLegendClasses';
+export type { ChartsLegendClasses } from "./chartsLegendClasses.js";
 export * from "./ContinuousColorLegend.js";
 export * from "./colorLegend.types.js";
 export { continuousColorLegendClasses } from "./continuousColorLegendClasses.js";
-export type { ContinuousColorLegendClasses } from './continuousColorLegendClasses';
+export type { ContinuousColorLegendClasses } from "./continuousColorLegendClasses.js";
 export * from "./PiecewiseColorLegend.js";
 export { piecewiseColorLegendClasses } from "./piecewiseColorLegendClasses.js";
-export type { PiecewiseColorLegendClasses } from './piecewiseColorLegendClasses';
+export type { PiecewiseColorLegendClasses } from "./piecewiseColorLegendClasses.js";
 export { piecewiseColorDefaultLabelFormatter } from "./piecewiseColorDefaultLabelFormatter.js";
-export type { PiecewiseLabelFormatterParams } from './piecewiseColorLegend.types';
+export type { PiecewiseLabelFormatterParams } from "./piecewiseColorLegend.types.js";
 export * from "./legend.types.js";

package/esm/ChartsLegend/piecewiseColorLegendClasses.d.ts

@@ -1,5 +1,5 @@
-import type { PiecewiseColorLegendProps } from './PiecewiseColorLegend';
-import type { ChartsLegendSlotExtension } from './chartsLegend.types';
+import type { PiecewiseColorLegendProps } from "./PiecewiseColorLegend.js";
+import type { ChartsLegendSlotExtension } from "./chartsLegend.types.js";
 export interface PiecewiseColorLegendClasses {
   /** Styles applied to the root element. */
   root: string;

package/esm/ChartsLegend/useAxis.d.ts

@@ -1,4 +1,4 @@
-import { AxisDefaultized } from "../models/axis.js";
+import { ComputedAxis } from "../models/axis.js";
 import { ZAxisDefaultized } from "../models/z-axis.js";
 import { ColorLegendSelector } from "./colorLegend.types.js";
 /**
@@ -7,4 +7,4 @@ import { ColorLegendSelector } from "./colorLegend.types.js";
 export declare function useAxis({
   axisDirection,
   axisId
-}: ColorLegendSelector): ZAxisDefaultized | AxisDefaultized;
+}: ColorLegendSelector): ZAxisDefaultized | ComputedAxis;

package/esm/ChartsLocalizationProvider/ChartsLocalizationProvider.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { ChartsLocaleText } from '../locales/utils/chartsLocaleTextApi';
+import type { ChartsLocaleText } from "../locales/utils/chartsLocaleTextApi.js";
 export interface ChartsLocalizationContextValue {
   localeText: ChartsLocaleText;
 }

package/esm/ChartsLocalizationProvider/index.d.ts

@@ -1,2 +1,2 @@
 export { ChartsLocalizationProvider } from "./ChartsLocalizationProvider.js";
-export type { ChartsLocalizationProviderProps } from './ChartsLocalizationProvider';
+export type { ChartsLocalizationProviderProps } from "./ChartsLocalizationProvider.js";

package/esm/ChartsOverlay/ChartsLoadingOverlay.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-import type { CommonOverlayProps } from './ChartsOverlay';
+import type { CommonOverlayProps } from "./ChartsOverlay.js";
 export declare function ChartsLoadingOverlay(props: CommonOverlayProps): React.JSX.Element;

package/esm/ChartsOverlay/ChartsNoDataOverlay.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-import type { CommonOverlayProps } from './ChartsOverlay';
+import type { CommonOverlayProps } from "./ChartsOverlay.js";
 export declare function ChartsNoDataOverlay(props: CommonOverlayProps): React.JSX.Element;

package/esm/ChartsOverlay/index.d.ts

@@ -1,4 +1,4 @@
 export { ChartsOverlay } from "./ChartsOverlay.js";
-export type { ChartsOverlayProps, ChartsOverlaySlotProps, ChartsOverlaySlots } from './ChartsOverlay';
+export type { ChartsOverlayProps, ChartsOverlaySlotProps, ChartsOverlaySlots } from "./ChartsOverlay.js";
 export { ChartsLoadingOverlay } from "./ChartsLoadingOverlay.js";
 export { ChartsNoDataOverlay } from "./ChartsNoDataOverlay.js";

package/esm/ChartsReferenceLine/ChartsReferenceLine.js

@@ -12,10 +12,10 @@ function ChartsReferenceLine(props) {
     y
   } = props;
   if (x !== undefined && y !== undefined) {
-    throw new Error('MUI X: The ChartsReferenceLine cannot have both `x` and `y` props set.');
+    throw new Error('MUI X Charts: The ChartsReferenceLine cannot have both `x` and `y` props set.');
   }
   if (x === undefined && y === undefined) {
-    throw new Error('MUI X: The ChartsReferenceLine should have a value in `x` or `y` prop.');
+    throw new Error('MUI X Charts: The ChartsReferenceLine should have a value in `x` or `y` prop.');
   }
   if (x !== undefined) {
     return /*#__PURE__*/_jsx(ChartsXReferenceLine, _extends({}, props));

package/esm/ChartsReferenceLine/ChartsXReferenceLine.js

@@ -68,7 +68,7 @@ function ChartsXReferenceLine(props) {
   const xPosition = xAxisScale(x);
   if (xPosition === undefined) {
     if (process.env.NODE_ENV !== 'production') {
-      warnOnce(`MUI X: the value ${x} does not exist in the data of x axis with id ${axisId}.`, 'error');
+      warnOnce(`MUI X Charts: the value ${x} does not exist in the data of x axis with id ${axisId}.`, 'error');
     }
     return null;
   }

package/esm/ChartsReferenceLine/ChartsYReferenceLine.js

@@ -68,7 +68,7 @@ function ChartsYReferenceLine(props) {
   const yPosition = yAxisScale(y);
   if (yPosition === undefined) {
     if (process.env.NODE_ENV !== 'production') {
-      warnOnce(`MUI X: the value ${y} does not exist in the data of y axis with id ${axisId}.`, 'error');
+      warnOnce(`MUI X Charts: the value ${y} does not exist in the data of y axis with id ${axisId}.`, 'error');
     }
     return null;
   }

package/esm/ChartsText/index.d.ts

@@ -1,3 +1,3 @@
 export { ChartsText } from "./ChartsText.js";
-export type { ChartsTextProps } from './ChartsText';
-export type { ChartsTextStyle } from '../internals/getWordsByLines';
+export type { ChartsTextProps } from "./ChartsText.js";
+export type { ChartsTextStyle } from "../internals/getWordsByLines.js";

package/esm/ChartsTooltip/ChartsTooltipContainer.js

@@ -98,6 +98,7 @@ function ChartsTooltipContainer(inProps) {
     options: {
       offset: () => {
         if (pointerType?.pointerType !== 'touch') {
+          // The popper offset: [skidding, distance]
           return [0, 8];
         }
         return [0, 64];

package/esm/ChartsTooltip/index.d.ts

@@ -1,12 +1,12 @@
 export * from "./ChartsTooltip.js";
 export * from "./ChartsTooltipContainer.js";
-export type { ChartsTooltipClasses, ChartsTooltipClassKey } from './chartsTooltipClasses';
+export type { ChartsTooltipClasses, ChartsTooltipClassKey } from "./chartsTooltipClasses.js";
 export { getChartsTooltipUtilityClass, chartsTooltipClasses } from "./chartsTooltipClasses.js";
 export * from "./ChartsAxisTooltipContent.js";
 export * from "./ChartsItemTooltipContent.js";
 export * from "./ChartsTooltipTable.js";
-export type { ItemTooltip } from '../internals/plugins/models/seriesConfig/tooltipGetter.types';
-export type { UseItemTooltipReturnValue, UseRadarItemTooltipReturnValue } from './useItemTooltip';
+export type { ItemTooltip } from "../internals/plugins/models/seriesConfig/tooltipGetter.types.js";
+export type { UseItemTooltipReturnValue, UseRadarItemTooltipReturnValue } from "./useItemTooltip.js";
 export { useItemTooltip, useRadarItemTooltip } from "./useItemTooltip.js";
 export * from "./useAxisTooltip.js";
 export * from "./useAxesTooltip.js";

package/esm/ChartsTooltip/useAxisTooltip.d.ts

@@ -1,10 +1,10 @@
 import { SeriesId } from "../models/seriesType/common.js";
 import { CartesianChartSeriesType, ChartsSeriesConfig, PolarChartSeriesType } from "../models/seriesType/config.js";
-import { AxisDefaultized, PolarAxisDefaultized, AxisId } from "../models/axis.js";
+import { ComputedAxis, PolarAxisDefaultized, AxisId } from "../models/axis.js";
 import { ChartsLabelMarkProps } from "../ChartsLabel/index.js";
 export interface UseAxisTooltipReturnValue<SeriesT extends CartesianChartSeriesType | PolarChartSeriesType = CartesianChartSeriesType | PolarChartSeriesType, AxisValueT extends string | number | Date = string | number | Date> {
   axisDirection: SeriesT extends CartesianChartSeriesType ? 'x' | 'y' : 'rotation' | 'radius';
-  mainAxis: SeriesT extends CartesianChartSeriesType ? AxisDefaultized : PolarAxisDefaultized;
+  mainAxis: SeriesT extends CartesianChartSeriesType ? ComputedAxis : PolarAxisDefaultized;
   axisId: AxisId;
   axisValue: AxisValueT;
   axisFormattedValue: string;

package/esm/LineChart/AnimatedArea.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { AreaElementOwnerState } from './AreaElement';
+import type { AreaElementOwnerState } from "./AreaElement.js";
 export interface AnimatedAreaProps extends React.ComponentPropsWithoutRef<'path'> {
   ownerState: AreaElementOwnerState;
   d: string;

package/esm/LineChart/AnimatedLine.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { LineElementOwnerState } from './LineElement';
+import type { LineElementOwnerState } from "./LineElement.js";
 export interface AnimatedLineProps extends React.ComponentPropsWithoutRef<'path'> {
   ownerState: LineElementOwnerState;
   d: string;

package/esm/LineChart/AreaPlot.js

@@ -71,10 +71,10 @@ const useAggregatedData = () => {
         const gradientId = yAxis[yAxisId].colorScale && getGradientId(yAxisId) || xAxis[xAxisId].colorScale && getGradientId(xAxisId) || undefined;
         if (process.env.NODE_ENV !== 'production') {
           if (xData === undefined) {
-            throw new Error(`MUI X: ${xAxisId === DEFAULT_X_AXIS_KEY ? 'The first `xAxis`' : `The x-axis with id "${xAxisId}"`} should have data property to be able to display a line plot.`);
+            throw new Error(`MUI X Charts: ${xAxisId === DEFAULT_X_AXIS_KEY ? 'The first `xAxis`' : `The x-axis with id "${xAxisId}"`} should have data property to be able to display a line plot.`);
           }
           if (xData.length < stackedData.length) {
-            throw new Error(`MUI X: The data length of the x axis (${xData.length} items) is lower than the length of series (${stackedData.length} items).`);
+            throw new Error(`MUI X Charts: The data length of the x axis (${xData.length} items) is lower than the length of series (${stackedData.length} items).`);
           }
         }
         const shouldExpand = curve?.includes('step') && !strictStepCurve && isBandScale(xScale);

package/esm/LineChart/LineChart.js

@@ -166,7 +166,7 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
    * The function called for onClick events.
    * The second argument contains information about all line/bar elements at the current mouse position.
    * @param {MouseEvent} event The mouse event recorded on the `<svg/>` element.
-   * @param {null | AxisData} data The data about the clicked axis and items associated with it.
+   * @param {null | ChartsAxisData} data The data about the clicked axis and items associated with it.
    */
   onAxisClick: PropTypes.func,
   /**

package/esm/LineChart/LineHighlightPlot.js

@@ -79,7 +79,7 @@ function LineHighlightPlot(props) {
         const yScale = yAxis[yAxisId].scale;
         const xData = xAxis[xAxisId].data;
         if (xData === undefined) {
-          throw new Error(`MUI X: ${xAxisId === DEFAULT_X_AXIS_KEY ? 'The first `xAxis`' : `The x-axis with id "${xAxisId}"`} should have data property to be able to display a line plot.`);
+          throw new Error(`MUI X Charts: ${xAxisId === DEFAULT_X_AXIS_KEY ? 'The first `xAxis`' : `The x-axis with id "${xAxisId}"`} should have data property to be able to display a line plot.`);
         }
         const x = xScale(xData[highlightedIndex]);
         const y = yScale(stackedData[highlightedIndex][1]); // This should not be undefined since y should not be a band scale

package/esm/LineChart/LinePlot.js

@@ -70,10 +70,10 @@ const useAggregatedData = () => {
         const gradientId = yAxis[yAxisId].colorScale && getGradientId(yAxisId) || xAxis[xAxisId].colorScale && getGradientId(xAxisId) || undefined;
         if (process.env.NODE_ENV !== 'production') {
           if (xData === undefined) {
-            throw new Error(`MUI X: ${xAxisId === DEFAULT_X_AXIS_KEY ? 'The first `xAxis`' : `The x-axis with id "${xAxisId}"`} should have data property to be able to display a line plot.`);
+            throw new Error(`MUI X Charts: ${xAxisId === DEFAULT_X_AXIS_KEY ? 'The first `xAxis`' : `The x-axis with id "${xAxisId}"`} should have data property to be able to display a line plot.`);
           }
           if (xData.length < stackedData.length) {
-            warnOnce(`MUI X: The data length of the x axis (${xData.length} items) is lower than the length of series (${stackedData.length} items).`, 'error');
+            warnOnce(`MUI X Charts: The data length of the x axis (${xData.length} items) is lower than the length of series (${stackedData.length} items).`, 'error');
           }
         }
         const shouldExpand = curve?.includes('step') && !strictStepCurve && isBandScale(xScale);

package/esm/LineChart/MarkPlot.js

@@ -80,7 +80,7 @@ function MarkPlot(props) {
         const yScale = yAxis[yAxisId].scale;
         const xData = xAxis[xAxisId].data;
         if (xData === undefined) {
-          throw new Error(`MUI X: ${xAxisId === DEFAULT_X_AXIS_KEY ? 'The first `xAxis`' : `The x-axis with id "${xAxisId}"`} should have data property to be able to display a line plot.`);
+          throw new Error(`MUI X Charts: ${xAxisId === DEFAULT_X_AXIS_KEY ? 'The first `xAxis`' : `The x-axis with id "${xAxisId}"`} should have data property to be able to display a line plot.`);
         }
         const clipId = cleanId(`${chartId}-${seriesId}-line-clip`); // We assume that if displaying line mark, the line will also be rendered
 

package/esm/LineChart/index.d.ts

@@ -9,5 +9,5 @@ export * from "./LineElement.js";
 export * from "./AnimatedLine.js";
 export * from "./MarkElement.js";
 export * from "./LineHighlightElement.js";
-export type { MarkElementClasses, MarkElementClassKey } from './markElementClasses';
+export type { MarkElementClasses, MarkElementClassKey } from "./markElementClasses.js";
 export { getMarkElementUtilityClass, markElementClasses } from "./markElementClasses.js";

package/esm/LineChart/seriesConfig/getSeriesWithDefaultValues.d.ts

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

package/esm/LineChart/seriesConfig/seriesProcessor.js

@@ -30,7 +30,7 @@ const seriesProcessor = (params, dataset) => {
         }
       });
     } else if (dataset === undefined && process.env.NODE_ENV !== 'production') {
-      throw new Error([`MUI X: line series with id='${id}' has no data.`, 'Either provide a data property to the series or use the dataset prop.'].join('\n'));
+      throw new Error([`MUI X Charts: line series with id='${id}' has no data.`, 'Either provide a data property to the series or use the dataset prop.'].join('\n'));
     }
   });
   const completedSeries = {};
@@ -57,7 +57,7 @@ const seriesProcessor = (params, dataset) => {
           if (typeof value !== 'number') {
             if (process.env.NODE_ENV !== 'production') {
               if (value !== null) {
-                warnOnce([`MUI X: Your dataset key "${dataKey}" is used for plotting line, but contains nonnumerical elements.`, 'Line plots only support numbers and null values.']);
+                warnOnce([`MUI X Charts: Your dataset key "${dataKey}" is used for plotting line, but contains nonnumerical elements.`, 'Line plots only support numbers and null values.']);
               }
             }
             return null;

package/esm/LineChart/seriesConfig/tooltip.d.ts

@@ -1,4 +1,4 @@
-import type { AxisTooltipGetter, TooltipGetter } from '../../internals/plugins/models';
+import type { AxisTooltipGetter, TooltipGetter } from "../../internals/plugins/models/index.js";
 declare const tooltipGetter: TooltipGetter<'line'>;
 export declare const axisTooltipGetter: AxisTooltipGetter<'line', 'x' | 'y'>;
 export default tooltipGetter;

package/esm/LineChart/useLineChartProps.d.ts

@@ -7,11 +7,11 @@ import { ChartsLegendSlotExtension } from "../ChartsLegend/index.js";
 import { ChartsOverlayProps } from "../ChartsOverlay/index.js";
 import { ChartContainerProps } from "../ChartContainer/index.js";
 import { AreaPlotProps } from "./AreaPlot.js";
-import type { LineChartProps } from './LineChart';
+import type { LineChartProps } from "./LineChart.js";
 import { LineHighlightPlotProps } from "./LineHighlightPlot.js";
 import { LinePlotProps } from "./LinePlot.js";
 import { MarkPlotProps } from "./MarkPlot.js";
-import type { ChartsWrapperProps } from '../internals/components/ChartsWrapper';
+import type { ChartsWrapperProps } from "../internals/components/ChartsWrapper/index.js";
 import { LineChartPluginsSignatures } from "./LineChart.plugins.js";
 /**
  * A helper function that extracts LineChartProps from the input props

package/esm/PieChart/seriesConfig/getSeriesWithDefaultValues.d.ts

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

package/esm/PieChart/seriesConfig/tooltip.d.ts

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

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

@@ -1,2 +1,2 @@
 export * from "./RadarGrid.js";
-export type { RadarGridProps } from './RadarGrid.types';
+export type { RadarGridProps } from "./RadarGrid.types.js";

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

@@ -1,6 +1,6 @@
 export * from "./RadarSeriesPlot.js";
-export type * from './RadarSeriesPlot.types';
+export type * from "./RadarSeriesPlot.types.js";
 export { RadarSeriesArea } from "./RadarSeriesArea.js";
 export { RadarSeriesMarks } from "./RadarSeriesMarks.js";
-export type { RadarSeriesPlotClasses, RadarSeriesPlotClassKey } from './radarSeriesPlotClasses';
+export type { RadarSeriesPlotClasses, RadarSeriesPlotClassKey } from "./radarSeriesPlotClasses.js";
 export { radarSeriesPlotClasses } from "./radarSeriesPlotClasses.js";

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

@@ -17,12 +17,12 @@ export declare function useRadarSeriesData(querySeriesId?: SeriesId): {
   }[];
   type: "radar";
   label?: string | ((location: "tooltip" | "legend") => string) | undefined;
-  highlightScope?: Partial<import("../..").HighlightScope> | undefined;
-  labelMarkType?: "line" | "square" | "circle" | import("react").ComponentType<import("../..").ChartsLabelCustomMarkProps> | undefined;
+  highlightScope?: Partial<import("../../index.js").HighlightScope> | undefined;
+  labelMarkType?: "line" | "square" | "circle" | import("react").ComponentType<import("../../index.js").ChartsLabelCustomMarkProps> | undefined;
   hideMark?: boolean | undefined;
   fillArea?: boolean | undefined;
   data: number[];
   color: string;
   id: SeriesId;
-  valueFormatter: import("../../internals").SeriesValueFormatter<number>;
+  valueFormatter: import("../../internals/index.js").SeriesValueFormatter<number>;
 }[];

package/esm/RadarChart/index.d.ts

@@ -1,7 +1,7 @@
 export { RadarChart as Unstable_RadarChart } from "./RadarChart.js";
 export { RadarDataProvider as Unstable_RadarDataProvider } from "./RadarDataProvider/index.js";
-export type { RadarChartProps } from './RadarChart';
-export type { RadarDataProviderProps } from './RadarDataProvider';
+export type { RadarChartProps } from "./RadarChart.js";
+export type { RadarDataProviderProps } from "./RadarDataProvider/index.js";
 export * from "./RadarGrid/index.js";
 export * from "./RadarAxisHighlight/index.js";
 export * from "./RadarMetricLabels/index.js";

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

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

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

@@ -1,4 +1,4 @@
-import type { AxisTooltipGetter, TooltipGetter } from '../../internals/plugins/models';
+import type { AxisTooltipGetter, TooltipGetter } from "../../internals/plugins/models/index.js";
 declare const tooltipGetter: TooltipGetter<'radar'>;
 export declare const axisTooltipGetter: AxisTooltipGetter<'radar', 'rotation'>;
 export default tooltipGetter;

package/esm/RadarChart/useRadarChartProps.d.ts

@@ -1,7 +1,7 @@
-import type { RadarChartProps } from './RadarChart';
+import type { RadarChartProps } from "./RadarChart.js";
 import { ChartsOverlayProps } from "../ChartsOverlay/index.js";
 import { ChartsLegendSlotExtension } from "../ChartsLegend/index.js";
-import type { ChartsWrapperProps } from '../internals/components/ChartsWrapper';
+import type { ChartsWrapperProps } from "../internals/components/ChartsWrapper/index.js";
 import { RadarDataProviderProps } from "./RadarDataProvider/RadarDataProvider.js";
 import { ChartsSurfaceProps } from "../ChartsSurface/index.js";
 import { RadarGridProps } from "./RadarGrid/index.js";

package/esm/ScatterChart/ScatterChart.js

@@ -154,7 +154,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
    * The function called for onClick events.
    * The second argument contains information about all line/bar elements at the current mouse position.
    * @param {MouseEvent} event The mouse event recorded on the `<svg/>` element.
-   * @param {null | AxisData} data The data about the clicked axis and items associated with it.
+   * @param {null | ChartsAxisData} data The data about the clicked axis and items associated with it.
    */
   onAxisClick: PropTypes.func,
   /**

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { ScatterMarkerProps } from './ScatterMarker';
+import type { ScatterMarkerProps } from "./ScatterMarker.js";
 export interface ScatterMarkerSlots {
   /**
    * The component that renders the marker for a scatter point.

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

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

package/esm/ScatterChart/seriesConfig/seriesProcessor.js

@@ -7,7 +7,7 @@ const seriesProcessor = ({
     const datasetKeys = seriesData?.datasetKeys;
     const missingKeys = ['x', 'y', 'id'].filter(key => typeof datasetKeys?.[key] !== 'string');
     if (seriesData?.datasetKeys && missingKeys.length > 0) {
-      throw new Error([`MUI X: scatter series with id='${seriesId}' has incomplete datasetKeys.`, `Properties ${missingKeys.map(key => `"${key}"`).join(', ')} are missing.`].join('\n'));
+      throw new Error([`MUI X Charts: scatter series with id='${seriesId}' has incomplete datasetKeys.`, `Properties ${missingKeys.map(key => `"${key}"`).join(', ')} are missing.`].join('\n'));
     }
     const data = !datasetKeys ? seriesData.data ?? [] : dataset?.map(d => {
       return {

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

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

package/esm/ScatterChart/useScatterChartProps.d.ts

@@ -5,9 +5,9 @@ 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 { ScatterChartProps } from './ScatterChart';
-import type { ScatterPlotProps } from './ScatterPlot';
-import type { ChartsWrapperProps } from '../internals/components/ChartsWrapper';
+import type { ScatterChartProps } from "./ScatterChart.js";
+import type { ScatterPlotProps } from "./ScatterPlot.js";
+import type { ChartsWrapperProps } from "../internals/components/ChartsWrapper/index.js";
 import { ScatterChartPluginsSignatures } from "./ScatterChart.plugins.js";
 /**
  * A helper function that extracts ScatterChartProps from the input props

package/esm/SparkLineChart/SparkLineChart.js

@@ -198,7 +198,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
    * The function called for onClick events.
    * The second argument contains information about all line/bar elements at the current mouse position.
    * @param {MouseEvent} event The mouse event recorded on the `<svg/>` element.
-   * @param {null | AxisData} data The data about the clicked axis and items associated with it.
+   * @param {null | ChartsAxisData} data The data about the clicked axis and items associated with it.
    */
   onAxisClick: PropTypes.func,
   /**