@mui/x-charts-pro 9.4.0 → 9.6.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 +6 -4
- package/BarChartPro/BarChartPro.mjs +7 -5
- package/CHANGELOG.md +251 -0
- package/ChartsDataProviderPro/ChartsDataProviderPro.js +7 -3
- package/ChartsDataProviderPro/ChartsDataProviderPro.mjs +7 -3
- package/ChartsToolbarPro/ChartsToolbarImageExportTrigger.js +1 -1
- package/ChartsToolbarPro/ChartsToolbarImageExportTrigger.mjs +1 -1
- package/ChartsToolbarPro/ChartsToolbarPrintExportTrigger.js +1 -1
- package/ChartsToolbarPro/ChartsToolbarPrintExportTrigger.mjs +1 -1
- package/ChartsToolbarPro/ChartsToolbarPro.js +3 -2
- package/ChartsToolbarPro/ChartsToolbarPro.mjs +3 -2
- package/ChartsToolbarPro/ChartsToolbarRangeButtonTrigger.js +1 -1
- package/ChartsToolbarPro/ChartsToolbarRangeButtonTrigger.mjs +1 -1
- package/ChartsToolbarPro/ChartsToolbarZoomInTrigger.js +1 -1
- package/ChartsToolbarPro/ChartsToolbarZoomInTrigger.mjs +1 -1
- package/ChartsToolbarPro/ChartsToolbarZoomOutTrigger.js +1 -1
- package/ChartsToolbarPro/ChartsToolbarZoomOutTrigger.mjs +1 -1
- package/FunnelChart/FunnelChart.js +1 -1
- package/FunnelChart/FunnelChart.mjs +1 -1
- package/FunnelChart/FunnelPlot.js +5 -1
- package/FunnelChart/FunnelPlot.mjs +5 -1
- package/FunnelChart/funnel.types.d.mts +1 -1
- package/FunnelChart/funnel.types.d.ts +1 -1
- package/Heatmap/Heatmap.js +5 -3
- package/Heatmap/Heatmap.mjs +5 -3
- package/Heatmap/HeatmapCell.js +1 -1
- package/Heatmap/HeatmapCell.mjs +1 -1
- package/Heatmap/HeatmapPlot.js +1 -1
- package/Heatmap/HeatmapPlot.mjs +1 -1
- package/Heatmap/HeatmapTooltip/HeatmapTooltip.js +5 -25
- package/Heatmap/HeatmapTooltip/HeatmapTooltip.mjs +5 -25
- package/Heatmap/HeatmapTooltip/HeatmapTooltipContent.js +1 -1
- package/Heatmap/HeatmapTooltip/HeatmapTooltipContent.mjs +1 -1
- package/LineChartPro/LineChartPro.js +6 -4
- package/LineChartPro/LineChartPro.mjs +7 -5
- package/PieChartPro/PieChartPro.js +2 -2
- package/PieChartPro/PieChartPro.mjs +3 -3
- package/RadarChartPro/RadarChartPro.js +2 -2
- package/RadarChartPro/RadarChartPro.mjs +3 -3
- package/SankeyChart/SankeyChart.js +1 -1
- package/SankeyChart/SankeyChart.mjs +1 -1
- package/SankeyChart/SankeyDataProvider.d.mts +3 -0
- package/SankeyChart/SankeyDataProvider.d.ts +3 -0
- package/SankeyChart/SankeyDataProvider.js +170 -1
- package/SankeyChart/SankeyDataProvider.mjs +169 -0
- package/SankeyChart/SankeyLinkLabelPlot.d.mts +3 -0
- package/SankeyChart/SankeyLinkLabelPlot.d.ts +3 -0
- package/SankeyChart/SankeyLinkLabelPlot.js +12 -1
- package/SankeyChart/SankeyLinkLabelPlot.mjs +11 -0
- package/SankeyChart/SankeyLinkPlot.d.mts +3 -0
- package/SankeyChart/SankeyLinkPlot.d.ts +3 -0
- package/SankeyChart/SankeyLinkPlot.js +18 -1
- package/SankeyChart/SankeyLinkPlot.mjs +17 -0
- package/SankeyChart/SankeyNodeLabelPlot.d.mts +3 -0
- package/SankeyChart/SankeyNodeLabelPlot.d.ts +3 -0
- package/SankeyChart/SankeyNodeLabelPlot.js +12 -1
- package/SankeyChart/SankeyNodeLabelPlot.mjs +11 -0
- package/SankeyChart/SankeyNodePlot.d.mts +3 -0
- package/SankeyChart/SankeyNodePlot.d.ts +3 -0
- package/SankeyChart/SankeyNodePlot.js +18 -1
- package/SankeyChart/SankeyNodePlot.mjs +17 -0
- package/SankeyChart/SankeyPlot.js +5 -1
- package/SankeyChart/SankeyPlot.mjs +5 -1
- package/SankeyChart/SankeyTooltip/SankeyTooltip.js +8 -28
- package/SankeyChart/SankeyTooltip/SankeyTooltip.mjs +8 -28
- package/SankeyChart/SankeyTooltip/SankeyTooltipContent.js +1 -1
- package/SankeyChart/SankeyTooltip/SankeyTooltipContent.mjs +1 -1
- package/ScatterChartPro/ScatterChartPro.js +13 -7
- package/ScatterChartPro/ScatterChartPro.mjs +14 -8
- package/ScatterChartPro/ScatterChartPro.plugins.d.mts +2 -2
- package/ScatterChartPro/ScatterChartPro.plugins.d.ts +2 -2
- package/ScatterChartPro/ScatterChartPro.plugins.js +1 -1
- package/ScatterChartPro/ScatterChartPro.plugins.mjs +2 -2
- package/index.js +1 -1
- package/index.mjs +1 -1
- package/internals/plugins/allPlugins.d.mts +5 -5
- package/internals/plugins/allPlugins.d.ts +5 -5
- package/internals/plugins/allPlugins.js +2 -2
- package/internals/plugins/allPlugins.mjs +3 -3
- package/internals/plugins/useChartProZoom/ZoomInteractionConfig.selectors.d.mts +36 -4
- package/internals/plugins/useChartProZoom/ZoomInteractionConfig.selectors.d.ts +36 -4
- package/internals/plugins/useChartProZoom/ZoomInteractionConfig.selectors.js +2 -4
- package/internals/plugins/useChartProZoom/ZoomInteractionConfig.selectors.mjs +1 -3
- package/internals/plugins/useChartProZoom/ZoomInteractionConfig.types.d.mts +11 -11
- package/internals/plugins/useChartProZoom/ZoomInteractionConfig.types.d.ts +11 -11
- package/internals/plugins/useChartProZoom/gestureHooks/usePanOnDrag.d.mts +0 -1
- package/internals/plugins/useChartProZoom/gestureHooks/usePanOnDrag.d.ts +0 -1
- package/internals/plugins/useChartProZoom/gestureHooks/usePanOnDrag.js +9 -65
- package/internals/plugins/useChartProZoom/gestureHooks/usePanOnDrag.mjs +9 -64
- package/internals/plugins/useChartProZoom/gestureHooks/usePanOnPressAndDrag.d.mts +0 -1
- package/internals/plugins/useChartProZoom/gestureHooks/usePanOnPressAndDrag.d.ts +0 -1
- package/internals/plugins/useChartProZoom/gestureHooks/usePanOnPressAndDrag.js +9 -69
- package/internals/plugins/useChartProZoom/gestureHooks/usePanOnPressAndDrag.mjs +9 -68
- package/internals/plugins/useChartProZoom/gestureHooks/useRegisterZoomGestures.d.mts +10 -0
- package/internals/plugins/useChartProZoom/gestureHooks/useRegisterZoomGestures.d.ts +10 -0
- package/internals/plugins/useChartProZoom/gestureHooks/useRegisterZoomGestures.js +49 -0
- package/internals/plugins/useChartProZoom/gestureHooks/useRegisterZoomGestures.mjs +42 -0
- package/internals/plugins/useChartProZoom/gestureHooks/useZoomOnPinch.d.mts +0 -1
- package/internals/plugins/useChartProZoom/gestureHooks/useZoomOnPinch.d.ts +0 -1
- package/internals/plugins/useChartProZoom/gestureHooks/useZoomOnPinch.js +9 -39
- package/internals/plugins/useChartProZoom/gestureHooks/useZoomOnPinch.mjs +10 -39
- package/internals/plugins/useChartProZoom/gestureHooks/useZoomOnWheel.d.mts +0 -1
- package/internals/plugins/useChartProZoom/gestureHooks/useZoomOnWheel.d.ts +0 -1
- package/internals/plugins/useChartProZoom/gestureHooks/useZoomOnWheel.js +9 -58
- package/internals/plugins/useChartProZoom/gestureHooks/useZoomOnWheel.mjs +10 -58
- package/internals/plugins/useChartProZoom/useChartProZoom.js +2 -0
- package/internals/plugins/useChartProZoom/useChartProZoom.mjs +2 -0
- package/internals/plugins/zoomGestures/index.d.mts +5 -0
- package/internals/plugins/zoomGestures/index.d.ts +5 -0
- package/internals/plugins/zoomGestures/index.js +33 -0
- package/internals/plugins/zoomGestures/index.mjs +4 -0
- package/internals/plugins/zoomGestures/useDragGesture.d.mts +30 -0
- package/internals/plugins/zoomGestures/useDragGesture.d.ts +30 -0
- package/internals/plugins/zoomGestures/useDragGesture.js +105 -0
- package/internals/plugins/zoomGestures/useDragGesture.mjs +99 -0
- package/internals/plugins/zoomGestures/useDragOnPressGesture.d.mts +30 -0
- package/internals/plugins/zoomGestures/useDragOnPressGesture.d.ts +30 -0
- package/internals/plugins/zoomGestures/useDragOnPressGesture.js +105 -0
- package/internals/plugins/zoomGestures/useDragOnPressGesture.mjs +99 -0
- package/internals/plugins/zoomGestures/usePinchGesture.d.mts +22 -0
- package/internals/plugins/zoomGestures/usePinchGesture.d.ts +22 -0
- package/internals/plugins/zoomGestures/usePinchGesture.js +77 -0
- package/internals/plugins/zoomGestures/usePinchGesture.mjs +71 -0
- package/internals/plugins/zoomGestures/useWheelGesture.d.mts +21 -0
- package/internals/plugins/zoomGestures/useWheelGesture.d.ts +21 -0
- package/internals/plugins/zoomGestures/useWheelGesture.js +78 -0
- package/internals/plugins/zoomGestures/useWheelGesture.mjs +72 -0
- package/internals/plugins/zoomGestures/zoomGestures.types.d.mts +29 -0
- package/internals/plugins/zoomGestures/zoomGestures.types.d.ts +29 -0
- package/internals/plugins/zoomGestures/zoomGestures.types.js +5 -0
- package/internals/plugins/zoomGestures/zoomGestures.types.mjs +1 -0
- package/models/seriesType/heatmap.d.mts +1 -1
- package/models/seriesType/heatmap.d.ts +1 -1
- package/package.json +10 -7
|
@@ -18,7 +18,7 @@ function SankeyTooltip(props) {
|
|
|
18
18
|
})
|
|
19
19
|
}));
|
|
20
20
|
}
|
|
21
|
-
process.env.NODE_ENV !== "production" ? SankeyTooltip.propTypes = {
|
|
21
|
+
process.env.NODE_ENV !== "production" ? SankeyTooltip.propTypes /* remove-proptypes */ = {
|
|
22
22
|
// ----------------------------- Warning --------------------------------
|
|
23
23
|
// | These PropTypes are generated from the TypeScript type definitions |
|
|
24
24
|
// | To update them edit the TypeScript types and run "pnpm proptypes" |
|
|
@@ -27,7 +27,7 @@ process.env.NODE_ENV !== "production" ? SankeyTooltip.propTypes = {
|
|
|
27
27
|
* Determine if the tooltip should be placed on the pointer location or on the node.
|
|
28
28
|
* @default 'pointer'
|
|
29
29
|
*/
|
|
30
|
-
anchor: PropTypes.oneOf(['node', 'pointer']),
|
|
30
|
+
anchor: PropTypes.oneOf(['chart', 'node', 'pointer']),
|
|
31
31
|
/**
|
|
32
32
|
* An HTML element, [virtualElement](https://popper.js.org/docs/v2/virtual-elements/),
|
|
33
33
|
* or a function that returns either.
|
|
@@ -36,10 +36,10 @@ process.env.NODE_ENV !== "production" ? SankeyTooltip.propTypes = {
|
|
|
36
36
|
*/
|
|
37
37
|
anchorEl: PropTypes.oneOfType([(props, propName) => {
|
|
38
38
|
if (props[propName] == null) {
|
|
39
|
-
return new Error(process.env.NODE_ENV !== "production" ? `
|
|
39
|
+
return new Error(process.env.NODE_ENV !== "production" ? `Prop '${propName}' is required but wasn't specified` : _formatErrorMessage(6, propName));
|
|
40
40
|
}
|
|
41
41
|
if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
|
|
42
|
-
return new Error(process.env.NODE_ENV !== "production" ? `
|
|
42
|
+
return new Error(process.env.NODE_ENV !== "production" ? `Expected prop '${propName}' to be of type Element` : _formatErrorMessage(49, propName));
|
|
43
43
|
}
|
|
44
44
|
return null;
|
|
45
45
|
}, PropTypes.func, PropTypes.shape({
|
|
@@ -63,25 +63,6 @@ process.env.NODE_ENV !== "production" ? SankeyTooltip.propTypes = {
|
|
|
63
63
|
* Either a string to use a HTML element or a component.
|
|
64
64
|
*/
|
|
65
65
|
component: PropTypes.elementType,
|
|
66
|
-
/**
|
|
67
|
-
* The components used for each slot inside the Popper.
|
|
68
|
-
* Either a string to use a HTML element or a component.
|
|
69
|
-
*
|
|
70
|
-
* @deprecated use the `slots` prop instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
|
|
71
|
-
* @default {}
|
|
72
|
-
*/
|
|
73
|
-
components: PropTypes.shape({
|
|
74
|
-
Root: PropTypes.elementType
|
|
75
|
-
}),
|
|
76
|
-
/**
|
|
77
|
-
* The props used for each slot inside the Popper.
|
|
78
|
-
*
|
|
79
|
-
* @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
|
|
80
|
-
* @default {}
|
|
81
|
-
*/
|
|
82
|
-
componentsProps: PropTypes.shape({
|
|
83
|
-
root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
|
|
84
|
-
}),
|
|
85
66
|
/**
|
|
86
67
|
* An HTML element or function that returns one.
|
|
87
68
|
* The `container` will have the portal children appended to it.
|
|
@@ -94,10 +75,10 @@ process.env.NODE_ENV !== "production" ? SankeyTooltip.propTypes = {
|
|
|
94
75
|
*/
|
|
95
76
|
container: PropTypes.oneOfType([(props, propName) => {
|
|
96
77
|
if (props[propName] == null) {
|
|
97
|
-
return new Error(process.env.NODE_ENV !== "production" ? `
|
|
78
|
+
return new Error(process.env.NODE_ENV !== "production" ? `Prop '${propName}' is required but wasn't specified` : _formatErrorMessage(6, propName));
|
|
98
79
|
}
|
|
99
80
|
if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
|
|
100
|
-
return new Error(process.env.NODE_ENV !== "production" ? `
|
|
81
|
+
return new Error(process.env.NODE_ENV !== "production" ? `Expected prop '${propName}' to be of type Element` : _formatErrorMessage(49, propName));
|
|
101
82
|
}
|
|
102
83
|
return null;
|
|
103
84
|
}, PropTypes.func]),
|
|
@@ -181,13 +162,12 @@ process.env.NODE_ENV !== "production" ? SankeyTooltip.propTypes = {
|
|
|
181
162
|
*/
|
|
182
163
|
position: PropTypes.oneOf(['bottom', 'left', 'right', 'top']),
|
|
183
164
|
/**
|
|
184
|
-
* The props used for each slot
|
|
165
|
+
* The props used for each component slot.
|
|
185
166
|
* @default {}
|
|
186
167
|
*/
|
|
187
168
|
slotProps: PropTypes.object,
|
|
188
169
|
/**
|
|
189
|
-
*
|
|
190
|
-
* Either a string to use a HTML element or a component.
|
|
170
|
+
* Overridable component slots.
|
|
191
171
|
* @default {}
|
|
192
172
|
*/
|
|
193
173
|
slots: PropTypes.object,
|
|
@@ -52,7 +52,7 @@ function SankeyTooltipContent(props) {
|
|
|
52
52
|
})
|
|
53
53
|
});
|
|
54
54
|
}
|
|
55
|
-
process.env.NODE_ENV !== "production" ? SankeyTooltipContent.propTypes = {
|
|
55
|
+
process.env.NODE_ENV !== "production" ? SankeyTooltipContent.propTypes /* remove-proptypes */ = {
|
|
56
56
|
// ----------------------------- Warning --------------------------------
|
|
57
57
|
// | These PropTypes are generated from the TypeScript type definitions |
|
|
58
58
|
// | To update them edit the TypeScript types and run "pnpm proptypes" |
|
|
@@ -46,7 +46,7 @@ export function SankeyTooltipContent(props) {
|
|
|
46
46
|
})
|
|
47
47
|
});
|
|
48
48
|
}
|
|
49
|
-
process.env.NODE_ENV !== "production" ? SankeyTooltipContent.propTypes = {
|
|
49
|
+
process.env.NODE_ENV !== "production" ? SankeyTooltipContent.propTypes /* remove-proptypes */ = {
|
|
50
50
|
// ----------------------------- Warning --------------------------------
|
|
51
51
|
// | These PropTypes are generated from the TypeScript type definitions |
|
|
52
52
|
// | To update them edit the TypeScript types and run "pnpm proptypes" |
|
|
@@ -83,7 +83,7 @@ const ScatterChartPro = exports.ScatterChartPro = /*#__PURE__*/React.forwardRef(
|
|
|
83
83
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsAxis.ChartsAxis, (0, _extends2.default)({}, chartsAxisProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsZoomSlider.ChartsZoomSlider, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsGrid.ChartsGrid, (0, _extends2.default)({}, gridProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
|
|
84
84
|
"data-drawing-container": true,
|
|
85
85
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScatterChart.ScatterPlot, (0, _extends2.default)({}, scatterPlotProps))
|
|
86
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsOverlay.ChartsOverlay, (0, _extends2.default)({}, overlayProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsAxisHighlight.ChartsAxisHighlight, (0, _extends2.default)({}, axisHighlightProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsBrushOverlay.ChartsBrushOverlay, {}), children]
|
|
86
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsOverlay.ChartsOverlay, (0, _extends2.default)({}, overlayProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsAxisHighlight.ChartsAxisHighlight, (0, _extends2.default)({}, axisHighlightProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScatterChart.FocusedScatterMark, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsBrushOverlay.ChartsBrushOverlay, {}), children]
|
|
87
87
|
})), !props.loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(Tooltip, (0, _extends2.default)({
|
|
88
88
|
trigger: "item"
|
|
89
89
|
}, props.slotProps?.tooltip))]
|
|
@@ -91,7 +91,7 @@ const ScatterChartPro = exports.ScatterChartPro = /*#__PURE__*/React.forwardRef(
|
|
|
91
91
|
}));
|
|
92
92
|
});
|
|
93
93
|
if (process.env.NODE_ENV !== "production") ScatterChartPro.displayName = "ScatterChartPro";
|
|
94
|
-
process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
|
|
94
|
+
process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes /* remove-proptypes */ = {
|
|
95
95
|
// ----------------------------- Warning --------------------------------
|
|
96
96
|
// | These PropTypes are generated from the TypeScript type definitions |
|
|
97
97
|
// | To update them edit the TypeScript types and run "pnpm proptypes" |
|
|
@@ -172,7 +172,9 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
|
|
|
172
172
|
/**
|
|
173
173
|
* Options to enable features planned for the next major.
|
|
174
174
|
*/
|
|
175
|
-
experimentalFeatures: _propTypes.default.
|
|
175
|
+
experimentalFeatures: _propTypes.default.shape({
|
|
176
|
+
progressiveRendering: _propTypes.default.bool
|
|
177
|
+
}),
|
|
176
178
|
/**
|
|
177
179
|
* Option to display a cartesian grid in the background.
|
|
178
180
|
*/
|
|
@@ -355,13 +357,15 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
|
|
|
355
357
|
onZoomChange: _propTypes.default.func,
|
|
356
358
|
/**
|
|
357
359
|
* The type of renderer to use for the scatter plot.
|
|
358
|
-
* - `svg-single`: Renders every scatter item in a `<circle />` element.
|
|
360
|
+
* - `svg-single`: Renders every scatter item in a `<circle />` element, synchronously.
|
|
361
|
+
* - `svg-progressive`: Renders every scatter item in a `<circle />` element, in progressive batches that paint over several animation frames to keep the main thread responsive.
|
|
359
362
|
* - `svg-batch`: Batch renders scatter items in `<path />` elements for better performance with large datasets, at the cost of some limitations.
|
|
360
363
|
* Read more: https://mui.com/x/react-charts/scatter/#performance
|
|
361
364
|
*
|
|
365
|
+
* When not set, defaults to `svg-single`. Enable the `progressiveRendering` experimental feature to auto-select `svg-progressive` above an internal point-count threshold; this will become the default in the next major version.
|
|
362
366
|
* @default 'svg-single'
|
|
363
367
|
*/
|
|
364
|
-
renderer: _propTypes.default.oneOf(['svg-batch', 'svg-single']),
|
|
368
|
+
renderer: _propTypes.default.oneOf(['svg-batch', 'svg-progressive', 'svg-single']),
|
|
365
369
|
/**
|
|
366
370
|
* The series to display in the scatter chart.
|
|
367
371
|
* An array of [[ScatterSeries]] objects.
|
|
@@ -438,11 +442,13 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
|
|
|
438
442
|
color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired,
|
|
439
443
|
max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
|
|
440
444
|
min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
|
|
441
|
-
type: _propTypes.default.oneOf(['continuous']).isRequired
|
|
445
|
+
type: _propTypes.default.oneOf(['continuous']).isRequired,
|
|
446
|
+
unknownColor: _propTypes.default.string
|
|
442
447
|
}), _propTypes.default.shape({
|
|
443
448
|
colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
|
|
444
449
|
thresholds: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]).isRequired).isRequired,
|
|
445
|
-
type: _propTypes.default.oneOf(['piecewise']).isRequired
|
|
450
|
+
type: _propTypes.default.oneOf(['piecewise']).isRequired,
|
|
451
|
+
unknownColor: _propTypes.default.string
|
|
446
452
|
}), _propTypes.default.shape({
|
|
447
453
|
colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
|
|
448
454
|
type: _propTypes.default.oneOf(['ordinal']).isRequired,
|
|
@@ -7,7 +7,7 @@ import * as React from 'react';
|
|
|
7
7
|
import PropTypes from 'prop-types';
|
|
8
8
|
import { useThemeProps } from '@mui/material/styles';
|
|
9
9
|
import { ChartsOverlay } from '@mui/x-charts/ChartsOverlay';
|
|
10
|
-
import { ScatterPlot } from '@mui/x-charts/ScatterChart';
|
|
10
|
+
import { FocusedScatterMark, ScatterPlot } from '@mui/x-charts/ScatterChart';
|
|
11
11
|
import { ChartsAxis } from '@mui/x-charts/ChartsAxis';
|
|
12
12
|
import { ChartsGrid } from '@mui/x-charts/ChartsGrid';
|
|
13
13
|
import { ChartsLegend } from '@mui/x-charts/ChartsLegend';
|
|
@@ -76,7 +76,7 @@ const ScatterChartPro = /*#__PURE__*/React.forwardRef(function ScatterChartPro(i
|
|
|
76
76
|
children: [/*#__PURE__*/_jsx(ChartsAxis, _extends({}, chartsAxisProps)), /*#__PURE__*/_jsx(ChartsZoomSlider, {}), /*#__PURE__*/_jsx(ChartsGrid, _extends({}, gridProps)), /*#__PURE__*/_jsx("g", {
|
|
77
77
|
"data-drawing-container": true,
|
|
78
78
|
children: /*#__PURE__*/_jsx(ScatterPlot, _extends({}, scatterPlotProps))
|
|
79
|
-
}), /*#__PURE__*/_jsx(ChartsOverlay, _extends({}, overlayProps)), /*#__PURE__*/_jsx(ChartsAxisHighlight, _extends({}, axisHighlightProps)), /*#__PURE__*/_jsx(ChartsBrushOverlay, {}), children]
|
|
79
|
+
}), /*#__PURE__*/_jsx(ChartsOverlay, _extends({}, overlayProps)), /*#__PURE__*/_jsx(ChartsAxisHighlight, _extends({}, axisHighlightProps)), /*#__PURE__*/_jsx(FocusedScatterMark, {}), /*#__PURE__*/_jsx(ChartsBrushOverlay, {}), children]
|
|
80
80
|
})), !props.loading && /*#__PURE__*/_jsx(Tooltip, _extends({
|
|
81
81
|
trigger: "item"
|
|
82
82
|
}, props.slotProps?.tooltip))]
|
|
@@ -84,7 +84,7 @@ const ScatterChartPro = /*#__PURE__*/React.forwardRef(function ScatterChartPro(i
|
|
|
84
84
|
}));
|
|
85
85
|
});
|
|
86
86
|
if (process.env.NODE_ENV !== "production") ScatterChartPro.displayName = "ScatterChartPro";
|
|
87
|
-
process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
|
|
87
|
+
process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes /* remove-proptypes */ = {
|
|
88
88
|
// ----------------------------- Warning --------------------------------
|
|
89
89
|
// | These PropTypes are generated from the TypeScript type definitions |
|
|
90
90
|
// | To update them edit the TypeScript types and run "pnpm proptypes" |
|
|
@@ -165,7 +165,9 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
|
|
|
165
165
|
/**
|
|
166
166
|
* Options to enable features planned for the next major.
|
|
167
167
|
*/
|
|
168
|
-
experimentalFeatures: PropTypes.
|
|
168
|
+
experimentalFeatures: PropTypes.shape({
|
|
169
|
+
progressiveRendering: PropTypes.bool
|
|
170
|
+
}),
|
|
169
171
|
/**
|
|
170
172
|
* Option to display a cartesian grid in the background.
|
|
171
173
|
*/
|
|
@@ -348,13 +350,15 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
|
|
|
348
350
|
onZoomChange: PropTypes.func,
|
|
349
351
|
/**
|
|
350
352
|
* The type of renderer to use for the scatter plot.
|
|
351
|
-
* - `svg-single`: Renders every scatter item in a `<circle />` element.
|
|
353
|
+
* - `svg-single`: Renders every scatter item in a `<circle />` element, synchronously.
|
|
354
|
+
* - `svg-progressive`: Renders every scatter item in a `<circle />` element, in progressive batches that paint over several animation frames to keep the main thread responsive.
|
|
352
355
|
* - `svg-batch`: Batch renders scatter items in `<path />` elements for better performance with large datasets, at the cost of some limitations.
|
|
353
356
|
* Read more: https://mui.com/x/react-charts/scatter/#performance
|
|
354
357
|
*
|
|
358
|
+
* When not set, defaults to `svg-single`. Enable the `progressiveRendering` experimental feature to auto-select `svg-progressive` above an internal point-count threshold; this will become the default in the next major version.
|
|
355
359
|
* @default 'svg-single'
|
|
356
360
|
*/
|
|
357
|
-
renderer: PropTypes.oneOf(['svg-batch', 'svg-single']),
|
|
361
|
+
renderer: PropTypes.oneOf(['svg-batch', 'svg-progressive', 'svg-single']),
|
|
358
362
|
/**
|
|
359
363
|
* The series to display in the scatter chart.
|
|
360
364
|
* An array of [[ScatterSeries]] objects.
|
|
@@ -431,11 +435,13 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
|
|
|
431
435
|
color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
|
|
432
436
|
max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
|
|
433
437
|
min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
|
|
434
|
-
type: PropTypes.oneOf(['continuous']).isRequired
|
|
438
|
+
type: PropTypes.oneOf(['continuous']).isRequired,
|
|
439
|
+
unknownColor: PropTypes.string
|
|
435
440
|
}), PropTypes.shape({
|
|
436
441
|
colors: PropTypes.arrayOf(PropTypes.string).isRequired,
|
|
437
442
|
thresholds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]).isRequired).isRequired,
|
|
438
|
-
type: PropTypes.oneOf(['piecewise']).isRequired
|
|
443
|
+
type: PropTypes.oneOf(['piecewise']).isRequired,
|
|
444
|
+
unknownColor: PropTypes.string
|
|
439
445
|
}), PropTypes.shape({
|
|
440
446
|
colors: PropTypes.arrayOf(PropTypes.string).isRequired,
|
|
441
447
|
type: PropTypes.oneOf(['ordinal']).isRequired,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { type UseChartZAxisSignature, type UseChartCartesianAxisSignature, type UseChartTooltipSignature, type UseChartInteractionSignature, type UseChartHighlightSignature, type UseChartClosestPointSignature, type UseChartKeyboardNavigationSignature, type UseChartBrushSignature, type ConvertSignaturesIntoPlugins, type UseChartVisibilityManagerSignature } from '@mui/x-charts/internals';
|
|
1
|
+
import { type UseChartZAxisSignature, type UseChartCartesianAxisSignature, type UseChartTooltipSignature, type UseChartInteractionSignature, type UseChartHighlightSignature, type UseChartClosestPointSignature, type UseChartKeyboardNavigationSignature, type UseChartBrushSignature, type ConvertSignaturesIntoPlugins, type UseChartVisibilityManagerSignature, type UseProgressiveRenderingSignature } from '@mui/x-charts/internals';
|
|
2
2
|
import { type UseChartProExportSignature } from "../internals/plugins/useChartProExport/index.mjs";
|
|
3
3
|
import { type UseChartProZoomSignature } from "../internals/plugins/useChartProZoom/index.mjs";
|
|
4
|
-
export type ScatterChartProPluginSignatures = [UseChartZAxisSignature, UseChartBrushSignature, UseChartTooltipSignature<'scatter'>, UseChartInteractionSignature, UseChartCartesianAxisSignature<'scatter'>, UseChartHighlightSignature<'scatter'>, UseChartVisibilityManagerSignature<'scatter'>, UseChartClosestPointSignature, UseChartKeyboardNavigationSignature, UseChartProZoomSignature, UseChartProExportSignature];
|
|
4
|
+
export type ScatterChartProPluginSignatures = [UseChartZAxisSignature, UseChartBrushSignature, UseChartTooltipSignature<'scatter'>, UseChartInteractionSignature, UseChartCartesianAxisSignature<'scatter'>, UseChartHighlightSignature<'scatter'>, UseChartVisibilityManagerSignature<'scatter'>, UseChartClosestPointSignature, UseChartKeyboardNavigationSignature, UseChartProZoomSignature, UseChartProExportSignature, UseProgressiveRenderingSignature];
|
|
5
5
|
export declare const SCATTER_CHART_PRO_PLUGINS: ConvertSignaturesIntoPlugins<ScatterChartProPluginSignatures>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { type UseChartZAxisSignature, type UseChartCartesianAxisSignature, type UseChartTooltipSignature, type UseChartInteractionSignature, type UseChartHighlightSignature, type UseChartClosestPointSignature, type UseChartKeyboardNavigationSignature, type UseChartBrushSignature, type ConvertSignaturesIntoPlugins, type UseChartVisibilityManagerSignature } from '@mui/x-charts/internals';
|
|
1
|
+
import { type UseChartZAxisSignature, type UseChartCartesianAxisSignature, type UseChartTooltipSignature, type UseChartInteractionSignature, type UseChartHighlightSignature, type UseChartClosestPointSignature, type UseChartKeyboardNavigationSignature, type UseChartBrushSignature, type ConvertSignaturesIntoPlugins, type UseChartVisibilityManagerSignature, type UseProgressiveRenderingSignature } from '@mui/x-charts/internals';
|
|
2
2
|
import { type UseChartProExportSignature } from "../internals/plugins/useChartProExport/index.js";
|
|
3
3
|
import { type UseChartProZoomSignature } from "../internals/plugins/useChartProZoom/index.js";
|
|
4
|
-
export type ScatterChartProPluginSignatures = [UseChartZAxisSignature, UseChartBrushSignature, UseChartTooltipSignature<'scatter'>, UseChartInteractionSignature, UseChartCartesianAxisSignature<'scatter'>, UseChartHighlightSignature<'scatter'>, UseChartVisibilityManagerSignature<'scatter'>, UseChartClosestPointSignature, UseChartKeyboardNavigationSignature, UseChartProZoomSignature, UseChartProExportSignature];
|
|
4
|
+
export type ScatterChartProPluginSignatures = [UseChartZAxisSignature, UseChartBrushSignature, UseChartTooltipSignature<'scatter'>, UseChartInteractionSignature, UseChartCartesianAxisSignature<'scatter'>, UseChartHighlightSignature<'scatter'>, UseChartVisibilityManagerSignature<'scatter'>, UseChartClosestPointSignature, UseChartKeyboardNavigationSignature, UseChartProZoomSignature, UseChartProExportSignature, UseProgressiveRenderingSignature];
|
|
5
5
|
export declare const SCATTER_CHART_PRO_PLUGINS: ConvertSignaturesIntoPlugins<ScatterChartProPluginSignatures>;
|
|
@@ -7,4 +7,4 @@ exports.SCATTER_CHART_PRO_PLUGINS = void 0;
|
|
|
7
7
|
var _internals = require("@mui/x-charts/internals");
|
|
8
8
|
var _useChartProExport = require("../internals/plugins/useChartProExport");
|
|
9
9
|
var _useChartProZoom = require("../internals/plugins/useChartProZoom");
|
|
10
|
-
const SCATTER_CHART_PRO_PLUGINS = exports.SCATTER_CHART_PRO_PLUGINS = [_internals.useChartZAxis, _internals.useChartBrush, _internals.useChartTooltip, _internals.useChartInteraction, _internals.useChartCartesianAxis, _internals.useChartHighlight, _internals.useChartVisibilityManager, _internals.useChartClosestPoint, _internals.useChartKeyboardNavigation, _useChartProZoom.useChartProZoom, _useChartProExport.useChartProExport];
|
|
10
|
+
const SCATTER_CHART_PRO_PLUGINS = exports.SCATTER_CHART_PRO_PLUGINS = [_internals.useChartZAxis, _internals.useChartBrush, _internals.useChartTooltip, _internals.useChartInteraction, _internals.useChartCartesianAxis, _internals.useChartHighlight, _internals.useChartVisibilityManager, _internals.useChartClosestPoint, _internals.useChartKeyboardNavigation, _useChartProZoom.useChartProZoom, _useChartProExport.useChartProExport, _internals.useProgressiveRendering];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useChartZAxis, useChartCartesianAxis, useChartTooltip, useChartInteraction, useChartHighlight, useChartClosestPoint, useChartKeyboardNavigation, useChartBrush, useChartVisibilityManager } from '@mui/x-charts/internals';
|
|
1
|
+
import { useChartZAxis, useChartCartesianAxis, useChartTooltip, useChartInteraction, useChartHighlight, useChartClosestPoint, useChartKeyboardNavigation, useChartBrush, useChartVisibilityManager, useProgressiveRendering } from '@mui/x-charts/internals';
|
|
2
2
|
import { useChartProExport } from "../internals/plugins/useChartProExport/index.mjs";
|
|
3
3
|
import { useChartProZoom } from "../internals/plugins/useChartProZoom/index.mjs";
|
|
4
|
-
export const SCATTER_CHART_PRO_PLUGINS = [useChartZAxis, useChartBrush, useChartTooltip, useChartInteraction, useChartCartesianAxis, useChartHighlight, useChartVisibilityManager, useChartClosestPoint, useChartKeyboardNavigation, useChartProZoom, useChartProExport];
|
|
4
|
+
export const SCATTER_CHART_PRO_PLUGINS = [useChartZAxis, useChartBrush, useChartTooltip, useChartInteraction, useChartCartesianAxis, useChartHighlight, useChartVisibilityManager, useChartClosestPoint, useChartKeyboardNavigation, useChartProZoom, useChartProExport, useProgressiveRendering];
|
package/index.js
CHANGED
package/index.mjs
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { type ChartSeriesType, type ConvertSignaturesIntoPlugins, type UseChartCartesianAxisSignature, type UseChartTooltipSignature, type UseChartInteractionSignature, type UseChartZAxisSignature, type UseChartHighlightSignature, type UseChartPolarAxisSignature, type UseChartBrushSignature, type UseChartVisibilityManagerSignature } from '@mui/x-charts/internals';
|
|
1
|
+
import { type ChartSeriesType, type ConvertSignaturesIntoPlugins, type UseChartCartesianAxisSignature, type UseChartTooltipSignature, type UseChartInteractionSignature, type UseChartZAxisSignature, type UseChartHighlightSignature, type UseChartPolarAxisSignature, type UseChartBrushSignature, type UseChartVisibilityManagerSignature, type UseProgressiveRenderingSignature } from '@mui/x-charts/internals';
|
|
2
2
|
import { type UseChartProExportSignature } from "./useChartProExport/index.mjs";
|
|
3
3
|
import { type UseChartProZoomSignature } from "./useChartProZoom/index.mjs";
|
|
4
|
-
export type AllPluginSignatures<SeriesType extends ChartSeriesType = ChartSeriesType> = [UseChartZAxisSignature, UseChartBrushSignature, UseChartTooltipSignature<SeriesType>, UseChartInteractionSignature, UseChartCartesianAxisSignature<SeriesType>, UseChartPolarAxisSignature<SeriesType>, UseChartHighlightSignature<SeriesType>, UseChartVisibilityManagerSignature<SeriesType>, UseChartProZoomSignature, UseChartProExportSignature, UseChartVisibilityManagerSignature<SeriesType
|
|
4
|
+
export type AllPluginSignatures<SeriesType extends ChartSeriesType = ChartSeriesType> = [UseChartZAxisSignature, UseChartBrushSignature, UseChartTooltipSignature<SeriesType>, UseChartInteractionSignature, UseChartCartesianAxisSignature<SeriesType>, UseChartPolarAxisSignature<SeriesType>, UseChartHighlightSignature<SeriesType>, UseChartVisibilityManagerSignature<SeriesType>, UseChartProZoomSignature, UseChartProExportSignature, UseChartVisibilityManagerSignature<SeriesType>, UseProgressiveRenderingSignature];
|
|
5
5
|
export type AllPluginsType<SeriesType extends ChartSeriesType = ChartSeriesType> = ConvertSignaturesIntoPlugins<AllPluginSignatures<SeriesType>>;
|
|
6
|
-
export declare const ALL_PLUGINS: (import("@mui/x-charts/internals").ChartPlugin<UseChartProZoomSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartProExportSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartZAxisSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartBrushSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartInteractionSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartTooltipSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartCartesianAxisSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartPolarAxisSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartHighlightSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartVisibilityManagerSignature<any>>)[];
|
|
7
|
-
export type DefaultPluginSignatures<SeriesType extends ChartSeriesType = ChartSeriesType> = [UseChartZAxisSignature, UseChartBrushSignature, UseChartTooltipSignature<SeriesType>, UseChartInteractionSignature, UseChartCartesianAxisSignature<SeriesType>, UseChartPolarAxisSignature<SeriesType>, UseChartHighlightSignature<SeriesType>, UseChartVisibilityManagerSignature<SeriesType>, UseChartProZoomSignature, UseChartProExportSignature, UseChartVisibilityManagerSignature<SeriesType
|
|
6
|
+
export declare const ALL_PLUGINS: (import("@mui/x-charts/internals").ChartPlugin<UseChartProZoomSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartProExportSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartZAxisSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartBrushSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartInteractionSignature> | import("@mui/x-charts/internals").ChartPlugin<UseProgressiveRenderingSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartTooltipSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartCartesianAxisSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartPolarAxisSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartHighlightSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartVisibilityManagerSignature<any>>)[];
|
|
7
|
+
export type DefaultPluginSignatures<SeriesType extends ChartSeriesType = ChartSeriesType> = [UseChartZAxisSignature, UseChartBrushSignature, UseChartTooltipSignature<SeriesType>, UseChartInteractionSignature, UseChartCartesianAxisSignature<SeriesType>, UseChartPolarAxisSignature<SeriesType>, UseChartHighlightSignature<SeriesType>, UseChartVisibilityManagerSignature<SeriesType>, UseChartProZoomSignature, UseChartProExportSignature, UseChartVisibilityManagerSignature<SeriesType>, UseProgressiveRenderingSignature];
|
|
8
8
|
export type DefaultPluginsType<SeriesType extends ChartSeriesType = ChartSeriesType> = ConvertSignaturesIntoPlugins<DefaultPluginSignatures<SeriesType>>;
|
|
9
|
-
export declare const DEFAULT_PLUGINS: (import("@mui/x-charts/internals").ChartPlugin<UseChartProZoomSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartProExportSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartZAxisSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartBrushSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartInteractionSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartTooltipSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartCartesianAxisSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartHighlightSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartVisibilityManagerSignature<any>>)[];
|
|
9
|
+
export declare const DEFAULT_PLUGINS: (import("@mui/x-charts/internals").ChartPlugin<UseChartProZoomSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartProExportSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartZAxisSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartBrushSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartInteractionSignature> | import("@mui/x-charts/internals").ChartPlugin<UseProgressiveRenderingSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartTooltipSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartCartesianAxisSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartHighlightSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartVisibilityManagerSignature<any>>)[];
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { type ChartSeriesType, type ConvertSignaturesIntoPlugins, type UseChartCartesianAxisSignature, type UseChartTooltipSignature, type UseChartInteractionSignature, type UseChartZAxisSignature, type UseChartHighlightSignature, type UseChartPolarAxisSignature, type UseChartBrushSignature, type UseChartVisibilityManagerSignature } from '@mui/x-charts/internals';
|
|
1
|
+
import { type ChartSeriesType, type ConvertSignaturesIntoPlugins, type UseChartCartesianAxisSignature, type UseChartTooltipSignature, type UseChartInteractionSignature, type UseChartZAxisSignature, type UseChartHighlightSignature, type UseChartPolarAxisSignature, type UseChartBrushSignature, type UseChartVisibilityManagerSignature, type UseProgressiveRenderingSignature } from '@mui/x-charts/internals';
|
|
2
2
|
import { type UseChartProExportSignature } from "./useChartProExport/index.js";
|
|
3
3
|
import { type UseChartProZoomSignature } from "./useChartProZoom/index.js";
|
|
4
|
-
export type AllPluginSignatures<SeriesType extends ChartSeriesType = ChartSeriesType> = [UseChartZAxisSignature, UseChartBrushSignature, UseChartTooltipSignature<SeriesType>, UseChartInteractionSignature, UseChartCartesianAxisSignature<SeriesType>, UseChartPolarAxisSignature<SeriesType>, UseChartHighlightSignature<SeriesType>, UseChartVisibilityManagerSignature<SeriesType>, UseChartProZoomSignature, UseChartProExportSignature, UseChartVisibilityManagerSignature<SeriesType
|
|
4
|
+
export type AllPluginSignatures<SeriesType extends ChartSeriesType = ChartSeriesType> = [UseChartZAxisSignature, UseChartBrushSignature, UseChartTooltipSignature<SeriesType>, UseChartInteractionSignature, UseChartCartesianAxisSignature<SeriesType>, UseChartPolarAxisSignature<SeriesType>, UseChartHighlightSignature<SeriesType>, UseChartVisibilityManagerSignature<SeriesType>, UseChartProZoomSignature, UseChartProExportSignature, UseChartVisibilityManagerSignature<SeriesType>, UseProgressiveRenderingSignature];
|
|
5
5
|
export type AllPluginsType<SeriesType extends ChartSeriesType = ChartSeriesType> = ConvertSignaturesIntoPlugins<AllPluginSignatures<SeriesType>>;
|
|
6
|
-
export declare const ALL_PLUGINS: (import("@mui/x-charts/internals").ChartPlugin<UseChartProZoomSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartProExportSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartZAxisSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartBrushSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartInteractionSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartTooltipSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartCartesianAxisSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartPolarAxisSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartHighlightSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartVisibilityManagerSignature<any>>)[];
|
|
7
|
-
export type DefaultPluginSignatures<SeriesType extends ChartSeriesType = ChartSeriesType> = [UseChartZAxisSignature, UseChartBrushSignature, UseChartTooltipSignature<SeriesType>, UseChartInteractionSignature, UseChartCartesianAxisSignature<SeriesType>, UseChartPolarAxisSignature<SeriesType>, UseChartHighlightSignature<SeriesType>, UseChartVisibilityManagerSignature<SeriesType>, UseChartProZoomSignature, UseChartProExportSignature, UseChartVisibilityManagerSignature<SeriesType
|
|
6
|
+
export declare const ALL_PLUGINS: (import("@mui/x-charts/internals").ChartPlugin<UseChartProZoomSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartProExportSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartZAxisSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartBrushSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartInteractionSignature> | import("@mui/x-charts/internals").ChartPlugin<UseProgressiveRenderingSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartTooltipSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartCartesianAxisSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartPolarAxisSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartHighlightSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartVisibilityManagerSignature<any>>)[];
|
|
7
|
+
export type DefaultPluginSignatures<SeriesType extends ChartSeriesType = ChartSeriesType> = [UseChartZAxisSignature, UseChartBrushSignature, UseChartTooltipSignature<SeriesType>, UseChartInteractionSignature, UseChartCartesianAxisSignature<SeriesType>, UseChartPolarAxisSignature<SeriesType>, UseChartHighlightSignature<SeriesType>, UseChartVisibilityManagerSignature<SeriesType>, UseChartProZoomSignature, UseChartProExportSignature, UseChartVisibilityManagerSignature<SeriesType>, UseProgressiveRenderingSignature];
|
|
8
8
|
export type DefaultPluginsType<SeriesType extends ChartSeriesType = ChartSeriesType> = ConvertSignaturesIntoPlugins<DefaultPluginSignatures<SeriesType>>;
|
|
9
|
-
export declare const DEFAULT_PLUGINS: (import("@mui/x-charts/internals").ChartPlugin<UseChartProZoomSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartProExportSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartZAxisSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartBrushSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartInteractionSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartTooltipSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartCartesianAxisSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartHighlightSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartVisibilityManagerSignature<any>>)[];
|
|
9
|
+
export declare const DEFAULT_PLUGINS: (import("@mui/x-charts/internals").ChartPlugin<UseChartProZoomSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartProExportSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartZAxisSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartBrushSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartInteractionSignature> | import("@mui/x-charts/internals").ChartPlugin<UseProgressiveRenderingSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartTooltipSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartCartesianAxisSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartHighlightSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartVisibilityManagerSignature<any>>)[];
|
|
@@ -9,5 +9,5 @@ var _useChartProExport = require("./useChartProExport");
|
|
|
9
9
|
var _useChartProZoom = require("./useChartProZoom");
|
|
10
10
|
// This file should be removed after creating all plugins in favor of a file per chart type.
|
|
11
11
|
|
|
12
|
-
const ALL_PLUGINS = exports.ALL_PLUGINS = [_internals.useChartZAxis, _internals.useChartBrush, _internals.useChartTooltip, _internals.useChartInteraction, _internals.useChartCartesianAxis, _internals.useChartPolarAxis, _internals.useChartHighlight, _internals.useChartVisibilityManager, _useChartProZoom.useChartProZoom, _useChartProExport.useChartProExport, _internals.useChartVisibilityManager];
|
|
13
|
-
const DEFAULT_PLUGINS = exports.DEFAULT_PLUGINS = [_internals.useChartZAxis, _internals.useChartBrush, _internals.useChartTooltip, _internals.useChartInteraction, _internals.useChartCartesianAxis, _internals.useChartHighlight, _internals.useChartVisibilityManager, _useChartProZoom.useChartProZoom, _useChartProExport.useChartProExport, _internals.useChartVisibilityManager];
|
|
12
|
+
const ALL_PLUGINS = exports.ALL_PLUGINS = [_internals.useChartZAxis, _internals.useChartBrush, _internals.useChartTooltip, _internals.useChartInteraction, _internals.useChartCartesianAxis, _internals.useChartPolarAxis, _internals.useChartHighlight, _internals.useChartVisibilityManager, _useChartProZoom.useChartProZoom, _useChartProExport.useChartProExport, _internals.useChartVisibilityManager, _internals.useProgressiveRendering];
|
|
13
|
+
const DEFAULT_PLUGINS = exports.DEFAULT_PLUGINS = [_internals.useChartZAxis, _internals.useChartBrush, _internals.useChartTooltip, _internals.useChartInteraction, _internals.useChartCartesianAxis, _internals.useChartHighlight, _internals.useChartVisibilityManager, _useChartProZoom.useChartProZoom, _useChartProExport.useChartProExport, _internals.useChartVisibilityManager, _internals.useProgressiveRendering];
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
// This file should be removed after creating all plugins in favor of a file per chart type.
|
|
2
2
|
|
|
3
|
-
import { useChartCartesianAxis, useChartTooltip, useChartInteraction, useChartZAxis, useChartHighlight, useChartPolarAxis, useChartBrush, useChartVisibilityManager } from '@mui/x-charts/internals';
|
|
3
|
+
import { useChartCartesianAxis, useChartTooltip, useChartInteraction, useChartZAxis, useChartHighlight, useChartPolarAxis, useChartBrush, useChartVisibilityManager, useProgressiveRendering } from '@mui/x-charts/internals';
|
|
4
4
|
import { useChartProExport } from "./useChartProExport/index.mjs";
|
|
5
5
|
import { useChartProZoom } from "./useChartProZoom/index.mjs";
|
|
6
|
-
export const ALL_PLUGINS = [useChartZAxis, useChartBrush, useChartTooltip, useChartInteraction, useChartCartesianAxis, useChartPolarAxis, useChartHighlight, useChartVisibilityManager, useChartProZoom, useChartProExport, useChartVisibilityManager];
|
|
7
|
-
export const DEFAULT_PLUGINS = [useChartZAxis, useChartBrush, useChartTooltip, useChartInteraction, useChartCartesianAxis, useChartHighlight, useChartVisibilityManager, useChartProZoom, useChartProExport, useChartVisibilityManager];
|
|
6
|
+
export const ALL_PLUGINS = [useChartZAxis, useChartBrush, useChartTooltip, useChartInteraction, useChartCartesianAxis, useChartPolarAxis, useChartHighlight, useChartVisibilityManager, useChartProZoom, useChartProExport, useChartVisibilityManager, useProgressiveRendering];
|
|
7
|
+
export const DEFAULT_PLUGINS = [useChartZAxis, useChartBrush, useChartTooltip, useChartInteraction, useChartCartesianAxis, useChartHighlight, useChartVisibilityManager, useChartProZoom, useChartProExport, useChartVisibilityManager, useProgressiveRendering];
|
|
@@ -1,6 +1,26 @@
|
|
|
1
1
|
export declare const selectorZoomInteractionConfig: (args_0: import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeriesConfig/useChartSeriesConfig.types").UseChartSeriesConfigState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types").UseChartExperimentalFeaturesState & import("@mui/x-charts/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & import("@mui/x-charts/internals").UseChartInteractionListenerState & import("./useChartProZoom.types.mjs").UseChartProZoomState & Partial<{}> & {
|
|
2
2
|
cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
|
|
3
|
-
}, interactionName: "wheel" | "pinch" | "tapAndDrag" | "doubleTapReset" | "brush") => (Omit<
|
|
3
|
+
}, interactionName: "wheel" | "pinch" | "tapAndDrag" | "doubleTapReset" | "brush") => (Omit<{
|
|
4
|
+
type: "wheel";
|
|
5
|
+
pointerMode?: any;
|
|
6
|
+
requiredKeys?: import("@mui/x-internal-gestures/core").KeyboardKey[] | undefined;
|
|
7
|
+
} | {
|
|
8
|
+
type: "pinch";
|
|
9
|
+
pointerMode?: any;
|
|
10
|
+
requiredKeys?: any[] | undefined;
|
|
11
|
+
} | {
|
|
12
|
+
type: "tapAndDrag";
|
|
13
|
+
pointerMode?: ("mouse" | "touch") | undefined;
|
|
14
|
+
requiredKeys?: import("@mui/x-internal-gestures/core").KeyboardKey[] | undefined;
|
|
15
|
+
} | {
|
|
16
|
+
type: "doubleTapReset";
|
|
17
|
+
pointerMode?: ("mouse" | "touch") | undefined;
|
|
18
|
+
requiredKeys?: import("@mui/x-internal-gestures/core").KeyboardKey[] | undefined;
|
|
19
|
+
} | {
|
|
20
|
+
type: "brush";
|
|
21
|
+
pointerMode?: ("mouse" | "touch") | undefined;
|
|
22
|
+
requiredKeys?: import("@mui/x-internal-gestures/core").KeyboardKey[] | undefined;
|
|
23
|
+
}, "pointerMode"> & {
|
|
4
24
|
mouse: {
|
|
5
25
|
requiredKeys?: import("@mui/x-internal-gestures/core").KeyboardKey[];
|
|
6
26
|
};
|
|
@@ -12,7 +32,20 @@ export declare const selectorZoomInteractionConfig: (args_0: import("@mui/x-char
|
|
|
12
32
|
}) | null;
|
|
13
33
|
export declare const selectorPanInteractionConfig: (args_0: import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeriesConfig/useChartSeriesConfig.types").UseChartSeriesConfigState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types").UseChartExperimentalFeaturesState & import("@mui/x-charts/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & import("@mui/x-charts/internals").UseChartInteractionListenerState & import("./useChartProZoom.types.mjs").UseChartProZoomState & Partial<{}> & {
|
|
14
34
|
cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
|
|
15
|
-
}, interactionName: "wheel" | "drag" | "pressAndDrag") => (Omit<
|
|
35
|
+
}, interactionName: "wheel" | "drag" | "pressAndDrag") => (Omit<{
|
|
36
|
+
type: "drag";
|
|
37
|
+
pointerMode?: ("mouse" | "touch") | undefined;
|
|
38
|
+
requiredKeys?: import("@mui/x-internal-gestures/core").KeyboardKey[] | undefined;
|
|
39
|
+
} | {
|
|
40
|
+
type: "pressAndDrag";
|
|
41
|
+
pointerMode?: ("mouse" | "touch") | undefined;
|
|
42
|
+
requiredKeys?: import("@mui/x-internal-gestures/core").KeyboardKey[] | undefined;
|
|
43
|
+
} | {
|
|
44
|
+
type: "wheel";
|
|
45
|
+
allowedDirection?: "x" | "y" | "xy" | undefined;
|
|
46
|
+
pointerMode?: any;
|
|
47
|
+
requiredKeys?: import("@mui/x-internal-gestures/core").KeyboardKey[] | undefined;
|
|
48
|
+
}, "pointerMode"> & {
|
|
16
49
|
mouse: {
|
|
17
50
|
requiredKeys?: import("@mui/x-internal-gestures/core").KeyboardKey[];
|
|
18
51
|
};
|
|
@@ -21,5 +54,4 @@ export declare const selectorPanInteractionConfig: (args_0: import("@mui/x-chart
|
|
|
21
54
|
};
|
|
22
55
|
pointerMode?: import("@mui/x-internal-gestures/core").PointerMode[];
|
|
23
56
|
allowedDirection?: "x" | "y" | "xy";
|
|
24
|
-
}) | null;
|
|
25
|
-
export declare const selectorIsZoomBrushEnabled: (args_0: {}, zoomInteractionConfig: any) => any;
|
|
57
|
+
}) | null;
|
|
@@ -1,6 +1,26 @@
|
|
|
1
1
|
export declare const selectorZoomInteractionConfig: (args_0: import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeriesConfig/useChartSeriesConfig.types").UseChartSeriesConfigState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types").UseChartExperimentalFeaturesState & import("@mui/x-charts/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & import("@mui/x-charts/internals").UseChartInteractionListenerState & import("./useChartProZoom.types.js").UseChartProZoomState & Partial<{}> & {
|
|
2
2
|
cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
|
|
3
|
-
}, interactionName: "wheel" | "pinch" | "tapAndDrag" | "doubleTapReset" | "brush") => (Omit<
|
|
3
|
+
}, interactionName: "wheel" | "pinch" | "tapAndDrag" | "doubleTapReset" | "brush") => (Omit<{
|
|
4
|
+
type: "wheel";
|
|
5
|
+
pointerMode?: any;
|
|
6
|
+
requiredKeys?: import("@mui/x-internal-gestures/core").KeyboardKey[] | undefined;
|
|
7
|
+
} | {
|
|
8
|
+
type: "pinch";
|
|
9
|
+
pointerMode?: any;
|
|
10
|
+
requiredKeys?: any[] | undefined;
|
|
11
|
+
} | {
|
|
12
|
+
type: "tapAndDrag";
|
|
13
|
+
pointerMode?: ("mouse" | "touch") | undefined;
|
|
14
|
+
requiredKeys?: import("@mui/x-internal-gestures/core").KeyboardKey[] | undefined;
|
|
15
|
+
} | {
|
|
16
|
+
type: "doubleTapReset";
|
|
17
|
+
pointerMode?: ("mouse" | "touch") | undefined;
|
|
18
|
+
requiredKeys?: import("@mui/x-internal-gestures/core").KeyboardKey[] | undefined;
|
|
19
|
+
} | {
|
|
20
|
+
type: "brush";
|
|
21
|
+
pointerMode?: ("mouse" | "touch") | undefined;
|
|
22
|
+
requiredKeys?: import("@mui/x-internal-gestures/core").KeyboardKey[] | undefined;
|
|
23
|
+
}, "pointerMode"> & {
|
|
4
24
|
mouse: {
|
|
5
25
|
requiredKeys?: import("@mui/x-internal-gestures/core").KeyboardKey[];
|
|
6
26
|
};
|
|
@@ -12,7 +32,20 @@ export declare const selectorZoomInteractionConfig: (args_0: import("@mui/x-char
|
|
|
12
32
|
}) | null;
|
|
13
33
|
export declare const selectorPanInteractionConfig: (args_0: import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeriesConfig/useChartSeriesConfig.types").UseChartSeriesConfigState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types").UseChartExperimentalFeaturesState & import("@mui/x-charts/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & import("@mui/x-charts/internals").UseChartInteractionListenerState & import("./useChartProZoom.types.js").UseChartProZoomState & Partial<{}> & {
|
|
14
34
|
cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
|
|
15
|
-
}, interactionName: "wheel" | "drag" | "pressAndDrag") => (Omit<
|
|
35
|
+
}, interactionName: "wheel" | "drag" | "pressAndDrag") => (Omit<{
|
|
36
|
+
type: "drag";
|
|
37
|
+
pointerMode?: ("mouse" | "touch") | undefined;
|
|
38
|
+
requiredKeys?: import("@mui/x-internal-gestures/core").KeyboardKey[] | undefined;
|
|
39
|
+
} | {
|
|
40
|
+
type: "pressAndDrag";
|
|
41
|
+
pointerMode?: ("mouse" | "touch") | undefined;
|
|
42
|
+
requiredKeys?: import("@mui/x-internal-gestures/core").KeyboardKey[] | undefined;
|
|
43
|
+
} | {
|
|
44
|
+
type: "wheel";
|
|
45
|
+
allowedDirection?: "x" | "y" | "xy" | undefined;
|
|
46
|
+
pointerMode?: any;
|
|
47
|
+
requiredKeys?: import("@mui/x-internal-gestures/core").KeyboardKey[] | undefined;
|
|
48
|
+
}, "pointerMode"> & {
|
|
16
49
|
mouse: {
|
|
17
50
|
requiredKeys?: import("@mui/x-internal-gestures/core").KeyboardKey[];
|
|
18
51
|
};
|
|
@@ -21,5 +54,4 @@ export declare const selectorPanInteractionConfig: (args_0: import("@mui/x-chart
|
|
|
21
54
|
};
|
|
22
55
|
pointerMode?: import("@mui/x-internal-gestures/core").PointerMode[];
|
|
23
56
|
allowedDirection?: "x" | "y" | "xy";
|
|
24
|
-
}) | null;
|
|
25
|
-
export declare const selectorIsZoomBrushEnabled: (args_0: {}, zoomInteractionConfig: any) => any;
|
|
57
|
+
}) | null;
|
|
@@ -3,10 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.selectorZoomInteractionConfig = exports.selectorPanInteractionConfig =
|
|
6
|
+
exports.selectorZoomInteractionConfig = exports.selectorPanInteractionConfig = void 0;
|
|
7
7
|
var _store = require("@mui/x-internals/store");
|
|
8
|
-
var _internals = require("@mui/x-charts/internals");
|
|
9
8
|
var _useChartProZoom = require("./useChartProZoom.selectors");
|
|
10
9
|
const selectorZoomInteractionConfig = exports.selectorZoomInteractionConfig = (0, _store.createSelector)(_useChartProZoom.selectorChartZoomState, (zoomState, interactionName) => zoomState.zoomInteractionConfig.zoom[interactionName] ?? null);
|
|
11
|
-
const selectorPanInteractionConfig = exports.selectorPanInteractionConfig = (0, _store.createSelector)(_useChartProZoom.selectorChartZoomState, (zoomState, interactionName) => zoomState.zoomInteractionConfig.pan[interactionName] ?? null);
|
|
12
|
-
const selectorIsZoomBrushEnabled = exports.selectorIsZoomBrushEnabled = (0, _store.createSelector)(_internals.selectorChartZoomOptionsLookup, state => selectorZoomInteractionConfig(state, 'brush'), (zoomOptions, zoomInteractionConfig) => Object.keys(zoomOptions).length > 0 && zoomInteractionConfig || false);
|
|
10
|
+
const selectorPanInteractionConfig = exports.selectorPanInteractionConfig = (0, _store.createSelector)(_useChartProZoom.selectorChartZoomState, (zoomState, interactionName) => zoomState.zoomInteractionConfig.pan[interactionName] ?? null);
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
import { createSelector } from '@mui/x-internals/store';
|
|
2
|
-
import { selectorChartZoomOptionsLookup } from '@mui/x-charts/internals';
|
|
3
2
|
import { selectorChartZoomState } from "./useChartProZoom.selectors.mjs";
|
|
4
3
|
export const selectorZoomInteractionConfig = createSelector(selectorChartZoomState, (zoomState, interactionName) => zoomState.zoomInteractionConfig.zoom[interactionName] ?? null);
|
|
5
|
-
export const selectorPanInteractionConfig = createSelector(selectorChartZoomState, (zoomState, interactionName) => zoomState.zoomInteractionConfig.pan[interactionName] ?? null);
|
|
6
|
-
export const selectorIsZoomBrushEnabled = createSelector(selectorChartZoomOptionsLookup, state => selectorZoomInteractionConfig(state, 'brush'), (zoomOptions, zoomInteractionConfig) => Object.keys(zoomOptions).length > 0 && zoomInteractionConfig || false);
|
|
4
|
+
export const selectorPanInteractionConfig = createSelector(selectorChartZoomState, (zoomState, interactionName) => zoomState.zoomInteractionConfig.pan[interactionName] ?? null);
|
|
@@ -35,11 +35,11 @@ export type DefaultizedZoomInteractionConfig = {
|
|
|
35
35
|
zoom: Entry<ZoomInteraction>;
|
|
36
36
|
pan: Entry<PanInteraction>;
|
|
37
37
|
};
|
|
38
|
-
|
|
39
|
-
|
|
38
|
+
type ZoomInteraction = WheelInteraction | PinchInteraction | TapAndDragInteraction | DoubleTapResetInteraction | BrushInteraction;
|
|
39
|
+
type PanInteraction = DragInteraction | PressAndDragInteraction | WheelPanInteraction;
|
|
40
40
|
export type ZoomInteractionName = ZoomInteraction['type'];
|
|
41
41
|
export type PanInteractionName = PanInteraction['type'];
|
|
42
|
-
|
|
42
|
+
type InteractionMode = Exclude<PointerMode, 'pen'>;
|
|
43
43
|
type AllKeysProp = {
|
|
44
44
|
/**
|
|
45
45
|
* The keys that must be pressed to trigger the interaction.
|
|
@@ -68,22 +68,22 @@ type NoModeProp = {
|
|
|
68
68
|
pointerMode?: any;
|
|
69
69
|
};
|
|
70
70
|
type Unpack<T> = { [K in keyof T]: T[K] extends object ? Unpack<T[K]> : T[K] };
|
|
71
|
-
|
|
71
|
+
type WheelInteraction = Unpack<{
|
|
72
72
|
type: 'wheel';
|
|
73
73
|
} & NoModeProp & AllKeysProp>;
|
|
74
|
-
|
|
74
|
+
type PinchInteraction = Unpack<{
|
|
75
75
|
type: 'pinch';
|
|
76
76
|
} & NoModeProp & NoKeysProp>;
|
|
77
|
-
|
|
77
|
+
type DragInteraction = Unpack<{
|
|
78
78
|
type: 'drag';
|
|
79
79
|
} & AllModeProp & AllKeysProp>;
|
|
80
|
-
|
|
80
|
+
type TapAndDragInteraction = Unpack<{
|
|
81
81
|
type: 'tapAndDrag';
|
|
82
82
|
} & AllModeProp & AllKeysProp>;
|
|
83
|
-
|
|
83
|
+
type PressAndDragInteraction = Unpack<{
|
|
84
84
|
type: 'pressAndDrag';
|
|
85
85
|
} & AllModeProp & AllKeysProp>;
|
|
86
|
-
|
|
86
|
+
type WheelPanInteraction = Unpack<{
|
|
87
87
|
type: 'wheel';
|
|
88
88
|
/**
|
|
89
89
|
* Defines which axes are affected by pan on wheel.
|
|
@@ -94,10 +94,10 @@ export type WheelPanInteraction = Unpack<{
|
|
|
94
94
|
*/
|
|
95
95
|
allowedDirection?: 'x' | 'y' | 'xy';
|
|
96
96
|
} & NoModeProp & AllKeysProp>;
|
|
97
|
-
|
|
97
|
+
type DoubleTapResetInteraction = Unpack<{
|
|
98
98
|
type: 'doubleTapReset';
|
|
99
99
|
} & AllModeProp & AllKeysProp>;
|
|
100
|
-
|
|
100
|
+
type BrushInteraction = Unpack<{
|
|
101
101
|
type: 'brush';
|
|
102
102
|
} & AllModeProp & AllKeysProp>;
|
|
103
103
|
export type AnyInteraction = {
|