Skip to content

Commit 198a1f6

Browse files
JCQuintasalexfauquette
JCQuintas
and
alexfauquette
authored
[charts-pro] Fix pro components watermark (#16222)
Co-authored-by: Alexandre Fauquette <[email protected]>
1 parent c77f2ad commit 198a1f6

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

50 files changed

+763
-90
lines changed

‎docs/data/charts/components/HtmlLegend.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import * as React from 'react';
22
import Box from '@mui/material/Box';
33
import { useLegend } from '@mui/x-charts/hooks';
4-
import { ChartDataProvider } from '@mui/x-charts/context';
4+
import { ChartDataProvider } from '@mui/x-charts/ChartDataProvider';
55
import { ChartsSurface } from '@mui/x-charts/ChartsSurface';
66
import { BarPlot } from '@mui/x-charts/BarChart';
77
import { ChartsXAxis } from '@mui/x-charts/ChartsXAxis';

‎docs/data/charts/components/HtmlLegend.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import * as React from 'react';
22
import Box from '@mui/material/Box';
33
import { useLegend } from '@mui/x-charts/hooks';
4-
import { ChartDataProvider } from '@mui/x-charts/context';
4+
import { ChartDataProvider } from '@mui/x-charts/ChartDataProvider';
55
import { ChartsSurface } from '@mui/x-charts/ChartsSurface';
66
import { BarPlot } from '@mui/x-charts/BarChart';
77
import { ChartsXAxis } from '@mui/x-charts/ChartsXAxis';

‎docs/data/charts/composition/composition.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: React Chart composition
33
productId: x-charts
44
githubLabel: 'component: charts'
5-
components: ChartContainer, ChartContainerPro, ChartsGrid, ChartDataProvider, ChartsSurface
5+
components: ChartContainer, ChartContainerPro, ChartsGrid, ChartDataProvider, ChartDataProviderPro, ChartsSurface
66
packageName: '@mui/x-charts'
77
---
88

‎docs/data/charts/legend/LegendClickNoSnap.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ import UndoOutlinedIcon from '@mui/icons-material/UndoOutlined';
1010
import { ChartsLegend, PiecewiseColorLegend } from '@mui/x-charts/ChartsLegend';
1111

1212
import { HighlightedCode } from '@mui/docs/HighlightedCode';
13-
import { ChartDataProvider } from '@mui/x-charts/context';
13+
import { ChartDataProvider } from '@mui/x-charts/ChartDataProvider';
1414

1515
/** @type {import('@mui/x-charts/PieChart').PieChartProps['series']} */
1616
const pieSeries = [

‎docs/data/charts/legend/LegendLabelPositions.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import {
55
piecewiseColorDefaultLabelFormatter,
66
PiecewiseColorLegend,
77
} from '@mui/x-charts/ChartsLegend';
8-
import { ChartDataProvider } from '@mui/x-charts/context';
8+
import { ChartDataProvider } from '@mui/x-charts/ChartDataProvider';
99
import { ChartsAxesGradients } from '@mui/x-charts/internals';
1010
import Stack from '@mui/material/Stack';
1111
import Typography from '@mui/material/Typography';

‎docs/data/charts/legend/LegendLabelPositions.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ import {
66
PiecewiseColorLegend,
77
PiecewiseLabelFormatterParams,
88
} from '@mui/x-charts/ChartsLegend';
9-
import { ChartDataProvider } from '@mui/x-charts/context';
9+
import { ChartDataProvider } from '@mui/x-charts/ChartDataProvider';
1010
import { ChartsAxesGradients } from '@mui/x-charts/internals';
1111
import Stack from '@mui/material/Stack';
1212
import Typography from '@mui/material/Typography';

‎docs/data/chartsApiPages.ts

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -51,6 +51,11 @@ const chartsApiPages: MuiPage[] = [
5151
pathname: '/x/api/charts/chart-data-provider',
5252
title: 'ChartDataProvider',
5353
},
54+
{
55+
pathname: '/x/api/charts/chart-data-provider-pro',
56+
title: 'ChartDataProviderPro',
57+
plan: 'pro',
58+
},
5459
{
5560
pathname: '/x/api/charts/charts-axis',
5661
title: 'ChartsAxis',

‎docs/pages/x/api/charts/bar-chart-pro.json

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -128,6 +128,8 @@
128128
"import { BarChartPro } from '@mui/x-charts-pro';"
129129
],
130130
"classes": [],
131+
"spread": true,
132+
"themeDefaultProps": null,
131133
"muiName": "MuiBarChartPro",
132134
"filename": "/packages/x-charts-pro/src/BarChartPro/BarChartPro.tsx",
133135
"inheritance": null,

‎docs/pages/x/api/charts/chart-data-provider-pro.js

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
import * as React from 'react';
2+
import ApiPage from 'docs/src/modules/components/ApiPage';
3+
import mapApiPageTranslations from 'docs/src/modules/utils/mapApiPageTranslations';
4+
import jsonPageContent from './chart-data-provider-pro.json';
5+
6+
export default function Page(props) {
7+
const { descriptions, pageContent } = props;
8+
return <ApiPage descriptions={descriptions} pageContent={pageContent} />;
9+
}
10+
11+
Page.getInitialProps = () => {
12+
const req = require.context(
13+
'docsx/translations/api-docs/charts/chart-data-provider-pro',
14+
false,
15+
/\.\/chart-data-provider-pro.*.json$/,
16+
);
17+
const descriptions = mapApiPageTranslations(req);
18+
19+
return {
20+
descriptions,
21+
pageContent: jsonPageContent,
22+
};
23+
};

‎docs/pages/x/api/charts/chart-data-provider-pro.json

Lines changed: 78 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,78 @@
1+
{
2+
"props": {
3+
"colors": {
4+
"type": { "name": "union", "description": "Array&lt;string&gt;<br>&#124;&nbsp;func" },
5+
"default": "blueberryTwilightPalette"
6+
},
7+
"dataset": { "type": { "name": "arrayOf", "description": "Array&lt;object&gt;" } },
8+
"height": { "type": { "name": "number" } },
9+
"highlightedItem": {
10+
"type": {
11+
"name": "shape",
12+
"description": "{ dataIndex?: number, seriesId?: number<br>&#124;&nbsp;string }"
13+
}
14+
},
15+
"id": { "type": { "name": "string" } },
16+
"initialZoom": {
17+
"type": {
18+
"name": "arrayOf",
19+
"description": "Array&lt;{ axisId: number<br>&#124;&nbsp;string, end: number, start: number }&gt;"
20+
}
21+
},
22+
"margin": {
23+
"type": {
24+
"name": "shape",
25+
"description": "{ bottom?: number, left?: number, right?: number, top?: number }"
26+
}
27+
},
28+
"onHighlightChange": {
29+
"type": { "name": "func" },
30+
"signature": {
31+
"type": "function(highlightedItem: HighlightItemData | null) => void",
32+
"describedArgs": ["highlightedItem"]
33+
}
34+
},
35+
"onZoomChange": {
36+
"type": { "name": "func" },
37+
"signature": {
38+
"type": "function(zoomData: Array<ZoomData>) => void",
39+
"describedArgs": ["zoomData"]
40+
}
41+
},
42+
"series": { "type": { "name": "arrayOf", "description": "Array&lt;object&gt;" } },
43+
"skipAnimation": { "type": { "name": "bool" } },
44+
"width": { "type": { "name": "number" } },
45+
"xAxis": {
46+
"type": {
47+
"name": "arrayOf",
48+
"description": "Array&lt;{ classes?: object, colorMap?: { colors: Array&lt;string&gt;, type: 'ordinal', unknownColor?: string, values?: Array&lt;Date<br>&#124;&nbsp;number<br>&#124;&nbsp;string&gt; }<br>&#124;&nbsp;{ color: Array&lt;string&gt;<br>&#124;&nbsp;func, max?: Date<br>&#124;&nbsp;number, min?: Date<br>&#124;&nbsp;number, type: 'continuous' }<br>&#124;&nbsp;{ colors: Array&lt;string&gt;, thresholds: Array&lt;Date<br>&#124;&nbsp;number&gt;, type: 'piecewise' }, data?: array, dataKey?: string, disableLine?: bool, disableTicks?: bool, domainLimit?: 'nice'<br>&#124;&nbsp;'strict'<br>&#124;&nbsp;func, fill?: string, hideTooltip?: bool, id?: number<br>&#124;&nbsp;string, label?: string, labelStyle?: object, max?: Date<br>&#124;&nbsp;number, min?: Date<br>&#124;&nbsp;number, position?: 'bottom'<br>&#124;&nbsp;'top', reverse?: bool, scaleType?: 'band'<br>&#124;&nbsp;'linear'<br>&#124;&nbsp;'log'<br>&#124;&nbsp;'point'<br>&#124;&nbsp;'pow'<br>&#124;&nbsp;'sqrt'<br>&#124;&nbsp;'time'<br>&#124;&nbsp;'utc', slotProps?: object, slots?: object, stroke?: string, sx?: Array&lt;func<br>&#124;&nbsp;object<br>&#124;&nbsp;bool&gt;<br>&#124;&nbsp;func<br>&#124;&nbsp;object, tickInterval?: 'auto'<br>&#124;&nbsp;array<br>&#124;&nbsp;func, tickLabelInterval?: 'auto'<br>&#124;&nbsp;func, tickLabelPlacement?: 'middle'<br>&#124;&nbsp;'tick', tickLabelStyle?: object, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickPlacement?: 'end'<br>&#124;&nbsp;'extremities'<br>&#124;&nbsp;'middle'<br>&#124;&nbsp;'start', tickSize?: number, valueFormatter?: func, zoom?: { filterMode?: 'discard'<br>&#124;&nbsp;'keep', maxEnd?: number, maxSpan?: number, minSpan?: number, minStart?: number, panning?: bool, step?: number }<br>&#124;&nbsp;bool }&gt;"
49+
}
50+
},
51+
"yAxis": {
52+
"type": {
53+
"name": "arrayOf",
54+
"description": "Array&lt;{ classes?: object, colorMap?: { colors: Array&lt;string&gt;, type: 'ordinal', unknownColor?: string, values?: Array&lt;Date<br>&#124;&nbsp;number<br>&#124;&nbsp;string&gt; }<br>&#124;&nbsp;{ color: Array&lt;string&gt;<br>&#124;&nbsp;func, max?: Date<br>&#124;&nbsp;number, min?: Date<br>&#124;&nbsp;number, type: 'continuous' }<br>&#124;&nbsp;{ colors: Array&lt;string&gt;, thresholds: Array&lt;Date<br>&#124;&nbsp;number&gt;, type: 'piecewise' }, data?: array, dataKey?: string, disableLine?: bool, disableTicks?: bool, domainLimit?: 'nice'<br>&#124;&nbsp;'strict'<br>&#124;&nbsp;func, fill?: string, hideTooltip?: bool, id?: number<br>&#124;&nbsp;string, label?: string, labelStyle?: object, max?: Date<br>&#124;&nbsp;number, min?: Date<br>&#124;&nbsp;number, position?: 'left'<br>&#124;&nbsp;'right', reverse?: bool, scaleType?: 'band'<br>&#124;&nbsp;'linear'<br>&#124;&nbsp;'log'<br>&#124;&nbsp;'point'<br>&#124;&nbsp;'pow'<br>&#124;&nbsp;'sqrt'<br>&#124;&nbsp;'time'<br>&#124;&nbsp;'utc', slotProps?: object, slots?: object, stroke?: string, sx?: Array&lt;func<br>&#124;&nbsp;object<br>&#124;&nbsp;bool&gt;<br>&#124;&nbsp;func<br>&#124;&nbsp;object, tickInterval?: 'auto'<br>&#124;&nbsp;array<br>&#124;&nbsp;func, tickLabelInterval?: 'auto'<br>&#124;&nbsp;func, tickLabelPlacement?: 'middle'<br>&#124;&nbsp;'tick', tickLabelStyle?: object, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickPlacement?: 'end'<br>&#124;&nbsp;'extremities'<br>&#124;&nbsp;'middle'<br>&#124;&nbsp;'start', tickSize?: number, valueFormatter?: func, zoom?: { filterMode?: 'discard'<br>&#124;&nbsp;'keep', maxEnd?: number, maxSpan?: number, minSpan?: number, minStart?: number, panning?: bool, step?: number }<br>&#124;&nbsp;bool }&gt;"
55+
}
56+
},
57+
"zAxis": {
58+
"type": {
59+
"name": "arrayOf",
60+
"description": "Array&lt;{ colorMap?: { colors: Array&lt;string&gt;, type: 'ordinal', unknownColor?: string, values?: Array&lt;Date<br>&#124;&nbsp;number<br>&#124;&nbsp;string&gt; }<br>&#124;&nbsp;{ color: Array&lt;string&gt;<br>&#124;&nbsp;func, max?: Date<br>&#124;&nbsp;number, min?: Date<br>&#124;&nbsp;number, type: 'continuous' }<br>&#124;&nbsp;{ colors: Array&lt;string&gt;, thresholds: Array&lt;Date<br>&#124;&nbsp;number&gt;, type: 'piecewise' }, data?: array, dataKey?: string, id?: string, max?: number, min?: number }&gt;"
61+
}
62+
}
63+
},
64+
"name": "ChartDataProviderPro",
65+
"imports": [
66+
"import { ChartDataProviderPro } from '@mui/x-charts-pro/ChartDataProviderPro';",
67+
"import { ChartDataProviderPro } from '@mui/x-charts-pro';"
68+
],
69+
"classes": [],
70+
"spread": false,
71+
"themeDefaultProps": false,
72+
"muiName": "MuiChartDataProviderPro",
73+
"forwardsRefTo": "SVGSVGElement",
74+
"filename": "/packages/x-charts-pro/src/ChartDataProviderPro/ChartDataProviderPro.tsx",
75+
"inheritance": null,
76+
"demos": "<ul><li><a href=\"/x/react-charts/composition/\">Chart composition</a></li></ul>",
77+
"cssComponent": false
78+
}

‎docs/pages/x/api/charts/chart-data-provider.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212
},
1313
"name": "ChartDataProvider",
1414
"imports": [
15-
"import { ChartDataProvider } from '@mui/x-charts/context';",
15+
"import { ChartDataProvider } from '@mui/x-charts/ChartDataProvider';",
1616
"import { ChartDataProvider } from '@mui/x-charts';",
1717
"import { ChartDataProvider } from '@mui/x-charts-pro';"
1818
],
@@ -21,7 +21,7 @@
2121
"themeDefaultProps": false,
2222
"muiName": "MuiChartDataProvider",
2323
"forwardsRefTo": "SVGSVGElement",
24-
"filename": "/packages/x-charts/src/context/ChartDataProvider/ChartDataProvider.tsx",
24+
"filename": "/packages/x-charts/src/ChartDataProvider/ChartDataProvider.tsx",
2525
"inheritance": null,
2626
"demos": "<ul><li><a href=\"/x/react-charts/composition/\">Chart composition</a></li></ul>",
2727
"cssComponent": false

‎docs/pages/x/api/charts/heatmap.json

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -118,6 +118,8 @@
118118
"isGlobal": false
119119
}
120120
],
121+
"spread": true,
122+
"themeDefaultProps": null,
121123
"muiName": "MuiHeatmap",
122124
"filename": "/packages/x-charts-pro/src/Heatmap/Heatmap.tsx",
123125
"inheritance": null,

‎docs/pages/x/api/charts/line-chart-pro.json

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -120,6 +120,8 @@
120120
"import { LineChartPro } from '@mui/x-charts-pro';"
121121
],
122122
"classes": [],
123+
"spread": true,
124+
"themeDefaultProps": null,
123125
"muiName": "MuiLineChartPro",
124126
"filename": "/packages/x-charts-pro/src/LineChartPro/LineChartPro.tsx",
125127
"inheritance": null,

‎docs/pages/x/api/charts/scatter-chart-pro.json

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -118,6 +118,8 @@
118118
"import { ScatterChartPro } from '@mui/x-charts-pro';"
119119
],
120120
"classes": [],
121+
"spread": true,
122+
"themeDefaultProps": null,
121123
"muiName": "MuiScatterChartPro",
122124
"filename": "/packages/x-charts-pro/src/ScatterChartPro/ScatterChartPro.tsx",
123125
"inheritance": null,

‎docs/translations/api-docs/charts/chart-container-pro/chart-container-pro.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
{
2-
"componentDescription": "It sets up the data providers as well as the `<svg>` for the chart.\n\nThis is a combination of both the `ChartDataProvider` and `ChartsSurface` components.",
2+
"componentDescription": "It sets up the data providers as well as the `<svg>` for the chart.\n\nThis is a combination of both the `ChartDataProviderPro` and `ChartsSurface` components.",
33
"propDescriptions": {
44
"colors": { "description": "Color palette used to colorize multiple series." },
55
"dataset": {

‎docs/translations/api-docs/charts/chart-data-provider-pro/chart-data-provider-pro.json

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
{
2+
"componentDescription": "Orchestrates the data providers for the chart components and hooks.\n\nUse this component if you have custom HTML components that need to access the chart data.",
3+
"propDescriptions": {
4+
"colors": { "description": "Color palette used to colorize multiple series." },
5+
"dataset": {
6+
"description": "An array of objects that can be used to populate series and axes data using their <code>dataKey</code> property."
7+
},
8+
"height": {
9+
"description": "The height of the chart in px. If not defined, it takes the height of the parent element."
10+
},
11+
"highlightedItem": {
12+
"description": "The item currently highlighted. Turns highlighting into a controlled prop."
13+
},
14+
"id": {
15+
"description": "This prop is used to help implement the accessibility logic. If you don&#39;t provide this prop. It falls back to a randomly generated id."
16+
},
17+
"initialZoom": { "description": "The list of zoom data related to each axis." },
18+
"margin": {
19+
"description": "The margin between the SVG and the drawing area. It&#39;s used for leaving some space for extra information such as the x- and y-axis or legend. Accepts an object with the optional properties: <code>top</code>, <code>bottom</code>, <code>left</code>, and <code>right</code>."
20+
},
21+
"onHighlightChange": {
22+
"description": "The callback fired when the highlighted item changes.",
23+
"typeDescriptions": { "highlightedItem": "The newly highlighted item." }
24+
},
25+
"onZoomChange": {
26+
"description": "Callback fired when the zoom has changed.",
27+
"typeDescriptions": { "zoomData": "Updated zoom data." }
28+
},
29+
"series": {
30+
"description": "The array of series to display. Each type of series has its own specificity. Please refer to the appropriate docs page to learn more about it."
31+
},
32+
"skipAnimation": {
33+
"description": "If <code>true</code>, animations are skipped. If unset or <code>false</code>, the animations respects the user&#39;s <code>prefers-reduced-motion</code> setting."
34+
},
35+
"width": {
36+
"description": "The width of the chart in px. If not defined, it takes the width of the parent element."
37+
},
38+
"xAxis": {
39+
"description": "The configuration of the x-axes. If not provided, a default axis config is used. An array of <a href='/x/api/charts/axis-config/'>AxisConfig</a> objects."
40+
},
41+
"yAxis": {
42+
"description": "The configuration of the y-axes. If not provided, a default axis config is used. An array of <a href='/x/api/charts/axis-config/'>AxisConfig</a> objects."
43+
},
44+
"zAxis": { "description": "The configuration of the z-axes." }
45+
},
46+
"classDescriptions": {}
47+
}

‎packages/x-charts-pro/src/BarChartPro/BarChartPro.test.tsx

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
import * as React from 'react';
2+
import { expect } from 'chai';
3+
import { createRenderer, screen } from '@mui/internal-test-utils';
4+
import { LicenseInfo } from '@mui/x-license';
5+
import { sharedLicenseStatuses } from '@mui/x-license/useLicenseVerifier/useLicenseVerifier';
6+
import { BarChartPro } from './BarChartPro';
7+
8+
describe('<BarChartPro /> - License', () => {
9+
const { render } = createRenderer();
10+
11+
beforeEach(() => {
12+
Object.keys(sharedLicenseStatuses).forEach((key) => {
13+
delete sharedLicenseStatuses[key];
14+
});
15+
});
16+
17+
it('should render watermark when the license is missing', async () => {
18+
LicenseInfo.setLicenseKey('');
19+
20+
expect(() => render(<BarChartPro series={[]} width={100} height={100} />)).toErrorDev([
21+
'MUI X: Missing license key.',
22+
]);
23+
24+
expect(await screen.findAllByText('MUI X Missing license key')).not.to.equal(null);
25+
});
26+
});

‎packages/x-charts-pro/src/BarChartPro/BarChartPro.tsx

Lines changed: 5 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -12,16 +12,16 @@ import { ChartsAxisHighlight } from '@mui/x-charts/ChartsAxisHighlight';
1212
import { ChartsTooltip } from '@mui/x-charts/ChartsTooltip';
1313
import { ChartsClipPath } from '@mui/x-charts/ChartsClipPath';
1414
import { useBarChartProps, ChartsWrapper } from '@mui/x-charts/internals';
15-
import { ChartDataProvider } from '@mui/x-charts/context';
1615
import { ChartsSurface } from '@mui/x-charts/ChartsSurface';
1716
import { ChartContainerProProps } from '../ChartContainerPro';
1817
import { useIsZoomInteracting } from '../hooks/zoom';
1918
import { useChartContainerProProps } from '../ChartContainerPro/useChartContainerProProps';
19+
import { ChartDataProviderPro } from '../ChartDataProviderPro';
2020

2121
function BarChartPlotZoom(props: BarPlotProps) {
2222
const isInteracting = useIsZoomInteracting();
2323

24-
return <BarPlot {...props} skipAnimation={isInteracting || undefined} />;
24+
return <BarPlot {...props} skipAnimation={isInteracting || props.skipAnimation} />;
2525
}
2626

2727
BarChartPlotZoom.propTypes = {
@@ -101,19 +101,14 @@ const BarChartPro = React.forwardRef(function BarChartPro(
101101
} = useBarChartProps(other);
102102

103103
const { chartDataProviderProProps, chartsSurfaceProps } = useChartContainerProProps(
104-
{ ...chartContainerProps, apiRef },
104+
{ ...chartContainerProps, initialZoom, onZoomChange, apiRef },
105105
ref,
106106
);
107107

108108
const Tooltip = props.slots?.tooltip ?? ChartsTooltip;
109109

110110
return (
111-
<ChartDataProvider
112-
{...chartDataProviderProProps}
113-
apiRef={apiRef}
114-
initialZoom={initialZoom}
115-
onZoomChange={onZoomChange}
116-
>
111+
<ChartDataProviderPro {...chartDataProviderProProps}>
117112
<ChartsWrapper {...chartsWrapperProps}>
118113
{!props.hideLegend && <ChartsLegend {...legendProps} />}
119114
<ChartsSurface {...chartsSurfaceProps}>
@@ -130,7 +125,7 @@ const BarChartPro = React.forwardRef(function BarChartPro(
130125
{children}
131126
</ChartsSurface>
132127
</ChartsWrapper>
133-
</ChartDataProvider>
128+
</ChartDataProviderPro>
134129
);
135130
});
136131

0 commit comments

Comments
 (0)