vccs 0.1.0 → 0.2.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/dist/cartesian/funnel/Funnel.d.ts +2 -0
- package/dist/cartesian/funnel/index.d.ts +2 -0
- package/dist/cartesian/funnel/type.d.ts +74 -5
- package/dist/cartesian/index.d.ts +1 -0
- package/dist/chart/FunnelChart.d.ts +1 -0
- package/dist/chart/index.d.ts +1 -0
- package/dist/es/animation/Animate.mjs +48 -22
- package/dist/es/cartesian/GraphicalItemClipPath.mjs +16 -15
- package/dist/es/cartesian/area/ActivePoints.mjs +44 -40
- package/dist/es/cartesian/area/Area.mjs +42 -31
- package/dist/es/cartesian/area/ClipRect.mjs +79 -58
- package/dist/es/cartesian/area/RenderArea.mjs +142 -108
- package/dist/es/cartesian/area/hooks/useArea.mjs +71 -47
- package/dist/es/cartesian/area/type.mjs +11 -11
- package/dist/es/cartesian/area/utils.mjs +69 -49
- package/dist/es/cartesian/axis/XAxis.mjs +87 -73
- package/dist/es/cartesian/axis/YAxis.mjs +67 -56
- package/dist/es/cartesian/bar/Bar.mjs +93 -71
- package/dist/es/cartesian/bar/components/BarBackground.mjs +22 -19
- package/dist/es/cartesian/bar/components/BarRectangles.mjs +117 -80
- package/dist/es/cartesian/bar/hooks/useBar.mjs +49 -37
- package/dist/es/cartesian/bar/type.mjs +9 -9
- package/dist/es/cartesian/bar/utils.mjs +97 -70
- package/dist/es/cartesian/cartesian-axis/CartesianAxis.mjs +165 -115
- package/dist/es/cartesian/cartesian-grid/Background.mjs +19 -16
- package/dist/es/cartesian/cartesian-grid/CartesianGrid.mjs +116 -97
- package/dist/es/cartesian/cartesian-grid/HorizontalGridLines.mjs +24 -23
- package/dist/es/cartesian/cartesian-grid/HorizontalStripes.mjs +24 -24
- package/dist/es/cartesian/cartesian-grid/VerticalGridLines.mjs +23 -22
- package/dist/es/cartesian/cartesian-grid/VerticalStripes.mjs +24 -24
- package/dist/es/cartesian/cartesian-grid/const.mjs +317 -10
- package/dist/es/cartesian/cartesian-grid/utils.mjs +18 -13
- package/dist/es/cartesian/error-bar/ErrorBar.mjs +111 -83
- package/dist/es/cartesian/error-bar/ErrorBarContext.mjs +13 -12
- package/dist/es/cartesian/funnel/Funnel.mjs +177 -0
- package/dist/es/cartesian/funnel/type.mjs +80 -0
- package/dist/es/cartesian/funnel/utils.mjs +102 -0
- package/dist/es/cartesian/line/ActivePoints.mjs +45 -41
- package/dist/es/cartesian/line/Line.mjs +41 -37
- package/dist/es/cartesian/line/StaticLine.mjs +191 -122
- package/dist/es/cartesian/line/hooks/useLine.mjs +60 -44
- package/dist/es/cartesian/line/type.mjs +11 -11
- package/dist/es/cartesian/line/utils.mjs +27 -26
- package/dist/es/cartesian/reference-area/ReferenceArea.mjs +86 -69
- package/dist/es/cartesian/reference-line/ReferenceLine.mjs +99 -77
- package/dist/es/cartesian/scatter/Scatter.mjs +168 -140
- package/dist/es/cartesian/scatter/hooks/useScatter.mjs +18 -14
- package/dist/es/cartesian/useNeedsClip.mjs +18 -9
- package/dist/es/cartesian/utils/get-ticks.mjs +103 -68
- package/dist/es/cartesian/z-axis/ZAxis.mjs +30 -28
- package/dist/es/chart/AreaChart.mjs +5 -5
- package/dist/es/chart/BarChart.mjs +5 -5
- package/dist/es/chart/ComposedChart.mjs +5 -5
- package/dist/es/chart/FunnelChart.mjs +11 -0
- package/dist/es/chart/LegendPortalContext.mjs +3 -3
- package/dist/es/chart/LineChart.mjs +5 -5
- package/dist/es/chart/PieChart.mjs +5 -5
- package/dist/es/chart/RadarChart.mjs +5 -5
- package/dist/es/chart/RadialBarChart.mjs +5 -5
- package/dist/es/chart/RechartsWrapper.mjs +111 -88
- package/dist/es/chart/ScatterChart.mjs +5 -5
- package/dist/es/chart/Surface.mjs +3 -3
- package/dist/es/chart/Surface.vue_vue_type_script_setup_true_lang.mjs +51 -45
- package/dist/es/chart/TooltipPortalContext.mjs +3 -3
- package/dist/es/chart/const.mjs +2 -2
- package/dist/es/chart/generateCategoricalChart.mjs +97 -88
- package/dist/es/chart/provideClipPathId.mjs +12 -7
- package/dist/es/components/Cell.mjs +16 -4
- package/dist/es/components/Text.mjs +3 -3
- package/dist/es/components/Text.vue_vue_type_script_setup_true_lang.mjs +106 -69
- package/dist/es/components/Tooltip.mjs +274 -199
- package/dist/es/components/label/Label.mjs +30 -26
- package/dist/es/components/label/LabelList.mjs +45 -39
- package/dist/es/components/label/types.mjs +8 -5
- package/dist/es/components/label/utils.mjs +194 -162
- package/dist/es/components/legend/Legend.mjs +82 -71
- package/dist/es/components/legend/LegendSymbol.mjs +40 -38
- package/dist/es/components/legend/hooks/useLegend.mjs +66 -46
- package/dist/es/components/legend/hooks/useLegendContent.mjs +52 -31
- package/dist/es/components/legend/type.mjs +2 -2
- package/dist/es/components/legend/utils.mjs +19 -11
- package/dist/es/components/utils.mjs +35 -22
- package/dist/es/container/ClipPath.mjs +14 -14
- package/dist/es/container/Layer.mjs +9 -7
- package/dist/es/container/ResponsiveContainer.mjs +3 -3
- package/dist/es/container/ResponsiveContainer.vue_vue_type_script_setup_true_lang.mjs +109 -77
- package/dist/es/container/Surface.mjs +23 -19
- package/dist/es/container/useSizeContext.mjs +3 -3
- package/dist/es/context/ChartDataContextProvider.mjs +19 -13
- package/dist/es/context/PanoramaContextProvider.mjs +15 -10
- package/dist/es/context/accessibilityContext.mjs +3 -3
- package/dist/es/context/cartesianLabelListContext.mjs +3 -3
- package/dist/es/context/chartLayoutContext.mjs +33 -30
- package/dist/es/context/cursorLayerContext.mjs +3 -3
- package/dist/es/context/graphicalLayerContext.mjs +3 -3
- package/dist/es/context/labelLayerContext.mjs +3 -3
- package/dist/es/context/polarLabelViewBoxContext.mjs +5 -5
- package/dist/es/context/useTooltipAxis.mjs +14 -12
- package/dist/es/events/useChartSynchronisation.mjs +91 -66
- package/dist/es/hooks/useIsAnimating.mjs +28 -0
- package/dist/es/hooks/useSetupGraphicalItem.mjs +52 -43
- package/dist/es/index.mjs +46 -42
- package/dist/es/polar/pie/Pie.mjs +131 -115
- package/dist/es/polar/pie/type.mjs +6 -6
- package/dist/es/polar/radar/PolarAngleAxis.mjs +103 -84
- package/dist/es/polar/radar/PolarGrid.mjs +72 -59
- package/dist/es/polar/radar/PolarRadiusAxis.mjs +90 -65
- package/dist/es/polar/radar/Radar.mjs +181 -145
- package/dist/es/polar/radial-bar/RadialBar.mjs +161 -140
- package/dist/es/polar/radial-bar/type.mjs +9 -9
- package/dist/es/shape/Cross.mjs +11 -10
- package/dist/es/shape/Curve.mjs +69 -43
- package/dist/es/shape/Dot.mjs +12 -11
- package/dist/es/shape/Rectangle.mjs +41 -26
- package/dist/es/shape/Sector.mjs +103 -75
- package/dist/es/shape/Symbols.mjs +45 -34
- package/dist/es/shape/Trapezoid.mjs +52 -0
- package/dist/es/state/ReportChartProps.mjs +21 -20
- package/dist/es/state/ReportMainChartProps.mjs +26 -21
- package/dist/es/state/ReportPolarOptions.mjs +23 -22
- package/dist/es/state/SetGraphicalItem.mjs +42 -27
- package/dist/es/state/SetLegendPayload.mjs +17 -13
- package/dist/es/state/SetTooltipEntrySettings.mjs +14 -12
- package/dist/es/state/brushSlice.mjs +12 -8
- package/dist/es/state/cartesianAxisSlice.mjs +23 -17
- package/dist/es/state/chartDataSlice.mjs +18 -13
- package/dist/es/state/externalEventsMiddleware.mjs +25 -15
- package/dist/es/state/graphicalItemsSlice.mjs +29 -25
- package/dist/es/state/hooks.mjs +4 -3
- package/dist/es/state/keyboardEventsMiddleware.mjs +50 -42
- package/dist/es/state/layoutSlice.mjs +18 -12
- package/dist/es/state/legendSlice.mjs +19 -14
- package/dist/es/state/mouseEventsMiddleware.mjs +31 -24
- package/dist/es/state/optionsSlice.mjs +14 -11
- package/dist/es/state/polarAxisSlice.mjs +15 -13
- package/dist/es/state/polarOptionsSlice.mjs +8 -6
- package/dist/es/state/reduxDevtoolsJsonStringifyReplacer.mjs +5 -3
- package/dist/es/state/referenceElementsSlice.mjs +21 -19
- package/dist/es/state/rootPropsSlice.mjs +20 -9
- package/dist/es/state/selectors/areaSelectors.mjs +65 -55
- package/dist/es/state/selectors/axisSelectors.mjs +755 -569
- package/dist/es/state/selectors/barSelectors.mjs +225 -162
- package/dist/es/state/selectors/brushSelectors.mjs +15 -14
- package/dist/es/state/selectors/combiners/combineActiveLabel.mjs +6 -5
- package/dist/es/state/selectors/combiners/combineActiveTooltipIndex.mjs +36 -27
- package/dist/es/state/selectors/combiners/combineAxisRangeWithReverse.mjs +5 -3
- package/dist/es/state/selectors/combiners/combineCoordinateForDefaultIndex.mjs +13 -11
- package/dist/es/state/selectors/combiners/combineTooltipInteractionState.mjs +26 -21
- package/dist/es/state/selectors/combiners/combineTooltipPayloadConfigurations.mjs +10 -6
- package/dist/es/state/selectors/common.mjs +2 -2
- package/dist/es/state/selectors/containerSelectors.mjs +5 -2
- package/dist/es/state/selectors/dataSelectors.mjs +28 -9
- package/dist/es/state/selectors/funnelSelectors.mjs +38 -0
- package/dist/es/state/selectors/legendSelectors.mjs +7 -6
- package/dist/es/state/selectors/lineSelectors.mjs +54 -47
- package/dist/es/state/selectors/pickAxisId.mjs +2 -2
- package/dist/es/state/selectors/pickAxisType.mjs +2 -2
- package/dist/es/state/selectors/pieSelectors.mjs +116 -81
- package/dist/es/state/selectors/polarAxisSelectors.mjs +113 -94
- package/dist/es/state/selectors/polarGridSelectors.mjs +13 -11
- package/dist/es/state/selectors/polarScaleSelectors.mjs +49 -46
- package/dist/es/state/selectors/polarSelectors.mjs +79 -62
- package/dist/es/state/selectors/radarSelectors.mjs +111 -91
- package/dist/es/state/selectors/radialBarSelectors.mjs +230 -183
- package/dist/es/state/selectors/rootPropsSelectors.mjs +11 -5
- package/dist/es/state/selectors/scatterSelectors.mjs +111 -95
- package/dist/es/state/selectors/selectActivePropsFromChartPointer.mjs +19 -17
- package/dist/es/state/selectors/selectAllAxes.mjs +8 -3
- package/dist/es/state/selectors/selectChartOffset.mjs +59 -50
- package/dist/es/state/selectors/selectChartOffsetInternal.mjs +55 -44
- package/dist/es/state/selectors/selectTooltipEventType.mjs +15 -14
- package/dist/es/state/selectors/selectTooltipPayloadSearcher.mjs +3 -3
- package/dist/es/state/selectors/selectTooltipSettings.mjs +2 -2
- package/dist/es/state/selectors/selectTooltipState.mjs +2 -2
- package/dist/es/state/selectors/selectors.mjs +94 -75
- package/dist/es/state/selectors/tooltipSelectors.mjs +253 -204
- package/dist/es/state/selectors/touchSelectors.mjs +17 -14
- package/dist/es/state/store.mjs +46 -46
- package/dist/es/state/tooltipSlice.mjs +64 -37
- package/dist/es/state/touchEventsMiddleware.mjs +35 -29
- package/dist/es/state/utils/useReportScale.mjs +16 -13
- package/dist/es/synchronisation/syncSelectors.mjs +3 -3
- package/dist/es/synchronisation/useChartSynchronisation.mjs +33 -19
- package/dist/es/types/event.mjs +164 -2
- package/dist/es/utils/ReduceCSSCalc.mjs +81 -49
- package/dist/es/utils/VueUtils.mjs +35 -14
- package/dist/es/utils/attrs.mjs +43 -26
- package/dist/es/utils/cartesian.mjs +47 -15
- package/dist/es/utils/chart.mjs +298 -197
- package/dist/es/utils/const.mjs +30 -2
- package/dist/es/utils/createContext.mjs +28 -9
- package/dist/es/utils/data-utils.mjs +9 -8
- package/dist/es/utils/data.mjs +35 -21
- package/dist/es/utils/events.mjs +5 -3
- package/dist/es/utils/getLinearRegression.mjs +28 -11
- package/dist/es/utils/grid.mjs +20 -5
- package/dist/es/utils/isDomainSpecifiedByUser.mjs +105 -54
- package/dist/es/utils/legend.mjs +13 -12
- package/dist/es/utils/log.mjs +10 -7
- package/dist/es/utils/payload/getUniqPayload.mjs +6 -4
- package/dist/es/utils/polar.mjs +37 -30
- package/dist/es/utils/props.mjs +16 -10
- package/dist/es/utils/resolveDefaultProps.mjs +23 -4
- package/dist/es/utils/scale/getNiceTickValues.mjs +127 -49
- package/dist/es/utils/scale/utils/arithmetic.mjs +49 -19
- package/dist/es/utils/scale/utils/utils.mjs +43 -24
- package/dist/es/utils/style.mjs +24 -13
- package/dist/es/utils/tick.mjs +34 -23
- package/dist/es/utils/tooltip/translate.mjs +63 -49
- package/dist/es/utils/validate.mjs +40 -29
- package/dist/hooks/useIsAnimating.d.ts +14 -0
- package/dist/shape/Trapezoid.d.ts +31 -0
- package/dist/shape/index.d.ts +1 -0
- package/dist/state/graphicalItemsSlice.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1,220 +1,269 @@
|
|
|
1
|
-
import { isCategoricalAxis
|
|
2
|
-
import { selectChartDataWithIndexes
|
|
3
|
-
import { selectChartHeight
|
|
4
|
-
import { selectChartOffset
|
|
5
|
-
import { selectChartName
|
|
6
|
-
import { combineAxisRangeWithReverse
|
|
7
|
-
import { findEntryInArray
|
|
8
|
-
import { selectChartLayout
|
|
9
|
-
import { getTooltipEntry
|
|
10
|
-
import { combineAppliedNumericalValuesIncludingErrorValues
|
|
11
|
-
import { combineTooltipEventType
|
|
12
|
-
import { combineActiveLabel
|
|
13
|
-
import { selectTooltipSettings
|
|
14
|
-
import { combineTooltipInteractionState
|
|
15
|
-
import { combineActiveTooltipIndex
|
|
16
|
-
import { combineCoordinateForDefaultIndex
|
|
17
|
-
import { combineTooltipPayloadConfigurations
|
|
18
|
-
import { selectTooltipPayloadSearcher
|
|
19
|
-
import { selectTooltipState
|
|
20
|
-
import { createSelector
|
|
1
|
+
import { isCategoricalAxis } from "../../utils/validate.mjs";
|
|
2
|
+
import { selectChartDataWithIndexes } from "./dataSelectors.mjs";
|
|
3
|
+
import { selectChartHeight, selectChartWidth } from "./containerSelectors.mjs";
|
|
4
|
+
import { selectChartOffset } from "./selectChartOffset.mjs";
|
|
5
|
+
import { selectChartName, selectStackOffsetType } from "./rootPropsSelectors.mjs";
|
|
6
|
+
import { combineAxisRangeWithReverse } from "./combiners/combineAxisRangeWithReverse.mjs";
|
|
7
|
+
import { findEntryInArray, mathSign } from "../../utils/data.mjs";
|
|
8
|
+
import { selectChartLayout } from "./common.mjs";
|
|
9
|
+
import { getTooltipEntry, getValueByDataKey } from "../../utils/chart.mjs";
|
|
10
|
+
import { combineAppliedNumericalValuesIncludingErrorValues, combineAppliedValues, combineAreasDomain, combineAxisDomain, combineAxisDomainWithNiceTicks, combineCategoricalDomain, combineDisplayedData, combineDomainOfStackGroups, combineDotsDomain, combineDuplicateDomain, combineGraphicalItemsData, combineGraphicalItemsSettings, combineLinesDomain, combineNiceTicks, combineNumericalDomain, combineRealScaleType, combineScaleFunction, combineStackGroups, filterGraphicalNotStackedItems, filterReferenceElements, getDomainDefinition, itemAxisPredicate, mergeDomains, selectAxisRange, selectAxisSettings, selectHasBar, selectReferenceAreas, selectReferenceDots, selectReferenceLines } from "./axisSelectors.mjs";
|
|
11
|
+
import { combineTooltipEventType, selectDefaultTooltipEventType, selectValidateTooltipEventTypes } from "./selectTooltipEventType.mjs";
|
|
12
|
+
import { combineActiveLabel } from "./combiners/combineActiveLabel.mjs";
|
|
13
|
+
import { selectTooltipSettings } from "./selectTooltipSettings.mjs";
|
|
14
|
+
import { combineTooltipInteractionState } from "./combiners/combineTooltipInteractionState.mjs";
|
|
15
|
+
import { combineActiveTooltipIndex } from "./combiners/combineActiveTooltipIndex.mjs";
|
|
16
|
+
import { combineCoordinateForDefaultIndex } from "./combiners/combineCoordinateForDefaultIndex.mjs";
|
|
17
|
+
import { combineTooltipPayloadConfigurations } from "./combiners/combineTooltipPayloadConfigurations.mjs";
|
|
18
|
+
import { selectTooltipPayloadSearcher } from "./selectTooltipPayloadSearcher.mjs";
|
|
19
|
+
import { selectTooltipState } from "./selectTooltipState.mjs";
|
|
20
|
+
import { createSelector } from "@reduxjs/toolkit";
|
|
21
21
|
//#region src/state/selectors/tooltipSelectors.ts
|
|
22
|
-
function
|
|
23
|
-
|
|
22
|
+
function getSliced(arr, startIndex, endIndex) {
|
|
23
|
+
if (!Array.isArray(arr)) return arr;
|
|
24
|
+
if (arr && startIndex + endIndex !== 0) return arr.slice(startIndex, endIndex + 1);
|
|
25
|
+
return arr;
|
|
24
26
|
}
|
|
25
|
-
function
|
|
26
|
-
|
|
27
|
+
function selectFinalData(dataDefinedOnItem, dataDefinedOnChart) {
|
|
28
|
+
if (dataDefinedOnItem != null) return dataDefinedOnItem;
|
|
29
|
+
return dataDefinedOnChart;
|
|
27
30
|
}
|
|
28
|
-
function
|
|
29
|
-
if (
|
|
30
|
-
|
|
31
|
-
return
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
31
|
+
function combineTooltipPayload(tooltipPayloadConfigurations, activeIndex, chartDataState, tooltipAxis, activeLabel, tooltipPayloadSearcher, tooltipEventType) {
|
|
32
|
+
if (activeIndex == null || tooltipPayloadSearcher == null) return;
|
|
33
|
+
const { chartData, computedData, dataStartIndex, dataEndIndex } = chartDataState;
|
|
34
|
+
return tooltipPayloadConfigurations.reduce((agg, { dataDefinedOnItem, settings }) => {
|
|
35
|
+
const sliced = getSliced(selectFinalData(dataDefinedOnItem, chartData), dataStartIndex, dataEndIndex);
|
|
36
|
+
const finalDataKey = settings?.dataKey ?? tooltipAxis?.dataKey;
|
|
37
|
+
const finalNameKey = settings?.nameKey;
|
|
38
|
+
let tooltipPayload;
|
|
39
|
+
if (tooltipAxis?.dataKey && !tooltipAxis?.allowDuplicatedCategory && Array.isArray(sliced) && activeLabel != null && tooltipEventType === "axis") tooltipPayload = findEntryInArray(sliced, tooltipAxis.dataKey, activeLabel);
|
|
40
|
+
if (tooltipPayload == null) tooltipPayload = tooltipPayloadSearcher(sliced, activeIndex, computedData, finalNameKey);
|
|
41
|
+
if (Array.isArray(tooltipPayload)) tooltipPayload.forEach((item) => {
|
|
42
|
+
const newSettings = {
|
|
43
|
+
...settings,
|
|
44
|
+
name: item.name,
|
|
45
|
+
unit: item.unit,
|
|
38
46
|
color: void 0,
|
|
39
47
|
fill: void 0
|
|
40
48
|
};
|
|
41
|
-
|
|
42
|
-
tooltipEntrySettings:
|
|
43
|
-
dataKey:
|
|
44
|
-
payload:
|
|
45
|
-
value:
|
|
46
|
-
name:
|
|
49
|
+
agg.push(getTooltipEntry({
|
|
50
|
+
tooltipEntrySettings: newSettings,
|
|
51
|
+
dataKey: item.dataKey,
|
|
52
|
+
payload: item.payload,
|
|
53
|
+
value: getValueByDataKey(item.payload, item.dataKey),
|
|
54
|
+
name: item.name
|
|
47
55
|
}));
|
|
48
|
-
})
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
56
|
+
});
|
|
57
|
+
else agg.push(getTooltipEntry({
|
|
58
|
+
tooltipEntrySettings: settings,
|
|
59
|
+
dataKey: finalDataKey,
|
|
60
|
+
payload: tooltipPayload,
|
|
61
|
+
value: getValueByDataKey(tooltipPayload, finalDataKey),
|
|
62
|
+
name: getValueByDataKey(tooltipPayload, finalNameKey) ?? settings?.name
|
|
63
|
+
}));
|
|
64
|
+
return agg;
|
|
55
65
|
}, []);
|
|
56
66
|
}
|
|
57
|
-
function
|
|
58
|
-
|
|
59
|
-
|
|
67
|
+
function selectTooltipAxisType(state) {
|
|
68
|
+
const layout = selectChartLayout(state);
|
|
69
|
+
if (layout === "horizontal") return "xAxis";
|
|
70
|
+
if (layout === "vertical") return "yAxis";
|
|
71
|
+
if (layout === "centric") return "angleAxis";
|
|
72
|
+
return "radiusAxis";
|
|
60
73
|
}
|
|
61
|
-
var
|
|
62
|
-
function
|
|
63
|
-
return
|
|
74
|
+
var selectTooltipAxisId = (state) => state.tooltip.settings.axisId;
|
|
75
|
+
function selectTooltipAxis(state) {
|
|
76
|
+
return selectAxisSettings(state, selectTooltipAxisType(state), selectTooltipAxisId(state));
|
|
64
77
|
}
|
|
65
|
-
var
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
],
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
78
|
+
var selectTooltipAxisRealScaleType = createSelector([
|
|
79
|
+
selectTooltipAxis,
|
|
80
|
+
selectHasBar,
|
|
81
|
+
selectChartName
|
|
82
|
+
], combineRealScaleType);
|
|
83
|
+
var selectAllGraphicalItemsSettings = createSelector([
|
|
84
|
+
createSelector([(state) => state.graphicalItems.cartesianItems, (state) => state.graphicalItems.polarItems], (cartesianItems, polarItems) => [...cartesianItems, ...polarItems]),
|
|
85
|
+
selectTooltipAxis,
|
|
86
|
+
createSelector([selectTooltipAxisType, selectTooltipAxisId], itemAxisPredicate)
|
|
87
|
+
], combineGraphicalItemsSettings);
|
|
88
|
+
/**
|
|
89
|
+
* Data for tooltip always use the data with indexes set by a Brush,
|
|
90
|
+
* and never accept the isPanorama flag:
|
|
91
|
+
* because Tooltip never displays inside the panorama anyway
|
|
92
|
+
* so we don't need to worry what would happen there.
|
|
93
|
+
*/
|
|
94
|
+
var selectTooltipDisplayedData = createSelector([createSelector([selectAllGraphicalItemsSettings], combineGraphicalItemsData), selectChartDataWithIndexes], combineDisplayedData);
|
|
95
|
+
var selectAllTooltipAppliedValues = createSelector([
|
|
96
|
+
selectTooltipDisplayedData,
|
|
97
|
+
selectTooltipAxis,
|
|
98
|
+
selectAllGraphicalItemsSettings
|
|
99
|
+
], combineAppliedValues);
|
|
100
|
+
var selectTooltipAxisDomainDefinition = createSelector([selectTooltipAxis], getDomainDefinition);
|
|
101
|
+
var selectTooltipDomainOfStackGroups = createSelector([
|
|
102
|
+
createSelector([
|
|
103
|
+
selectTooltipDisplayedData,
|
|
104
|
+
selectAllGraphicalItemsSettings,
|
|
105
|
+
selectStackOffsetType
|
|
106
|
+
], combineStackGroups),
|
|
107
|
+
selectChartDataWithIndexes,
|
|
108
|
+
selectTooltipAxisType
|
|
109
|
+
], combineDomainOfStackGroups);
|
|
110
|
+
var selectTooltipAllAppliedNumericalValuesIncludingErrorValues = createSelector([
|
|
111
|
+
selectTooltipDisplayedData,
|
|
112
|
+
selectTooltipAxis,
|
|
113
|
+
createSelector([selectAllGraphicalItemsSettings], filterGraphicalNotStackedItems),
|
|
114
|
+
selectTooltipAxisType
|
|
115
|
+
], combineAppliedNumericalValuesIncludingErrorValues);
|
|
116
|
+
var selectTooltipReferenceDotsDomain = createSelector([createSelector([
|
|
117
|
+
selectReferenceDots,
|
|
118
|
+
selectTooltipAxisType,
|
|
119
|
+
selectTooltipAxisId
|
|
120
|
+
], filterReferenceElements), selectTooltipAxisType], combineDotsDomain);
|
|
121
|
+
var selectTooltipReferenceAreasDomain = createSelector([createSelector([
|
|
122
|
+
selectReferenceAreas,
|
|
123
|
+
selectTooltipAxisType,
|
|
124
|
+
selectTooltipAxisId
|
|
125
|
+
], filterReferenceElements), selectTooltipAxisType], combineAreasDomain);
|
|
126
|
+
var selectTooltipAxisDomain = createSelector([
|
|
127
|
+
selectTooltipAxis,
|
|
128
|
+
selectChartLayout,
|
|
129
|
+
selectTooltipDisplayedData,
|
|
130
|
+
selectAllTooltipAppliedValues,
|
|
131
|
+
selectStackOffsetType,
|
|
132
|
+
selectTooltipAxisType,
|
|
133
|
+
createSelector([
|
|
134
|
+
selectTooltipAxis,
|
|
135
|
+
selectTooltipAxisDomainDefinition,
|
|
136
|
+
selectTooltipDomainOfStackGroups,
|
|
137
|
+
selectTooltipAllAppliedNumericalValuesIncludingErrorValues,
|
|
138
|
+
createSelector([
|
|
139
|
+
selectTooltipReferenceDotsDomain,
|
|
140
|
+
createSelector([createSelector([
|
|
141
|
+
selectReferenceLines,
|
|
142
|
+
selectTooltipAxisType,
|
|
143
|
+
selectTooltipAxisId
|
|
144
|
+
], filterReferenceElements), selectTooltipAxisType], combineLinesDomain),
|
|
145
|
+
selectTooltipReferenceAreasDomain
|
|
146
|
+
], mergeDomains)
|
|
147
|
+
], combineNumericalDomain)
|
|
148
|
+
], combineAxisDomain);
|
|
149
|
+
var selectTooltipAxisDomainIncludingNiceTicks = createSelector([
|
|
150
|
+
selectTooltipAxis,
|
|
151
|
+
selectTooltipAxisDomain,
|
|
152
|
+
createSelector([
|
|
153
|
+
selectTooltipAxisDomain,
|
|
154
|
+
selectTooltipAxis,
|
|
155
|
+
selectTooltipAxisRealScaleType
|
|
156
|
+
], combineNiceTicks),
|
|
157
|
+
selectTooltipAxisType
|
|
158
|
+
], combineAxisDomainWithNiceTicks);
|
|
159
|
+
function selectTooltipAxisRange(state) {
|
|
160
|
+
return selectAxisRange(state, selectTooltipAxisType(state), selectTooltipAxisId(state), false);
|
|
132
161
|
}
|
|
133
|
-
var
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
162
|
+
var selectTooltipAxisRangeWithReverse = createSelector([selectTooltipAxis, selectTooltipAxisRange], combineAxisRangeWithReverse);
|
|
163
|
+
var selectTooltipAxisScale = createSelector([
|
|
164
|
+
selectTooltipAxis,
|
|
165
|
+
selectTooltipAxisRealScaleType,
|
|
166
|
+
selectTooltipAxisDomainIncludingNiceTicks,
|
|
167
|
+
selectTooltipAxisRangeWithReverse
|
|
168
|
+
], combineScaleFunction);
|
|
169
|
+
var selectTooltipDuplicateDomain = createSelector([
|
|
170
|
+
selectChartLayout,
|
|
171
|
+
selectAllTooltipAppliedValues,
|
|
172
|
+
selectTooltipAxis,
|
|
173
|
+
selectTooltipAxisType
|
|
174
|
+
], combineDuplicateDomain);
|
|
175
|
+
var selectTooltipCategoricalDomain = createSelector([
|
|
176
|
+
selectChartLayout,
|
|
177
|
+
selectAllTooltipAppliedValues,
|
|
178
|
+
selectTooltipAxis,
|
|
179
|
+
selectTooltipAxisType
|
|
180
|
+
], combineCategoricalDomain);
|
|
181
|
+
function combineTicksOfTooltipAxis(layout, axis, realScaleType, scale, range, duplicateDomain, categoricalDomain, axisType) {
|
|
182
|
+
if (!axis) return null;
|
|
183
|
+
const { type } = axis;
|
|
184
|
+
const isCategorical = isCategoricalAxis(layout, axisType);
|
|
185
|
+
if (!scale) return null;
|
|
186
|
+
const offsetForBand = realScaleType === "scaleBand" && scale.bandwidth ? scale.bandwidth() / 2 : 2;
|
|
187
|
+
let offset = type === "category" && scale.bandwidth ? scale.bandwidth() / offsetForBand : 0;
|
|
188
|
+
offset = axisType === "angleAxis" && range != null && range?.length >= 2 ? mathSign(range[0] - range[1]) * 2 * offset : offset;
|
|
189
|
+
if (isCategorical && categoricalDomain) return categoricalDomain.map((entry, index) => ({
|
|
190
|
+
coordinate: scale(entry) + offset,
|
|
191
|
+
value: entry,
|
|
192
|
+
index,
|
|
193
|
+
offset
|
|
194
|
+
}));
|
|
195
|
+
return scale.domain().map((entry, index) => ({
|
|
196
|
+
coordinate: scale(entry) + offset,
|
|
197
|
+
value: duplicateDomain ? duplicateDomain[entry] : entry,
|
|
198
|
+
index,
|
|
199
|
+
offset
|
|
164
200
|
}));
|
|
165
201
|
}
|
|
166
|
-
var
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
],
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
],
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
202
|
+
var selectTooltipAxisTicks = createSelector([
|
|
203
|
+
selectChartLayout,
|
|
204
|
+
selectTooltipAxis,
|
|
205
|
+
selectTooltipAxisRealScaleType,
|
|
206
|
+
selectTooltipAxisScale,
|
|
207
|
+
selectTooltipAxisRange,
|
|
208
|
+
selectTooltipDuplicateDomain,
|
|
209
|
+
selectTooltipCategoricalDomain,
|
|
210
|
+
selectTooltipAxisType
|
|
211
|
+
], combineTicksOfTooltipAxis);
|
|
212
|
+
var selectTooltipEventType = createSelector([
|
|
213
|
+
selectDefaultTooltipEventType,
|
|
214
|
+
selectValidateTooltipEventTypes,
|
|
215
|
+
selectTooltipSettings
|
|
216
|
+
], (defaultTooltipEventType, validateTooltipEventType, settings) => combineTooltipEventType(settings.shared, defaultTooltipEventType, validateTooltipEventType));
|
|
217
|
+
var selectTooltipTrigger = (state) => state.tooltip.settings.trigger;
|
|
218
|
+
var selectDefaultIndex = (state) => state.tooltip.settings.defaultIndex;
|
|
219
|
+
var selectTooltipInteractionState = createSelector([
|
|
220
|
+
selectTooltipState,
|
|
221
|
+
selectTooltipEventType,
|
|
222
|
+
selectTooltipTrigger,
|
|
223
|
+
selectDefaultIndex
|
|
224
|
+
], combineTooltipInteractionState);
|
|
225
|
+
var selectActiveTooltipIndex = createSelector([
|
|
226
|
+
selectTooltipInteractionState,
|
|
227
|
+
selectTooltipDisplayedData,
|
|
228
|
+
createSelector([selectTooltipAxis], (axis) => axis?.dataKey),
|
|
229
|
+
selectTooltipAxisDomain
|
|
230
|
+
], combineActiveTooltipIndex);
|
|
231
|
+
var selectActiveLabel = createSelector([selectTooltipAxisTicks, selectActiveTooltipIndex], combineActiveLabel);
|
|
232
|
+
var selectActiveTooltipDataKey = createSelector([selectTooltipInteractionState], (tooltipInteraction) => {
|
|
233
|
+
if (!tooltipInteraction) return;
|
|
234
|
+
return tooltipInteraction.dataKey;
|
|
235
|
+
});
|
|
236
|
+
var selectTooltipPayloadConfigurations = createSelector([
|
|
237
|
+
selectTooltipState,
|
|
238
|
+
selectTooltipEventType,
|
|
239
|
+
selectTooltipTrigger,
|
|
240
|
+
selectDefaultIndex
|
|
241
|
+
], combineTooltipPayloadConfigurations);
|
|
242
|
+
var selectActiveTooltipCoordinate = createSelector([selectTooltipInteractionState, createSelector([
|
|
243
|
+
selectChartWidth,
|
|
244
|
+
selectChartHeight,
|
|
245
|
+
selectChartLayout,
|
|
246
|
+
selectChartOffset,
|
|
247
|
+
selectTooltipAxisTicks,
|
|
248
|
+
selectDefaultIndex,
|
|
249
|
+
selectTooltipPayloadConfigurations,
|
|
250
|
+
selectTooltipPayloadSearcher
|
|
251
|
+
], combineCoordinateForDefaultIndex)], (tooltipInteractionState, defaultIndexCoordinate) => {
|
|
252
|
+
return tooltipInteractionState.coordinate ?? defaultIndexCoordinate;
|
|
253
|
+
});
|
|
254
|
+
var selectIsTooltipActive = createSelector([selectTooltipInteractionState], (tooltipInteractionState) => tooltipInteractionState.active);
|
|
255
|
+
createSelector([createSelector([
|
|
256
|
+
selectTooltipPayloadConfigurations,
|
|
257
|
+
selectActiveTooltipIndex,
|
|
258
|
+
selectChartDataWithIndexes,
|
|
259
|
+
selectTooltipAxis,
|
|
260
|
+
selectActiveLabel,
|
|
261
|
+
selectTooltipPayloadSearcher,
|
|
262
|
+
selectTooltipEventType
|
|
263
|
+
], combineTooltipPayload)], (payload) => {
|
|
264
|
+
if (payload == null) return;
|
|
265
|
+
const dataPoints = payload.map((p) => p.payload).filter((p) => p != null);
|
|
266
|
+
return Array.from(new Set(dataPoints));
|
|
218
267
|
});
|
|
219
268
|
//#endregion
|
|
220
|
-
export {
|
|
269
|
+
export { combineTooltipPayload, selectActiveLabel, selectActiveTooltipCoordinate, selectActiveTooltipDataKey, selectActiveTooltipIndex, selectIsTooltipActive, selectTooltipAxis, selectTooltipAxisDomain, selectTooltipAxisRangeWithReverse, selectTooltipAxisScale, selectTooltipAxisTicks, selectTooltipAxisType, selectTooltipDisplayedData };
|
|
@@ -1,16 +1,19 @@
|
|
|
1
|
-
import { selectTooltipPayloadSearcher
|
|
2
|
-
import { selectTooltipState
|
|
3
|
-
import { createSelector
|
|
4
|
-
var
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
(
|
|
8
|
-
(
|
|
9
|
-
], (
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
if (
|
|
1
|
+
import { selectTooltipPayloadSearcher } from "./selectTooltipPayloadSearcher.mjs";
|
|
2
|
+
import { selectTooltipState } from "./selectTooltipState.mjs";
|
|
3
|
+
import { createSelector } from "@reduxjs/toolkit";
|
|
4
|
+
var selectTooltipCoordinate = createSelector([
|
|
5
|
+
createSelector([selectTooltipState], (tooltipState) => tooltipState.tooltipItemPayloads),
|
|
6
|
+
selectTooltipPayloadSearcher,
|
|
7
|
+
(_state, tooltipIndex, _dataKey) => tooltipIndex,
|
|
8
|
+
(_state, _tooltipIndex, dataKey) => dataKey
|
|
9
|
+
], (allTooltipConfigurations, tooltipPayloadSearcher, tooltipIndex, dataKey) => {
|
|
10
|
+
const mostRelevantTooltipConfiguration = allTooltipConfigurations.find((tooltipConfiguration) => {
|
|
11
|
+
return tooltipConfiguration.settings.dataKey === dataKey;
|
|
12
|
+
});
|
|
13
|
+
if (mostRelevantTooltipConfiguration == null) return;
|
|
14
|
+
const { positions } = mostRelevantTooltipConfiguration;
|
|
15
|
+
if (positions == null) return;
|
|
16
|
+
return tooltipPayloadSearcher?.(positions, tooltipIndex);
|
|
14
17
|
});
|
|
15
18
|
//#endregion
|
|
16
|
-
export {
|
|
19
|
+
export { selectTooltipCoordinate };
|
package/dist/es/state/store.mjs
CHANGED
|
@@ -1,55 +1,55 @@
|
|
|
1
|
-
import { tooltipReducer
|
|
2
|
-
import { graphicalItemsReducer
|
|
3
|
-
import { legendReducer
|
|
4
|
-
import { cartesianAxisReducer
|
|
5
|
-
import { referenceElementsReducer
|
|
6
|
-
import { optionsReducer
|
|
7
|
-
import { chartDataReducer
|
|
8
|
-
import { chartLayoutReducer
|
|
9
|
-
import { mouseClickMiddleware
|
|
10
|
-
import { reduxDevtoolsJsonStringifyReplacer
|
|
11
|
-
import { brushReducer
|
|
12
|
-
import { rootPropsReducer
|
|
13
|
-
import { polarAxisReducer
|
|
14
|
-
import { polarOptionsReducer
|
|
15
|
-
import { keyboardEventsMiddleware
|
|
16
|
-
import { externalEventsMiddleware
|
|
17
|
-
import { touchEventMiddleware
|
|
18
|
-
import { combineReducers
|
|
1
|
+
import { tooltipReducer } from "./tooltipSlice.mjs";
|
|
2
|
+
import { graphicalItemsReducer } from "./graphicalItemsSlice.mjs";
|
|
3
|
+
import { legendReducer } from "./legendSlice.mjs";
|
|
4
|
+
import { cartesianAxisReducer } from "./cartesianAxisSlice.mjs";
|
|
5
|
+
import { referenceElementsReducer } from "./referenceElementsSlice.mjs";
|
|
6
|
+
import { optionsReducer } from "./optionsSlice.mjs";
|
|
7
|
+
import { chartDataReducer } from "./chartDataSlice.mjs";
|
|
8
|
+
import { chartLayoutReducer } from "./layoutSlice.mjs";
|
|
9
|
+
import { mouseClickMiddleware, mouseMoveMiddleware } from "./mouseEventsMiddleware.mjs";
|
|
10
|
+
import { reduxDevtoolsJsonStringifyReplacer } from "./reduxDevtoolsJsonStringifyReplacer.mjs";
|
|
11
|
+
import { brushReducer } from "./brushSlice.mjs";
|
|
12
|
+
import { rootPropsReducer } from "./rootPropsSlice.mjs";
|
|
13
|
+
import { polarAxisReducer } from "./polarAxisSlice.mjs";
|
|
14
|
+
import { polarOptionsReducer } from "./polarOptionsSlice.mjs";
|
|
15
|
+
import { keyboardEventsMiddleware } from "./keyboardEventsMiddleware.mjs";
|
|
16
|
+
import { externalEventsMiddleware } from "./externalEventsMiddleware.mjs";
|
|
17
|
+
import { touchEventMiddleware } from "./touchEventsMiddleware.mjs";
|
|
18
|
+
import { combineReducers, configureStore } from "@reduxjs/toolkit";
|
|
19
19
|
//#region src/state/store.ts
|
|
20
|
-
var
|
|
21
|
-
brush:
|
|
22
|
-
cartesianAxis:
|
|
23
|
-
chartData:
|
|
24
|
-
graphicalItems:
|
|
25
|
-
layout:
|
|
26
|
-
legend:
|
|
27
|
-
options:
|
|
28
|
-
polarAxis:
|
|
29
|
-
polarOptions:
|
|
30
|
-
referenceElements:
|
|
31
|
-
rootProps:
|
|
32
|
-
tooltip:
|
|
20
|
+
var rootReducer = combineReducers({
|
|
21
|
+
brush: brushReducer,
|
|
22
|
+
cartesianAxis: cartesianAxisReducer,
|
|
23
|
+
chartData: chartDataReducer,
|
|
24
|
+
graphicalItems: graphicalItemsReducer,
|
|
25
|
+
layout: chartLayoutReducer,
|
|
26
|
+
legend: legendReducer,
|
|
27
|
+
options: optionsReducer,
|
|
28
|
+
polarAxis: polarAxisReducer,
|
|
29
|
+
polarOptions: polarOptionsReducer,
|
|
30
|
+
referenceElements: referenceElementsReducer,
|
|
31
|
+
rootProps: rootPropsReducer,
|
|
32
|
+
tooltip: tooltipReducer
|
|
33
33
|
});
|
|
34
|
-
function
|
|
35
|
-
return
|
|
36
|
-
reducer:
|
|
37
|
-
preloadedState
|
|
38
|
-
middleware: (
|
|
39
|
-
serializableCheck:
|
|
40
|
-
immutableCheck:
|
|
34
|
+
function createRechartsStore(preloadedState, chartName = "Chart") {
|
|
35
|
+
return configureStore({
|
|
36
|
+
reducer: rootReducer,
|
|
37
|
+
preloadedState,
|
|
38
|
+
middleware: (getDefaultMiddleware) => getDefaultMiddleware({
|
|
39
|
+
serializableCheck: false,
|
|
40
|
+
immutableCheck: false
|
|
41
41
|
}).concat([
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
42
|
+
mouseClickMiddleware.middleware,
|
|
43
|
+
mouseMoveMiddleware.middleware,
|
|
44
|
+
keyboardEventsMiddleware.middleware,
|
|
45
|
+
externalEventsMiddleware,
|
|
46
|
+
touchEventMiddleware.middleware
|
|
47
47
|
]),
|
|
48
48
|
devTools: {
|
|
49
|
-
serialize: { replacer:
|
|
50
|
-
name: `v-charts-${
|
|
49
|
+
serialize: { replacer: reduxDevtoolsJsonStringifyReplacer },
|
|
50
|
+
name: `v-charts-${chartName}`
|
|
51
51
|
}
|
|
52
52
|
});
|
|
53
53
|
}
|
|
54
54
|
//#endregion
|
|
55
|
-
export {
|
|
55
|
+
export { createRechartsStore };
|