@mui/x-charts-pro 8.0.0-beta.2 → 8.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/BarChartPro/BarChartPro.js +788 -9
- package/CHANGELOG.md +423 -96
- package/ChartDataProviderPro/ChartDataProviderPro.d.ts +1 -1
- package/ChartDataProviderPro/ChartDataProviderPro.js +27 -22
- package/ChartDataProviderPro/useChartDataProviderProProps.d.ts +1 -2
- package/ChartDataProviderPro/useChartDataProviderProProps.js +0 -2
- package/FunnelChart/FunnelChart.js +73 -4
- package/FunnelChart/categoryAxis.types.d.ts +3 -2
- package/FunnelChart/funnelSectionClasses.d.ts +5 -0
- package/FunnelChart/funnelSectionClasses.js +1 -1
- package/FunnelChart/index.d.ts +1 -0
- package/FunnelChart/index.js +12 -0
- package/FunnelChart/useFunnelChartProps.js +3 -3
- package/Heatmap/Heatmap.d.ts +1 -1
- package/Heatmap/Heatmap.js +4 -3
- package/Heatmap/{HeatmapTooltip.js → HeatmapTooltip/HeatmapTooltip.js} +30 -34
- package/Heatmap/HeatmapTooltip/HeatmapTooltipAxesValue.d.ts +4 -0
- package/Heatmap/HeatmapTooltip/HeatmapTooltipAxesValue.js +26 -0
- package/Heatmap/HeatmapTooltip/index.d.ts +1 -0
- package/Heatmap/HeatmapTooltip/index.js +16 -0
- package/Heatmap/heatmapClasses.d.ts +5 -0
- package/Heatmap/heatmapClasses.js +1 -1
- package/Heatmap/index.d.ts +1 -1
- package/LineChartPro/LineChartPro.js +788 -9
- package/ScatterChartPro/ScatterChartPro.js +788 -9
- package/esm/BarChartPro/BarChartPro.js +788 -9
- package/esm/ChartDataProviderPro/ChartDataProviderPro.d.ts +1 -1
- package/esm/ChartDataProviderPro/ChartDataProviderPro.js +28 -23
- package/esm/ChartDataProviderPro/useChartDataProviderProProps.d.ts +1 -2
- package/esm/ChartDataProviderPro/useChartDataProviderProProps.js +0 -2
- package/esm/FunnelChart/FunnelChart.js +73 -4
- package/esm/FunnelChart/categoryAxis.types.d.ts +3 -2
- package/esm/FunnelChart/funnelSectionClasses.d.ts +5 -0
- package/esm/FunnelChart/funnelSectionClasses.js +1 -1
- package/esm/FunnelChart/index.d.ts +1 -0
- package/esm/FunnelChart/index.js +1 -0
- package/esm/FunnelChart/useFunnelChartProps.js +3 -3
- package/esm/Heatmap/Heatmap.d.ts +1 -1
- package/esm/Heatmap/Heatmap.js +4 -3
- package/{modern/Heatmap → esm/Heatmap/HeatmapTooltip}/HeatmapTooltip.js +30 -34
- package/esm/Heatmap/HeatmapTooltip/HeatmapTooltipAxesValue.d.ts +4 -0
- package/esm/Heatmap/HeatmapTooltip/HeatmapTooltipAxesValue.js +22 -0
- package/esm/Heatmap/HeatmapTooltip/index.d.ts +1 -0
- package/esm/Heatmap/HeatmapTooltip/index.js +1 -0
- package/esm/Heatmap/heatmapClasses.d.ts +5 -0
- package/esm/Heatmap/heatmapClasses.js +1 -1
- package/esm/Heatmap/index.d.ts +1 -1
- package/esm/Heatmap/index.js +1 -1
- package/esm/LineChartPro/LineChartPro.js +788 -9
- package/esm/ScatterChartPro/ScatterChartPro.js +788 -9
- package/esm/index.js +1 -1
- package/esm/internals/plugins/useChartProZoom/useChartProZoom.js +28 -35
- package/esm/internals/plugins/useChartProZoom/useChartProZoom.selectors.d.ts +7 -7
- package/index.js +1 -1
- package/internals/plugins/useChartProZoom/useChartProZoom.js +28 -34
- package/internals/plugins/useChartProZoom/useChartProZoom.selectors.d.ts +7 -7
- package/package.json +9 -19
- package/esm/Heatmap/HeatmapTooltip.js +0 -288
- package/esm/internals/utils/releaseInfo.d.ts +0 -1
- package/esm/internals/utils/releaseInfo.js +0 -13
- package/internals/utils/releaseInfo.d.ts +0 -1
- package/internals/utils/releaseInfo.js +0 -21
- package/modern/BarChartPro/BarChartPro.d.ts +0 -18
- package/modern/BarChartPro/BarChartPro.js +0 -404
- package/modern/BarChartPro/BarChartPro.plugins.d.ts +0 -4
- package/modern/BarChartPro/BarChartPro.plugins.js +0 -3
- package/modern/BarChartPro/index.d.ts +0 -1
- package/modern/BarChartPro/index.js +0 -1
- package/modern/ChartContainerPro/ChartContainerPro.d.ts +0 -35
- package/modern/ChartContainerPro/ChartContainerPro.js +0 -290
- package/modern/ChartContainerPro/index.d.ts +0 -2
- package/modern/ChartContainerPro/index.js +0 -2
- package/modern/ChartContainerPro/useChartContainerProProps.d.ts +0 -9
- package/modern/ChartContainerPro/useChartContainerProProps.js +0 -35
- package/modern/ChartDataProviderPro/ChartDataProviderPro.d.ts +0 -37
- package/modern/ChartDataProviderPro/ChartDataProviderPro.js +0 -106
- package/modern/ChartDataProviderPro/index.d.ts +0 -2
- package/modern/ChartDataProviderPro/index.js +0 -2
- package/modern/ChartDataProviderPro/useChartDataProviderProProps.d.ts +0 -8
- package/modern/ChartDataProviderPro/useChartDataProviderProProps.js +0 -15
- package/modern/FunnelChart/FunnelChart.d.ts +0 -37
- package/modern/FunnelChart/FunnelChart.js +0 -212
- package/modern/FunnelChart/FunnelPlot.d.ts +0 -16
- package/modern/FunnelChart/FunnelPlot.js +0 -184
- package/modern/FunnelChart/FunnelSection.d.ts +0 -15
- package/modern/FunnelChart/FunnelSection.js +0 -56
- package/modern/FunnelChart/categoryAxis.types.d.ts +0 -24
- package/modern/FunnelChart/categoryAxis.types.js +0 -1
- package/modern/FunnelChart/funnel.types.d.ts +0 -124
- package/modern/FunnelChart/funnel.types.js +0 -1
- package/modern/FunnelChart/funnelPlotSlots.types.d.ts +0 -20
- package/modern/FunnelChart/funnelPlotSlots.types.js +0 -1
- package/modern/FunnelChart/funnelSectionClasses.d.ts +0 -13
- package/modern/FunnelChart/funnelSectionClasses.js +0 -20
- package/modern/FunnelChart/funnelSlots.types.d.ts +0 -19
- package/modern/FunnelChart/funnelSlots.types.js +0 -1
- package/modern/FunnelChart/funnelStepCurve.d.ts +0 -4
- package/modern/FunnelChart/funnelStepCurve.js +0 -67
- package/modern/FunnelChart/index.d.ts +0 -7
- package/modern/FunnelChart/index.js +0 -5
- package/modern/FunnelChart/labelUtils.d.ts +0 -42
- package/modern/FunnelChart/labelUtils.js +0 -166
- package/modern/FunnelChart/seriesConfig/extremums.d.ts +0 -3
- package/modern/FunnelChart/seriesConfig/extremums.js +0 -42
- package/modern/FunnelChart/seriesConfig/getColor.d.ts +0 -3
- package/modern/FunnelChart/seriesConfig/getColor.js +0 -4
- package/modern/FunnelChart/seriesConfig/getSeriesWithDefaultValues.d.ts +0 -3
- package/modern/FunnelChart/seriesConfig/getSeriesWithDefaultValues.js +0 -11
- package/modern/FunnelChart/seriesConfig/index.d.ts +0 -2
- package/modern/FunnelChart/seriesConfig/index.js +0 -15
- package/modern/FunnelChart/seriesConfig/legend.d.ts +0 -3
- package/modern/FunnelChart/seriesConfig/legend.js +0 -25
- package/modern/FunnelChart/seriesConfig/seriesProcessor.d.ts +0 -3
- package/modern/FunnelChart/seriesConfig/seriesProcessor.js +0 -89
- package/modern/FunnelChart/seriesConfig/tooltip.d.ts +0 -3
- package/modern/FunnelChart/seriesConfig/tooltip.js +0 -29
- package/modern/FunnelChart/useFunnelChartProps.d.ts +0 -30
- package/modern/FunnelChart/useFunnelChartProps.js +0 -161
- package/modern/Heatmap/Heatmap.d.ts +0 -57
- package/modern/Heatmap/Heatmap.js +0 -387
- package/modern/Heatmap/Heatmap.plugins.d.ts +0 -3
- package/modern/Heatmap/Heatmap.plugins.js +0 -2
- package/modern/Heatmap/HeatmapItem.d.ts +0 -49
- package/modern/Heatmap/HeatmapItem.js +0 -106
- package/modern/Heatmap/HeatmapPlot.d.ts +0 -8
- package/modern/Heatmap/HeatmapPlot.js +0 -59
- package/modern/Heatmap/HeatmapTooltip.d.ts +0 -16
- package/modern/Heatmap/heatmapClasses.d.ts +0 -11
- package/modern/Heatmap/heatmapClasses.js +0 -14
- package/modern/Heatmap/index.d.ts +0 -4
- package/modern/Heatmap/index.js +0 -4
- package/modern/Heatmap/seriesConfig/extremums.d.ts +0 -2
- package/modern/Heatmap/seriesConfig/extremums.js +0 -8
- package/modern/Heatmap/seriesConfig/getColor.d.ts +0 -3
- package/modern/Heatmap/seriesConfig/getColor.js +0 -15
- package/modern/Heatmap/seriesConfig/getSeriesWithDefaultValues.d.ts +0 -3
- package/modern/Heatmap/seriesConfig/getSeriesWithDefaultValues.js +0 -8
- package/modern/Heatmap/seriesConfig/index.d.ts +0 -2
- package/modern/Heatmap/seriesConfig/index.js +0 -14
- package/modern/Heatmap/seriesConfig/seriesProcessor.d.ts +0 -3
- package/modern/Heatmap/seriesConfig/seriesProcessor.js +0 -21
- package/modern/Heatmap/seriesConfig/tooltip.d.ts +0 -3
- package/modern/Heatmap/seriesConfig/tooltip.js +0 -25
- package/modern/LineChartPro/LineChartPro.d.ts +0 -17
- package/modern/LineChartPro/LineChartPro.js +0 -401
- package/modern/LineChartPro/LineChartPro.plugins.d.ts +0 -4
- package/modern/LineChartPro/LineChartPro.plugins.js +0 -3
- package/modern/LineChartPro/index.d.ts +0 -1
- package/modern/LineChartPro/index.js +0 -1
- package/modern/ScatterChartPro/ScatterChartPro.d.ts +0 -17
- package/modern/ScatterChartPro/ScatterChartPro.js +0 -395
- package/modern/ScatterChartPro/ScatterChartPro.plugins.d.ts +0 -4
- package/modern/ScatterChartPro/ScatterChartPro.plugins.js +0 -3
- package/modern/ScatterChartPro/index.d.ts +0 -1
- package/modern/ScatterChartPro/index.js +0 -1
- package/modern/hooks/index.d.ts +0 -2
- package/modern/hooks/index.js +0 -2
- package/modern/hooks/useFunnelSeries.d.ts +0 -33
- package/modern/hooks/useFunnelSeries.js +0 -42
- package/modern/hooks/useHeatmapSeries.d.ts +0 -33
- package/modern/hooks/useHeatmapSeries.js +0 -42
- package/modern/hooks/zoom/index.d.ts +0 -1
- package/modern/hooks/zoom/index.js +0 -1
- package/modern/hooks/zoom/useIsZoomInteracting.d.ts +0 -6
- package/modern/hooks/zoom/useIsZoomInteracting.js +0 -14
- package/modern/index.d.ts +0 -34
- package/modern/index.js +0 -45
- package/modern/internals/plugins/allPlugins.d.ts +0 -8
- package/modern/internals/plugins/allPlugins.js +0 -6
- package/modern/internals/plugins/useChartProZoom/index.d.ts +0 -3
- package/modern/internals/plugins/useChartProZoom/index.js +0 -3
- package/modern/internals/plugins/useChartProZoom/useChartProZoom.d.ts +0 -3
- package/modern/internals/plugins/useChartProZoom/useChartProZoom.js +0 -350
- package/modern/internals/plugins/useChartProZoom/useChartProZoom.selectors.d.ts +0 -203
- package/modern/internals/plugins/useChartProZoom/useChartProZoom.selectors.js +0 -4
- package/modern/internals/plugins/useChartProZoom/useChartProZoom.types.d.ts +0 -53
- package/modern/internals/plugins/useChartProZoom/useChartProZoom.types.js +0 -1
- package/modern/internals/plugins/useChartProZoom/useChartProZoom.utils.d.ts +0 -45
- package/modern/internals/plugins/useChartProZoom/useChartProZoom.utils.js +0 -126
- package/modern/internals/utils/releaseInfo.d.ts +0 -1
- package/modern/internals/utils/releaseInfo.js +0 -13
- package/modern/models/index.d.ts +0 -2
- package/modern/models/index.js +0 -2
- package/modern/models/seriesType/heatmap.d.ts +0 -28
- package/modern/models/seriesType/heatmap.js +0 -1
- package/modern/models/seriesType/index.d.ts +0 -1
- package/modern/models/seriesType/index.js +0 -1
- package/modern/package.json +0 -1
- package/modern/themeAugmentation/components.d.ts +0 -23
- package/modern/themeAugmentation/index.d.ts +0 -4
- package/modern/themeAugmentation/index.js +0 -0
- package/modern/themeAugmentation/overrides.d.ts +0 -11
- package/modern/themeAugmentation/props.d.ts +0 -20
- package/modern/typeOverloads/index.d.ts +0 -1
- package/modern/typeOverloads/index.js +0 -1
- package/modern/typeOverloads/modules.d.ts +0 -33
- package/modern/typeOverloads/modules.js +0 -1
- package/tsconfig.build.tsbuildinfo +0 -1
- /package/Heatmap/{HeatmapTooltip.d.ts → HeatmapTooltip/HeatmapTooltip.d.ts} +0 -0
- /package/esm/Heatmap/{HeatmapTooltip.d.ts → HeatmapTooltip/HeatmapTooltip.d.ts} +0 -0
|
@@ -1,290 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
4
|
-
import * as React from 'react';
|
|
5
|
-
import PropTypes from 'prop-types';
|
|
6
|
-
import { ChartsSurface } from '@mui/x-charts/ChartsSurface';
|
|
7
|
-
import { useChartContainerProProps } from "./useChartContainerProProps.js";
|
|
8
|
-
import { ChartDataProviderPro } from "../ChartDataProviderPro/index.js";
|
|
9
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
-
/**
|
|
11
|
-
* It sets up the data providers as well as the `<svg>` for the chart.
|
|
12
|
-
*
|
|
13
|
-
* This is a combination of both the `ChartDataProviderPro` and `ChartsSurface` components.
|
|
14
|
-
*
|
|
15
|
-
* Demos:
|
|
16
|
-
*
|
|
17
|
-
* - [Composition](https://mui.com/x/api/charts/composition/)
|
|
18
|
-
*
|
|
19
|
-
* API:
|
|
20
|
-
*
|
|
21
|
-
* - [ChartContainer API](https://mui.com/x/api/charts/chart-container/)
|
|
22
|
-
*
|
|
23
|
-
* @example
|
|
24
|
-
* ```jsx
|
|
25
|
-
* <ChartContainerPro
|
|
26
|
-
* series={[{ label: "Label", type: "bar", data: [10, 20] }]}
|
|
27
|
-
* xAxis={[{ data: ["A", "B"], scaleType: "band", id: "x-axis" }]}
|
|
28
|
-
* >
|
|
29
|
-
* <BarPlot />
|
|
30
|
-
* <ChartsXAxis axisId="x-axis" />
|
|
31
|
-
* </ChartContainerPro>
|
|
32
|
-
* ```
|
|
33
|
-
*/
|
|
34
|
-
const ChartContainerPro = /*#__PURE__*/React.forwardRef(function ChartContainerProInner(props, ref) {
|
|
35
|
-
const {
|
|
36
|
-
chartDataProviderProProps,
|
|
37
|
-
children,
|
|
38
|
-
chartsSurfaceProps
|
|
39
|
-
} = useChartContainerProProps(props, ref);
|
|
40
|
-
return /*#__PURE__*/_jsx(ChartDataProviderPro, _extends({}, chartDataProviderProProps, {
|
|
41
|
-
children: /*#__PURE__*/_jsx(ChartsSurface, _extends({}, chartsSurfaceProps, {
|
|
42
|
-
children: children
|
|
43
|
-
}))
|
|
44
|
-
}));
|
|
45
|
-
});
|
|
46
|
-
|
|
47
|
-
// @ts-expect-error the type coercion breaks the prop types
|
|
48
|
-
process.env.NODE_ENV !== "production" ? ChartContainerPro.propTypes = {
|
|
49
|
-
// ----------------------------- Warning --------------------------------
|
|
50
|
-
// | These PropTypes are generated from the TypeScript type definitions |
|
|
51
|
-
// | To update them edit the TypeScript types and run "pnpm proptypes" |
|
|
52
|
-
// ----------------------------------------------------------------------
|
|
53
|
-
apiRef: PropTypes.shape({
|
|
54
|
-
current: PropTypes.shape({
|
|
55
|
-
setZoomData: PropTypes.func.isRequired
|
|
56
|
-
})
|
|
57
|
-
}),
|
|
58
|
-
children: PropTypes.node,
|
|
59
|
-
className: PropTypes.string,
|
|
60
|
-
/**
|
|
61
|
-
* Color palette used to colorize multiple series.
|
|
62
|
-
* @default blueberryTwilightPalette
|
|
63
|
-
*/
|
|
64
|
-
colors: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.func]),
|
|
65
|
-
/**
|
|
66
|
-
* An array of objects that can be used to populate series and axes data using their `dataKey` property.
|
|
67
|
-
*/
|
|
68
|
-
dataset: PropTypes.arrayOf(PropTypes.object),
|
|
69
|
-
desc: PropTypes.string,
|
|
70
|
-
/**
|
|
71
|
-
* If `true`, the charts will not listen to the mouse move event.
|
|
72
|
-
* It might break interactive features, but will improve performance.
|
|
73
|
-
* @default false
|
|
74
|
-
*/
|
|
75
|
-
disableAxisListener: PropTypes.bool,
|
|
76
|
-
/**
|
|
77
|
-
* The height of the chart in px. If not defined, it takes the height of the parent element.
|
|
78
|
-
*/
|
|
79
|
-
height: PropTypes.number,
|
|
80
|
-
/**
|
|
81
|
-
* The highlighted item.
|
|
82
|
-
* Used when the highlight is controlled.
|
|
83
|
-
*/
|
|
84
|
-
highlightedItem: PropTypes.shape({
|
|
85
|
-
dataIndex: PropTypes.number,
|
|
86
|
-
seriesId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired
|
|
87
|
-
}),
|
|
88
|
-
/**
|
|
89
|
-
* This prop is used to help implement the accessibility logic.
|
|
90
|
-
* If you don't provide this prop. It falls back to a randomly generated id.
|
|
91
|
-
*/
|
|
92
|
-
id: PropTypes.string,
|
|
93
|
-
/**
|
|
94
|
-
* The list of zoom data related to each axis.
|
|
95
|
-
*/
|
|
96
|
-
initialZoom: PropTypes.arrayOf(PropTypes.shape({
|
|
97
|
-
axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
|
|
98
|
-
end: PropTypes.number.isRequired,
|
|
99
|
-
start: PropTypes.number.isRequired
|
|
100
|
-
})),
|
|
101
|
-
/**
|
|
102
|
-
* The margin between the SVG and the drawing area.
|
|
103
|
-
* It's used for leaving some space for extra information such as the x- and y-axis or legend.
|
|
104
|
-
* Accepts an object with the optional properties: `top`, `bottom`, `left`, and `right`.
|
|
105
|
-
*/
|
|
106
|
-
margin: PropTypes.shape({
|
|
107
|
-
bottom: PropTypes.number,
|
|
108
|
-
left: PropTypes.number,
|
|
109
|
-
right: PropTypes.number,
|
|
110
|
-
top: PropTypes.number
|
|
111
|
-
}),
|
|
112
|
-
/**
|
|
113
|
-
* The callback fired when the highlighted item changes.
|
|
114
|
-
*
|
|
115
|
-
* @param {HighlightItemData | null} highlightedItem The newly highlighted item.
|
|
116
|
-
*/
|
|
117
|
-
onHighlightChange: PropTypes.func,
|
|
118
|
-
/**
|
|
119
|
-
* Callback fired when the zoom has changed.
|
|
120
|
-
*
|
|
121
|
-
* @param {ZoomData[]} zoomData Updated zoom data.
|
|
122
|
-
*/
|
|
123
|
-
onZoomChange: PropTypes.func,
|
|
124
|
-
/**
|
|
125
|
-
* The array of series to display.
|
|
126
|
-
* Each type of series has its own specificity.
|
|
127
|
-
* Please refer to the appropriate docs page to learn more about it.
|
|
128
|
-
*/
|
|
129
|
-
series: PropTypes.arrayOf(PropTypes.object),
|
|
130
|
-
/**
|
|
131
|
-
* If `true`, animations are skipped.
|
|
132
|
-
* If unset or `false`, the animations respects the user's `prefers-reduced-motion` setting.
|
|
133
|
-
*/
|
|
134
|
-
skipAnimation: PropTypes.bool,
|
|
135
|
-
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
|
|
136
|
-
theme: PropTypes.oneOf(['dark', 'light']),
|
|
137
|
-
title: PropTypes.string,
|
|
138
|
-
/**
|
|
139
|
-
* The width of the chart in px. If not defined, it takes the width of the parent element.
|
|
140
|
-
*/
|
|
141
|
-
width: PropTypes.number,
|
|
142
|
-
/**
|
|
143
|
-
* The configuration of the x-axes.
|
|
144
|
-
* If not provided, a default axis config is used.
|
|
145
|
-
* An array of [[AxisConfig]] objects.
|
|
146
|
-
*/
|
|
147
|
-
xAxis: PropTypes.arrayOf(PropTypes.shape({
|
|
148
|
-
classes: PropTypes.object,
|
|
149
|
-
colorMap: PropTypes.oneOfType([PropTypes.shape({
|
|
150
|
-
colors: PropTypes.arrayOf(PropTypes.string).isRequired,
|
|
151
|
-
type: PropTypes.oneOf(['ordinal']).isRequired,
|
|
152
|
-
unknownColor: PropTypes.string,
|
|
153
|
-
values: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number, PropTypes.string]).isRequired)
|
|
154
|
-
}), PropTypes.shape({
|
|
155
|
-
color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
|
|
156
|
-
max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
|
|
157
|
-
min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
|
|
158
|
-
type: PropTypes.oneOf(['continuous']).isRequired
|
|
159
|
-
}), PropTypes.shape({
|
|
160
|
-
colors: PropTypes.arrayOf(PropTypes.string).isRequired,
|
|
161
|
-
thresholds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]).isRequired).isRequired,
|
|
162
|
-
type: PropTypes.oneOf(['piecewise']).isRequired
|
|
163
|
-
})]),
|
|
164
|
-
data: PropTypes.array,
|
|
165
|
-
dataKey: PropTypes.string,
|
|
166
|
-
disableLine: PropTypes.bool,
|
|
167
|
-
disableTicks: PropTypes.bool,
|
|
168
|
-
domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
|
|
169
|
-
fill: PropTypes.string,
|
|
170
|
-
hideTooltip: PropTypes.bool,
|
|
171
|
-
id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
|
172
|
-
label: PropTypes.string,
|
|
173
|
-
labelStyle: PropTypes.object,
|
|
174
|
-
max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
|
|
175
|
-
min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
|
|
176
|
-
position: PropTypes.oneOf(['bottom', 'top']),
|
|
177
|
-
reverse: PropTypes.bool,
|
|
178
|
-
scaleType: PropTypes.oneOf(['band', 'linear', 'log', 'point', 'pow', 'sqrt', 'time', 'utc']),
|
|
179
|
-
slotProps: PropTypes.object,
|
|
180
|
-
slots: PropTypes.object,
|
|
181
|
-
stroke: PropTypes.string,
|
|
182
|
-
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
|
|
183
|
-
tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
|
|
184
|
-
tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
|
|
185
|
-
tickLabelPlacement: PropTypes.oneOf(['middle', 'tick']),
|
|
186
|
-
tickLabelStyle: PropTypes.object,
|
|
187
|
-
tickMaxStep: PropTypes.number,
|
|
188
|
-
tickMinStep: PropTypes.number,
|
|
189
|
-
tickNumber: PropTypes.number,
|
|
190
|
-
tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
|
|
191
|
-
tickSize: PropTypes.number,
|
|
192
|
-
valueFormatter: PropTypes.func,
|
|
193
|
-
zoom: PropTypes.oneOfType([PropTypes.shape({
|
|
194
|
-
filterMode: PropTypes.oneOf(['discard', 'keep']),
|
|
195
|
-
maxEnd: PropTypes.number,
|
|
196
|
-
maxSpan: PropTypes.number,
|
|
197
|
-
minSpan: PropTypes.number,
|
|
198
|
-
minStart: PropTypes.number,
|
|
199
|
-
panning: PropTypes.bool,
|
|
200
|
-
step: PropTypes.number
|
|
201
|
-
}), PropTypes.bool])
|
|
202
|
-
})),
|
|
203
|
-
/**
|
|
204
|
-
* The configuration of the y-axes.
|
|
205
|
-
* If not provided, a default axis config is used.
|
|
206
|
-
* An array of [[AxisConfig]] objects.
|
|
207
|
-
*/
|
|
208
|
-
yAxis: PropTypes.arrayOf(PropTypes.shape({
|
|
209
|
-
classes: PropTypes.object,
|
|
210
|
-
colorMap: PropTypes.oneOfType([PropTypes.shape({
|
|
211
|
-
colors: PropTypes.arrayOf(PropTypes.string).isRequired,
|
|
212
|
-
type: PropTypes.oneOf(['ordinal']).isRequired,
|
|
213
|
-
unknownColor: PropTypes.string,
|
|
214
|
-
values: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number, PropTypes.string]).isRequired)
|
|
215
|
-
}), PropTypes.shape({
|
|
216
|
-
color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
|
|
217
|
-
max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
|
|
218
|
-
min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
|
|
219
|
-
type: PropTypes.oneOf(['continuous']).isRequired
|
|
220
|
-
}), PropTypes.shape({
|
|
221
|
-
colors: PropTypes.arrayOf(PropTypes.string).isRequired,
|
|
222
|
-
thresholds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]).isRequired).isRequired,
|
|
223
|
-
type: PropTypes.oneOf(['piecewise']).isRequired
|
|
224
|
-
})]),
|
|
225
|
-
data: PropTypes.array,
|
|
226
|
-
dataKey: PropTypes.string,
|
|
227
|
-
disableLine: PropTypes.bool,
|
|
228
|
-
disableTicks: PropTypes.bool,
|
|
229
|
-
domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
|
|
230
|
-
fill: PropTypes.string,
|
|
231
|
-
hideTooltip: PropTypes.bool,
|
|
232
|
-
id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
|
233
|
-
label: PropTypes.string,
|
|
234
|
-
labelStyle: PropTypes.object,
|
|
235
|
-
max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
|
|
236
|
-
min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
|
|
237
|
-
position: PropTypes.oneOf(['left', 'right']),
|
|
238
|
-
reverse: PropTypes.bool,
|
|
239
|
-
scaleType: PropTypes.oneOf(['band', 'linear', 'log', 'point', 'pow', 'sqrt', 'time', 'utc']),
|
|
240
|
-
slotProps: PropTypes.object,
|
|
241
|
-
slots: PropTypes.object,
|
|
242
|
-
stroke: PropTypes.string,
|
|
243
|
-
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
|
|
244
|
-
tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
|
|
245
|
-
tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
|
|
246
|
-
tickLabelPlacement: PropTypes.oneOf(['middle', 'tick']),
|
|
247
|
-
tickLabelStyle: PropTypes.object,
|
|
248
|
-
tickMaxStep: PropTypes.number,
|
|
249
|
-
tickMinStep: PropTypes.number,
|
|
250
|
-
tickNumber: PropTypes.number,
|
|
251
|
-
tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
|
|
252
|
-
tickSize: PropTypes.number,
|
|
253
|
-
valueFormatter: PropTypes.func,
|
|
254
|
-
zoom: PropTypes.oneOfType([PropTypes.shape({
|
|
255
|
-
filterMode: PropTypes.oneOf(['discard', 'keep']),
|
|
256
|
-
maxEnd: PropTypes.number,
|
|
257
|
-
maxSpan: PropTypes.number,
|
|
258
|
-
minSpan: PropTypes.number,
|
|
259
|
-
minStart: PropTypes.number,
|
|
260
|
-
panning: PropTypes.bool,
|
|
261
|
-
step: PropTypes.number
|
|
262
|
-
}), PropTypes.bool])
|
|
263
|
-
})),
|
|
264
|
-
/**
|
|
265
|
-
* The configuration of the z-axes.
|
|
266
|
-
*/
|
|
267
|
-
zAxis: PropTypes.arrayOf(PropTypes.shape({
|
|
268
|
-
colorMap: PropTypes.oneOfType([PropTypes.shape({
|
|
269
|
-
colors: PropTypes.arrayOf(PropTypes.string).isRequired,
|
|
270
|
-
type: PropTypes.oneOf(['ordinal']).isRequired,
|
|
271
|
-
unknownColor: PropTypes.string,
|
|
272
|
-
values: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number, PropTypes.string]).isRequired)
|
|
273
|
-
}), PropTypes.shape({
|
|
274
|
-
color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
|
|
275
|
-
max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
|
|
276
|
-
min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
|
|
277
|
-
type: PropTypes.oneOf(['continuous']).isRequired
|
|
278
|
-
}), PropTypes.shape({
|
|
279
|
-
colors: PropTypes.arrayOf(PropTypes.string).isRequired,
|
|
280
|
-
thresholds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]).isRequired).isRequired,
|
|
281
|
-
type: PropTypes.oneOf(['piecewise']).isRequired
|
|
282
|
-
})]),
|
|
283
|
-
data: PropTypes.array,
|
|
284
|
-
dataKey: PropTypes.string,
|
|
285
|
-
id: PropTypes.string,
|
|
286
|
-
max: PropTypes.number,
|
|
287
|
-
min: PropTypes.number
|
|
288
|
-
}))
|
|
289
|
-
} : void 0;
|
|
290
|
-
export { ChartContainerPro };
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { ChartAnyPluginSignature, ChartSeriesType, UseChartContainerPropsReturnValue } from '@mui/x-charts/internals';
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import { ChartDataProviderProps } from '@mui/x-charts/ChartDataProvider';
|
|
4
|
-
import type { ChartContainerProProps } from './ChartContainerPro';
|
|
5
|
-
import { AllPluginSignatures } from "../internals/plugins/allPlugins.js";
|
|
6
|
-
export type UseChartContainerProPropsReturnValue<TSeries extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[]> = Pick<UseChartContainerPropsReturnValue<TSeries, TSignatures>, 'chartsSurfaceProps' | 'children'> & {
|
|
7
|
-
chartDataProviderProProps: ChartDataProviderProps<TSeries, TSignatures>;
|
|
8
|
-
};
|
|
9
|
-
export declare const useChartContainerProProps: <TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartContainerProProps<TSeries, TSignatures>, ref: React.Ref<SVGSVGElement>) => UseChartContainerProPropsReturnValue<TSeries, TSignatures>;
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
4
|
-
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
5
|
-
const _excluded = ["initialZoom", "zoomData", "onZoomChange", "plugins", "apiRef"];
|
|
6
|
-
import { useChartContainerProps } from '@mui/x-charts/internals';
|
|
7
|
-
import { DEFAULT_PLUGINS } from "../internals/plugins/allPlugins.js";
|
|
8
|
-
export const useChartContainerProProps = (props, ref) => {
|
|
9
|
-
const _ref = props,
|
|
10
|
-
{
|
|
11
|
-
initialZoom,
|
|
12
|
-
zoomData,
|
|
13
|
-
onZoomChange,
|
|
14
|
-
plugins,
|
|
15
|
-
apiRef
|
|
16
|
-
} = _ref,
|
|
17
|
-
baseProps = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
18
|
-
const {
|
|
19
|
-
chartDataProviderProps,
|
|
20
|
-
chartsSurfaceProps,
|
|
21
|
-
children
|
|
22
|
-
} = useChartContainerProps(baseProps, ref);
|
|
23
|
-
const chartDataProviderProProps = _extends({}, chartDataProviderProps, {
|
|
24
|
-
initialZoom,
|
|
25
|
-
zoomData,
|
|
26
|
-
onZoomChange,
|
|
27
|
-
apiRef,
|
|
28
|
-
plugins: plugins ?? DEFAULT_PLUGINS
|
|
29
|
-
});
|
|
30
|
-
return {
|
|
31
|
-
chartDataProviderProProps,
|
|
32
|
-
chartsSurfaceProps,
|
|
33
|
-
children
|
|
34
|
-
};
|
|
35
|
-
};
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { ChartSeriesType, ChartAnyPluginSignature, ChartProviderProps } from '@mui/x-charts/internals';
|
|
3
|
-
import { ChartDataProviderProps } from '@mui/x-charts/ChartDataProvider';
|
|
4
|
-
import { AllPluginSignatures } from "../internals/plugins/allPlugins.js";
|
|
5
|
-
export type ChartDataProviderProProps<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>> = ChartDataProviderProps<TSeries, TSignatures> & Omit<ChartProviderProps<TSeries, TSignatures>['pluginParams'], 'children'>;
|
|
6
|
-
/**
|
|
7
|
-
* Orchestrates the data providers for the chart components and hooks.
|
|
8
|
-
*
|
|
9
|
-
* Use this component if you have custom HTML components that need to access the chart data.
|
|
10
|
-
*
|
|
11
|
-
* Demos:
|
|
12
|
-
*
|
|
13
|
-
* - [Composition](https://mui.com/x/api/charts/composition/)
|
|
14
|
-
*
|
|
15
|
-
* API:
|
|
16
|
-
*
|
|
17
|
-
* - [ChartDataProviderPro API](https://mui.com/x/api/charts/chart-data-provider/)
|
|
18
|
-
*
|
|
19
|
-
* @example
|
|
20
|
-
* ```jsx
|
|
21
|
-
* <ChartDataProviderPro
|
|
22
|
-
* series={[{ label: "Label", type: "bar", data: [10, 20] }]}
|
|
23
|
-
* xAxis={[{ data: ["A", "B"], scaleType: "band", id: "x-axis" }]}
|
|
24
|
-
* >
|
|
25
|
-
* <ChartsSurface>
|
|
26
|
-
* <BarPlot />
|
|
27
|
-
* <ChartsXAxis axisId="x-axis" />
|
|
28
|
-
* </ChartsSurface>
|
|
29
|
-
* {'Custom Legend Component'}
|
|
30
|
-
* </ChartDataProviderPro>
|
|
31
|
-
* ```
|
|
32
|
-
*/
|
|
33
|
-
declare function ChartDataProviderPro<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartDataProviderProProps<TSeries, TSignatures>): React.JSX.Element;
|
|
34
|
-
declare namespace ChartDataProviderPro {
|
|
35
|
-
var propTypes: any;
|
|
36
|
-
}
|
|
37
|
-
export { ChartDataProviderPro };
|
|
@@ -1,106 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
4
|
-
import * as React from 'react';
|
|
5
|
-
import PropTypes from 'prop-types';
|
|
6
|
-
import { Watermark } from '@mui/x-license/Watermark';
|
|
7
|
-
import { ChartProvider, AnimationProvider } from '@mui/x-charts/internals';
|
|
8
|
-
import { useLicenseVerifier } from '@mui/x-license/useLicenseVerifier';
|
|
9
|
-
import { useChartDataProviderProProps } from "./useChartDataProviderProProps.js";
|
|
10
|
-
import { getReleaseInfo } from "../internals/utils/releaseInfo.js";
|
|
11
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
12
|
-
const releaseInfo = getReleaseInfo();
|
|
13
|
-
const packageIdentifier = 'x-charts-pro';
|
|
14
|
-
/**
|
|
15
|
-
* Orchestrates the data providers for the chart components and hooks.
|
|
16
|
-
*
|
|
17
|
-
* Use this component if you have custom HTML components that need to access the chart data.
|
|
18
|
-
*
|
|
19
|
-
* Demos:
|
|
20
|
-
*
|
|
21
|
-
* - [Composition](https://mui.com/x/api/charts/composition/)
|
|
22
|
-
*
|
|
23
|
-
* API:
|
|
24
|
-
*
|
|
25
|
-
* - [ChartDataProviderPro API](https://mui.com/x/api/charts/chart-data-provider/)
|
|
26
|
-
*
|
|
27
|
-
* @example
|
|
28
|
-
* ```jsx
|
|
29
|
-
* <ChartDataProviderPro
|
|
30
|
-
* series={[{ label: "Label", type: "bar", data: [10, 20] }]}
|
|
31
|
-
* xAxis={[{ data: ["A", "B"], scaleType: "band", id: "x-axis" }]}
|
|
32
|
-
* >
|
|
33
|
-
* <ChartsSurface>
|
|
34
|
-
* <BarPlot />
|
|
35
|
-
* <ChartsXAxis axisId="x-axis" />
|
|
36
|
-
* </ChartsSurface>
|
|
37
|
-
* {'Custom Legend Component'}
|
|
38
|
-
* </ChartDataProviderPro>
|
|
39
|
-
* ```
|
|
40
|
-
*/
|
|
41
|
-
function ChartDataProviderPro(props) {
|
|
42
|
-
const {
|
|
43
|
-
children,
|
|
44
|
-
animationProviderProps,
|
|
45
|
-
chartProviderProps
|
|
46
|
-
} = useChartDataProviderProProps(props);
|
|
47
|
-
useLicenseVerifier(packageIdentifier, releaseInfo);
|
|
48
|
-
return /*#__PURE__*/_jsx(ChartProvider, _extends({}, chartProviderProps, {
|
|
49
|
-
children: /*#__PURE__*/_jsxs(AnimationProvider, _extends({}, animationProviderProps, {
|
|
50
|
-
children: [children, /*#__PURE__*/_jsx(Watermark, {
|
|
51
|
-
packageName: packageIdentifier,
|
|
52
|
-
releaseInfo: releaseInfo
|
|
53
|
-
})]
|
|
54
|
-
}))
|
|
55
|
-
}));
|
|
56
|
-
}
|
|
57
|
-
process.env.NODE_ENV !== "production" ? ChartDataProviderPro.propTypes = {
|
|
58
|
-
// ----------------------------- Warning --------------------------------
|
|
59
|
-
// | These PropTypes are generated from the TypeScript type definitions |
|
|
60
|
-
// | To update them edit the TypeScript types and run "pnpm proptypes" |
|
|
61
|
-
// ----------------------------------------------------------------------
|
|
62
|
-
apiRef: PropTypes.any,
|
|
63
|
-
children: PropTypes.node,
|
|
64
|
-
/**
|
|
65
|
-
* Color palette used to colorize multiple series.
|
|
66
|
-
* @default rainbowSurgePalette
|
|
67
|
-
*/
|
|
68
|
-
colors: PropTypes.any,
|
|
69
|
-
/**
|
|
70
|
-
* An array of objects that can be used to populate series and axes data using their `dataKey` property.
|
|
71
|
-
*/
|
|
72
|
-
dataset: PropTypes.any,
|
|
73
|
-
/**
|
|
74
|
-
* The height of the chart in px. If not defined, it takes the height of the parent element.
|
|
75
|
-
*/
|
|
76
|
-
height: PropTypes.any,
|
|
77
|
-
/**
|
|
78
|
-
* This prop is used to help implement the accessibility logic.
|
|
79
|
-
* If you don't provide this prop. It falls back to a randomly generated id.
|
|
80
|
-
*/
|
|
81
|
-
id: PropTypes.any,
|
|
82
|
-
/**
|
|
83
|
-
* The margin between the SVG and the drawing area.
|
|
84
|
-
* It's used for leaving some space for extra information such as the x- and y-axis or legend.
|
|
85
|
-
*
|
|
86
|
-
* Accepts a `number` to be used on all sides or an object with the optional properties: `top`, `bottom`, `left`, and `right`.
|
|
87
|
-
*/
|
|
88
|
-
margin: PropTypes.any,
|
|
89
|
-
/**
|
|
90
|
-
* The array of series to display.
|
|
91
|
-
* Each type of series has its own specificity.
|
|
92
|
-
* Please refer to the appropriate docs page to learn more about it.
|
|
93
|
-
*/
|
|
94
|
-
series: PropTypes.any,
|
|
95
|
-
/**
|
|
96
|
-
* If `true`, animations are skipped.
|
|
97
|
-
* If unset or `false`, the animations respects the user's `prefers-reduced-motion` setting.
|
|
98
|
-
*/
|
|
99
|
-
skipAnimation: PropTypes.any,
|
|
100
|
-
theme: PropTypes.any,
|
|
101
|
-
/**
|
|
102
|
-
* The width of the chart in px. If not defined, it takes the width of the parent element.
|
|
103
|
-
*/
|
|
104
|
-
width: PropTypes.any
|
|
105
|
-
} : void 0;
|
|
106
|
-
export { ChartDataProviderPro };
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { ChartAnyPluginSignature, ChartSeriesType } from '@mui/x-charts/internals';
|
|
2
|
-
import type { ChartDataProviderProProps } from './ChartDataProviderPro';
|
|
3
|
-
import type { AllPluginSignatures } from '../internals/plugins/allPlugins';
|
|
4
|
-
export declare const useChartDataProviderProProps: <TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartDataProviderProProps<TSeries, TSignatures>) => {
|
|
5
|
-
children: import("react").ReactNode;
|
|
6
|
-
animationProviderProps: Omit<import("@mui/x-charts/internals").AnimationProviderProps, "children">;
|
|
7
|
-
chartProviderProps: Omit<import("@mui/x-charts/internals").ChartProviderProps<TSeries, TSignatures>, "children">;
|
|
8
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
import { useChartDataProviderProps } from '@mui/x-charts/internals';
|
|
4
|
-
export const useChartDataProviderProProps = props => {
|
|
5
|
-
const {
|
|
6
|
-
animationProviderProps,
|
|
7
|
-
chartProviderProps,
|
|
8
|
-
children
|
|
9
|
-
} = useChartDataProviderProps(props);
|
|
10
|
-
return {
|
|
11
|
-
children,
|
|
12
|
-
animationProviderProps,
|
|
13
|
-
chartProviderProps
|
|
14
|
-
};
|
|
15
|
-
};
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { ChartsOverlayProps } from '@mui/x-charts/ChartsOverlay';
|
|
3
|
-
import { MakeOptional } from '@mui/x-internals/types';
|
|
4
|
-
import { ChartsAxisHighlightProps } from '@mui/x-charts/ChartsAxisHighlight';
|
|
5
|
-
import { FunnelPlotProps } from "./FunnelPlot.js";
|
|
6
|
-
import { FunnelSeriesType } from "./funnel.types.js";
|
|
7
|
-
import { ChartContainerProProps } from "../ChartContainerPro/index.js";
|
|
8
|
-
import { FunnelChartSlotExtension } from "./funnelSlots.types.js";
|
|
9
|
-
import { CategoryAxis } from "./categoryAxis.types.js";
|
|
10
|
-
export interface FunnelChartProps extends Omit<ChartContainerProProps<'funnel'>, 'series' | 'plugins' | 'zAxis' | 'zoom' | 'onZoomChange' | 'dataset' | 'yAxis' | 'xAxis' | 'rotationAxis' | 'radiusAxis'>, Omit<FunnelPlotProps, 'slots' | 'slotProps'>, Omit<ChartsOverlayProps, 'slots' | 'slotProps'>, FunnelChartSlotExtension {
|
|
11
|
-
/**
|
|
12
|
-
* The series to display in the funnel chart.
|
|
13
|
-
* An array of [[FunnelSeriesType]] objects.
|
|
14
|
-
*/
|
|
15
|
-
series: Readonly<MakeOptional<FunnelSeriesType, 'type'>[]>;
|
|
16
|
-
/**
|
|
17
|
-
* The configuration of the category axis.
|
|
18
|
-
*
|
|
19
|
-
* @default { position: 'none' }
|
|
20
|
-
*/
|
|
21
|
-
categoryAxis?: CategoryAxis;
|
|
22
|
-
/**
|
|
23
|
-
* If `true`, the legend is not rendered.
|
|
24
|
-
* @default false
|
|
25
|
-
*/
|
|
26
|
-
hideLegend?: boolean;
|
|
27
|
-
/**
|
|
28
|
-
* The configuration of axes highlight.
|
|
29
|
-
* Default is set to 'band' in the bar direction.
|
|
30
|
-
* Depends on `layout` prop.
|
|
31
|
-
* @see See {@link https://mui.com/x/react-charts/highlighting/ highlighting docs} for more details.
|
|
32
|
-
*
|
|
33
|
-
*/
|
|
34
|
-
axisHighlight?: ChartsAxisHighlightProps;
|
|
35
|
-
}
|
|
36
|
-
declare const FunnelChart: React.ForwardRefExoticComponent<FunnelChartProps & React.RefAttributes<SVGSVGElement>>;
|
|
37
|
-
export { FunnelChart };
|