@mui/x-charts-pro 7.0.0-alpha.2 → 7.0.0-alpha.3
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 -1
- package/CHANGELOG.md +69 -0
- package/Heatmap/Heatmap.js +7 -2
- package/LineChartPro/LineChartPro.js +6 -1
- package/ScatterChartPro/ScatterChartPro.js +6 -1
- package/context/CartesianProviderPro/createAxisFilterMapper.js +1 -2
- package/index.js +1 -1
- package/internals/utils/releaseInfo.js +1 -1
- package/modern/BarChartPro/BarChartPro.js +6 -1
- package/modern/Heatmap/Heatmap.js +7 -2
- package/modern/LineChartPro/LineChartPro.js +6 -1
- package/modern/ScatterChartPro/ScatterChartPro.js +6 -1
- package/modern/context/CartesianProviderPro/createAxisFilterMapper.js +1 -2
- package/modern/index.js +1 -1
- package/modern/internals/utils/releaseInfo.js +1 -1
- package/modern/themeAugmentation/index.js +4 -0
- package/node/BarChartPro/BarChartPro.js +6 -1
- package/node/Heatmap/Heatmap.js +7 -2
- package/node/LineChartPro/LineChartPro.js +6 -1
- package/node/ScatterChartPro/ScatterChartPro.js +6 -1
- package/node/context/CartesianProviderPro/createAxisFilterMapper.js +1 -2
- package/node/index.js +1 -1
- package/node/internals/utils/releaseInfo.js +1 -1
- package/node/themeAugmentation/index.js +49 -0
- package/package.json +7 -7
- package/themeAugmentation/components.d.ts +25 -0
- package/themeAugmentation/index.d.ts +4 -0
- package/themeAugmentation/index.js +4 -0
- package/themeAugmentation/overrides.d.ts +13 -0
- package/themeAugmentation/package.json +6 -0
- package/themeAugmentation/props.d.ts +22 -0
|
@@ -3,6 +3,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
|
|
|
3
3
|
const _excluded = ["zoom", "onZoomChange"];
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import PropTypes from 'prop-types';
|
|
6
|
+
import { useThemeProps } from '@mui/material/styles';
|
|
6
7
|
import { BarPlot } from '@mui/x-charts/BarChart';
|
|
7
8
|
import { ChartsOnAxisClickHandler } from '@mui/x-charts/ChartsOnAxisClickHandler';
|
|
8
9
|
import { ChartsGrid } from '@mui/x-charts/ChartsGrid';
|
|
@@ -28,7 +29,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
28
29
|
*
|
|
29
30
|
* - [BarChart API](https://mui.com/x/api/charts/bar-chart/)
|
|
30
31
|
*/
|
|
31
|
-
const BarChartPro = /*#__PURE__*/React.forwardRef(function BarChartPro(
|
|
32
|
+
const BarChartPro = /*#__PURE__*/React.forwardRef(function BarChartPro(inProps, ref) {
|
|
33
|
+
const props = useThemeProps({
|
|
34
|
+
props: inProps,
|
|
35
|
+
name: 'MuiBarChartPro'
|
|
36
|
+
});
|
|
32
37
|
const {
|
|
33
38
|
zoom,
|
|
34
39
|
onZoomChange
|
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,75 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## 7.15.0
|
|
7
|
+
|
|
8
|
+
_Aug 29, 2024_
|
|
9
|
+
|
|
10
|
+
We'd like to offer a big thanks to the 8 contributors who made this release possible. Here are some highlights ✨:
|
|
11
|
+
|
|
12
|
+
- 💫 Support Material UI v6 (`@mui/material@6`) peer dependency (#14142) @cherniavskii
|
|
13
|
+
|
|
14
|
+
You can now use MUI X components with either v5 or v6 of `@mui/material` package 🎉
|
|
15
|
+
|
|
16
|
+
- 🐞 Bugfixes
|
|
17
|
+
|
|
18
|
+
### Data Grid
|
|
19
|
+
|
|
20
|
+
#### `@mui/x-data-grid-pro@7.15.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
21
|
+
|
|
22
|
+
- [DataGridPro] Export `GridRowReorderCell` component (#14079) @genepaul
|
|
23
|
+
|
|
24
|
+
#### `@mui/x-data-grid-premium@7.15.0` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
25
|
+
|
|
26
|
+
Same changes as in `@mui/x-data-grid-pro@7.15.0`.
|
|
27
|
+
|
|
28
|
+
### Date and Time Pickers
|
|
29
|
+
|
|
30
|
+
#### `@mui/x-date-pickers@7.15.0`
|
|
31
|
+
|
|
32
|
+
- [pickers] Add `onTouchStart` handler for `TimeClock` (#14305) @arthurbalduini
|
|
33
|
+
|
|
34
|
+
#### `@mui/x-date-pickers-pro@7.15.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
35
|
+
|
|
36
|
+
Same changes as in `@mui/x-date-pickers@7.15.0`, plus:
|
|
37
|
+
|
|
38
|
+
- [DateTimeRangePicker] Fix date format resolving from views on 24hr locales (#14341) @arthurbalduini
|
|
39
|
+
|
|
40
|
+
### Charts
|
|
41
|
+
|
|
42
|
+
#### `@mui/x-charts@7.15.0`
|
|
43
|
+
|
|
44
|
+
- [charts] Add missing `themeAugmentation` in pro plan (#14313) @lhilgert9
|
|
45
|
+
- [charts] Fix `LineChart` transition stopping before completion (#14366) @JCQuintas
|
|
46
|
+
- [charts] Fix tooltip with horizontal layout (#14337) @alexfauquette
|
|
47
|
+
- [charts] Keep axis root classe usage explicit (#14378) @alexfauquette
|
|
48
|
+
|
|
49
|
+
#### `@mui/x-charts-pro@7.0.0-alpha.3` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
50
|
+
|
|
51
|
+
Same changes as in `@mui/x-charts@7.15.0`, plus:
|
|
52
|
+
|
|
53
|
+
- [charts pro] Avoid relative reference to `@mui/x-charts` package (#14335) @LukasTy
|
|
54
|
+
|
|
55
|
+
### Docs
|
|
56
|
+
|
|
57
|
+
- [docs] Fix sentence case `h2` @oliviertassinari
|
|
58
|
+
- [docs] Clarify contribution guide references @oliviertassinari
|
|
59
|
+
- [docs] Fix Stack Overflow issue canned response @oliviertassinari
|
|
60
|
+
- [docs] Fix outdated link to support page @oliviertassinari
|
|
61
|
+
- [docs] Fix use of Material UI @oliviertassinari
|
|
62
|
+
- [docs] Update deprecated props in docs (#14295) @JCQuintas
|
|
63
|
+
|
|
64
|
+
### Core
|
|
65
|
+
|
|
66
|
+
- [core] Allow only v5.x for `MUI Core` renovate group (#14382) @LukasTy
|
|
67
|
+
- [core] Avoid visual regression when using `@mui/material@6` (#14357) @cherniavskii
|
|
68
|
+
- [core] Remove renovate rule targeting only `next` releases of `@mui/docs` (#14364) @LukasTy
|
|
69
|
+
- [core] Support `@mui/material@6` peer dependency (#14142) @cherniavskii
|
|
70
|
+
- [core] Use `useRtl` instead of `useTheme` to access direction (#14359) @LukasTy
|
|
71
|
+
- [code-infra] Typecheck nested folders in playground (#14352) @JCQuintas
|
|
72
|
+
- [infra] Fix Issue cleanup action @oliviertassinari
|
|
73
|
+
- [license] Prepare renaming of argument names @oliviertassinari
|
|
74
|
+
|
|
6
75
|
## 7.14.0
|
|
7
76
|
|
|
8
77
|
_Aug 23, 2024_
|
package/Heatmap/Heatmap.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
|
-
import {
|
|
4
|
+
import { useThemeProps } from '@mui/material/styles';
|
|
5
5
|
import useId from '@mui/utils/useId';
|
|
6
|
+
import { interpolateRgbBasis } from '@mui/x-charts-vendor/d3-interpolate';
|
|
6
7
|
import { ChartsAxis } from '@mui/x-charts/ChartsAxis';
|
|
7
8
|
import { ChartsTooltip } from '@mui/x-charts/ChartsTooltip';
|
|
8
9
|
import { ChartsClipPath } from '@mui/x-charts/ChartsClipPath';
|
|
@@ -15,7 +16,11 @@ import { DefaultHeatmapTooltip } from './DefaultHeatmapTooltip';
|
|
|
15
16
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
16
17
|
// The GnBu: https://github.com/d3/d3-scale-chromatic/blob/main/src/sequential-multi/GnBu.js
|
|
17
18
|
const defaultColorMap = interpolateRgbBasis(['#f7fcf0', '#e0f3db', '#ccebc5', '#a8ddb5', '#7bccc4', '#4eb3d3', '#2b8cbe', '#0868ac', '#084081']);
|
|
18
|
-
const Heatmap = /*#__PURE__*/React.forwardRef(function Heatmap(
|
|
19
|
+
const Heatmap = /*#__PURE__*/React.forwardRef(function Heatmap(inProps, ref) {
|
|
20
|
+
const props = useThemeProps({
|
|
21
|
+
props: inProps,
|
|
22
|
+
name: 'MuiHeatmap'
|
|
23
|
+
});
|
|
19
24
|
const {
|
|
20
25
|
xAxis,
|
|
21
26
|
yAxis,
|
|
@@ -3,6 +3,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
|
|
|
3
3
|
const _excluded = ["zoom", "onZoomChange"];
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import PropTypes from 'prop-types';
|
|
6
|
+
import { useThemeProps } from '@mui/material/styles';
|
|
6
7
|
import { AreaPlot, LineHighlightPlot, LinePlot, MarkPlot } from '@mui/x-charts/LineChart';
|
|
7
8
|
import { ChartsOnAxisClickHandler } from '@mui/x-charts/ChartsOnAxisClickHandler';
|
|
8
9
|
import { ChartsGrid } from '@mui/x-charts/ChartsGrid';
|
|
@@ -27,7 +28,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
27
28
|
*
|
|
28
29
|
* - [LineChart API](https://mui.com/x/api/charts/line-chart/)
|
|
29
30
|
*/
|
|
30
|
-
const LineChartPro = /*#__PURE__*/React.forwardRef(function LineChartPro(
|
|
31
|
+
const LineChartPro = /*#__PURE__*/React.forwardRef(function LineChartPro(inProps, ref) {
|
|
32
|
+
const props = useThemeProps({
|
|
33
|
+
props: inProps,
|
|
34
|
+
name: 'MuiLineChartPro'
|
|
35
|
+
});
|
|
31
36
|
const {
|
|
32
37
|
zoom,
|
|
33
38
|
onZoomChange
|
|
@@ -3,6 +3,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
|
|
|
3
3
|
const _excluded = ["zoom", "onZoomChange"];
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import PropTypes from 'prop-types';
|
|
6
|
+
import { useThemeProps } from '@mui/material/styles';
|
|
6
7
|
import { ChartsOverlay } from '@mui/x-charts/ChartsOverlay';
|
|
7
8
|
import { ScatterPlot } from '@mui/x-charts/ScatterChart';
|
|
8
9
|
import { ZAxisContextProvider } from '@mui/x-charts/context';
|
|
@@ -26,7 +27,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
26
27
|
*
|
|
27
28
|
* - [ScatterChart API](https://mui.com/x/api/charts/scatter-chart/)
|
|
28
29
|
*/
|
|
29
|
-
const ScatterChartPro = /*#__PURE__*/React.forwardRef(function ScatterChartPro(
|
|
30
|
+
const ScatterChartPro = /*#__PURE__*/React.forwardRef(function ScatterChartPro(inProps, ref) {
|
|
31
|
+
const props = useThemeProps({
|
|
32
|
+
props: inProps,
|
|
33
|
+
name: 'MuiScatterChartPro'
|
|
34
|
+
});
|
|
30
35
|
const {
|
|
31
36
|
zoom,
|
|
32
37
|
onZoomChange
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { getAxisExtremum, isDefined } from '@mui/x-charts/internals';
|
|
2
|
-
import { getScale } from '../../../../x-charts/src/internals/getScale';
|
|
1
|
+
import { getAxisExtremum, isDefined, getScale } from '@mui/x-charts/internals';
|
|
3
2
|
export const createAxisFilterMapper = ({
|
|
4
3
|
zoomData,
|
|
5
4
|
extremumGetter,
|
package/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ponyfillGlobal } from '@mui/utils';
|
|
2
2
|
export const getReleaseInfo = () => {
|
|
3
|
-
const releaseInfo = "
|
|
3
|
+
const releaseInfo = "MTcyNDg4MjQwMDAwMA==";
|
|
4
4
|
if (process.env.NODE_ENV !== 'production') {
|
|
5
5
|
// A simple hack to set the value in the test environment (has no build step).
|
|
6
6
|
// eslint-disable-next-line no-useless-concat
|
|
@@ -3,6 +3,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
|
|
|
3
3
|
const _excluded = ["zoom", "onZoomChange"];
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import PropTypes from 'prop-types';
|
|
6
|
+
import { useThemeProps } from '@mui/material/styles';
|
|
6
7
|
import { BarPlot } from '@mui/x-charts/BarChart';
|
|
7
8
|
import { ChartsOnAxisClickHandler } from '@mui/x-charts/ChartsOnAxisClickHandler';
|
|
8
9
|
import { ChartsGrid } from '@mui/x-charts/ChartsGrid';
|
|
@@ -28,7 +29,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
28
29
|
*
|
|
29
30
|
* - [BarChart API](https://mui.com/x/api/charts/bar-chart/)
|
|
30
31
|
*/
|
|
31
|
-
const BarChartPro = /*#__PURE__*/React.forwardRef(function BarChartPro(
|
|
32
|
+
const BarChartPro = /*#__PURE__*/React.forwardRef(function BarChartPro(inProps, ref) {
|
|
33
|
+
const props = useThemeProps({
|
|
34
|
+
props: inProps,
|
|
35
|
+
name: 'MuiBarChartPro'
|
|
36
|
+
});
|
|
32
37
|
const {
|
|
33
38
|
zoom,
|
|
34
39
|
onZoomChange
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
|
-
import {
|
|
4
|
+
import { useThemeProps } from '@mui/material/styles';
|
|
5
5
|
import useId from '@mui/utils/useId';
|
|
6
|
+
import { interpolateRgbBasis } from '@mui/x-charts-vendor/d3-interpolate';
|
|
6
7
|
import { ChartsAxis } from '@mui/x-charts/ChartsAxis';
|
|
7
8
|
import { ChartsTooltip } from '@mui/x-charts/ChartsTooltip';
|
|
8
9
|
import { ChartsClipPath } from '@mui/x-charts/ChartsClipPath';
|
|
@@ -15,7 +16,11 @@ import { DefaultHeatmapTooltip } from './DefaultHeatmapTooltip';
|
|
|
15
16
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
16
17
|
// The GnBu: https://github.com/d3/d3-scale-chromatic/blob/main/src/sequential-multi/GnBu.js
|
|
17
18
|
const defaultColorMap = interpolateRgbBasis(['#f7fcf0', '#e0f3db', '#ccebc5', '#a8ddb5', '#7bccc4', '#4eb3d3', '#2b8cbe', '#0868ac', '#084081']);
|
|
18
|
-
const Heatmap = /*#__PURE__*/React.forwardRef(function Heatmap(
|
|
19
|
+
const Heatmap = /*#__PURE__*/React.forwardRef(function Heatmap(inProps, ref) {
|
|
20
|
+
const props = useThemeProps({
|
|
21
|
+
props: inProps,
|
|
22
|
+
name: 'MuiHeatmap'
|
|
23
|
+
});
|
|
19
24
|
const {
|
|
20
25
|
xAxis,
|
|
21
26
|
yAxis,
|
|
@@ -3,6 +3,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
|
|
|
3
3
|
const _excluded = ["zoom", "onZoomChange"];
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import PropTypes from 'prop-types';
|
|
6
|
+
import { useThemeProps } from '@mui/material/styles';
|
|
6
7
|
import { AreaPlot, LineHighlightPlot, LinePlot, MarkPlot } from '@mui/x-charts/LineChart';
|
|
7
8
|
import { ChartsOnAxisClickHandler } from '@mui/x-charts/ChartsOnAxisClickHandler';
|
|
8
9
|
import { ChartsGrid } from '@mui/x-charts/ChartsGrid';
|
|
@@ -27,7 +28,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
27
28
|
*
|
|
28
29
|
* - [LineChart API](https://mui.com/x/api/charts/line-chart/)
|
|
29
30
|
*/
|
|
30
|
-
const LineChartPro = /*#__PURE__*/React.forwardRef(function LineChartPro(
|
|
31
|
+
const LineChartPro = /*#__PURE__*/React.forwardRef(function LineChartPro(inProps, ref) {
|
|
32
|
+
const props = useThemeProps({
|
|
33
|
+
props: inProps,
|
|
34
|
+
name: 'MuiLineChartPro'
|
|
35
|
+
});
|
|
31
36
|
const {
|
|
32
37
|
zoom,
|
|
33
38
|
onZoomChange
|
|
@@ -3,6 +3,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
|
|
|
3
3
|
const _excluded = ["zoom", "onZoomChange"];
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import PropTypes from 'prop-types';
|
|
6
|
+
import { useThemeProps } from '@mui/material/styles';
|
|
6
7
|
import { ChartsOverlay } from '@mui/x-charts/ChartsOverlay';
|
|
7
8
|
import { ScatterPlot } from '@mui/x-charts/ScatterChart';
|
|
8
9
|
import { ZAxisContextProvider } from '@mui/x-charts/context';
|
|
@@ -26,7 +27,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
26
27
|
*
|
|
27
28
|
* - [ScatterChart API](https://mui.com/x/api/charts/scatter-chart/)
|
|
28
29
|
*/
|
|
29
|
-
const ScatterChartPro = /*#__PURE__*/React.forwardRef(function ScatterChartPro(
|
|
30
|
+
const ScatterChartPro = /*#__PURE__*/React.forwardRef(function ScatterChartPro(inProps, ref) {
|
|
31
|
+
const props = useThemeProps({
|
|
32
|
+
props: inProps,
|
|
33
|
+
name: 'MuiScatterChartPro'
|
|
34
|
+
});
|
|
30
35
|
const {
|
|
31
36
|
zoom,
|
|
32
37
|
onZoomChange
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { getAxisExtremum, isDefined } from '@mui/x-charts/internals';
|
|
2
|
-
import { getScale } from '../../../../x-charts/src/internals/getScale';
|
|
1
|
+
import { getAxisExtremum, isDefined, getScale } from '@mui/x-charts/internals';
|
|
3
2
|
export const createAxisFilterMapper = ({
|
|
4
3
|
zoomData,
|
|
5
4
|
extremumGetter,
|
package/modern/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ponyfillGlobal } from '@mui/utils';
|
|
2
2
|
export const getReleaseInfo = () => {
|
|
3
|
-
const releaseInfo = "
|
|
3
|
+
const releaseInfo = "MTcyNDg4MjQwMDAwMA==";
|
|
4
4
|
if (process.env.NODE_ENV !== 'production') {
|
|
5
5
|
// A simple hack to set the value in the test environment (has no build step).
|
|
6
6
|
// eslint-disable-next-line no-useless-concat
|
|
@@ -9,6 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
9
9
|
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
10
10
|
var React = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
12
|
+
var _styles = require("@mui/material/styles");
|
|
12
13
|
var _BarChart = require("@mui/x-charts/BarChart");
|
|
13
14
|
var _ChartsOnAxisClickHandler = require("@mui/x-charts/ChartsOnAxisClickHandler");
|
|
14
15
|
var _ChartsGrid = require("@mui/x-charts/ChartsGrid");
|
|
@@ -37,7 +38,11 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
|
|
|
37
38
|
*
|
|
38
39
|
* - [BarChart API](https://mui.com/x/api/charts/bar-chart/)
|
|
39
40
|
*/
|
|
40
|
-
const BarChartPro = exports.BarChartPro = /*#__PURE__*/React.forwardRef(function BarChartPro(
|
|
41
|
+
const BarChartPro = exports.BarChartPro = /*#__PURE__*/React.forwardRef(function BarChartPro(inProps, ref) {
|
|
42
|
+
const props = (0, _styles.useThemeProps)({
|
|
43
|
+
props: inProps,
|
|
44
|
+
name: 'MuiBarChartPro'
|
|
45
|
+
});
|
|
41
46
|
const {
|
|
42
47
|
zoom,
|
|
43
48
|
onZoomChange
|
package/node/Heatmap/Heatmap.js
CHANGED
|
@@ -8,8 +8,9 @@ exports.Heatmap = void 0;
|
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
9
|
var React = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
var
|
|
11
|
+
var _styles = require("@mui/material/styles");
|
|
12
12
|
var _useId = _interopRequireDefault(require("@mui/utils/useId"));
|
|
13
|
+
var _d3Interpolate = require("@mui/x-charts-vendor/d3-interpolate");
|
|
13
14
|
var _ChartsAxis = require("@mui/x-charts/ChartsAxis");
|
|
14
15
|
var _ChartsTooltip = require("@mui/x-charts/ChartsTooltip");
|
|
15
16
|
var _ChartsClipPath = require("@mui/x-charts/ChartsClipPath");
|
|
@@ -24,7 +25,11 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
|
|
|
24
25
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
25
26
|
// The GnBu: https://github.com/d3/d3-scale-chromatic/blob/main/src/sequential-multi/GnBu.js
|
|
26
27
|
const defaultColorMap = (0, _d3Interpolate.interpolateRgbBasis)(['#f7fcf0', '#e0f3db', '#ccebc5', '#a8ddb5', '#7bccc4', '#4eb3d3', '#2b8cbe', '#0868ac', '#084081']);
|
|
27
|
-
const Heatmap = exports.Heatmap = /*#__PURE__*/React.forwardRef(function Heatmap(
|
|
28
|
+
const Heatmap = exports.Heatmap = /*#__PURE__*/React.forwardRef(function Heatmap(inProps, ref) {
|
|
29
|
+
const props = (0, _styles.useThemeProps)({
|
|
30
|
+
props: inProps,
|
|
31
|
+
name: 'MuiHeatmap'
|
|
32
|
+
});
|
|
28
33
|
const {
|
|
29
34
|
xAxis,
|
|
30
35
|
yAxis,
|
|
@@ -9,6 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
9
9
|
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
10
10
|
var React = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
12
|
+
var _styles = require("@mui/material/styles");
|
|
12
13
|
var _LineChart = require("@mui/x-charts/LineChart");
|
|
13
14
|
var _ChartsOnAxisClickHandler = require("@mui/x-charts/ChartsOnAxisClickHandler");
|
|
14
15
|
var _ChartsGrid = require("@mui/x-charts/ChartsGrid");
|
|
@@ -36,7 +37,11 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
|
|
|
36
37
|
*
|
|
37
38
|
* - [LineChart API](https://mui.com/x/api/charts/line-chart/)
|
|
38
39
|
*/
|
|
39
|
-
const LineChartPro = exports.LineChartPro = /*#__PURE__*/React.forwardRef(function LineChartPro(
|
|
40
|
+
const LineChartPro = exports.LineChartPro = /*#__PURE__*/React.forwardRef(function LineChartPro(inProps, ref) {
|
|
41
|
+
const props = (0, _styles.useThemeProps)({
|
|
42
|
+
props: inProps,
|
|
43
|
+
name: 'MuiLineChartPro'
|
|
44
|
+
});
|
|
40
45
|
const {
|
|
41
46
|
zoom,
|
|
42
47
|
onZoomChange
|
|
@@ -9,6 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
9
9
|
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
10
10
|
var React = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
12
|
+
var _styles = require("@mui/material/styles");
|
|
12
13
|
var _ChartsOverlay = require("@mui/x-charts/ChartsOverlay");
|
|
13
14
|
var _ScatterChart = require("@mui/x-charts/ScatterChart");
|
|
14
15
|
var _context = require("@mui/x-charts/context");
|
|
@@ -35,7 +36,11 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
|
|
|
35
36
|
*
|
|
36
37
|
* - [ScatterChart API](https://mui.com/x/api/charts/scatter-chart/)
|
|
37
38
|
*/
|
|
38
|
-
const ScatterChartPro = exports.ScatterChartPro = /*#__PURE__*/React.forwardRef(function ScatterChartPro(
|
|
39
|
+
const ScatterChartPro = exports.ScatterChartPro = /*#__PURE__*/React.forwardRef(function ScatterChartPro(inProps, ref) {
|
|
40
|
+
const props = (0, _styles.useThemeProps)({
|
|
41
|
+
props: inProps,
|
|
42
|
+
name: 'MuiScatterChartPro'
|
|
43
|
+
});
|
|
39
44
|
const {
|
|
40
45
|
zoom,
|
|
41
46
|
onZoomChange
|
|
@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.createGetAxisFilters = exports.createAxisFilterMapper = void 0;
|
|
7
7
|
var _internals = require("@mui/x-charts/internals");
|
|
8
|
-
var _getScale = require("../../../../x-charts/src/internals/getScale");
|
|
9
8
|
const createAxisFilterMapper = ({
|
|
10
9
|
zoomData,
|
|
11
10
|
extremumGetter,
|
|
@@ -33,7 +32,7 @@ const createAxisFilterMapper = ({
|
|
|
33
32
|
let max;
|
|
34
33
|
|
|
35
34
|
// @ts-expect-error The function defaults to linear scale if the scaleType is not recognized.
|
|
36
|
-
[min, max] = (0,
|
|
35
|
+
[min, max] = (0, _internals.getScale)(scaleType, extremums, [0, 100]).nice().domain();
|
|
37
36
|
min = min instanceof Date ? min.getTime() : min;
|
|
38
37
|
max = max instanceof Date ? max.getTime() : max;
|
|
39
38
|
const minVal = min + zoom.start * (max - min) / 100;
|
package/node/index.js
CHANGED
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.getReleaseInfo = void 0;
|
|
7
7
|
var _utils = require("@mui/utils");
|
|
8
8
|
const getReleaseInfo = () => {
|
|
9
|
-
const releaseInfo = "
|
|
9
|
+
const releaseInfo = "MTcyNDg4MjQwMDAwMA==";
|
|
10
10
|
if (process.env.NODE_ENV !== 'production') {
|
|
11
11
|
// A simple hack to set the value in the test environment (has no build step).
|
|
12
12
|
// eslint-disable-next-line no-useless-concat
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _themeAugmentation = require("@mui/x-charts/themeAugmentation");
|
|
7
|
+
Object.keys(_themeAugmentation).forEach(function (key) {
|
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
|
9
|
+
if (key in exports && exports[key] === _themeAugmentation[key]) return;
|
|
10
|
+
Object.defineProperty(exports, key, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function () {
|
|
13
|
+
return _themeAugmentation[key];
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
});
|
|
17
|
+
var _overrides = require("./overrides");
|
|
18
|
+
Object.keys(_overrides).forEach(function (key) {
|
|
19
|
+
if (key === "default" || key === "__esModule") return;
|
|
20
|
+
if (key in exports && exports[key] === _overrides[key]) return;
|
|
21
|
+
Object.defineProperty(exports, key, {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
get: function () {
|
|
24
|
+
return _overrides[key];
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
});
|
|
28
|
+
var _props = require("./props");
|
|
29
|
+
Object.keys(_props).forEach(function (key) {
|
|
30
|
+
if (key === "default" || key === "__esModule") return;
|
|
31
|
+
if (key in exports && exports[key] === _props[key]) return;
|
|
32
|
+
Object.defineProperty(exports, key, {
|
|
33
|
+
enumerable: true,
|
|
34
|
+
get: function () {
|
|
35
|
+
return _props[key];
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
});
|
|
39
|
+
var _components = require("./components");
|
|
40
|
+
Object.keys(_components).forEach(function (key) {
|
|
41
|
+
if (key === "default" || key === "__esModule") return;
|
|
42
|
+
if (key in exports && exports[key] === _components[key]) return;
|
|
43
|
+
Object.defineProperty(exports, key, {
|
|
44
|
+
enumerable: true,
|
|
45
|
+
get: function () {
|
|
46
|
+
return _components[key];
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mui/x-charts-pro",
|
|
3
|
-
"version": "7.0.0-alpha.
|
|
3
|
+
"version": "7.0.0-alpha.3",
|
|
4
4
|
"description": "The Pro plan edition of the Charts components (MUI X).",
|
|
5
5
|
"author": "MUI Team",
|
|
6
6
|
"main": "./node/index.js",
|
|
@@ -29,21 +29,21 @@
|
|
|
29
29
|
"directory": "packages/x-charts-pro"
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
|
-
"@babel/runtime": "^7.25.
|
|
33
|
-
"@mui/system": "^5.16.7",
|
|
32
|
+
"@babel/runtime": "^7.25.4",
|
|
34
33
|
"@mui/utils": "^5.16.6",
|
|
35
34
|
"@react-spring/rafz": "^9.7.4",
|
|
36
35
|
"@react-spring/web": "^9.7.4",
|
|
37
36
|
"clsx": "^2.1.1",
|
|
38
37
|
"prop-types": "^15.8.1",
|
|
39
|
-
"@mui/x-
|
|
40
|
-
"@mui/x-
|
|
41
|
-
"@mui/x-charts
|
|
38
|
+
"@mui/x-license": "7.15.0",
|
|
39
|
+
"@mui/x-charts-vendor": "7.15.0",
|
|
40
|
+
"@mui/x-charts": "7.15.0"
|
|
42
41
|
},
|
|
43
42
|
"peerDependencies": {
|
|
44
43
|
"@emotion/react": "^11.9.0",
|
|
45
44
|
"@emotion/styled": "^11.8.1",
|
|
46
|
-
"@mui/material": "^5.15.14",
|
|
45
|
+
"@mui/material": "^5.15.14 || ^6.0.0",
|
|
46
|
+
"@mui/system": "^5.15.14 || ^6.0.0",
|
|
47
47
|
"react": "^17.0.0 || ^18.0.0",
|
|
48
48
|
"react-dom": "^17.0.0 || ^18.0.0"
|
|
49
49
|
},
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { ComponentsProps, ComponentsOverrides } from '@mui/material/styles';
|
|
2
|
+
|
|
3
|
+
export interface ChartsProComponents<Theme = unknown> {
|
|
4
|
+
// BarChartPro components
|
|
5
|
+
MuiBarChartPro?: {
|
|
6
|
+
defaultProps?: ComponentsProps['MuiBarChartPro'];
|
|
7
|
+
};
|
|
8
|
+
// LineChartPro components
|
|
9
|
+
MuiLineChartPro?: {
|
|
10
|
+
defaultProps?: ComponentsProps['MuiLineChartPro'];
|
|
11
|
+
};
|
|
12
|
+
// Heatmap components
|
|
13
|
+
MuiHeatmap?: {
|
|
14
|
+
defaultProps?: ComponentsProps['MuiHeatmap'];
|
|
15
|
+
styleOverrides?: ComponentsOverrides<Theme>['MuiHeatmap'];
|
|
16
|
+
};
|
|
17
|
+
// ScatterChartPro components
|
|
18
|
+
MuiScatterChartPro?: {
|
|
19
|
+
defaultProps?: ComponentsProps['MuiScatterChartPro'];
|
|
20
|
+
};
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
declare module '@mui/material/styles' {
|
|
24
|
+
interface Components<Theme = unknown> extends ChartsProComponents<Theme> {}
|
|
25
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { HeatmapClassKey } from '../Heatmap';
|
|
2
|
+
|
|
3
|
+
export interface ChartsProComponentNameToClassKey {
|
|
4
|
+
// Heatmap components
|
|
5
|
+
MuiHeatmap: HeatmapClassKey;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
declare module '@mui/material/styles' {
|
|
9
|
+
interface ComponentNameToClassKey extends ChartsProComponentNameToClassKey {}
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
// disable automatic export
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { ScatterChartProProps } from '../ScatterChartPro';
|
|
2
|
+
import { BarChartProProps } from '../BarChartPro';
|
|
3
|
+
import { HeatmapProps } from '../Heatmap/Heatmap';
|
|
4
|
+
import { LineChartProProps } from '../LineChartPro';
|
|
5
|
+
|
|
6
|
+
export interface ChartsProComponentsPropsList {
|
|
7
|
+
// BarChartPro components
|
|
8
|
+
MuiBarChartPro: BarChartProProps;
|
|
9
|
+
// LineChartPro components
|
|
10
|
+
MuiLineChartPro: LineChartProProps;
|
|
11
|
+
// Heatmap components
|
|
12
|
+
MuiHeatmap: HeatmapProps;
|
|
13
|
+
// ScatterChartPro components
|
|
14
|
+
MuiScatterChartPro: ScatterChartProProps;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
declare module '@mui/material/styles' {
|
|
18
|
+
interface ComponentsPropsList extends ChartsProComponentsPropsList {}
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
// disable automatic export
|
|
22
|
+
export {};
|