@mui/x-charts-pro 9.0.0-alpha.3 → 9.0.0-alpha.4

package/SankeyChart/SankeyPlot.js

@@ -19,8 +19,8 @@ var _SankeyNodeLabelPlot = require("./SankeyNodeLabelPlot");
 var _SankeyLinkLabelPlot = require("./SankeyLinkLabelPlot");
 var _jsxRuntime = require("react/jsx-runtime");
 const SankeyPlotRoot = (0, _styles.styled)('g', {
-  slot: 'internal',
-  shouldForwardProp: undefined
+  name: 'MuiSankeyPlot',
+  slot: 'Root'
 })({});
 
 /**
@@ -38,7 +38,7 @@ function SankeyPlot(props) {
   const sankeySeries = (0, _useSankeySeries.useSankeySeries)()[0];
   const layout = (0, _useSankeySeries.useSankeyLayout)();
   if (!sankeySeries) {
-    throw new Error(process.env.NODE_ENV !== "production" ? `MUI X Charts: Sankey series context is missing. Ensure the SankeyPlot is used inside a properly configured ChartDataProviderPro.` : (0, _formatErrorMessage2.default)(46));
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI X Charts: Sankey series context is missing. Ensure the SankeyPlot is used inside a properly configured ChartsDataProviderPro.` : (0, _formatErrorMessage2.default)(46));
   }
 
   // Early return if no data or dimensions

package/SankeyChart/SankeyPlot.mjs

@@ -12,8 +12,8 @@ import { SankeyNodeLabelPlot } from "./SankeyNodeLabelPlot.mjs";
 import { SankeyLinkLabelPlot } from "./SankeyLinkLabelPlot.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const SankeyPlotRoot = styled('g', {
-  slot: 'internal',
-  shouldForwardProp: undefined
+  name: 'MuiSankeyPlot',
+  slot: 'Root'
 })({});
 
 /**
@@ -31,7 +31,7 @@ function SankeyPlot(props) {
   const sankeySeries = useSankeySeries()[0];
   const layout = useSankeyLayout();
   if (!sankeySeries) {
-    throw new Error(process.env.NODE_ENV !== "production" ? `MUI X Charts: Sankey series context is missing. Ensure the SankeyPlot is used inside a properly configured ChartDataProviderPro.` : _formatErrorMessage(46));
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI X Charts: Sankey series context is missing. Ensure the SankeyPlot is used inside a properly configured ChartsDataProviderPro.` : _formatErrorMessage(46));
   }
 
   // Early return if no data or dimensions

package/SankeyChart/SankeyTooltip/SankeyTooltip.classes.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useUtilityClasses = void 0;
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
-var _ChartsTooltip = require("@mui/x-charts/ChartsTooltip");
+var _internals = require("@mui/x-charts/internals");
 const useUtilityClasses = props => {
   const {
     classes
@@ -22,6 +22,6 @@ const useUtilityClasses = props => {
     labelCell: ['labelCell'],
     valueCell: ['valueCell']
   };
-  return (0, _composeClasses.default)(slots, _ChartsTooltip.getChartsTooltipUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _internals.getChartsTooltipUtilityClass, classes);
 };
 exports.useUtilityClasses = useUtilityClasses;

package/SankeyChart/SankeyTooltip/SankeyTooltip.classes.mjs

@@ -1,5 +1,5 @@
 import composeClasses from '@mui/utils/composeClasses';
-import { getChartsTooltipUtilityClass } from '@mui/x-charts/ChartsTooltip';
+import { getChartsTooltipUtilityClass } from '@mui/x-charts/internals';
 export const useUtilityClasses = props => {
   const {
     classes

package/SankeyChart/index.d.mts

@@ -16,6 +16,7 @@ export * from "./sankey.types.mjs";
 export * from "./sankeySlots.types.mjs";
 export * from "./sankeyHighlightHooks.mjs";
 export * from "../hooks/useSankeySeries.mjs";
-export { type SankeyPlotClasses, sankeyPlotClasses } from "./sankeyClasses.mjs";
+export { sankeyClasses } from "./sankeyClasses.mjs";
+export type { SankeyClassKey, SankeyClasses } from "./sankeyClasses.mjs";
 export { SankeyTooltip, SankeyTooltipContent } from "./SankeyTooltip/index.mjs";
 export type { SankeyTooltipProps, SankeyTooltipClasses, SankeyTooltipContentClasses, SankeyTooltipSlots, SankeyTooltipSlotProps } from "./SankeyTooltip/index.mjs";

package/SankeyChart/index.d.ts

@@ -16,6 +16,7 @@ export * from "./sankey.types.js";
 export * from "./sankeySlots.types.js";
 export * from "./sankeyHighlightHooks.js";
 export * from "../hooks/useSankeySeries.js";
-export { type SankeyPlotClasses, sankeyPlotClasses } from "./sankeyClasses.js";
+export { sankeyClasses } from "./sankeyClasses.js";
+export type { SankeyClassKey, SankeyClasses } from "./sankeyClasses.js";
 export { SankeyTooltip, SankeyTooltipContent } from "./SankeyTooltip/index.js";
 export type { SankeyTooltipProps, SankeyTooltipClasses, SankeyTooltipContentClasses, SankeyTooltipSlots, SankeyTooltipSlotProps } from "./SankeyTooltip/index.js";

package/SankeyChart/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   Unstable_SankeyChart: true,
   SankeyChart: true,
-  sankeyPlotClasses: true,
+  sankeyClasses: true,
   SankeyTooltip: true,
   SankeyTooltipContent: true
 };
@@ -29,10 +29,10 @@ Object.defineProperty(exports, "SankeyTooltipContent", {
   }
 });
 exports.Unstable_SankeyChart = void 0;
-Object.defineProperty(exports, "sankeyPlotClasses", {
+Object.defineProperty(exports, "sankeyClasses", {
   enumerable: true,
   get: function () {
-    return _sankeyClasses.sankeyPlotClasses;
+    return _sankeyClasses.sankeyClasses;
   }
 });
 var _SankeyChart = require("./SankeyChart");

package/SankeyChart/index.mjs

@@ -17,5 +17,5 @@ export * from "./sankey.types.mjs";
 export * from "./sankeySlots.types.mjs";
 export * from "./sankeyHighlightHooks.mjs";
 export * from "../hooks/useSankeySeries.mjs";
-export { sankeyPlotClasses } from "./sankeyClasses.mjs";
+export { sankeyClasses } from "./sankeyClasses.mjs";
 export { SankeyTooltip, SankeyTooltipContent } from "./SankeyTooltip/index.mjs";

package/SankeyChart/sankeyClasses.d.mts

@@ -1,4 +1,4 @@
-export interface SankeyPlotClasses {
+export interface SankeyClasses {
   /** Styles applied to the root element. */
   root: string;
   /** Styles applied to the nodes container. */
@@ -9,9 +9,18 @@ export interface SankeyPlotClasses {
   links: string;
   /** Styles applied to the link label container. */
   linkLabels: string;
+  /** Styles applied to an individual node element. */
+  node: string;
+  /** Styles applied to an individual link element. */
+  link: string;
+  /** Styles applied to an individual node label element. */
+  nodeLabel: string;
+  /** Styles applied to an individual link label element. */
+  linkLabel: string;
 }
-export declare function getSankeyPlotUtilityClass(slot: string): string;
-export declare const sankeyPlotClasses: SankeyPlotClasses;
-export declare const useUtilityClasses: (ownerState: {
-  classes?: Partial<SankeyPlotClasses>;
-}) => Record<"nodes" | "links" | "root" | "nodeLabels" | "linkLabels", string>;
+export type SankeyClassKey = keyof SankeyClasses;
+export declare function getSankeyUtilityClass(slot: string): string;
+export declare const sankeyClasses: SankeyClasses;
+export declare const useUtilityClasses: (options?: {
+  classes?: Partial<SankeyClasses>;
+}) => Record<"nodes" | "links" | "node" | "link" | "root" | "nodeLabels" | "linkLabels" | "nodeLabel" | "linkLabel", string>;

package/SankeyChart/sankeyClasses.d.ts

@@ -1,4 +1,4 @@
-export interface SankeyPlotClasses {
+export interface SankeyClasses {
   /** Styles applied to the root element. */
   root: string;
   /** Styles applied to the nodes container. */
@@ -9,9 +9,18 @@ export interface SankeyPlotClasses {
   links: string;
   /** Styles applied to the link label container. */
   linkLabels: string;
+  /** Styles applied to an individual node element. */
+  node: string;
+  /** Styles applied to an individual link element. */
+  link: string;
+  /** Styles applied to an individual node label element. */
+  nodeLabel: string;
+  /** Styles applied to an individual link label element. */
+  linkLabel: string;
 }
-export declare function getSankeyPlotUtilityClass(slot: string): string;
-export declare const sankeyPlotClasses: SankeyPlotClasses;
-export declare const useUtilityClasses: (ownerState: {
-  classes?: Partial<SankeyPlotClasses>;
-}) => Record<"nodes" | "links" | "root" | "nodeLabels" | "linkLabels", string>;
+export type SankeyClassKey = keyof SankeyClasses;
+export declare function getSankeyUtilityClass(slot: string): string;
+export declare const sankeyClasses: SankeyClasses;
+export declare const useUtilityClasses: (options?: {
+  classes?: Partial<SankeyClasses>;
+}) => Record<"nodes" | "links" | "node" | "link" | "root" | "nodeLabels" | "linkLabels" | "nodeLabel" | "linkLabel", string>;

package/SankeyChart/sankeyClasses.js

@@ -4,26 +4,30 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getSankeyPlotUtilityClass = getSankeyPlotUtilityClass;
-exports.useUtilityClasses = exports.sankeyPlotClasses = void 0;
+exports.getSankeyUtilityClass = getSankeyUtilityClass;
+exports.useUtilityClasses = exports.sankeyClasses = void 0;
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
 var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
-function getSankeyPlotUtilityClass(slot) {
+function getSankeyUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiSankeyChart', slot);
 }
-const sankeyPlotClasses = exports.sankeyPlotClasses = (0, _generateUtilityClasses.default)('MuiSankeyChart', ['root', 'nodes', 'nodeLabels', 'links', 'linkLabels']);
-const useUtilityClasses = ownerState => {
+const sankeyClasses = exports.sankeyClasses = (0, _generateUtilityClasses.default)('MuiSankeyChart', ['root', 'nodes', 'nodeLabels', 'links', 'linkLabels', 'node', 'link', 'nodeLabel', 'linkLabel']);
+const useUtilityClasses = options => {
   const {
     classes
-  } = ownerState;
+  } = options ?? {};
   const slots = {
     root: ['root'],
     nodes: ['nodes'],
     nodeLabels: ['nodeLabels'],
     links: ['links'],
-    linkLabels: ['linkLabels']
+    linkLabels: ['linkLabels'],
+    node: ['node'],
+    link: ['link'],
+    nodeLabel: ['nodeLabel'],
+    linkLabel: ['linkLabel']
   };
-  return (0, _composeClasses.default)(slots, getSankeyPlotUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, getSankeyUtilityClass, classes);
 };
 exports.useUtilityClasses = useUtilityClasses;

package/SankeyChart/sankeyClasses.mjs

@@ -1,20 +1,24 @@
 import composeClasses from '@mui/utils/composeClasses';
 import generateUtilityClass from '@mui/utils/generateUtilityClass';
 import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-export function getSankeyPlotUtilityClass(slot) {
+export function getSankeyUtilityClass(slot) {
   return generateUtilityClass('MuiSankeyChart', slot);
 }
-export const sankeyPlotClasses = generateUtilityClasses('MuiSankeyChart', ['root', 'nodes', 'nodeLabels', 'links', 'linkLabels']);
-export const useUtilityClasses = ownerState => {
+export const sankeyClasses = generateUtilityClasses('MuiSankeyChart', ['root', 'nodes', 'nodeLabels', 'links', 'linkLabels', 'node', 'link', 'nodeLabel', 'linkLabel']);
+export const useUtilityClasses = options => {
   const {
     classes
-  } = ownerState;
+  } = options ?? {};
   const slots = {
     root: ['root'],
     nodes: ['nodes'],
     nodeLabels: ['nodeLabels'],
     links: ['links'],
-    linkLabels: ['linkLabels']
+    linkLabels: ['linkLabels'],
+    node: ['node'],
+    link: ['link'],
+    nodeLabel: ['nodeLabel'],
+    linkLabel: ['linkLabel']
   };
-  return composeClasses(slots, getSankeyPlotUtilityClass, classes);
+  return composeClasses(slots, getSankeyUtilityClass, classes);
 };

package/SankeyChart/useSankeyChartProps.d.mts

@@ -1,7 +1,7 @@
 import type { ChartsOverlayProps } from '@mui/x-charts/ChartsOverlay';
 import type { ChartsWrapperProps } from '@mui/x-charts/ChartsWrapper';
 import type { SankeyChartProps } from "./SankeyChart.mjs";
-import type { ChartContainerProProps } from "../ChartContainerPro/index.mjs";
+import type { ChartsContainerProProps } from "../ChartsContainerPro/index.mjs";
 import { type SankeyChartPluginSignatures } from "./SankeyChart.plugins.mjs";
 /**
  * A helper function that extracts SankeyChartProps from the input props
@@ -11,7 +11,7 @@ import { type SankeyChartPluginSignatures } from "./SankeyChart.plugins.mjs";
  * @returns An object with props for the children components of SankeyChart
  */
 export declare const useSankeyChartProps: (props: SankeyChartProps) => {
-  chartContainerProps: ChartContainerProProps<"sankey", SankeyChartPluginSignatures>;
+  chartsContainerProps: ChartsContainerProProps<"sankey", SankeyChartPluginSignatures>;
   sankeyPlotProps: {
     onNodeClick: ((event: React.MouseEvent<SVGElement, MouseEvent>, node: import("./sankey.types.mjs").SankeyNodeIdentifierWithData) => void) | undefined;
     onLinkClick: ((event: React.MouseEvent<SVGElement, MouseEvent>, link: import("./sankey.types.mjs").SankeyLinkIdentifierWithData) => void) | undefined;

package/SankeyChart/useSankeyChartProps.d.ts

@@ -1,7 +1,7 @@
 import type { ChartsOverlayProps } from '@mui/x-charts/ChartsOverlay';
 import type { ChartsWrapperProps } from '@mui/x-charts/ChartsWrapper';
 import type { SankeyChartProps } from "./SankeyChart.js";
-import type { ChartContainerProProps } from "../ChartContainerPro/index.js";
+import type { ChartsContainerProProps } from "../ChartsContainerPro/index.js";
 import { type SankeyChartPluginSignatures } from "./SankeyChart.plugins.js";
 /**
  * A helper function that extracts SankeyChartProps from the input props
@@ -11,7 +11,7 @@ import { type SankeyChartPluginSignatures } from "./SankeyChart.plugins.js";
  * @returns An object with props for the children components of SankeyChart
  */
 export declare const useSankeyChartProps: (props: SankeyChartProps) => {
-  chartContainerProps: ChartContainerProProps<"sankey", SankeyChartPluginSignatures>;
+  chartsContainerProps: ChartsContainerProProps<"sankey", SankeyChartPluginSignatures>;
   sankeyPlotProps: {
     onNodeClick: ((event: React.MouseEvent<SVGElement, MouseEvent>, node: import("./sankey.types.js").SankeyNodeIdentifierWithData) => void) | undefined;
     onLinkClick: ((event: React.MouseEvent<SVGElement, MouseEvent>, link: import("./sankey.types.js").SankeyLinkIdentifierWithData) => void) | undefined;

package/SankeyChart/useSankeyChartProps.js

@@ -39,7 +39,7 @@ const useSankeyChartProps = props => {
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const margin = (0, _internals.defaultizeMargin)(marginProps, _constants.DEFAULT_MARGINS);
-  const chartContainerProps = (0, _extends2.default)({}, other, {
+  const chartsContainerProps = (0, _extends2.default)({}, other, {
     series: [(0, _extends2.default)({
       type: 'sankey'
     }, series)],
@@ -68,7 +68,7 @@ const useSankeyChartProps = props => {
     className
   };
   return {
-    chartContainerProps,
+    chartsContainerProps,
     sankeyPlotProps,
     overlayProps,
     chartsWrapperProps,

package/SankeyChart/useSankeyChartProps.mjs

@@ -33,7 +33,7 @@ export const useSankeyChartProps = props => {
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
   const margin = defaultizeMargin(marginProps, DEFAULT_MARGINS);
-  const chartContainerProps = _extends({}, other, {
+  const chartsContainerProps = _extends({}, other, {
     series: [_extends({
       type: 'sankey'
     }, series)],
@@ -62,7 +62,7 @@ export const useSankeyChartProps = props => {
     className
   };
   return {
-    chartContainerProps,
+    chartsContainerProps,
     sankeyPlotProps,
     overlayProps,
     chartsWrapperProps,

package/ScatterChartPro/ScatterChartPro.d.mts

@@ -2,7 +2,7 @@ import * as React from 'react';
 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.mjs";
-import { type ChartContainerProProps } from "../ChartContainerPro/ChartContainerPro.mjs";
+import { type ChartsContainerProProps } from "../ChartsContainerPro/ChartsContainerPro.mjs";
 import { type ScatterChartProPluginSignatures } from "./ScatterChartPro.plugins.mjs";
 import { type ChartsToolbarProSlots, type ChartsToolbarProSlotProps } from "../ChartsToolbarPro/Toolbar.types.mjs";
 export interface ScatterChartProSlots extends Omit<ScatterChartSlots, 'toolbar'>, ChartsToolbarProSlots, Partial<ChartsSlotsPro> {}
@@ -13,7 +13,7 @@ export interface ScatterChartProSlotProps extends Omit<ScatterChartSlotProps, 't
    */
   tooltip?: Partial<ChartsTooltipProps<'item' | 'none'>>;
 }
-export interface ScatterChartProProps extends Omit<ScatterChartProps, 'apiRef' | 'slots' | 'slotProps' | 'plugins' | 'seriesConfig'>, Omit<ChartContainerProProps<'scatter', ScatterChartProPluginSignatures>, 'series' | 'onItemClick' | 'slots' | 'slotProps' | 'experimentalFeatures' | 'highlightedAxis' | 'onHighlightedAxisChange'> {
+export interface ScatterChartProProps extends Omit<ScatterChartProps, 'apiRef' | 'slots' | 'slotProps' | 'plugins' | 'seriesConfig'>, Omit<ChartsContainerProProps<'scatter', ScatterChartProPluginSignatures>, 'series' | 'onItemClick' | 'slots' | 'slotProps' | 'highlightedAxis' | 'onHighlightedAxisChange'> {
   /**
    * Overridable component slots.
    * @default {}

package/ScatterChartPro/ScatterChartPro.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 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 ChartsContainerProProps } from "../ChartsContainerPro/ChartsContainerPro.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> {}
@@ -13,7 +13,7 @@ export interface ScatterChartProSlotProps extends Omit<ScatterChartSlotProps, 't
    */
   tooltip?: Partial<ChartsTooltipProps<'item' | 'none'>>;
 }
-export interface ScatterChartProProps extends Omit<ScatterChartProps, 'apiRef' | 'slots' | 'slotProps' | 'plugins' | 'seriesConfig'>, Omit<ChartContainerProProps<'scatter', ScatterChartProPluginSignatures>, 'series' | 'onItemClick' | 'slots' | 'slotProps' | 'experimentalFeatures' | 'highlightedAxis' | 'onHighlightedAxisChange'> {
+export interface ScatterChartProProps extends Omit<ScatterChartProps, 'apiRef' | 'slots' | 'slotProps' | 'plugins' | 'seriesConfig'>, Omit<ChartsContainerProProps<'scatter', ScatterChartProPluginSignatures>, 'series' | 'onItemClick' | 'slots' | 'slotProps' | 'highlightedAxis' | 'onHighlightedAxisChange'> {
   /**
    * Overridable component slots.
    * @default {}