@mui/x-charts 8.1.0 → 8.3.0

package/colorPalettes/sequential/blue.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.bluePaletteLight = exports.bluePaletteDark = exports.bluePalette = void 0;
+// Blue sequential gradient palette based on the color scheme
+
+const bluePaletteLight = exports.bluePaletteLight = ['#BDDEFF', '#99CCFF', '#66B2FF', '#2E96FF', '#0064D6', '#0D47A1', '#0A367B', '#072555'];
+const bluePaletteDark = exports.bluePaletteDark = bluePaletteLight;
+const bluePalette = mode => mode === 'dark' ? bluePaletteDark : bluePaletteLight;
+exports.bluePalette = bluePalette;

package/colorPalettes/sequential/cyan.d.ts

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

package/colorPalettes/sequential/cyan.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.cyanPaletteLight = exports.cyanPaletteDark = exports.cyanPalette = void 0;
+// Cyan sequential gradient palette based on the color scheme
+
+const cyanPaletteLight = exports.cyanPaletteLight = ['#CFE9E8', '#A3DAD8', '#7ED0CE', '#44BDBA', '#299896', '#137370', '#0E5A58', '#073938'];
+const cyanPaletteDark = exports.cyanPaletteDark = cyanPaletteLight;
+const cyanPalette = mode => mode === 'dark' ? cyanPaletteDark : cyanPaletteLight;
+exports.cyanPalette = cyanPalette;

package/colorPalettes/sequential/green.d.ts

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

package/colorPalettes/sequential/green.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.greenPaletteLight = exports.greenPaletteDark = exports.greenPalette = void 0;
+// Green sequential gradient palette based on the color scheme
+
+const greenPaletteLight = exports.greenPaletteLight = ['#CDEBDD', '#B2E2CB', '#8FD8B5', '#54C690', '#31B375', '#359F6D', '#0F7746', '#065731'];
+const greenPaletteDark = exports.greenPaletteDark = greenPaletteLight;
+const greenPalette = mode => mode === 'dark' ? greenPaletteDark : greenPaletteLight;
+exports.greenPalette = greenPalette;

package/colorPalettes/sequential/orange.d.ts

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

package/colorPalettes/sequential/orange.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.orangePaletteLight = exports.orangePaletteDark = exports.orangePalette = void 0;
+// Orange sequential gradient palette based on the color scheme
+
+const orangePaletteLight = exports.orangePaletteLight = ['#FBDBC3', '#F9BD92', '#F99F5D', '#FF7A19', '#FD620B', '#E15100', '#AC3E00', '#822F00'];
+const orangePaletteDark = exports.orangePaletteDark = orangePaletteLight;
+const orangePalette = mode => mode === 'dark' ? orangePaletteDark : orangePaletteLight;
+exports.orangePalette = orangePalette;

package/colorPalettes/sequential/pink.d.ts

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

package/colorPalettes/sequential/pink.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.pinkPaletteLight = exports.pinkPaletteDark = exports.pinkPalette = void 0;
+// Pink sequential gradient palette based on the color scheme
+
+const pinkPaletteLight = exports.pinkPaletteLight = ['#F7D2E1', '#F6BED5', '#F4A0C3', '#F6619F', '#EE448B', '#E32977', '#B6215F', '#8B1F4C'];
+const pinkPaletteDark = exports.pinkPaletteDark = pinkPaletteLight;
+const pinkPalette = mode => mode === 'dark' ? pinkPaletteDark : pinkPaletteLight;
+exports.pinkPalette = pinkPalette;

package/colorPalettes/sequential/purple.d.ts

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

package/colorPalettes/sequential/purple.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.purplePaletteLight = exports.purplePaletteDark = exports.purplePalette = void 0;
+// Purple sequential gradient palette based on the color scheme
+
+const purplePaletteLight = exports.purplePaletteLight = ['#CAD4EE', '#98ADE5', '#577EE3', '#4254FB', '#2638DF', '#222FA6', '#111C7F', '#091159'];
+const purplePaletteDark = exports.purplePaletteDark = purplePaletteLight;
+const purplePalette = mode => mode === 'dark' ? purplePaletteDark : purplePaletteLight;
+exports.purplePalette = purplePalette;

package/colorPalettes/sequential/red.d.ts

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

package/colorPalettes/sequential/red.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.redPaletteLight = exports.redPaletteDark = exports.redPalette = void 0;
+// Red sequential gradient palette based on the color scheme
+
+const redPaletteLight = exports.redPaletteLight = ['#FAE0E0', '#F7C0BF', '#F3A2A0', '#EF5350', '#E53935', '#DC2B27', '#860B08', '#560503 '];
+const redPaletteDark = exports.redPaletteDark = redPaletteLight;
+const redPalette = mode => mode === 'dark' ? redPaletteDark : redPaletteLight;
+exports.redPalette = redPalette;

package/colorPalettes/sequential/strawberrySky.d.ts

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

package/colorPalettes/sequential/strawberrySky.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.strawberrySkyPaletteLight = exports.strawberrySkyPaletteDark = exports.strawberrySkyPalette = void 0;
+const strawberrySkyPaletteLight = exports.strawberrySkyPaletteLight = ['#6877FF', '#694FFD', '#A94FFD', '#DA4FFD', '#F050A5', '#FF5E6C'];
+const strawberrySkyPaletteDark = exports.strawberrySkyPaletteDark = strawberrySkyPaletteLight;
+const strawberrySkyPalette = mode => mode === 'dark' ? strawberrySkyPaletteDark : strawberrySkyPaletteLight;
+exports.strawberrySkyPalette = strawberrySkyPalette;

package/colorPalettes/sequential/yellow.d.ts

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

package/colorPalettes/sequential/yellow.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.yellowPaletteLight = exports.yellowPaletteDark = exports.yellowPalette = void 0;
+// Yellow sequential gradient palette based on the color scheme
+
+const yellowPaletteLight = exports.yellowPaletteLight = ['#FBEFD6', '#F5DEB0', '#F3CD80', '#FAC14F', '#FFB219', '#EF9801', '#DA7D0B', '#AB6208'];
+const yellowPaletteDark = exports.yellowPaletteDark = yellowPaletteLight;
+const yellowPalette = mode => mode === 'dark' ? yellowPaletteDark : yellowPaletteLight;
+exports.yellowPalette = yellowPalette;

package/colorPalettes/types.d.ts

@@ -0,0 +1,4 @@
+export type ChartsColorPaletteCallback = (mode: 'light' | 'dark') => string[];
+export type ChartsColorPalette = string[] | ChartsColorPaletteCallback;
+export type ChartsColorCallback = (mode: 'light' | 'dark') => string;
+export type ChartsColor = string | ChartsColorCallback;

package/colorPalettes/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/context/ChartProvider/ChartContext.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { ChartContextValue } from './ChartProvider.types';
+import type { ChartContextValue } from "./ChartProvider.types.js";
 /**
  * @ignore - internal component.
  */

package/context/ChartProvider/ChartProvider.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { ChartProviderProps } from './ChartProvider.types';
+import type { ChartProviderProps } from "./ChartProvider.types.js";
 import { ChartAnyPluginSignature } from "../../internals/plugins/models/index.js";
 import { ChartSeriesConfig } from "../../internals/plugins/models/seriesConfig/index.js";
 import { ChartSeriesType } from "../../models/seriesType/config.js";

package/context/ChartProvider/ChartProvider.types.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import type { ChartAnyPluginSignature, ChartInstance, ChartPublicAPI, ConvertSignaturesIntoPlugins, MergeSignaturesProperty } from '../../internals/plugins/models';
-import type { ChartStore } from '../../internals/plugins/utils/ChartStore';
-import type { ChartCorePluginSignatures } from '../../internals/plugins/corePlugins';
-import type { ChartSeriesConfig } from '../../internals/plugins/models/seriesConfig';
-import type { UseChartBaseProps } from '../../internals/store/useCharts.types';
-import type { ChartSeriesType } from '../../models/seriesType/config';
+import type { ChartAnyPluginSignature, ChartInstance, ChartPublicAPI, ConvertSignaturesIntoPlugins, MergeSignaturesProperty } from "../../internals/plugins/models/index.js";
+import type { ChartStore } from "../../internals/plugins/utils/ChartStore.js";
+import type { ChartCorePluginSignatures } from "../../internals/plugins/corePlugins/index.js";
+import type { ChartSeriesConfig } from "../../internals/plugins/models/seriesConfig/index.js";
+import type { UseChartBaseProps } from "../../internals/store/useCharts.types.js";
+import type { ChartSeriesType } from "../../models/seriesType/config.js";
 export type ChartContextValue<TSignatures extends readonly ChartAnyPluginSignature[], TOptionalSignatures extends readonly ChartAnyPluginSignature[] = []> = {
   /**
    * And object with all the methods needed to interact with the chart.

package/context/ChartProvider/useChartContext.js

@@ -11,7 +11,7 @@ var _ChartContext = require("./ChartContext");
 const useChartContext = () => {
   const context = React.useContext(_ChartContext.ChartContext);
   if (context == null) {
-    throw new Error(['MUI X: Could not find the Chart context.', 'It looks like you rendered your component outside of a ChartDataProvider.', 'This can also happen if you are bundling multiple versions of the library.'].join('\n'));
+    throw new Error(['MUI X Charts: Could not find the Chart context.', 'It looks like you rendered your component outside of a ChartDataProvider.', 'This can also happen if you are bundling multiple versions of the library.'].join('\n'));
   }
   return context;
 };

package/context/index.d.ts

@@ -1 +1 @@
-export type { HighlightScope, FadeOptions, HighlightItemData, HighlightOptions } from '../internals/plugins/featurePlugins/useChartHighlight';
+export type { HighlightScope, FadeOptions, HighlightItemData, HighlightOptions } from "../internals/plugins/featurePlugins/useChartHighlight/index.js";

package/esm/BarChart/BarChart.js

@@ -168,7 +168,7 @@ process.env.NODE_ENV !== "production" ? BarChart.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/BarChart/BarLabel/BarLabel.types.d.ts

@@ -1,5 +1,5 @@
 import { SeriesId } from "../../models/seriesType/common.js";
-import type { BarLabelClasses } from './barLabelClasses';
+import type { BarLabelClasses } from "./barLabelClasses.js";
 export interface BarLabelOwnerState {
   seriesId: SeriesId;
   dataIndex: number;

package/esm/BarChart/BarLabel/BarLabelPlot.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { CompletedBarData } from '../types';
+import type { CompletedBarData } from "../types.js";
 import { BarLabelItemProps } from "./BarLabelItem.js";
 type BarLabelPlotProps = {
   bars: CompletedBarData[];

package/esm/BarChart/BarLabel/barLabelClasses.d.ts

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

package/esm/BarChart/BarLabel/index.d.ts

@@ -1,6 +1,6 @@
 export { BarLabel } from "./BarLabel.js";
-export type { BarLabelProps } from './BarLabel';
+export type { BarLabelProps } from "./BarLabel.js";
 export { barLabelClasses, getBarLabelUtilityClass } from "./barLabelClasses.js";
-export type { BarLabelSlotProps, BarLabelSlots } from './BarLabelItem';
-export type { BarLabelOwnerState, BarItem, BarLabelContext } from './BarLabel.types';
-export type { BarLabelClasses, BarLabelClassKey } from './barLabelClasses';
+export type { BarLabelSlotProps, BarLabelSlots } from "./BarLabelItem.js";
+export type { BarLabelOwnerState, BarItem, BarLabelContext } from "./BarLabel.types.js";
+export type { BarLabelClasses, BarLabelClassKey } from "./barLabelClasses.js";

package/esm/BarChart/checkScaleErrors.d.ts

@@ -1,10 +1,10 @@
-import { AxisDefaultized, AxisId } from "../models/axis.js";
+import { AxisId, ComputedXAxis, ComputedYAxis } from "../models/axis.js";
 import { DefaultizedBarSeriesType } from "../models/seriesType/bar.js";
 import { SeriesId } from "../models/seriesType/common.js";
 export declare function checkScaleErrors(verticalLayout: boolean, seriesId: SeriesId, series: DefaultizedBarSeriesType & {
   stackedData: [number, number][];
 }, xAxisId: AxisId, xAxis: {
-  [axisId: AxisId]: AxisDefaultized;
+  [axisId: AxisId]: ComputedXAxis;
 }, yAxisId: AxisId, yAxis: {
-  [axisId: AxisId]: AxisDefaultized;
+  [axisId: AxisId]: ComputedYAxis;
 }): void;

package/esm/BarChart/checkScaleErrors.js

@@ -17,17 +17,17 @@ export function checkScaleErrors(verticalLayout, seriesId, series, xAxisId, xAxi
   const discreteAxisDirection = verticalLayout ? 'x' : 'y';
   const continuousAxisDirection = verticalLayout ? 'y' : 'x';
   if (!isBandScaleConfig(discreteAxisConfig)) {
-    throw new Error(`MUI X: ${getAxisMessage(discreteAxisDirection, discreteAxisId)} should be of type "band" to display the bar series of id "${seriesId}".`);
+    throw new Error(`MUI X Charts: ${getAxisMessage(discreteAxisDirection, discreteAxisId)} should be of type "band" to display the bar series of id "${seriesId}".`);
   }
   if (discreteAxisConfig.data === undefined) {
-    throw new Error(`MUI X: ${getAxisMessage(discreteAxisDirection, discreteAxisId)} should have data property.`);
+    throw new Error(`MUI X Charts: ${getAxisMessage(discreteAxisDirection, discreteAxisId)} should have data property.`);
   }
   if (isBandScaleConfig(continuousAxisConfig) || isPointScaleConfig(continuousAxisConfig)) {
-    throw new Error(`MUI X: ${getAxisMessage(continuousAxisDirection, continuousAxisId)} should be a continuous type to display the bar series of id "${seriesId}".`);
+    throw new Error(`MUI X Charts: ${getAxisMessage(continuousAxisDirection, continuousAxisId)} should be a continuous type to display the bar series of id "${seriesId}".`);
   }
   if (process.env.NODE_ENV !== 'production') {
     if (discreteAxisConfig.data.length < series.stackedData.length) {
-      warnOnce([`MUI X: ${getAxisMessage(discreteAxisDirection, discreteAxisId)} has less data (${discreteAxisConfig.data.length} values) than the bar series of id "${seriesId}" (${series.stackedData.length} values).`, 'The axis data should have at least the same length than the series using it.'], 'error');
+      warnOnce([`MUI X Charts: ${getAxisMessage(discreteAxisDirection, discreteAxisId)} has less data (${discreteAxisConfig.data.length} values) than the bar series of id "${seriesId}" (${series.stackedData.length} values).`, 'The axis data should have at least the same length than the series using it.'], 'error');
     }
   }
 }

package/esm/BarChart/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<'bar'>;
 export default getSeriesWithDefaultValues;

package/esm/BarChart/seriesConfig/seriesProcessor.js

@@ -25,7 +25,7 @@ const seriesProcessor = (params, dataset) => {
         }
       });
     } else if (dataset === undefined) {
-      throw new Error([`MUI X: bar 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: bar series with id='${id}' has no data.`, 'Either provide a data property to the series or use the dataset prop.'].join('\n'));
     }
   });
   const completedSeries = {};
@@ -53,7 +53,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 bars, but contains nonnumerical elements.`, 'Bar plots only support numbers and null values.']);
+                warnOnce([`MUI X Charts: your dataset key "${dataKey}" is used for plotting bars, but contains nonnumerical elements.`, 'Bar plots only support numbers and null values.']);
               }
             }
             return 0;

package/esm/BarChart/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<'bar'>;
 export declare const axisTooltipGetter: AxisTooltipGetter<'bar', 'x' | 'y'>;
 export default tooltipGetter;

package/esm/BarChart/types.d.ts

@@ -1,5 +1,5 @@
-import type { BarSeriesType } from '../models';
-import type { SeriesId } from '../models/seriesType/common';
+import type { BarSeriesType } from "../models/index.js";
+import type { SeriesId } from "../models/seriesType/common.js";
 export type AnimationData = {
   x: number;
   y: number;

package/esm/BarChart/useBarChartProps.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { BarChartProps } from './BarChart';
+import type { BarChartProps } from "./BarChart.js";
 import { ChartContainerProps } from "../ChartContainer/index.js";
 import { BarPlotProps } from "./BarPlot.js";
 import { ChartsGridProps } from "../ChartsGrid/index.js";
@@ -8,7 +8,7 @@ import { ChartsOverlayProps } from "../ChartsOverlay/index.js";
 import { ChartsAxisProps } from "../ChartsAxis/index.js";
 import { ChartsAxisHighlightProps } from "../ChartsAxisHighlight/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 { BarChartPluginsSignatures } from "./BarChart.plugins.js";
 /**
  * A helper function that extracts BarChartProps from the input props

package/esm/BarChart/useBarChartProps.js

@@ -64,6 +64,24 @@ export const useBarChartProps = props => {
   }, s, {
     layout: hasHorizontalSeries ? 'horizontal' : 'vertical'
   })), [hasHorizontalSeries, series]);
+  const defaultXAxis = hasHorizontalSeries ? undefined : defaultBandXAxis;
+  const processedXAxis = React.useMemo(() => {
+    if (!xAxis) {
+      return defaultXAxis;
+    }
+    return hasHorizontalSeries ? xAxis : xAxis.map(axis => _extends({
+      scaleType: 'band'
+    }, axis));
+  }, [defaultXAxis, hasHorizontalSeries, xAxis]);
+  const defaultYAxis = hasHorizontalSeries ? defaultBandYAxis : undefined;
+  const processedYAxis = React.useMemo(() => {
+    if (!yAxis) {
+      return defaultYAxis;
+    }
+    return hasHorizontalSeries ? yAxis.map(axis => _extends({
+      scaleType: 'band'
+    }, axis)) : yAxis;
+  }, [defaultYAxis, hasHorizontalSeries, yAxis]);
   const chartContainerProps = _extends({}, rest, {
     series: seriesWithDefault,
     width,
@@ -71,8 +89,8 @@ export const useBarChartProps = props => {
     margin,
     colors,
     dataset,
-    xAxis: xAxis ?? (hasHorizontalSeries ? undefined : defaultBandXAxis),
-    yAxis: yAxis ?? (hasHorizontalSeries ? defaultBandYAxis : undefined),
+    xAxis: processedXAxis,
+    yAxis: processedYAxis,
     highlightedItem,
     onHighlightChange,
     disableAxisListener: slotProps?.tooltip?.trigger !== 'axis' && axisHighlight?.x === 'none' && axisHighlight?.y === 'none',

package/esm/ChartContainer/ChartContainer.js

@@ -113,7 +113,7 @@ process.env.NODE_ENV !== "production" ? ChartContainer.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/ChartContainer/useChartContainerProps.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ChartsSurfaceProps } from "../ChartsSurface/index.js";
 import { ChartDataProviderProps } from "../ChartDataProvider/index.js";
-import type { ChartContainerProps } from './ChartContainer';
+import type { ChartContainerProps } from "./ChartContainer.js";
 import { ChartSeriesType } from "../models/seriesType/config.js";
 import { AllPluginSignatures } from "../internals/plugins/allPlugins.js";
 import { ChartAnyPluginSignature } from "../internals/plugins/models/plugin.js";

package/esm/ChartDataProvider/useChartDataProviderProps.d.ts

@@ -1,4 +1,4 @@
-import type { ChartDataProviderProps } from './ChartDataProvider';
+import type { ChartDataProviderProps } from "./ChartDataProvider.js";
 import { ChartProviderProps } from "../context/ChartProvider/index.js";
 import { ChartAnyPluginSignature } from "../internals/plugins/models/index.js";
 import { ChartSeriesType } from "../models/seriesType/config.js";
@@ -6,6 +6,6 @@ import { AllPluginSignatures } from "../internals/plugins/allPlugins.js";
 import { ChartsLocalizationProviderProps } from "../ChartsLocalizationProvider/index.js";
 export declare const useChartDataProviderProps: <TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartDataProviderProps<TSeries, TSignatures> & ChartsLocalizationProviderProps) => {
   children: import("react").ReactNode;
-  localeText: Partial<import("../locales").ChartsLocaleText> | undefined;
+  localeText: Partial<import("../locales/index.js").ChartsLocaleText> | undefined;
   chartProviderProps: ChartProviderProps<TSeries, TSignatures>;
 };

package/esm/ChartsAxisHighlight/ChartsXAxisHighlight.js

@@ -30,7 +30,7 @@ export default function ChartsXHighlight(props) {
   if (process.env.NODE_ENV !== 'production') {
     const isError = isBandScaleX && xScale(axisXValue) === 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/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/ChartsClipPath/ChartsClipPath.d.ts

@@ -1,6 +1,14 @@
 import * as React from 'react';
 export type ChartsClipPathProps = {
+  /**
+   * The id of the clip path.
+   */
   id: string;
+  /**
+   * Offset, in pixels, of the clip path rectangle from the drawing area.
+   *
+   * A positive value will move the rectangle outside the drawing area.
+   */
   offset?: {
     top?: number;
     right?: number;

package/esm/ChartsClipPath/ChartsClipPath.js

@@ -42,7 +42,15 @@ process.env.NODE_ENV !== "production" ? ChartsClipPath.propTypes = {
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
+  /**
+   * The id of the clip path.
+   */
   id: PropTypes.string.isRequired,
+  /**
+   * Offset, in pixels, of the clip path rectangle from the drawing area.
+   *
+   * A positive value will move the rectangle outside the drawing area.
+   */
   offset: PropTypes.shape({
     bottom: PropTypes.number,
     left: PropTypes.number,

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 };