@mui/x-charts-pro 8.5.2 → 8.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/CHANGELOG.md +203 -11
- package/ChartDataProviderPro/ChartDataProviderPro.js +1 -1
- package/ChartZoomSlider/internals/ChartAxisZoomSlider.js +1 -1
- package/ChartZoomSlider/internals/ChartAxisZoomSliderActiveTrack.js +20 -31
- package/ChartZoomSlider/internals/ChartAxisZoomSliderTrack.js +1 -8
- package/ChartZoomSlider/internals/zoom-utils.d.ts +3 -1
- package/ChartZoomSlider/internals/zoom-utils.js +19 -8
- package/ChartsToolbarPro/ChartsToolbarImageExportTrigger.d.ts +27 -0
- package/ChartsToolbarPro/ChartsToolbarImageExportTrigger.js +77 -0
- package/ChartsToolbarPro/ChartsToolbarPrintExportTrigger.d.ts +33 -0
- package/ChartsToolbarPro/ChartsToolbarPrintExportTrigger.js +75 -0
- package/ChartsToolbarPro/ChartsToolbarPro.d.ts +16 -3
- package/ChartsToolbarPro/ChartsToolbarPro.js +118 -8
- package/ChartsToolbarPro/index.d.ts +3 -1
- package/ChartsToolbarPro/index.js +22 -0
- package/ChartsToolbarPro/internals/ChartsMenu.d.ts +14 -0
- package/ChartsToolbarPro/internals/ChartsMenu.js +73 -0
- package/ChartsToolbarPro/internals/ChartsToolbarDivider.d.ts +5 -0
- package/ChartsToolbarPro/internals/ChartsToolbarDivider.js +47 -0
- package/FunnelChart/FunnelPlot.js +56 -40
- package/FunnelChart/FunnelSection.js +2 -0
- package/FunnelChart/curves/bump.d.ts +3 -3
- package/FunnelChart/curves/bump.js +3 -0
- package/FunnelChart/curves/curve.types.d.ts +14 -1
- package/FunnelChart/curves/getFunnelCurve.d.ts +7 -2
- package/FunnelChart/curves/linear.d.ts +3 -3
- package/FunnelChart/curves/linear.js +23 -18
- package/FunnelChart/curves/pyramid.d.ts +3 -3
- package/FunnelChart/curves/pyramid.js +17 -12
- package/FunnelChart/curves/step-pyramid.d.ts +5 -5
- package/FunnelChart/curves/step-pyramid.js +20 -18
- package/FunnelChart/curves/step.d.ts +3 -3
- package/FunnelChart/curves/step.js +14 -12
- package/FunnelChart/funnelAxisPlugin/useChartFunnelAxisRendering.selectors.d.ts +18 -1444
- package/FunnelChart/labelUtils.d.ts +4 -12
- package/FunnelChart/labelUtils.js +43 -44
- package/esm/ChartDataProviderPro/ChartDataProviderPro.js +1 -1
- package/esm/ChartZoomSlider/internals/ChartAxisZoomSlider.js +1 -1
- package/esm/ChartZoomSlider/internals/ChartAxisZoomSliderActiveTrack.js +21 -32
- package/esm/ChartZoomSlider/internals/ChartAxisZoomSliderTrack.js +1 -8
- package/esm/ChartZoomSlider/internals/zoom-utils.d.ts +3 -1
- package/esm/ChartZoomSlider/internals/zoom-utils.js +19 -9
- package/esm/ChartsToolbarPro/ChartsToolbarImageExportTrigger.d.ts +27 -0
- package/esm/ChartsToolbarPro/ChartsToolbarImageExportTrigger.js +70 -0
- package/esm/ChartsToolbarPro/ChartsToolbarPrintExportTrigger.d.ts +33 -0
- package/esm/ChartsToolbarPro/ChartsToolbarPrintExportTrigger.js +68 -0
- package/esm/ChartsToolbarPro/ChartsToolbarPro.d.ts +16 -3
- package/esm/ChartsToolbarPro/ChartsToolbarPro.js +120 -8
- package/esm/ChartsToolbarPro/index.d.ts +3 -1
- package/esm/ChartsToolbarPro/index.js +3 -1
- package/esm/ChartsToolbarPro/internals/ChartsMenu.d.ts +14 -0
- package/esm/ChartsToolbarPro/internals/ChartsMenu.js +67 -0
- package/esm/ChartsToolbarPro/internals/ChartsToolbarDivider.d.ts +5 -0
- package/esm/ChartsToolbarPro/internals/ChartsToolbarDivider.js +40 -0
- package/esm/FunnelChart/FunnelPlot.js +56 -40
- package/esm/FunnelChart/FunnelSection.js +2 -0
- package/esm/FunnelChart/curves/bump.d.ts +3 -3
- package/esm/FunnelChart/curves/bump.js +3 -0
- package/esm/FunnelChart/curves/curve.types.d.ts +14 -1
- package/esm/FunnelChart/curves/getFunnelCurve.d.ts +7 -2
- package/esm/FunnelChart/curves/linear.d.ts +3 -3
- package/esm/FunnelChart/curves/linear.js +23 -18
- package/esm/FunnelChart/curves/pyramid.d.ts +3 -3
- package/esm/FunnelChart/curves/pyramid.js +17 -12
- package/esm/FunnelChart/curves/step-pyramid.d.ts +5 -5
- package/esm/FunnelChart/curves/step-pyramid.js +20 -18
- package/esm/FunnelChart/curves/step.d.ts +3 -3
- package/esm/FunnelChart/curves/step.js +14 -12
- package/esm/FunnelChart/funnelAxisPlugin/useChartFunnelAxisRendering.selectors.d.ts +18 -1444
- package/esm/FunnelChart/labelUtils.d.ts +4 -12
- package/esm/FunnelChart/labelUtils.js +43 -44
- package/esm/index.d.ts +2 -1
- package/esm/index.js +1 -1
- package/esm/internals/material/components/BaseMenuItem.d.ts +3 -0
- package/esm/internals/material/components/BaseMenuItem.js +27 -0
- package/esm/internals/material/components/BasePopper.d.ts +3 -0
- package/esm/internals/material/components/BasePopper.js +122 -0
- package/esm/internals/material/icons.d.ts +2 -1
- package/esm/internals/material/icons.js +4 -1
- package/esm/internals/material/index.d.ts +1 -0
- package/esm/internals/material/index.js +12 -3
- package/esm/internals/plugins/useChartProExport/print.js +1 -1
- package/esm/internals/plugins/useChartProExport/useChartProExport.types.d.ts +7 -6
- package/esm/internals/plugins/useChartProZoom/useChartProZoom.selectors.d.ts +16 -595
- package/esm/internals/plugins/useChartProZoom/useChartProZoom.selectors.js +2 -2
- package/esm/internals/slots/chartBaseSlotProps.d.ts +50 -3
- package/esm/internals/slots/chartsBaseSlots.d.ts +5 -1
- package/esm/internals/slots/chartsIconSlots.d.ts +5 -0
- package/index.d.ts +2 -1
- package/index.js +1 -1
- package/internals/material/components/BaseMenuItem.d.ts +3 -0
- package/internals/material/components/BaseMenuItem.js +35 -0
- package/internals/material/components/BasePopper.d.ts +3 -0
- package/internals/material/components/BasePopper.js +130 -0
- package/internals/material/icons.d.ts +2 -1
- package/internals/material/icons.js +5 -2
- package/internals/material/index.d.ts +1 -0
- package/internals/material/index.js +11 -2
- package/internals/plugins/useChartProExport/print.js +1 -1
- package/internals/plugins/useChartProExport/useChartProExport.types.d.ts +7 -6
- package/internals/plugins/useChartProZoom/useChartProZoom.selectors.d.ts +16 -595
- package/internals/plugins/useChartProZoom/useChartProZoom.selectors.js +2 -2
- package/internals/slots/chartBaseSlotProps.d.ts +50 -3
- package/internals/slots/chartsBaseSlots.d.ts +5 -1
- package/internals/slots/chartsIconSlots.d.ts +5 -0
- package/package.json +5 -5
- package/FunnelChart/positionGetter.d.ts +0 -1
- package/FunnelChart/positionGetter.js +0 -5
- package/esm/FunnelChart/positionGetter.d.ts +0 -1
- package/esm/FunnelChart/positionGetter.js +0 -1
|
@@ -7,8 +7,8 @@ exports.selectorChartZoomState = exports.selectorChartZoomIsInteracting = export
|
|
|
7
7
|
var _internals = require("@mui/x-charts/internals");
|
|
8
8
|
const selectorChartZoomState = state => state.zoom;
|
|
9
9
|
exports.selectorChartZoomState = selectorChartZoomState;
|
|
10
|
-
const selectorChartZoomIsInteracting = exports.selectorChartZoomIsInteracting = (0, _internals.createSelector)(selectorChartZoomState, zoom => zoom.isInteracting);
|
|
11
|
-
const selectorChartZoomIsEnabled = exports.selectorChartZoomIsEnabled = (0, _internals.createSelector)(_internals.selectorChartZoomOptionsLookup, optionsLookup => Object.keys(optionsLookup).length > 0);
|
|
10
|
+
const selectorChartZoomIsInteracting = exports.selectorChartZoomIsInteracting = (0, _internals.createSelector)([selectorChartZoomState], zoom => zoom.isInteracting);
|
|
11
|
+
const selectorChartZoomIsEnabled = exports.selectorChartZoomIsEnabled = (0, _internals.createSelector)([_internals.selectorChartZoomOptionsLookup], optionsLookup => Object.keys(optionsLookup).length > 0);
|
|
12
12
|
const selectorChartAxisZoomData = exports.selectorChartAxisZoomData = (0, _internals.createSelector)([_internals.selectorChartZoomMap, (state, axisId) => axisId], (zoomMap, axisId) => zoomMap?.get(axisId));
|
|
13
13
|
const selectorChartCanZoomOut = exports.selectorChartCanZoomOut = (0, _internals.createSelector)([selectorChartZoomState, _internals.selectorChartZoomOptionsLookup], (zoomState, zoomOptions) => {
|
|
14
14
|
return zoomState.zoomData.every(zoomData => {
|
|
@@ -4,7 +4,54 @@ export type ChartBaseTooltipProps = ChartBaseCommonProps & {
|
|
|
4
4
|
children: React.ReactElement<any, any>;
|
|
5
5
|
enterDelay?: number;
|
|
6
6
|
title: React.ReactNode;
|
|
7
|
+
disableInteractive?: boolean;
|
|
7
8
|
};
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
type BasePlacement = 'top' | 'bottom' | 'left' | 'right';
|
|
10
|
+
type VariationPlacement = 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'right-start' | 'right-end' | 'left-start' | 'left-end';
|
|
11
|
+
type AutoPlacement = 'auto' | 'auto-start' | 'auto-end';
|
|
12
|
+
export type Placement = AutoPlacement | BasePlacement | VariationPlacement;
|
|
13
|
+
type ClickAwayMouseEventHandler = 'onClick' | 'onMouseDown' | 'onMouseUp' | 'onPointerDown' | 'onPointerUp';
|
|
14
|
+
type ClickAwayTouchEventHandler = 'onTouchStart' | 'onTouchEnd';
|
|
15
|
+
export type ChartBasePopperProps = ChartBaseCommonProps & {
|
|
16
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
17
|
+
open: boolean;
|
|
18
|
+
children?: React.ReactNode;
|
|
19
|
+
clickAwayTouchEvent?: false | ClickAwayTouchEventHandler;
|
|
20
|
+
clickAwayMouseEvent?: false | ClickAwayMouseEventHandler;
|
|
21
|
+
flip?: boolean;
|
|
22
|
+
focusTrap?: boolean;
|
|
23
|
+
onExited?: (node: HTMLElement | null) => void;
|
|
24
|
+
onClickAway?: (event: MouseEvent | TouchEvent) => void;
|
|
25
|
+
onDidShow?: () => void;
|
|
26
|
+
onDidHide?: () => void;
|
|
27
|
+
id?: string;
|
|
28
|
+
target?: Element | null;
|
|
29
|
+
transition?: boolean;
|
|
30
|
+
/** @default 'bottom' */
|
|
31
|
+
placement?: Placement;
|
|
32
|
+
};
|
|
33
|
+
export type ChartBaseMenuListProps = ChartBaseCommonProps & {
|
|
34
|
+
ref?: React.Ref<HTMLUListElement>;
|
|
35
|
+
id?: string;
|
|
36
|
+
children?: React.ReactNode;
|
|
37
|
+
autoFocus?: boolean;
|
|
38
|
+
autoFocusItem?: boolean;
|
|
39
|
+
};
|
|
40
|
+
export type ChartBaseMenuItemProps = ChartBaseCommonProps & {
|
|
41
|
+
autoFocus?: boolean;
|
|
42
|
+
children?: React.ReactNode;
|
|
43
|
+
/** For items that aren't interactive themselves (but may contain an interactive widget) */
|
|
44
|
+
inert?: boolean;
|
|
45
|
+
dense?: boolean;
|
|
46
|
+
disabled?: boolean;
|
|
47
|
+
iconStart?: React.ReactNode;
|
|
48
|
+
iconEnd?: React.ReactNode;
|
|
49
|
+
selected?: boolean;
|
|
50
|
+
value?: number | string | readonly string[];
|
|
51
|
+
style?: React.CSSProperties;
|
|
52
|
+
};
|
|
53
|
+
export type ChartBaseDividerProps = ChartBaseCommonProps & {
|
|
54
|
+
ref?: React.Ref<HTMLHRElement>;
|
|
55
|
+
orientation?: 'horizontal' | 'vertical';
|
|
56
|
+
};
|
|
57
|
+
export {};
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import { ChartsBaseSlots } from '@mui/x-charts/models';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import { ChartBaseTooltipProps } from "./chartBaseSlotProps.js";
|
|
3
|
+
import { ChartBaseDividerProps, ChartBaseMenuItemProps, ChartBaseMenuListProps, ChartBasePopperProps, ChartBaseTooltipProps } from "./chartBaseSlotProps.js";
|
|
4
4
|
export interface ChartsBaseSlotsPro extends ChartsBaseSlots {
|
|
5
|
+
baseDivider: React.ComponentType<ChartBaseDividerProps>;
|
|
6
|
+
baseMenuItem: React.ComponentType<ChartBaseMenuItemProps>;
|
|
7
|
+
baseMenuList: React.ComponentType<ChartBaseMenuListProps>;
|
|
8
|
+
basePopper: React.ComponentType<ChartBasePopperProps>;
|
|
5
9
|
baseTooltip: React.ComponentType<ChartBaseTooltipProps>;
|
|
6
10
|
}
|
|
@@ -11,4 +11,9 @@ export interface ChartsIconSlotsPro extends ChartsIconSlots {
|
|
|
11
11
|
* @default ChartsZoomOutIcon
|
|
12
12
|
*/
|
|
13
13
|
zoomOutIcon: React.ComponentType<ChartBaseIconProps>;
|
|
14
|
+
/**
|
|
15
|
+
* Icon displayed on the toolbar's export button.
|
|
16
|
+
* @default ChartsExportIcon
|
|
17
|
+
*/
|
|
18
|
+
exportIcon: React.ComponentType<ChartBaseIconProps>;
|
|
14
19
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mui/x-charts-pro",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.6.0",
|
|
4
4
|
"author": "MUI Team",
|
|
5
5
|
"description": "The Pro plan edition of the MUI X Charts components.",
|
|
6
6
|
"main": "./index.js",
|
|
@@ -33,10 +33,10 @@
|
|
|
33
33
|
"@mui/utils": "^7.1.1",
|
|
34
34
|
"clsx": "^2.1.1",
|
|
35
35
|
"prop-types": "^15.8.1",
|
|
36
|
-
"@mui/x-internals": "8.
|
|
37
|
-
"@mui/x-charts
|
|
38
|
-
"@mui/x-charts": "8.5.
|
|
39
|
-
"@mui/x-license": "8.
|
|
36
|
+
"@mui/x-internals": "8.6.0",
|
|
37
|
+
"@mui/x-charts": "8.6.0",
|
|
38
|
+
"@mui/x-charts-vendor": "8.5.3",
|
|
39
|
+
"@mui/x-license": "8.6.0"
|
|
40
40
|
},
|
|
41
41
|
"peerDependencies": {
|
|
42
42
|
"@emotion/react": "^11.9.0",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export type PositionGetter = (value: number, bandIndex: number, bandIdentifier: string | number, stackOffset?: number, useBand?: boolean) => number;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export type PositionGetter = (value: number, bandIndex: number, bandIdentifier: string | number, stackOffset?: number, useBand?: boolean) => number;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|