@mui/x-charts-premium 8.27.0 → 8.27.4

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.
Files changed (76) hide show
  1. package/BarChartPremium/BarChartPremium.js +3 -3
  2. package/CHANGELOG.md +214 -0
  3. package/ChartContainerPremium/ChartContainerPremium.d.ts +17 -31
  4. package/ChartContainerPremium/ChartContainerPremium.js +15 -43
  5. package/ChartContainerPremium/useChartContainerPremiumProps.d.ts +10 -9
  6. package/ChartContainerPremium/useChartContainerPremiumProps.js +10 -27
  7. package/ChartDataProviderPremium/ChartDataProviderPremium.d.ts +18 -44
  8. package/ChartDataProviderPremium/ChartDataProviderPremium.js +21 -143
  9. package/ChartDataProviderPremium/useChartDataProviderPremiumProps.d.ts +7 -7
  10. package/ChartDataProviderPremium/useChartDataProviderPremiumProps.js +5 -18
  11. package/ChartsContainer/index.d.ts +1 -0
  12. package/ChartsContainer/index.js +16 -0
  13. package/ChartsContainerPremium/ChartsContainerPremium.d.ts +37 -0
  14. package/ChartsContainerPremium/ChartsContainerPremium.js +52 -0
  15. package/ChartsContainerPremium/index.d.ts +2 -0
  16. package/ChartsContainerPremium/index.js +17 -0
  17. package/ChartsContainerPremium/useChartsContainerPremiumProps.d.ts +9 -0
  18. package/ChartsContainerPremium/useChartsContainerPremiumProps.js +33 -0
  19. package/ChartsContainerPro/index.d.ts +1 -0
  20. package/ChartsContainerPro/index.js +16 -0
  21. package/ChartsDataProvider/index.d.ts +1 -0
  22. package/ChartsDataProvider/index.js +16 -0
  23. package/ChartsDataProviderPremium/ChartsDataProviderPremium.d.ts +49 -0
  24. package/ChartsDataProviderPremium/ChartsDataProviderPremium.js +153 -0
  25. package/ChartsDataProviderPremium/index.d.ts +2 -0
  26. package/ChartsDataProviderPremium/index.js +13 -0
  27. package/ChartsDataProviderPremium/useChartsDataProviderPremiumProps.d.ts +10 -0
  28. package/ChartsDataProviderPremium/useChartsDataProviderPremiumProps.js +25 -0
  29. package/ChartsDataProviderPro/index.d.ts +1 -0
  30. package/ChartsDataProviderPro/index.js +16 -0
  31. package/ChartsZoomSlider/index.d.ts +1 -0
  32. package/ChartsZoomSlider/index.js +16 -0
  33. package/context/useChartPremiumApiContext.d.ts +1 -1
  34. package/context/useChartPremiumApiContext.js +1 -1
  35. package/esm/BarChartPremium/BarChartPremium.js +3 -3
  36. package/esm/ChartContainerPremium/ChartContainerPremium.d.ts +17 -31
  37. package/esm/ChartContainerPremium/ChartContainerPremium.js +16 -42
  38. package/esm/ChartContainerPremium/useChartContainerPremiumProps.d.ts +10 -9
  39. package/esm/ChartContainerPremium/useChartContainerPremiumProps.js +10 -25
  40. package/esm/ChartDataProviderPremium/ChartDataProviderPremium.d.ts +18 -44
  41. package/esm/ChartDataProviderPremium/ChartDataProviderPremium.js +17 -143
  42. package/esm/ChartDataProviderPremium/useChartDataProviderPremiumProps.d.ts +7 -7
  43. package/esm/ChartDataProviderPremium/useChartDataProviderPremiumProps.js +6 -17
  44. package/esm/ChartsContainer/index.d.ts +1 -0
  45. package/esm/ChartsContainer/index.js +2 -0
  46. package/esm/ChartsContainerPremium/ChartsContainerPremium.d.ts +37 -0
  47. package/esm/ChartsContainerPremium/ChartsContainerPremium.js +46 -0
  48. package/esm/ChartsContainerPremium/index.d.ts +2 -0
  49. package/esm/ChartsContainerPremium/index.js +2 -0
  50. package/esm/ChartsContainerPremium/useChartsContainerPremiumProps.d.ts +9 -0
  51. package/esm/ChartsContainerPremium/useChartsContainerPremiumProps.js +27 -0
  52. package/esm/ChartsContainerPro/index.d.ts +1 -0
  53. package/esm/ChartsContainerPro/index.js +2 -0
  54. package/esm/ChartsDataProvider/index.d.ts +1 -0
  55. package/esm/ChartsDataProvider/index.js +2 -0
  56. package/esm/ChartsDataProviderPremium/ChartsDataProviderPremium.d.ts +49 -0
  57. package/esm/ChartsDataProviderPremium/ChartsDataProviderPremium.js +148 -0
  58. package/esm/ChartsDataProviderPremium/index.d.ts +2 -0
  59. package/esm/ChartsDataProviderPremium/index.js +2 -0
  60. package/esm/ChartsDataProviderPremium/useChartsDataProviderPremiumProps.d.ts +10 -0
  61. package/esm/ChartsDataProviderPremium/useChartsDataProviderPremiumProps.js +19 -0
  62. package/esm/ChartsDataProviderPro/index.d.ts +1 -0
  63. package/esm/ChartsDataProviderPro/index.js +2 -0
  64. package/esm/ChartsZoomSlider/index.d.ts +1 -0
  65. package/esm/ChartsZoomSlider/index.js +2 -0
  66. package/esm/context/useChartPremiumApiContext.d.ts +1 -1
  67. package/esm/context/useChartPremiumApiContext.js +1 -1
  68. package/esm/index.d.ts +7 -0
  69. package/esm/index.js +7 -1
  70. package/index.d.ts +7 -0
  71. package/index.js +69 -1
  72. package/package.json +5 -5
  73. /package/{ChartZoomSlider → ChartsZoomSlider}/internals/previews/RangeBarPreviewPlot.d.ts +0 -0
  74. /package/{ChartZoomSlider → ChartsZoomSlider}/internals/previews/RangeBarPreviewPlot.js +0 -0
  75. /package/esm/{ChartZoomSlider → ChartsZoomSlider}/internals/previews/RangeBarPreviewPlot.d.ts +0 -0
  76. /package/esm/{ChartZoomSlider → ChartsZoomSlider}/internals/previews/RangeBarPreviewPlot.js +0 -0
@@ -1,153 +1,31 @@
1
1
  "use strict";
2
2
  'use client';
3
3
 
4
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
- exports.ChartDataProviderPremium = ChartDataProviderPremium;
9
- exports.defaultSeriesConfigPremium = void 0;
10
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
- var _propTypes = _interopRequireDefault(require("prop-types"));
12
- var _Watermark = require("@mui/x-license/Watermark");
13
- var _internals = require("@mui/x-charts/internals");
14
- var _ChartsLocalizationProvider = require("@mui/x-charts/ChartsLocalizationProvider");
15
- var _internals2 = require("@mui/x-charts-pro/internals");
16
- var _useLicenseVerifier = require("@mui/x-license/useLicenseVerifier");
17
- var _seriesConfig = require("../BarChartPremium/RangeBar/seriesConfig");
18
- var _allPlugins = require("../internals/plugins/allPlugins");
19
- var _useChartDataProviderPremiumProps = require("./useChartDataProviderPremiumProps");
20
- var _jsxRuntime = require("react/jsx-runtime");
21
- const releaseInfo = "MTc2OTk5MDQwMDAwMA==";
22
- const packageIdentifier = 'x-charts-premium';
23
- const defaultSeriesConfigPremium = exports.defaultSeriesConfigPremium = (0, _extends2.default)({}, _internals2.defaultSeriesConfigPro, {
24
- rangeBar: _seriesConfig.rangeBarSeriesConfig
7
+ exports.ChartDataProviderPremium = void 0;
8
+ Object.defineProperty(exports, "defaultSeriesConfigPremium", {
9
+ enumerable: true,
10
+ get: function () {
11
+ return _ChartsDataProviderPremium2.defaultSeriesConfigPremium;
12
+ }
25
13
  });
14
+ var _ChartsDataProviderPremium = require("../ChartsDataProviderPremium");
15
+ var _ChartsDataProviderPremium2 = require("../ChartsDataProviderPremium/ChartsDataProviderPremium");
16
+ /**
17
+ * @deprecated Use `ChartsDataProviderPremiumSlots` instead. We added S to the charts prefix to align with other components.
18
+ */
19
+
20
+ /**
21
+ * @deprecated Use `ChartsDataProviderPremiumSlotProps` instead. We added S to the charts prefix to align with other components.
22
+ */
23
+
24
+ /**
25
+ * @deprecated Use `ChartsDataProviderPremiumProps` instead. We added S to the charts prefix to align with other components.
26
+ */
26
27
 
27
28
  /**
28
- * Orchestrates the data providers for the chart components and hooks.
29
- *
30
- * Use this component if you have custom HTML components that need to access the chart data.
31
- *
32
- * Demos:
33
- *
34
- * - [Composition](https://mui.com/x/api/charts/composition/)
35
- *
36
- * API:
37
- *
38
- * - [ChartDataProviderPro API](https://mui.com/x/api/charts/chart-data-provider/)
39
- *
40
- * @example
41
- * ```jsx
42
- * <ChartDataProviderPro
43
- * series={[{ label: "Label", type: "bar", data: [10, 20] }]}
44
- * xAxis={[{ data: ["A", "B"], scaleType: "band", id: "x-axis" }]}
45
- * >
46
- * <ChartsSurface>
47
- * <BarPlot />
48
- * <ChartsXAxis axisId="x-axis" />
49
- * </ChartsSurface>
50
- * {'Custom Legend Component'}
51
- * </ChartDataProviderPro>
52
- * ```
29
+ * @deprecated Use `ChartsDataProviderPremium` instead. We added S to the charts prefix to align with other components.
53
30
  */
54
- function ChartDataProviderPremium(props) {
55
- const {
56
- children,
57
- localeText,
58
- chartProviderProps,
59
- slots,
60
- slotProps
61
- } = (0, _useChartDataProviderPremiumProps.useChartDataProviderPremiumProps)((0, _extends2.default)({}, props, {
62
- seriesConfig: props.seriesConfig ?? defaultSeriesConfigPremium,
63
- plugins: props.plugins ?? _allPlugins.DEFAULT_PLUGINS
64
- }));
65
- (0, _useLicenseVerifier.useLicenseVerifier)(packageIdentifier, releaseInfo);
66
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_internals.ChartProvider, (0, _extends2.default)({}, chartProviderProps, {
67
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsLocalizationProvider.ChartsLocalizationProvider, {
68
- localeText: localeText,
69
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.ChartsSlotsProvider, {
70
- slots: slots,
71
- slotProps: slotProps,
72
- defaultSlots: _internals2.defaultSlotsMaterial,
73
- children: children
74
- })
75
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Watermark.Watermark, {
76
- packageName: packageIdentifier,
77
- releaseInfo: releaseInfo
78
- })]
79
- }));
80
- }
81
- process.env.NODE_ENV !== "production" ? ChartDataProviderPremium.propTypes = {
82
- // ----------------------------- Warning --------------------------------
83
- // | These PropTypes are generated from the TypeScript type definitions |
84
- // | To update them edit the TypeScript types and run "pnpm proptypes" |
85
- // ----------------------------------------------------------------------
86
- apiRef: _propTypes.default.shape({
87
- current: _propTypes.default.any
88
- }),
89
- /**
90
- * Color palette used to colorize multiple series.
91
- * @default rainbowSurgePalette
92
- */
93
- colors: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string), _propTypes.default.func]),
94
- /**
95
- * An array of objects that can be used to populate series and axes data using their `dataKey` property.
96
- */
97
- dataset: _propTypes.default.arrayOf(_propTypes.default.object),
98
- /**
99
- * Options to enable features planned for the next major.
100
- */
101
- experimentalFeatures: _propTypes.default.shape({
102
- preferStrictDomainInLineCharts: _propTypes.default.bool
103
- }),
104
- /**
105
- * The height of the chart in px. If not defined, it takes the height of the parent element.
106
- */
107
- height: _propTypes.default.number,
108
- /**
109
- * This prop is used to help implement the accessibility logic.
110
- * If you don't provide this prop. It falls back to a randomly generated id.
111
- */
112
- id: _propTypes.default.string,
113
- /**
114
- * Localized text for chart components.
115
- */
116
- localeText: _propTypes.default.object,
117
- /**
118
- * The margin between the SVG and the drawing area.
119
- * It's used for leaving some space for extra information such as the x- and y-axis or legend.
120
- *
121
- * Accepts a `number` to be used on all sides or an object with the optional properties: `top`, `bottom`, `left`, and `right`.
122
- */
123
- margin: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({
124
- bottom: _propTypes.default.number,
125
- left: _propTypes.default.number,
126
- right: _propTypes.default.number,
127
- top: _propTypes.default.number
128
- })]),
129
- /**
130
- * The array of series to display.
131
- * Each type of series has its own specificity.
132
- * Please refer to the appropriate docs page to learn more about it.
133
- */
134
- series: _propTypes.default.arrayOf(_propTypes.default.object),
135
- /**
136
- * If `true`, animations are skipped.
137
- * If unset or `false`, the animations respects the user's `prefers-reduced-motion` setting.
138
- */
139
- skipAnimation: _propTypes.default.bool,
140
- /**
141
- * The props for the slots.
142
- */
143
- slotProps: _propTypes.default.object,
144
- /**
145
- * Slots to customize charts' components.
146
- */
147
- slots: _propTypes.default.object,
148
- theme: _propTypes.default.oneOf(['dark', 'light']),
149
- /**
150
- * The width of the chart in px. If not defined, it takes the width of the parent element.
151
- */
152
- width: _propTypes.default.number
153
- } : void 0;
31
+ const ChartDataProviderPremium = exports.ChartDataProviderPremium = _ChartsDataProviderPremium.ChartsDataProviderPremium;
@@ -1,10 +1,10 @@
1
- import { type ChartAnyPluginSignature, type ChartSeriesType } from '@mui/x-charts/internals';
2
- import type { ChartDataProviderPremiumProps } from "./ChartDataProviderPremium.js";
3
- import type { AllPluginSignatures } from "../internals/plugins/allPlugins.js";
4
- export declare const useChartDataProviderPremiumProps: <TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartDataProviderPremiumProps<TSeries, TSignatures>) => {
1
+ /**
2
+ * @deprecated Use `useChartsDataProviderPremiumProps` instead. We added S to the charts prefix to align with other components.
3
+ */
4
+ export declare const useChartDataProviderPremiumProps: <TSeries extends import("@mui/x-charts/internals").ChartSeriesType = keyof import("@mui/x-charts/internals").ChartsSeriesConfig, TSignatures extends readonly import("@mui/x-charts/internals").ChartAnyPluginSignature[] = import("../internals/plugins/allPlugins.js").AllPluginSignatures<TSeries>>(props: import("../index.js").ChartsDataProviderPremiumProps<TSeries, TSignatures>) => {
5
5
  children: import("react").ReactNode;
6
6
  localeText: Partial<import("@mui/x-charts/locales").ChartsLocaleText> | undefined;
7
- chartProviderProps: import("@mui/x-charts/internals").ChartProviderProps<TSeries, TSignatures>;
8
- slots: Partial<import("@mui/x-charts/internals").ChartsSlots> | undefined;
9
- slotProps: Partial<import("@mui/x-charts/internals").ChartsSlotProps> | undefined;
7
+ chartProviderProps: import("@mui/x-charts/internals").ChartsProviderProps<TSeries, TSignatures>;
8
+ slots: Partial<import("@mui/x-charts").ChartsDataProviderSlots> | undefined;
9
+ slotProps: Partial<import("@mui/x-charts").ChartsDataProviderSlotProps> | undefined;
10
10
  };
@@ -5,21 +5,8 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.useChartDataProviderPremiumProps = void 0;
8
- var _internals = require("@mui/x-charts/internals");
9
- const useChartDataProviderPremiumProps = props => {
10
- const {
11
- chartProviderProps,
12
- localeText,
13
- slots,
14
- slotProps,
15
- children
16
- } = (0, _internals.useChartDataProviderProps)(props);
17
- return {
18
- children,
19
- localeText,
20
- chartProviderProps,
21
- slots,
22
- slotProps
23
- };
24
- };
25
- exports.useChartDataProviderPremiumProps = useChartDataProviderPremiumProps;
8
+ var _useChartsDataProviderPremiumProps = require("../ChartsDataProviderPremium/useChartsDataProviderPremiumProps");
9
+ /**
10
+ * @deprecated Use `useChartsDataProviderPremiumProps` instead. We added S to the charts prefix to align with other components.
11
+ */
12
+ const useChartDataProviderPremiumProps = exports.useChartDataProviderPremiumProps = _useChartsDataProviderPremiumProps.useChartsDataProviderPremiumProps;
@@ -0,0 +1 @@
1
+ export * from '@mui/x-charts/ChartsContainer';
@@ -0,0 +1,16 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ var _ChartsContainer = require("@mui/x-charts/ChartsContainer");
7
+ Object.keys(_ChartsContainer).forEach(function (key) {
8
+ if (key === "default" || key === "__esModule") return;
9
+ if (key in exports && exports[key] === _ChartsContainer[key]) return;
10
+ Object.defineProperty(exports, key, {
11
+ enumerable: true,
12
+ get: function () {
13
+ return _ChartsContainer[key];
14
+ }
15
+ });
16
+ });
@@ -0,0 +1,37 @@
1
+ import * as React from 'react';
2
+ import { type ChartsSurfaceProps } from '@mui/x-charts/ChartsSurface';
3
+ import { type ChartAnyPluginSignature, type ChartSeriesType } from '@mui/x-charts/internals';
4
+ import { type AllPluginSignatures } from "../internals/plugins/allPlugins.js";
5
+ import { type ChartDataProviderPremiumProps } from "../ChartDataProviderPremium/index.js";
6
+ export interface ChartsContainerPremiumSlots {}
7
+ export interface ChartsContainerPremiumSlotProps {}
8
+ export type ChartsContainerPremiumProps<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>> = ChartDataProviderPremiumProps<TSeries, TSignatures> & ChartsSurfaceProps;
9
+ type ChartsContainerPremiumComponent = <TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartsContainerPremiumProps<TSeries, TSignatures> & {
10
+ ref?: React.ForwardedRef<SVGSVGElement>;
11
+ }) => React.JSX.Element;
12
+ /**
13
+ * It sets up the data providers as well as the `<svg>` for the chart.
14
+ *
15
+ * This is a combination of both the `ChartsDataProviderPremium` and `ChartsSurface` components.
16
+ *
17
+ * Demos:
18
+ *
19
+ * - [Composition](https://mui.com/x/api/charts/composition/)
20
+ *
21
+ * API:
22
+ *
23
+ * - [ChartsContainerPremium API](https://mui.com/x/api/charts/charts-container-premium/)
24
+ *
25
+ * @example
26
+ * ```jsx
27
+ * <ChartsContainerPremium
28
+ * series={[{ label: "Label", type: "bar", data: [10, 20] }]}
29
+ * xAxis={[{ data: ["A", "B"], scaleType: "band", id: "x-axis" }]}
30
+ * >
31
+ * <BarPlot />
32
+ * <ChartsXAxis axisId="x-axis" />
33
+ * </ChartsContainerPremium>
34
+ * ```
35
+ */
36
+ declare const ChartsContainerPremium: ChartsContainerPremiumComponent;
37
+ export { ChartsContainerPremium };
@@ -0,0 +1,52 @@
1
+ "use strict";
2
+ 'use client';
3
+
4
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
5
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
6
+ Object.defineProperty(exports, "__esModule", {
7
+ value: true
8
+ });
9
+ exports.ChartsContainerPremium = void 0;
10
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
+ var React = _interopRequireWildcard(require("react"));
12
+ var _ChartsSurface = require("@mui/x-charts/ChartsSurface");
13
+ var _ChartDataProviderPremium = require("../ChartDataProviderPremium");
14
+ var _useChartsContainerPremiumProps = require("./useChartsContainerPremiumProps");
15
+ var _jsxRuntime = require("react/jsx-runtime");
16
+ /**
17
+ * It sets up the data providers as well as the `<svg>` for the chart.
18
+ *
19
+ * This is a combination of both the `ChartsDataProviderPremium` and `ChartsSurface` components.
20
+ *
21
+ * Demos:
22
+ *
23
+ * - [Composition](https://mui.com/x/api/charts/composition/)
24
+ *
25
+ * API:
26
+ *
27
+ * - [ChartsContainerPremium API](https://mui.com/x/api/charts/charts-container-premium/)
28
+ *
29
+ * @example
30
+ * ```jsx
31
+ * <ChartsContainerPremium
32
+ * series={[{ label: "Label", type: "bar", data: [10, 20] }]}
33
+ * xAxis={[{ data: ["A", "B"], scaleType: "band", id: "x-axis" }]}
34
+ * >
35
+ * <BarPlot />
36
+ * <ChartsXAxis axisId="x-axis" />
37
+ * </ChartsContainerPremium>
38
+ * ```
39
+ */
40
+ const ChartsContainerPremium = exports.ChartsContainerPremium = /*#__PURE__*/React.forwardRef(function ChartsContainerPremium(props, ref) {
41
+ const {
42
+ chartDataProviderPremiumProps,
43
+ children,
44
+ chartsSurfaceProps
45
+ } = (0, _useChartsContainerPremiumProps.useChartsContainerPremiumProps)(props, ref);
46
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartDataProviderPremium.ChartDataProviderPremium, (0, _extends2.default)({}, chartDataProviderPremiumProps, {
47
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsSurface.ChartsSurface, (0, _extends2.default)({}, chartsSurfaceProps, {
48
+ children: children
49
+ }))
50
+ }));
51
+ });
52
+ if (process.env.NODE_ENV !== "production") ChartsContainerPremium.displayName = "ChartsContainerPremium";
@@ -0,0 +1,2 @@
1
+ import "../typeOverloads/index.js";
2
+ export * from "./ChartsContainerPremium.js";
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ require("../typeOverloads");
7
+ var _ChartsContainerPremium = require("./ChartsContainerPremium");
8
+ Object.keys(_ChartsContainerPremium).forEach(function (key) {
9
+ if (key === "default" || key === "__esModule") return;
10
+ if (key in exports && exports[key] === _ChartsContainerPremium[key]) return;
11
+ Object.defineProperty(exports, key, {
12
+ enumerable: true,
13
+ get: function () {
14
+ return _ChartsContainerPremium[key];
15
+ }
16
+ });
17
+ });
@@ -0,0 +1,9 @@
1
+ import type * as React from 'react';
2
+ import { type ChartAnyPluginSignature, type ChartSeriesType, type UseChartsContainerPropsReturnValue } from '@mui/x-charts/internals';
3
+ import { type ChartDataProviderProps } from '@mui/x-charts/ChartDataProvider';
4
+ import { type AllPluginSignatures } from "../internals/plugins/allPlugins.js";
5
+ import type { ChartsContainerPremiumProps } from "./ChartsContainerPremium.js";
6
+ export type UseChartsContainerPremiumPropsReturnValue<TSeries extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[]> = Pick<UseChartsContainerPropsReturnValue<TSeries, TSignatures>, 'chartsSurfaceProps' | 'children'> & {
7
+ chartDataProviderPremiumProps: ChartDataProviderProps<TSeries, TSignatures>;
8
+ };
9
+ export declare function useChartsContainerPremiumProps<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartsContainerPremiumProps<TSeries, TSignatures>, ref: React.Ref<SVGSVGElement>): UseChartsContainerPremiumPropsReturnValue<TSeries, TSignatures>;
@@ -0,0 +1,33 @@
1
+ "use strict";
2
+ 'use client';
3
+
4
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.useChartsContainerPremiumProps = useChartsContainerPremiumProps;
9
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
+ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
11
+ var _internals = require("@mui/x-charts-pro/internals");
12
+ var _allPlugins = require("../internals/plugins/allPlugins");
13
+ const _excluded = ["initialZoom", "zoomData", "onZoomChange", "zoomInteractionConfig", "plugins", "apiRef"];
14
+ function useChartsContainerPremiumProps(props, ref) {
15
+ const _ref = props,
16
+ {
17
+ plugins
18
+ } = _ref,
19
+ baseProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
20
+ const {
21
+ chartDataProviderProProps,
22
+ chartsSurfaceProps,
23
+ children
24
+ } = (0, _internals.useChartsContainerProProps)(baseProps, ref);
25
+ const chartDataProviderPremiumProps = (0, _extends2.default)({}, chartDataProviderProProps, {
26
+ plugins: plugins ?? _allPlugins.DEFAULT_PLUGINS
27
+ });
28
+ return {
29
+ chartDataProviderPremiumProps,
30
+ chartsSurfaceProps,
31
+ children
32
+ };
33
+ }
@@ -0,0 +1 @@
1
+ export * from '@mui/x-charts-pro/ChartsContainerPro';
@@ -0,0 +1,16 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ var _ChartsContainerPro = require("@mui/x-charts-pro/ChartsContainerPro");
7
+ Object.keys(_ChartsContainerPro).forEach(function (key) {
8
+ if (key === "default" || key === "__esModule") return;
9
+ if (key in exports && exports[key] === _ChartsContainerPro[key]) return;
10
+ Object.defineProperty(exports, key, {
11
+ enumerable: true,
12
+ get: function () {
13
+ return _ChartsContainerPro[key];
14
+ }
15
+ });
16
+ });
@@ -0,0 +1 @@
1
+ export * from '@mui/x-charts/ChartsDataProvider';
@@ -0,0 +1,16 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ var _ChartsDataProvider = require("@mui/x-charts/ChartsDataProvider");
7
+ Object.keys(_ChartsDataProvider).forEach(function (key) {
8
+ if (key === "default" || key === "__esModule") return;
9
+ if (key in exports && exports[key] === _ChartsDataProvider[key]) return;
10
+ Object.defineProperty(exports, key, {
11
+ enumerable: true,
12
+ get: function () {
13
+ return _ChartsDataProvider[key];
14
+ }
15
+ });
16
+ });
@@ -0,0 +1,49 @@
1
+ import { type ChartSeriesType, type ChartAnyPluginSignature, type ChartsProviderProps, type ChartSeriesConfig } from '@mui/x-charts/internals';
2
+ import { type ChartsSlotPropsPro, type ChartsSlotsPro } from '@mui/x-charts-pro/internals';
3
+ import { type ChartsDataProviderProProps } from '@mui/x-charts-pro/ChartsDataProviderPro';
4
+ import { type AllPluginSignatures } from "../internals/plugins/allPlugins.js";
5
+ export interface ChartsDataProviderPremiumSlots extends ChartsSlotsPro {}
6
+ export interface ChartsDataProviderPremiumSlotProps extends ChartsSlotPropsPro {}
7
+ export type ChartsDataProviderPremiumProps<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>> = ChartsDataProviderProProps<TSeries, TSignatures> & ChartsProviderProps<TSeries, TSignatures>['pluginParams'] & {
8
+ /**
9
+ * Slots to customize charts' components.
10
+ */
11
+ slots?: Partial<ChartsDataProviderPremiumSlots>;
12
+ /**
13
+ * The props for the slots.
14
+ */
15
+ slotProps?: Partial<ChartsDataProviderPremiumSlotProps>;
16
+ };
17
+ export declare const defaultSeriesConfigPremium: ChartSeriesConfig<'bar' | 'rangeBar' | 'scatter' | 'line' | 'pie'>;
18
+ /**
19
+ * Orchestrates the data providers for the chart components and hooks.
20
+ *
21
+ * Use this component if you have custom HTML components that need to access the chart data.
22
+ *
23
+ * Demos:
24
+ *
25
+ * - [Composition](https://mui.com/x/api/charts/composition/)
26
+ *
27
+ * API:
28
+ *
29
+ * - [ChartsDataProviderPremium API](https://mui.com/x/api/charts/charts-data-provider-premium/)
30
+ *
31
+ * @example
32
+ * ```jsx
33
+ * <ChartsDataProviderPremium
34
+ * series={[{ label: "Label", type: "bar", data: [10, 20] }]}
35
+ * xAxis={[{ data: ["A", "B"], scaleType: "band", id: "x-axis" }]}
36
+ * >
37
+ * <ChartsSurface>
38
+ * <BarPlot />
39
+ * <ChartsXAxis axisId="x-axis" />
40
+ * </ChartsSurface>
41
+ * {'Custom Legend Component'}
42
+ * </ChartsDataProviderPremium>
43
+ * ```
44
+ */
45
+ declare function ChartsDataProviderPremium<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartsDataProviderPremiumProps<TSeries, TSignatures>): import("react/jsx-runtime").JSX.Element;
46
+ declare namespace ChartsDataProviderPremium {
47
+ var propTypes: any;
48
+ }
49
+ export { ChartsDataProviderPremium };
@@ -0,0 +1,153 @@
1
+ "use strict";
2
+ 'use client';
3
+
4
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.ChartsDataProviderPremium = ChartsDataProviderPremium;
9
+ exports.defaultSeriesConfigPremium = void 0;
10
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
+ var _propTypes = _interopRequireDefault(require("prop-types"));
12
+ var _Watermark = require("@mui/x-license/Watermark");
13
+ var _internals = require("@mui/x-charts/internals");
14
+ var _ChartsLocalizationProvider = require("@mui/x-charts/ChartsLocalizationProvider");
15
+ var _internals2 = require("@mui/x-charts-pro/internals");
16
+ var _useLicenseVerifier = require("@mui/x-license/useLicenseVerifier");
17
+ var _seriesConfig = require("../BarChartPremium/RangeBar/seriesConfig");
18
+ var _allPlugins = require("../internals/plugins/allPlugins");
19
+ var _useChartsDataProviderPremiumProps = require("./useChartsDataProviderPremiumProps");
20
+ var _jsxRuntime = require("react/jsx-runtime");
21
+ const releaseInfo = "MTc3MjY2ODgwMDAwMA==";
22
+ const packageIdentifier = 'x-charts-premium';
23
+ const defaultSeriesConfigPremium = exports.defaultSeriesConfigPremium = (0, _extends2.default)({}, _internals2.defaultSeriesConfigPro, {
24
+ rangeBar: _seriesConfig.rangeBarSeriesConfig
25
+ });
26
+
27
+ /**
28
+ * Orchestrates the data providers for the chart components and hooks.
29
+ *
30
+ * Use this component if you have custom HTML components that need to access the chart data.
31
+ *
32
+ * Demos:
33
+ *
34
+ * - [Composition](https://mui.com/x/api/charts/composition/)
35
+ *
36
+ * API:
37
+ *
38
+ * - [ChartsDataProviderPremium API](https://mui.com/x/api/charts/charts-data-provider-premium/)
39
+ *
40
+ * @example
41
+ * ```jsx
42
+ * <ChartsDataProviderPremium
43
+ * series={[{ label: "Label", type: "bar", data: [10, 20] }]}
44
+ * xAxis={[{ data: ["A", "B"], scaleType: "band", id: "x-axis" }]}
45
+ * >
46
+ * <ChartsSurface>
47
+ * <BarPlot />
48
+ * <ChartsXAxis axisId="x-axis" />
49
+ * </ChartsSurface>
50
+ * {'Custom Legend Component'}
51
+ * </ChartsDataProviderPremium>
52
+ * ```
53
+ */
54
+ function ChartsDataProviderPremium(props) {
55
+ const {
56
+ children,
57
+ localeText,
58
+ chartProviderProps,
59
+ slots,
60
+ slotProps
61
+ } = (0, _useChartsDataProviderPremiumProps.useChartsDataProviderPremiumProps)((0, _extends2.default)({}, props, {
62
+ seriesConfig: props.seriesConfig ?? defaultSeriesConfigPremium,
63
+ plugins: props.plugins ?? _allPlugins.DEFAULT_PLUGINS
64
+ }));
65
+ (0, _useLicenseVerifier.useLicenseVerifier)(packageIdentifier, releaseInfo);
66
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_internals.ChartsProvider, (0, _extends2.default)({}, chartProviderProps, {
67
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsLocalizationProvider.ChartsLocalizationProvider, {
68
+ localeText: localeText,
69
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.ChartsSlotsProvider, {
70
+ slots: slots,
71
+ slotProps: slotProps,
72
+ defaultSlots: _internals2.defaultSlotsMaterial,
73
+ children: children
74
+ })
75
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Watermark.Watermark, {
76
+ packageName: packageIdentifier,
77
+ releaseInfo: releaseInfo
78
+ })]
79
+ }));
80
+ }
81
+ process.env.NODE_ENV !== "production" ? ChartsDataProviderPremium.propTypes = {
82
+ // ----------------------------- Warning --------------------------------
83
+ // | These PropTypes are generated from the TypeScript type definitions |
84
+ // | To update them edit the TypeScript types and run "pnpm proptypes" |
85
+ // ----------------------------------------------------------------------
86
+ apiRef: _propTypes.default.shape({
87
+ current: _propTypes.default.any
88
+ }),
89
+ /**
90
+ * Color palette used to colorize multiple series.
91
+ * @default rainbowSurgePalette
92
+ */
93
+ colors: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string), _propTypes.default.func]),
94
+ /**
95
+ * An array of objects that can be used to populate series and axes data using their `dataKey` property.
96
+ */
97
+ dataset: _propTypes.default.arrayOf(_propTypes.default.object),
98
+ /**
99
+ * Options to enable features planned for the next major.
100
+ */
101
+ experimentalFeatures: _propTypes.default.shape({
102
+ preferStrictDomainInLineCharts: _propTypes.default.bool
103
+ }),
104
+ /**
105
+ * The height of the chart in px. If not defined, it takes the height of the parent element.
106
+ */
107
+ height: _propTypes.default.number,
108
+ /**
109
+ * This prop is used to help implement the accessibility logic.
110
+ * If you don't provide this prop. It falls back to a randomly generated id.
111
+ */
112
+ id: _propTypes.default.string,
113
+ /**
114
+ * Localized text for chart components.
115
+ */
116
+ localeText: _propTypes.default.object,
117
+ /**
118
+ * The margin between the SVG and the drawing area.
119
+ * It's used for leaving some space for extra information such as the x- and y-axis or legend.
120
+ *
121
+ * Accepts a `number` to be used on all sides or an object with the optional properties: `top`, `bottom`, `left`, and `right`.
122
+ */
123
+ margin: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({
124
+ bottom: _propTypes.default.number,
125
+ left: _propTypes.default.number,
126
+ right: _propTypes.default.number,
127
+ top: _propTypes.default.number
128
+ })]),
129
+ /**
130
+ * The array of series to display.
131
+ * Each type of series has its own specificity.
132
+ * Please refer to the appropriate docs page to learn more about it.
133
+ */
134
+ series: _propTypes.default.arrayOf(_propTypes.default.object),
135
+ /**
136
+ * If `true`, animations are skipped.
137
+ * If unset or `false`, the animations respects the user's `prefers-reduced-motion` setting.
138
+ */
139
+ skipAnimation: _propTypes.default.bool,
140
+ /**
141
+ * The props for the slots.
142
+ */
143
+ slotProps: _propTypes.default.object,
144
+ /**
145
+ * Slots to customize charts' components.
146
+ */
147
+ slots: _propTypes.default.object,
148
+ theme: _propTypes.default.oneOf(['dark', 'light']),
149
+ /**
150
+ * The width of the chart in px. If not defined, it takes the width of the parent element.
151
+ */
152
+ width: _propTypes.default.number
153
+ } : void 0;
@@ -0,0 +1,2 @@
1
+ import "../typeOverloads/index.js";
2
+ export { ChartsDataProviderPremium, type ChartsDataProviderPremiumProps, type ChartsDataProviderPremiumSlots, type ChartsDataProviderPremiumSlotProps } from "./ChartsDataProviderPremium.js";