@elliemae/ds-dataviz 3.36.0-rc.0 → 3.36.1-next.7
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/cjs/graphs/Chart/SingleStackedBar/SingleStackedBar.js +2 -4
- package/dist/cjs/graphs/Chart/SingleStackedBar/SingleStackedBar.js.map +1 -1
- package/dist/cjs/graphs/Chart/SingleStackedBar/index.js +0 -1
- package/dist/cjs/graphs/Chart/SingleStackedBar/index.js.map +1 -1
- package/dist/cjs/graphs/Chart/SingleStackedBar/styles.js.map +1 -1
- package/dist/cjs/graphs/Chart/config/useChart.js.map +1 -1
- package/dist/cjs/graphs/Chart/config/useGetters.js +15 -30
- package/dist/cjs/graphs/Chart/config/useGetters.js.map +1 -1
- package/dist/cjs/graphs/Chart/config/useKeyboardNavigation.js +17 -34
- package/dist/cjs/graphs/Chart/config/useKeyboardNavigation.js.map +1 -1
- package/dist/cjs/graphs/Chart/config/useScales.js +11 -22
- package/dist/cjs/graphs/Chart/config/useScales.js.map +1 -1
- package/dist/cjs/graphs/Chart/config/useValidateProps.js.map +1 -1
- package/dist/cjs/graphs/Chart/helpers/index.js +5 -10
- package/dist/cjs/graphs/Chart/helpers/index.js.map +1 -1
- package/dist/cjs/graphs/Chart/helpers/useUniqueData.js +3 -6
- package/dist/cjs/graphs/Chart/helpers/useUniqueData.js.map +1 -1
- package/dist/cjs/graphs/Chart/helpers/useVirtualizedSeries.js +2 -4
- package/dist/cjs/graphs/Chart/helpers/useVirtualizedSeries.js.map +1 -1
- package/dist/cjs/graphs/Chart/parts/A11yRegion.js +1 -2
- package/dist/cjs/graphs/Chart/parts/A11yRegion.js.map +1 -1
- package/dist/cjs/graphs/Chart/parts/Axis/Axis.js +1 -2
- package/dist/cjs/graphs/Chart/parts/Axis/Axis.js.map +1 -1
- package/dist/cjs/graphs/Chart/parts/Axis/AxisBottom.js +6 -12
- package/dist/cjs/graphs/Chart/parts/Axis/AxisBottom.js.map +1 -1
- package/dist/cjs/graphs/Chart/parts/Axis/AxisLeft.js +5 -10
- package/dist/cjs/graphs/Chart/parts/Axis/AxisLeft.js.map +1 -1
- package/dist/cjs/graphs/Chart/parts/Axis/AxisRight.js +5 -10
- package/dist/cjs/graphs/Chart/parts/Axis/AxisRight.js.map +1 -1
- package/dist/cjs/graphs/Chart/parts/Axis/Tick.js.map +1 -1
- package/dist/cjs/graphs/Chart/parts/ChartContainer.js +6 -12
- package/dist/cjs/graphs/Chart/parts/ChartContainer.js.map +1 -1
- package/dist/cjs/graphs/Chart/parts/ClipPaths.js.map +1 -1
- package/dist/cjs/graphs/Chart/parts/Labels/Label.js.map +1 -1
- package/dist/cjs/graphs/Chart/parts/Legend/BottomLegend.js +1 -2
- package/dist/cjs/graphs/Chart/parts/Legend/BottomLegend.js.map +1 -1
- package/dist/cjs/graphs/Chart/parts/Legend/LeftLegend.js.map +1 -1
- package/dist/cjs/graphs/Chart/parts/Legend/Legend.js +4 -8
- package/dist/cjs/graphs/Chart/parts/Legend/Legend.js.map +1 -1
- package/dist/cjs/graphs/Chart/parts/Legend/LegendItem.js +3 -6
- package/dist/cjs/graphs/Chart/parts/Legend/LegendItem.js.map +1 -1
- package/dist/cjs/graphs/Chart/parts/Legend/RightLegend.js.map +1 -1
- package/dist/cjs/graphs/Chart/parts/Legend/TopLegend.js.map +1 -1
- package/dist/cjs/graphs/Chart/parts/Scrapper/Scrapper.js +1 -2
- package/dist/cjs/graphs/Chart/parts/Scrapper/Scrapper.js.map +1 -1
- package/dist/cjs/graphs/Chart/parts/Scrapper/ScrapperLine.js +1 -2
- package/dist/cjs/graphs/Chart/parts/Scrapper/ScrapperLine.js.map +1 -1
- package/dist/cjs/graphs/Chart/parts/Scrapper/VerticalScrapperLine.js +1 -2
- package/dist/cjs/graphs/Chart/parts/Scrapper/VerticalScrapperLine.js.map +1 -1
- package/dist/cjs/graphs/Chart/parts/Scroller/BlurMask.js +1 -2
- package/dist/cjs/graphs/Chart/parts/Scroller/BlurMask.js.map +1 -1
- package/dist/cjs/graphs/Chart/parts/Scroller/Controllers.js +2 -4
- package/dist/cjs/graphs/Chart/parts/Scroller/Controllers.js.map +1 -1
- package/dist/cjs/graphs/Chart/parts/Scroller/ScrollBarX.js.map +1 -1
- package/dist/cjs/graphs/Chart/parts/Scroller/ScrollBarY.js.map +1 -1
- package/dist/cjs/graphs/Chart/parts/Scroller/ScrollableContainerX.js +7 -14
- package/dist/cjs/graphs/Chart/parts/Scroller/ScrollableContainerX.js.map +1 -1
- package/dist/cjs/graphs/Chart/parts/Scroller/ScrollableContainerY.js +2 -4
- package/dist/cjs/graphs/Chart/parts/Scroller/ScrollableContainerY.js.map +1 -1
- package/dist/cjs/graphs/Chart/parts/TrendHighlight.js +1 -2
- package/dist/cjs/graphs/Chart/parts/TrendHighlight.js.map +1 -1
- package/dist/cjs/graphs/Chart/scales/index.js +13 -26
- package/dist/cjs/graphs/Chart/scales/index.js.map +1 -1
- package/dist/cjs/graphs/Chart/series/Area.js.map +1 -1
- package/dist/cjs/graphs/Chart/series/Bars.js.map +1 -1
- package/dist/cjs/graphs/Chart/series/HorizontalBars.js.map +1 -1
- package/dist/cjs/graphs/Chart/series/HorizontalStackedBars.js.map +1 -1
- package/dist/cjs/graphs/Chart/series/Line.js +1 -2
- package/dist/cjs/graphs/Chart/series/Line.js.map +1 -1
- package/dist/cjs/graphs/Chart/series/Point.js +2 -4
- package/dist/cjs/graphs/Chart/series/Point.js.map +1 -1
- package/dist/cjs/graphs/Chart/series/Points.js.map +1 -1
- package/dist/cjs/graphs/Chart/series/Rect.js +5 -10
- package/dist/cjs/graphs/Chart/series/Rect.js.map +1 -1
- package/dist/cjs/graphs/Chart/series/StackedBar.js.map +1 -1
- package/dist/cjs/graphs/Chart/styles.js.map +1 -1
- package/dist/esm/graphs/Chart/SingleStackedBar/SingleStackedBar.js +2 -4
- package/dist/esm/graphs/Chart/SingleStackedBar/SingleStackedBar.js.map +1 -1
- package/dist/esm/graphs/Chart/SingleStackedBar/index.js +0 -1
- package/dist/esm/graphs/Chart/SingleStackedBar/index.js.map +1 -1
- package/dist/esm/graphs/Chart/SingleStackedBar/styles.js.map +1 -1
- package/dist/esm/graphs/Chart/config/useChart.js.map +1 -1
- package/dist/esm/graphs/Chart/config/useGetters.js +15 -30
- package/dist/esm/graphs/Chart/config/useGetters.js.map +1 -1
- package/dist/esm/graphs/Chart/config/useKeyboardNavigation.js +17 -34
- package/dist/esm/graphs/Chart/config/useKeyboardNavigation.js.map +1 -1
- package/dist/esm/graphs/Chart/config/useScales.js +11 -22
- package/dist/esm/graphs/Chart/config/useScales.js.map +1 -1
- package/dist/esm/graphs/Chart/config/useValidateProps.js.map +1 -1
- package/dist/esm/graphs/Chart/helpers/index.js +5 -10
- package/dist/esm/graphs/Chart/helpers/index.js.map +1 -1
- package/dist/esm/graphs/Chart/helpers/useUniqueData.js +3 -6
- package/dist/esm/graphs/Chart/helpers/useUniqueData.js.map +1 -1
- package/dist/esm/graphs/Chart/helpers/useVirtualizedSeries.js +2 -4
- package/dist/esm/graphs/Chart/helpers/useVirtualizedSeries.js.map +1 -1
- package/dist/esm/graphs/Chart/parts/A11yRegion.js +1 -2
- package/dist/esm/graphs/Chart/parts/A11yRegion.js.map +1 -1
- package/dist/esm/graphs/Chart/parts/Axis/Axis.js +1 -2
- package/dist/esm/graphs/Chart/parts/Axis/Axis.js.map +1 -1
- package/dist/esm/graphs/Chart/parts/Axis/AxisBottom.js +6 -12
- package/dist/esm/graphs/Chart/parts/Axis/AxisBottom.js.map +1 -1
- package/dist/esm/graphs/Chart/parts/Axis/AxisLeft.js +5 -10
- package/dist/esm/graphs/Chart/parts/Axis/AxisLeft.js.map +1 -1
- package/dist/esm/graphs/Chart/parts/Axis/AxisRight.js +5 -10
- package/dist/esm/graphs/Chart/parts/Axis/AxisRight.js.map +1 -1
- package/dist/esm/graphs/Chart/parts/Axis/Tick.js.map +1 -1
- package/dist/esm/graphs/Chart/parts/ChartContainer.js +6 -12
- package/dist/esm/graphs/Chart/parts/ChartContainer.js.map +1 -1
- package/dist/esm/graphs/Chart/parts/ClipPaths.js.map +1 -1
- package/dist/esm/graphs/Chart/parts/Labels/Label.js.map +1 -1
- package/dist/esm/graphs/Chart/parts/Legend/BottomLegend.js +1 -2
- package/dist/esm/graphs/Chart/parts/Legend/BottomLegend.js.map +1 -1
- package/dist/esm/graphs/Chart/parts/Legend/LeftLegend.js.map +1 -1
- package/dist/esm/graphs/Chart/parts/Legend/Legend.js +4 -8
- package/dist/esm/graphs/Chart/parts/Legend/Legend.js.map +1 -1
- package/dist/esm/graphs/Chart/parts/Legend/LegendItem.js +3 -6
- package/dist/esm/graphs/Chart/parts/Legend/LegendItem.js.map +1 -1
- package/dist/esm/graphs/Chart/parts/Legend/RightLegend.js.map +1 -1
- package/dist/esm/graphs/Chart/parts/Legend/TopLegend.js.map +1 -1
- package/dist/esm/graphs/Chart/parts/Scrapper/Scrapper.js +1 -2
- package/dist/esm/graphs/Chart/parts/Scrapper/Scrapper.js.map +1 -1
- package/dist/esm/graphs/Chart/parts/Scrapper/ScrapperLine.js +1 -2
- package/dist/esm/graphs/Chart/parts/Scrapper/ScrapperLine.js.map +1 -1
- package/dist/esm/graphs/Chart/parts/Scrapper/VerticalScrapperLine.js +1 -2
- package/dist/esm/graphs/Chart/parts/Scrapper/VerticalScrapperLine.js.map +1 -1
- package/dist/esm/graphs/Chart/parts/Scroller/BlurMask.js +1 -2
- package/dist/esm/graphs/Chart/parts/Scroller/BlurMask.js.map +1 -1
- package/dist/esm/graphs/Chart/parts/Scroller/Controllers.js +2 -4
- package/dist/esm/graphs/Chart/parts/Scroller/Controllers.js.map +1 -1
- package/dist/esm/graphs/Chart/parts/Scroller/ScrollBarX.js.map +1 -1
- package/dist/esm/graphs/Chart/parts/Scroller/ScrollBarY.js.map +1 -1
- package/dist/esm/graphs/Chart/parts/Scroller/ScrollableContainerX.js +7 -14
- package/dist/esm/graphs/Chart/parts/Scroller/ScrollableContainerX.js.map +1 -1
- package/dist/esm/graphs/Chart/parts/Scroller/ScrollableContainerY.js +2 -4
- package/dist/esm/graphs/Chart/parts/Scroller/ScrollableContainerY.js.map +1 -1
- package/dist/esm/graphs/Chart/parts/TrendHighlight.js +1 -2
- package/dist/esm/graphs/Chart/parts/TrendHighlight.js.map +1 -1
- package/dist/esm/graphs/Chart/scales/index.js +13 -26
- package/dist/esm/graphs/Chart/scales/index.js.map +1 -1
- package/dist/esm/graphs/Chart/series/Area.js.map +1 -1
- package/dist/esm/graphs/Chart/series/Bars.js.map +1 -1
- package/dist/esm/graphs/Chart/series/HorizontalBars.js.map +1 -1
- package/dist/esm/graphs/Chart/series/HorizontalStackedBars.js.map +1 -1
- package/dist/esm/graphs/Chart/series/Line.js +1 -2
- package/dist/esm/graphs/Chart/series/Line.js.map +1 -1
- package/dist/esm/graphs/Chart/series/Point.js +2 -4
- package/dist/esm/graphs/Chart/series/Point.js.map +1 -1
- package/dist/esm/graphs/Chart/series/Points.js.map +1 -1
- package/dist/esm/graphs/Chart/series/Rect.js +5 -10
- package/dist/esm/graphs/Chart/series/Rect.js.map +1 -1
- package/dist/esm/graphs/Chart/series/StackedBar.js.map +1 -1
- package/dist/esm/graphs/Chart/styles.js.map +1 -1
- package/package.json +7 -7
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/graphs/Chart/parts/Axis/AxisBottom.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\n/* eslint-disable complexity */\nimport React, { useContext, useMemo, useCallback } from 'react';\nimport type { CSSProperties } from 'react';\nimport { ChartContext } from '../../ChartContext.js';\nimport { Axis, type GridRenderPropsT, type TickRenderPropsT } from './Axis.js';\nimport { Tick } from './Tick.js';\nimport { GridLine } from './GridLine.js';\nimport { COLOR_PALLET } from '../../helpers/colorPallet.js';\n\nexport const AxisBottom = React.memo(() => {\n const {\n props: { xAxis, xScroll },\n innerHeight,\n xScale,\n innerWidth,\n containerRatio,\n setAxisBottomRef,\n } = useContext(ChartContext);\n\n const realInnerWidth = useMemo(\n () => innerWidth * (xScroll ? containerRatio : 1),\n [containerRatio, innerWidth, xScroll],\n );\n\n const { tickRotation } = xAxis.tick || {};\n const { showGrid, intervalType } = xAxis;\n\n const textProps = useMemo(() => {\n const commomProps = { fill: COLOR_PALLET[xAxis?.tick?.color as keyof typeof COLOR_PALLET] || xAxis?.tick?.color };\n if (!tickRotation) return { ...commomProps, y: 17 };\n return {\n ...commomProps,\n dx: 8 * Math.sin(Math.PI * (tickRotation / 180)),\n dy: '.71em',\n y: Math.ceil(11.5 - 2.5 * (tickRotation / 15) * (tickRotation > 0 ? 1 : -1)),\n transform: `rotate(${tickRotation})`,\n };\n }, [tickRotation, xAxis?.tick?.color]);\n\n const style: CSSProperties = useMemo(() => {\n if (!tickRotation) return { textAnchor: 'middle' };\n return { textAnchor: tickRotation > 0 ? 'start' : 'end' };\n }, [tickRotation]);\n\n const GridRenderer = useCallback(\n (props: GridRenderPropsT) => {\n if (!showGrid) return null;\n\n const { position, tickValue, ...rest } = props;\n const gridLineCoords = {\n x1: position,\n x2: position,\n y1: 0,\n y2: innerHeight,\n };\n const tickFormatted = xScale?.getTickFormatted(tickValue);\n if (tickFormatted === '') return null;\n return <GridLine {...gridLineCoords} {...rest} />;\n },\n [innerHeight, showGrid, xScale],\n );\n\n const TickRenderer = useCallback(\n (props: TickRenderPropsT) => {\n const { position, tickValue, ...rest } = props;\n const tickLineCoords = {\n y2: 5,\n stroke: COLOR_PALLET[xAxis?.tick?.color as keyof typeof COLOR_PALLET] || xAxis?.tick?.color,\n };\n const tickFormatted = xScale?.getTickFormatted(tickValue);\n if (tickFormatted === '') return null;\n return (\n <Tick\n {...tickLineCoords}\n tickValue={tickFormatted}\n xTranslate={position}\n yTranslate={innerHeight}\n textProps={textProps}\n textStyle={style}\n {...rest}\n />\n );\n },\n [xAxis?.tick?.color, xScale, innerHeight, textProps, style],\n );\n\n const axisColor = useMemo(() => COLOR_PALLET[xAxis.color as keyof typeof COLOR_PALLET] || xAxis.color, [xAxis.color]);\n\n return useMemo(() => {\n if (xAxis.hideAxis) return null;\n const lineCoords = {\n x1: 0,\n x2: realInnerWidth,\n y1: innerHeight,\n y2: innerHeight,\n };\n\n return (\n <Axis\n lineCoords={lineCoords}\n scale={xScale}\n innerRef={setAxisBottomRef}\n dimension={realInnerWidth}\n TickRenderer={TickRenderer}\n GridRenderer={GridRenderer}\n color={axisColor}\n intervalType={intervalType}\n />\n );\n }, [\n GridRenderer,\n TickRenderer,\n intervalType,\n axisColor,\n innerHeight,\n realInnerWidth,\n setAxisBottomRef,\n xAxis.hideAxis,\n xScale,\n ]);\n});\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;AC0DV;AAxDb,OAAOA,UAAS,YAAY,SAAS,mBAAmB;AAExD,SAAS,oBAAoB;AAC7B,SAAS,YAA0D;AACnE,SAAS,YAAY;AACrB,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAEtB,MAAM,aAAaA,OAAM,KAAK,MAAM;AACzC,QAAM;AAAA,IACJ,OAAO,EAAE,OAAO,QAAQ;AAAA,IACxB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,WAAW,YAAY;AAE3B,QAAM,iBAAiB;AAAA,IACrB,MAAM,cAAc,UAAU,iBAAiB;AAAA,IAC/C,CAAC,gBAAgB,YAAY,OAAO;AAAA,EACtC;AAEA,QAAM,EAAE,aAAa,IAAI,MAAM,QAAQ,CAAC;AACxC,QAAM,EAAE,UAAU,aAAa,IAAI;AAEnC,QAAM,YAAY,QAAQ,MAAM;AAC9B,UAAM,cAAc,EAAE,MAAM,aAAa,OAAO,MAAM,KAAkC,KAAK,OAAO,MAAM,MAAM;AAChH,QAAI,CAAC
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -24,8 +24,7 @@ const AxisLeft = React2.memo(() => {
|
|
|
24
24
|
);
|
|
25
25
|
const textProps = useMemo(() => {
|
|
26
26
|
const commomProps = { fill: COLOR_PALLET[yAxis?.tick?.color] || yAxis?.tick?.color };
|
|
27
|
-
if (!tickRotation)
|
|
28
|
-
return { ...commomProps, x: -10, dy: "0.32em" };
|
|
27
|
+
if (!tickRotation) return { ...commomProps, x: -10, dy: "0.32em" };
|
|
29
28
|
return {
|
|
30
29
|
...commomProps,
|
|
31
30
|
dy: ".30em",
|
|
@@ -42,8 +41,7 @@ const AxisLeft = React2.memo(() => {
|
|
|
42
41
|
);
|
|
43
42
|
const GridRenderer = useCallback(
|
|
44
43
|
(props) => {
|
|
45
|
-
if (!showGrid)
|
|
46
|
-
return null;
|
|
44
|
+
if (!showGrid) return null;
|
|
47
45
|
const { position, tickValue, ...rest } = props;
|
|
48
46
|
const gridLineCoords = {
|
|
49
47
|
x1: 0,
|
|
@@ -52,8 +50,7 @@ const AxisLeft = React2.memo(() => {
|
|
|
52
50
|
y2: position
|
|
53
51
|
};
|
|
54
52
|
const tickFormatted = yScale?.getTickFormatted(tickValue);
|
|
55
|
-
if (tickFormatted === "")
|
|
56
|
-
return null;
|
|
53
|
+
if (tickFormatted === "") return null;
|
|
57
54
|
return /* @__PURE__ */ jsx(GridLine, { ...gridLineCoords, ...rest });
|
|
58
55
|
},
|
|
59
56
|
[showGrid, innerWidth, yScale]
|
|
@@ -66,8 +63,7 @@ const AxisLeft = React2.memo(() => {
|
|
|
66
63
|
stroke: COLOR_PALLET[yAxis?.tick?.color] || yAxis?.tick?.color
|
|
67
64
|
};
|
|
68
65
|
const tickFormatted = yScale?.getTickFormatted(tickValue);
|
|
69
|
-
if (tickFormatted === "")
|
|
70
|
-
return null;
|
|
66
|
+
if (tickFormatted === "") return null;
|
|
71
67
|
return /* @__PURE__ */ jsx(
|
|
72
68
|
Tick,
|
|
73
69
|
{
|
|
@@ -85,8 +81,7 @@ const AxisLeft = React2.memo(() => {
|
|
|
85
81
|
);
|
|
86
82
|
const axisColor = useMemo(() => COLOR_PALLET[yAxis.color] || yAxis.color, [yAxis.color]);
|
|
87
83
|
return useMemo(() => {
|
|
88
|
-
if (yAxis.hideAxis)
|
|
89
|
-
return null;
|
|
84
|
+
if (yAxis.hideAxis) return null;
|
|
90
85
|
const lineCoords = {
|
|
91
86
|
x1: 0,
|
|
92
87
|
x2: 0,
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/graphs/Chart/parts/Axis/AxisLeft.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\n/* eslint-disable complexity */\nimport React, { type CSSProperties, useCallback, useContext, useMemo } from 'react';\nimport { ChartContext } from '../../ChartContext.js';\nimport { Axis, type TickRenderPropsT, type GridRenderPropsT } from './Axis.js';\nimport { Tick } from './Tick.js';\nimport { GridLine } from './GridLine.js';\nimport { COLOR_PALLET } from '../../helpers/colorPallet.js';\n\nexport const AxisLeft = React.memo(() => {\n const {\n props: { yAxis, yScroll },\n innerHeight,\n height,\n yScale,\n innerWidth,\n containerRatio,\n setAxisLeftRef,\n } = useContext(ChartContext);\n\n const { tickRotation } = yAxis.tick || {};\n const { showGrid, intervalType } = yAxis;\n\n const realInnerHeight = useMemo(\n () => innerHeight * (yScroll ? containerRatio : 1),\n [containerRatio, innerHeight, yScroll],\n );\n\n const textProps = useMemo(() => {\n const commomProps = { fill: COLOR_PALLET[yAxis?.tick?.color as keyof typeof COLOR_PALLET] || yAxis?.tick?.color };\n if (!tickRotation) return { ...commomProps, x: -10, dy: '0.32em' };\n return {\n ...commomProps,\n dy: '.30em',\n dx: '-.10em',\n x: Math.trunc(-(11.5 - 2.5 * (tickRotation / 15) * (tickRotation > 0 ? 1 : -1))),\n transform: `rotate(${tickRotation})`,\n };\n }, [tickRotation, yAxis?.tick?.color]);\n\n const style: CSSProperties = useMemo(\n () => ({\n textAnchor: 'end',\n }),\n [],\n );\n\n const GridRenderer = useCallback(\n (props: GridRenderPropsT) => {\n if (!showGrid) return null;\n const { position, tickValue, ...rest } = props;\n const gridLineCoords = {\n x1: 0,\n x2: innerWidth,\n y1: position,\n y2: position,\n };\n const tickFormatted = yScale?.getTickFormatted(tickValue);\n if (tickFormatted === '') return null;\n return <GridLine {...gridLineCoords} {...rest} />;\n },\n [showGrid, innerWidth, yScale],\n );\n\n const TickRenderer = useCallback(\n (props: TickRenderPropsT) => {\n const { position, tickValue, ...rest } = props;\n const tickLineCoords = {\n x2: -5,\n stroke: COLOR_PALLET[yAxis?.tick?.color as keyof typeof COLOR_PALLET] || yAxis?.tick?.color,\n };\n const tickFormatted = yScale?.getTickFormatted(tickValue) as string;\n if (tickFormatted === '') return null;\n return (\n <Tick\n {...tickLineCoords}\n xTranslate={0}\n yTranslate={position}\n textProps={textProps}\n textStyle={style}\n tickValue={tickFormatted}\n {...rest}\n />\n );\n },\n [style, textProps, yAxis?.tick?.color, yScale],\n );\n\n const axisColor = useMemo(() => COLOR_PALLET[yAxis.color as keyof typeof COLOR_PALLET] || yAxis.color, [yAxis.color]);\n\n return useMemo(() => {\n if (yAxis.hideAxis) return null;\n const lineCoords = {\n x1: 0,\n x2: 0,\n y1: 0,\n y2: realInnerHeight,\n };\n\n return (\n <Axis\n lineCoords={lineCoords}\n scale={yScale}\n innerRef={setAxisLeftRef}\n dimension={height}\n GridRenderer={GridRenderer}\n TickRenderer={TickRenderer}\n color={axisColor}\n intervalType={intervalType}\n />\n );\n }, [\n GridRenderer,\n intervalType,\n TickRenderer,\n axisColor,\n height,\n realInnerHeight,\n setAxisLeftRef,\n yAxis.hideAxis,\n yScale,\n ]);\n});\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;AC2DV;AAzDb,OAAOA,UAA6B,aAAa,YAAY,eAAe;AAC5E,SAAS,oBAAoB;AAC7B,SAAS,YAA0D;AACnE,SAAS,YAAY;AACrB,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAEtB,MAAM,WAAWA,OAAM,KAAK,MAAM;AACvC,QAAM;AAAA,IACJ,OAAO,EAAE,OAAO,QAAQ;AAAA,IACxB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,WAAW,YAAY;AAE3B,QAAM,EAAE,aAAa,IAAI,MAAM,QAAQ,CAAC;AACxC,QAAM,EAAE,UAAU,aAAa,IAAI;AAEnC,QAAM,kBAAkB;AAAA,IACtB,MAAM,eAAe,UAAU,iBAAiB;AAAA,IAChD,CAAC,gBAAgB,aAAa,OAAO;AAAA,EACvC;AAEA,QAAM,YAAY,QAAQ,MAAM;AAC9B,UAAM,cAAc,EAAE,MAAM,aAAa,OAAO,MAAM,KAAkC,KAAK,OAAO,MAAM,MAAM;AAChH,QAAI,CAAC
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -18,8 +18,7 @@ const AxisRight = React2.memo(() => {
|
|
|
18
18
|
const { showGrid, intervalType } = y2Axis || {};
|
|
19
19
|
const textProps = useMemo(() => {
|
|
20
20
|
const commomProps = { fill: COLOR_PALLET[y2Axis?.tick?.color] || y2Axis?.tick?.color };
|
|
21
|
-
if (!tickRotation)
|
|
22
|
-
return { ...commomProps, x: 10, dy: "0.32em" };
|
|
21
|
+
if (!tickRotation) return { ...commomProps, x: 10, dy: "0.32em" };
|
|
23
22
|
return {
|
|
24
23
|
...commomProps,
|
|
25
24
|
dx: 8 * Math.sin(Math.PI * (tickRotation / 180)),
|
|
@@ -37,8 +36,7 @@ const AxisRight = React2.memo(() => {
|
|
|
37
36
|
}, [tickRotation]);
|
|
38
37
|
const GridRenderer = useCallback(
|
|
39
38
|
(props) => {
|
|
40
|
-
if (!showGrid)
|
|
41
|
-
return null;
|
|
39
|
+
if (!showGrid) return null;
|
|
42
40
|
const { position, tickValue, ...rest } = props;
|
|
43
41
|
const gridLineCoords = {
|
|
44
42
|
x1: 0,
|
|
@@ -47,8 +45,7 @@ const AxisRight = React2.memo(() => {
|
|
|
47
45
|
y2: position
|
|
48
46
|
};
|
|
49
47
|
const tickFormatted = y2Scale?.getTickFormatted(tickValue);
|
|
50
|
-
if (tickFormatted === "")
|
|
51
|
-
return null;
|
|
48
|
+
if (tickFormatted === "") return null;
|
|
52
49
|
return /* @__PURE__ */ jsx(GridLine, { ...gridLineCoords, ...rest });
|
|
53
50
|
},
|
|
54
51
|
[innerWidth, showGrid, y2Scale]
|
|
@@ -61,8 +58,7 @@ const AxisRight = React2.memo(() => {
|
|
|
61
58
|
stroke: COLOR_PALLET[y2Axis?.tick?.color] || y2Axis?.tick?.color
|
|
62
59
|
};
|
|
63
60
|
const tickFormatted = y2Scale?.getTickFormatted(tickValue);
|
|
64
|
-
if (tickFormatted === "")
|
|
65
|
-
return null;
|
|
61
|
+
if (tickFormatted === "") return null;
|
|
66
62
|
return /* @__PURE__ */ jsx(
|
|
67
63
|
Tick,
|
|
68
64
|
{
|
|
@@ -83,8 +79,7 @@ const AxisRight = React2.memo(() => {
|
|
|
83
79
|
[y2Axis?.color]
|
|
84
80
|
);
|
|
85
81
|
return useMemo(() => {
|
|
86
|
-
if (y2Axis?.hideAxis)
|
|
87
|
-
return null;
|
|
82
|
+
if (y2Axis?.hideAxis) return null;
|
|
88
83
|
const lineCoords = {
|
|
89
84
|
x1: innerWidth,
|
|
90
85
|
x2: innerWidth,
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/graphs/Chart/parts/Axis/AxisRight.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\n/* eslint-disable complexity */\nimport React, { type CSSProperties, useCallback, useContext, useMemo } from 'react';\nimport { ChartContext } from '../../ChartContext.js';\nimport { Axis, type TickRenderPropsT, type GridRenderPropsT } from './Axis.js';\nimport { Tick } from './Tick.js';\nimport { GridLine } from './GridLine.js';\nimport { COLOR_PALLET } from '../../helpers/colorPallet.js';\n\nexport const AxisRight = React.memo(() => {\n const {\n props: { y2Axis },\n innerHeight,\n y2Scale,\n innerWidth,\n setAxisRightRef,\n } = useContext(ChartContext);\n\n const { tickRotation } = y2Axis?.tick || {};\n const { showGrid, intervalType } = y2Axis || {};\n const textProps = useMemo(() => {\n const commomProps = { fill: COLOR_PALLET[y2Axis?.tick?.color as keyof typeof COLOR_PALLET] || y2Axis?.tick?.color };\n\n if (!tickRotation) return { ...commomProps, x: 10, dy: '0.32em' };\n return {\n ...commomProps,\n dx: 8 * Math.sin(Math.PI * (tickRotation / 180)),\n dy: '.71em',\n y: 11.5 - 2.5 * (tickRotation / 15) * (tickRotation > 0 ? 1 : -1),\n transform: `rotate(${tickRotation})`,\n };\n }, [tickRotation, y2Axis?.tick?.color]);\n\n const style: CSSProperties = useMemo(() => {\n if (!tickRotation)\n return {\n textAnchor: 'start',\n };\n return { textAnchor: tickRotation > 0 ? 'start' : 'end' };\n }, [tickRotation]);\n\n const GridRenderer = useCallback(\n (props: GridRenderPropsT) => {\n if (!showGrid) return null;\n const { position, tickValue, ...rest } = props;\n const gridLineCoords = {\n x1: 0,\n x2: innerWidth,\n y1: position,\n y2: position,\n };\n const tickFormatted = y2Scale?.getTickFormatted(tickValue);\n if (tickFormatted === '') return null;\n return <GridLine {...gridLineCoords} {...rest} />;\n },\n [innerWidth, showGrid, y2Scale],\n );\n\n const TickRenderer = useCallback(\n (props: TickRenderPropsT) => {\n const { position, tickValue, ...rest } = props;\n const tickLineCoords = {\n x2: 5,\n stroke: COLOR_PALLET[y2Axis?.tick?.color as keyof typeof COLOR_PALLET] || y2Axis?.tick?.color,\n };\n const tickFormatted = y2Scale?.getTickFormatted(tickValue) as string;\n if (tickFormatted === '') return null;\n return (\n <Tick\n {...tickLineCoords}\n yTranslate={position}\n xTranslate={innerWidth}\n textProps={textProps}\n textStyle={style}\n tickValue={tickFormatted}\n {...rest}\n />\n );\n },\n [innerWidth, style, textProps, y2Axis?.tick?.color, y2Scale],\n );\n\n const axisColor = useMemo(\n () => COLOR_PALLET[y2Axis?.color as keyof typeof COLOR_PALLET] || y2Axis?.color,\n [y2Axis?.color],\n );\n\n return useMemo(() => {\n if (y2Axis?.hideAxis) return null;\n const lineCoords = {\n x1: innerWidth,\n x2: innerWidth,\n y1: 0,\n y2: innerHeight,\n };\n\n return (\n <Axis\n lineCoords={lineCoords}\n scale={y2Scale}\n innerRef={setAxisRightRef}\n dimension={innerHeight}\n GridRenderer={GridRenderer}\n TickRenderer={TickRenderer}\n color={axisColor}\n intervalType={intervalType}\n />\n );\n }, [\n GridRenderer,\n intervalType,\n TickRenderer,\n axisColor,\n innerHeight,\n innerWidth,\n setAxisRightRef,\n y2Axis?.hideAxis,\n y2Scale,\n ]);\n});\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACqDV;AAnDb,OAAOA,UAA6B,aAAa,YAAY,eAAe;AAC5E,SAAS,oBAAoB;AAC7B,SAAS,YAA0D;AACnE,SAAS,YAAY;AACrB,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAEtB,MAAM,YAAYA,OAAM,KAAK,MAAM;AACxC,QAAM;AAAA,IACJ,OAAO,EAAE,OAAO;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,WAAW,YAAY;AAE3B,QAAM,EAAE,aAAa,IAAI,QAAQ,QAAQ,CAAC;AAC1C,QAAM,EAAE,UAAU,aAAa,IAAI,UAAU,CAAC;AAC9C,QAAM,YAAY,QAAQ,MAAM;AAC9B,UAAM,cAAc,EAAE,MAAM,aAAa,QAAQ,MAAM,KAAkC,KAAK,QAAQ,MAAM,MAAM;AAElH,QAAI,CAAC
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/graphs/Chart/parts/Axis/Tick.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { type SVGAttributes, type CSSProperties } from 'react';\n\nexport interface TickT {\n xTranslate?: number;\n yTranslate?: number;\n x1?: number;\n y1?: number;\n x2?: number;\n y2?: number;\n size?: number;\n stroke?: string;\n tickValue?: string | number | Date;\n textProps: Partial<SVGAttributes<SVGTextElement>>;\n textStyle: CSSProperties;\n}\nexport const Tick: React.ComponentType<TickT> = React.memo(\n ({ tickValue, stroke, textProps, xTranslate = 0, yTranslate = 0, textStyle, ...rest }) => (\n <g transform={`translate(${xTranslate},${yTranslate})`}>\n <line {...rest} stroke={stroke || 'black'} />\n <text fill=\"black\" {...textProps} style={textStyle}>\n {tickValue?.toString()}\n </text>\n </g>\n ),\n);\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACiBnB,SACE,KADF;AAjBJ,OAAOA,YAAuD;AAevD,MAAM,OAAmCA,OAAM;AAAA,EACpD,CAAC,EAAE,WAAW,QAAQ,WAAW,aAAa,GAAG,aAAa,GAAG,WAAW,GAAG,KAAK,MAClF,qBAAC,OAAE,WAAW,aAAa,
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACiBnB,SACE,KADF;AAjBJ,OAAOA,YAAuD;AAevD,MAAM,OAAmCA,OAAM;AAAA,EACpD,CAAC,EAAE,WAAW,QAAQ,WAAW,aAAa,GAAG,aAAa,GAAG,WAAW,GAAG,KAAK,MAClF,qBAAC,OAAE,WAAW,aAAa,UAAU,IAAI,UAAU,KACjD;AAAA,wBAAC,UAAM,GAAG,MAAM,QAAQ,UAAU,SAAS;AAAA,IAC3C,oBAAC,UAAK,MAAK,SAAS,GAAG,WAAW,OAAO,WACtC,qBAAW,SAAS,GACvB;AAAA,KACF;AAEJ;",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -53,29 +53,24 @@ const ChartContainer = () => {
|
|
|
53
53
|
}, [setIsGrabbed, setIsScrollbarVisible, setScrapperPosX, setScrapperPosY]);
|
|
54
54
|
const handleMouseMove = useCallback(
|
|
55
55
|
(e) => {
|
|
56
|
-
if (!isGrabbed)
|
|
57
|
-
return;
|
|
56
|
+
if (!isGrabbed) return;
|
|
58
57
|
e.preventDefault();
|
|
59
58
|
const clientX = e.clientX;
|
|
60
59
|
const clientY = e.clientY;
|
|
61
60
|
setActivePoint(null);
|
|
62
61
|
if (xScroll) {
|
|
63
62
|
const newPosition = lastScrollbarPosition?.current + clientX - startPosition;
|
|
64
|
-
if (newPosition < 0)
|
|
65
|
-
setXScrollbarPosition(0);
|
|
63
|
+
if (newPosition < 0) setXScrollbarPosition(0);
|
|
66
64
|
else if (newPosition > innerWidth - innerWidth / containerRatio)
|
|
67
65
|
setXScrollbarPosition(innerWidth - innerWidth / containerRatio);
|
|
68
|
-
else
|
|
69
|
-
setXScrollbarPosition(newPosition);
|
|
66
|
+
else setXScrollbarPosition(newPosition);
|
|
70
67
|
}
|
|
71
68
|
if (yScroll) {
|
|
72
69
|
const newPosition = lastScrollbarPosition?.current + clientY - startPosition;
|
|
73
|
-
if (newPosition < 0)
|
|
74
|
-
setXScrollbarPosition(0);
|
|
70
|
+
if (newPosition < 0) setXScrollbarPosition(0);
|
|
75
71
|
else if (newPosition > innerHeight - innerHeight / containerRatio)
|
|
76
72
|
setXScrollbarPosition(innerHeight - innerHeight / containerRatio);
|
|
77
|
-
else
|
|
78
|
-
setXScrollbarPosition(newPosition);
|
|
73
|
+
else setXScrollbarPosition(newPosition);
|
|
79
74
|
}
|
|
80
75
|
},
|
|
81
76
|
[
|
|
@@ -96,8 +91,7 @@ const ChartContainer = () => {
|
|
|
96
91
|
setIsGrabbed(false);
|
|
97
92
|
}, [lastScrollbarPosition, setIsGrabbed, xScrollbarPosition]);
|
|
98
93
|
const render = useMemo(() => {
|
|
99
|
-
if (currentData.length === 0)
|
|
100
|
-
return null;
|
|
94
|
+
if (currentData.length === 0) return null;
|
|
101
95
|
if (xScroll) {
|
|
102
96
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
103
97
|
y2Axis ? /* @__PURE__ */ jsx(AxisRight, {}) : null,
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/graphs/Chart/parts/ChartContainer.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, useMemo, useCallback } from 'react';\nimport { StyledSVGWrapper } from '../styles.js';\nimport { ChartContext } from '../ChartContext.js';\nimport { useKeyboardNavigation } from '../config/useKeyboardNavigation.js';\nimport { Legend } from './Legend/Legend.js';\nimport { Labels } from './Labels/index.js';\nimport { BlurMask } from './Scroller/BlurMask.js';\nimport { ClipPaths } from './ClipPaths.js';\nimport { ScrollableContainerX } from './Scroller/ScrollableContainerX.js';\nimport { ScrollableContainerY } from './Scroller/ScrollableContainerY.js';\nimport { AxisBottom } from './Axis/AxisBottom.js';\nimport { AxisRight } from './Axis/AxisRight.js';\nimport { AxisLeft } from './Axis/AxisLeft.js';\nimport { SeriesFactory } from './SeriesFactory.js';\nimport { Scrapper } from './Scrapper/Scrapper.js';\nimport { VerticalScrapper } from './Scrapper/VerticalScrapper.js';\nimport { Controllers } from './Scroller/Controllers.js';\nexport const ChartContainer = () => {\n const {\n props: { y2Axis, yScroll, xScroll, scrapper, xAxis, width: userWidth },\n activePoint,\n internalMargin,\n setScrapperPosY,\n setScrapperPosX,\n setContainerRef,\n isGrabbed,\n setIsGrabbed,\n startPosition,\n innerWidth,\n innerHeight,\n setActivePoint,\n setXScrollbarPosition,\n xScrollbarPosition,\n containerRatio,\n lastScrollbarPosition,\n setIsScrollbarVisible,\n currentData,\n width,\n height,\n } = useContext(ChartContext);\n\n const { onInputKeyDown, handleOnKeyUp, handleOnBlur, handleOnFocus } = useKeyboardNavigation();\n\n const onMouseEnterHandler = useCallback(() => {\n setIsScrollbarVisible(true);\n setActivePoint(null);\n }, [setActivePoint, setIsScrollbarVisible]);\n const onMouseLeaveHandler = useCallback(() => {\n setScrapperPosY(-1);\n setScrapperPosX(-1);\n setIsScrollbarVisible(false);\n setIsGrabbed(false);\n }, [setIsGrabbed, setIsScrollbarVisible, setScrapperPosX, setScrapperPosY]);\n\n const handleMouseMove: React.MouseEventHandler = useCallback(\n (e) => {\n if (!isGrabbed) return;\n e.preventDefault();\n const clientX = e.clientX;\n const clientY = e.clientY;\n\n setActivePoint(null);\n if (xScroll) {\n const newPosition = lastScrollbarPosition?.current + clientX - startPosition;\n if (newPosition < 0) setXScrollbarPosition(0);\n else if (newPosition > innerWidth - innerWidth / containerRatio)\n setXScrollbarPosition(innerWidth - innerWidth / containerRatio);\n else setXScrollbarPosition(newPosition);\n }\n if (yScroll) {\n const newPosition = lastScrollbarPosition?.current + clientY - startPosition;\n\n if (newPosition < 0) setXScrollbarPosition(0);\n else if (newPosition > innerHeight - innerHeight / containerRatio)\n setXScrollbarPosition(innerHeight - innerHeight / containerRatio);\n else setXScrollbarPosition(newPosition);\n }\n },\n [\n isGrabbed,\n setActivePoint,\n xScroll,\n yScroll,\n lastScrollbarPosition,\n startPosition,\n setXScrollbarPosition,\n innerWidth,\n containerRatio,\n innerHeight,\n ],\n );\n const handleMouseUp = useCallback(() => {\n lastScrollbarPosition.current = xScrollbarPosition;\n setIsGrabbed(false);\n }, [lastScrollbarPosition, setIsGrabbed, xScrollbarPosition]);\n\n const render = useMemo(() => {\n if (currentData.length === 0) return null;\n if (xScroll) {\n return (\n <>\n {y2Axis ? <AxisRight /> : null}\n <AxisLeft />\n <ScrollableContainerX />\n </>\n );\n } else if (yScroll) {\n return (\n <>\n {y2Axis ? <AxisRight /> : null}\n <AxisBottom />\n <ScrollableContainerY />\n </>\n );\n }\n return (\n <>\n {y2Axis ? <AxisRight /> : null}\n <AxisLeft />\n <AxisBottom />\n <SeriesFactory />\n {scrapper?.type === 'horizontal' ? <Scrapper /> : null}\n {scrapper?.type === 'vertical' ? <VerticalScrapper /> : null}\n </>\n );\n }, [currentData.length, scrapper?.type, xAxis.advanced?.pointSpacing?.value, xScroll, y2Axis, yScroll]);\n return (\n <StyledSVGWrapper\n innerRef={setContainerRef}\n onKeyDown={onInputKeyDown}\n onKeyUp={handleOnKeyUp}\n tabIndex={activePoint ? -1 : 0}\n onBlur={handleOnBlur}\n onFocus={handleOnFocus}\n onMouseEnter={onMouseEnterHandler}\n onMouseLeave={onMouseLeaveHandler}\n onMouseMove={handleMouseMove}\n onMouseUp={handleMouseUp}\n onMouseDown={(e) => e.preventDefault()}\n isGrabbed={isGrabbed}\n style={{ width: userWidth, height }}\n >\n {width !== 0 ? (\n <svg width={width} height={height}>\n {/* this clipaths for animations and focus ring.. need to give a deeper look */}\n <ClipPaths />\n <BlurMask />\n <g>\n <g>\n <Controllers />\n <Legend />\n <Labels />\n </g>\n <g className=\"container\" transform={`translate(${internalMargin.left},${internalMargin.top})`}>\n {render}\n {/* <ActivePoint/> @todo */}\n </g>\n </g>\n </svg>\n ) : null}\n </StyledSVGWrapper>\n );\n};\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACoGf,mBACY,KADZ;AApGR,SAAgB,YAAY,SAAS,mBAAmB;AACxD,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAC7B,SAAS,6BAA6B;AACtC,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAC1B,SAAS,4BAA4B;AACrC,SAAS,4BAA4B;AACrC,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AACzB,SAAS,qBAAqB;AAC9B,SAAS,gBAAgB;AACzB,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AACrB,MAAM,iBAAiB,MAAM;AAClC,QAAM;AAAA,IACJ,OAAO,EAAE,QAAQ,SAAS,SAAS,UAAU,OAAO,OAAO,UAAU;AAAA,IACrE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,WAAW,YAAY;AAE3B,QAAM,EAAE,gBAAgB,eAAe,cAAc,cAAc,IAAI,sBAAsB;AAE7F,QAAM,sBAAsB,YAAY,MAAM;AAC5C,0BAAsB,IAAI;AAC1B,mBAAe,IAAI;AAAA,EACrB,GAAG,CAAC,gBAAgB,qBAAqB,CAAC;AAC1C,QAAM,sBAAsB,YAAY,MAAM;AAC5C,oBAAgB,EAAE;AAClB,oBAAgB,EAAE;AAClB,0BAAsB,KAAK;AAC3B,iBAAa,KAAK;AAAA,EACpB,GAAG,CAAC,cAAc,uBAAuB,iBAAiB,eAAe,CAAC;AAE1E,QAAM,kBAA2C;AAAA,IAC/C,CAAC,MAAM;AACL,UAAI,CAAC;
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/graphs/Chart/parts/ClipPaths.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable arrow-body-style */\n/* eslint-disable indent */\nimport React, { useContext, useMemo } from 'react';\nimport { ChartContext } from '../ChartContext.js';\n\nexport const ClipPaths = () => {\n const { innerWidth, containerRatio, innerHeight, chartId, yScale } = useContext(ChartContext);\n\n return useMemo(() => {\n if (yScale?.type === 'BAND') {\n return (\n <defs>\n <clipPath id={`rect-focus-ring-${chartId}`}>\n <rect width={innerWidth + 4} height={innerHeight * containerRatio} x={1} />\n </clipPath>\n </defs>\n );\n }\n // if yScale is not band type we applied the clipPath to the xAxis to avoid the focus ring to be cut\n return (\n <defs>\n <clipPath id={`rect-focus-ring-${chartId}`}>\n <rect width={innerWidth * containerRatio + 4} height={innerHeight + 4} x={-4} y={-5} />\n </clipPath>\n </defs>\n );\n }, [chartId, containerRatio, innerHeight, innerWidth, yScale?.type]);\n};\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACaX;AAXZ,SAAgB,YAAY,eAAe;AAC3C,SAAS,oBAAoB;AAEtB,MAAM,YAAY,MAAM;AAC7B,QAAM,EAAE,YAAY,gBAAgB,aAAa,SAAS,OAAO,IAAI,WAAW,YAAY;AAE5F,SAAO,QAAQ,MAAM;AACnB,QAAI,QAAQ,SAAS,QAAQ;AAC3B,aACE,oBAAC,UACC,8BAAC,cAAS,IAAI,mBAAmB,
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACaX;AAXZ,SAAgB,YAAY,eAAe;AAC3C,SAAS,oBAAoB;AAEtB,MAAM,YAAY,MAAM;AAC7B,QAAM,EAAE,YAAY,gBAAgB,aAAa,SAAS,OAAO,IAAI,WAAW,YAAY;AAE5F,SAAO,QAAQ,MAAM;AACnB,QAAI,QAAQ,SAAS,QAAQ;AAC3B,aACE,oBAAC,UACC,8BAAC,cAAS,IAAI,mBAAmB,OAAO,IACtC,8BAAC,UAAK,OAAO,aAAa,GAAG,QAAQ,cAAc,gBAAgB,GAAG,GAAG,GAC3E,GACF;AAAA,IAEJ;AAEA,WACE,oBAAC,UACC,8BAAC,cAAS,IAAI,mBAAmB,OAAO,IACtC,8BAAC,UAAK,OAAO,aAAa,iBAAiB,GAAG,QAAQ,cAAc,GAAG,GAAG,IAAI,GAAG,IAAI,GACvF,GACF;AAAA,EAEJ,GAAG,CAAC,SAAS,gBAAgB,aAAa,YAAY,QAAQ,IAAI,CAAC;AACrE;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/graphs/Chart/parts/Labels/Label.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport type { SetStateAction, Dispatch } from 'react';\nimport { StyledAxisLabel } from '../../styles.js';\n\nexport interface LabelT {\n x: number;\n y: number;\n rotateDegrees?: number;\n label: string;\n innerRef: Dispatch<SetStateAction<SVGGElement | null>>;\n}\n\nexport const Label: React.ComponentType<LabelT> = React.memo(({ innerRef, x, y, label, rotateDegrees = 0 }) => (\n <g ref={innerRef}>\n <g transform={`translate(${x},${y}) rotate(${rotateDegrees})`}>\n <StyledAxisLabel className=\"axis-label\" textAnchor=\"middle\">\n {label}\n </StyledAxisLabel>\n </g>\n </g>\n));\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACejB;AAfN,OAAOA,YAAW;AAElB,SAAS,uBAAuB;AAUzB,MAAM,QAAqCA,OAAM,KAAK,CAAC,EAAE,UAAU,GAAG,GAAG,OAAO,gBAAgB,EAAE,MACvG,oBAAC,OAAE,KAAK,UACN,8BAAC,OAAE,WAAW,aAAa,
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACejB;AAfN,OAAOA,YAAW;AAElB,SAAS,uBAAuB;AAUzB,MAAM,QAAqCA,OAAM,KAAK,CAAC,EAAE,UAAU,GAAG,GAAG,OAAO,gBAAgB,EAAE,MACvG,oBAAC,OAAE,KAAK,UACN,8BAAC,OAAE,WAAW,aAAa,CAAC,IAAI,CAAC,YAAY,aAAa,KACxD,8BAAC,mBAAgB,WAAU,cAAa,YAAW,UAChD,iBACH,GACF,GACF,CACD;",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -21,8 +21,7 @@ const BottomLegend = () => {
|
|
|
21
21
|
} = useContext(ChartContext);
|
|
22
22
|
const [xTransform, setXTransform] = useState(0);
|
|
23
23
|
useEffect(() => {
|
|
24
|
-
if (!bottomLegend)
|
|
25
|
-
return;
|
|
24
|
+
if (!bottomLegend) return;
|
|
26
25
|
const cells = select(bottomLegend).selectAll(".cell");
|
|
27
26
|
const padding = 25;
|
|
28
27
|
let offset = 0;
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/graphs/Chart/parts/Legend/BottomLegend.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, useMemo, useEffect, useState } from 'react';\nimport { select } from 'd3';\nimport { ChartContext } from '../../ChartContext.js';\nimport { LegendItem } from './LegendItem.js';\n\nexport const BottomLegend = () => {\n const {\n colorScale,\n bottomLegendWidth,\n bottomLegend,\n axisBottomHeight,\n axisLeftWidth,\n innerWidth,\n innerHeight,\n bottomLabelHeight,\n internalMargin,\n currentData,\n width: graphWidth,\n setBottomLegend,\n } = useContext(ChartContext);\n\n const [xTransform, setXTransform] = useState(0);\n\n useEffect(() => {\n if (!bottomLegend) return;\n const cells = select(bottomLegend).selectAll('.cell');\n const padding = 25;\n let offset = 0;\n let verticalOffset = 0;\n\n currentData.forEach((_, i) => {\n if (cells.nodes()[i - 1]) {\n const lastCell = select(cells.nodes()[i - 1] as SVGGElement);\n const d3sel = select(cells.nodes()[i] as SVGGElement);\n const { width: currentCellWidth } = d3sel.node()?.getBBox() ?? { width: 0 };\n\n const lastCellWidth = lastCell.node()?.getBBox()?.width || 0;\n\n if (offset + lastCellWidth + padding + currentCellWidth + 10 > graphWidth) {\n offset = 0;\n verticalOffset += 20;\n } else {\n offset += lastCellWidth + padding;\n }\n\n d3sel.attr('transform', `translate(${offset}, ${verticalOffset})`);\n }\n });\n\n setXTransform(innerWidth / 2 + internalMargin.left - bottomLegendWidth / 2);\n }, [bottomLegend, currentData, bottomLegendWidth, axisLeftWidth, innerWidth, internalMargin.left, graphWidth]);\n\n return useMemo(\n () => (\n <g\n ref={setBottomLegend}\n transform={`translate(${xTransform}, ${\n innerHeight + bottomLabelHeight + axisBottomHeight + internalMargin.top\n })`}\n className=\"bottom-legend\"\n >\n {colorScale.domain().map((domainValue) => (\n <LegendItem domainValue={domainValue} key={domainValue} />\n ))}\n </g>\n ),\n\n [axisBottomHeight, bottomLabelHeight, colorScale, innerHeight, internalMargin.top, setBottomLegend, xTransform],\n );\n};\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;AC8Db;AA9DV,SAAgB,YAAY,SAAS,WAAW,gBAAgB;AAChE,SAAS,cAAc;AACvB,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAEpB,MAAM,eAAe,MAAM;AAChC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,EACF,IAAI,WAAW,YAAY;AAE3B,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,CAAC;AAE9C,YAAU,MAAM;AACd,QAAI,CAAC;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;AC8Db;AA9DV,SAAgB,YAAY,SAAS,WAAW,gBAAgB;AAChE,SAAS,cAAc;AACvB,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAEpB,MAAM,eAAe,MAAM;AAChC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,EACF,IAAI,WAAW,YAAY;AAE3B,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,CAAC;AAE9C,YAAU,MAAM;AACd,QAAI,CAAC,aAAc;AACnB,UAAM,QAAQ,OAAO,YAAY,EAAE,UAAU,OAAO;AACpD,UAAM,UAAU;AAChB,QAAI,SAAS;AACb,QAAI,iBAAiB;AAErB,gBAAY,QAAQ,CAAC,GAAG,MAAM;AAC5B,UAAI,MAAM,MAAM,EAAE,IAAI,CAAC,GAAG;AACxB,cAAM,WAAW,OAAO,MAAM,MAAM,EAAE,IAAI,CAAC,CAAgB;AAC3D,cAAM,QAAQ,OAAO,MAAM,MAAM,EAAE,CAAC,CAAgB;AACpD,cAAM,EAAE,OAAO,iBAAiB,IAAI,MAAM,KAAK,GAAG,QAAQ,KAAK,EAAE,OAAO,EAAE;AAE1E,cAAM,gBAAgB,SAAS,KAAK,GAAG,QAAQ,GAAG,SAAS;AAE3D,YAAI,SAAS,gBAAgB,UAAU,mBAAmB,KAAK,YAAY;AACzE,mBAAS;AACT,4BAAkB;AAAA,QACpB,OAAO;AACL,oBAAU,gBAAgB;AAAA,QAC5B;AAEA,cAAM,KAAK,aAAa,aAAa,MAAM,KAAK,cAAc,GAAG;AAAA,MACnE;AAAA,IACF,CAAC;AAED,kBAAc,aAAa,IAAI,eAAe,OAAO,oBAAoB,CAAC;AAAA,EAC5E,GAAG,CAAC,cAAc,aAAa,mBAAmB,eAAe,YAAY,eAAe,MAAM,UAAU,CAAC;AAE7G,SAAO;AAAA,IACL,MACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAW,aAAa,UAAU,KAChC,cAAc,oBAAoB,mBAAmB,eAAe,GACtE;AAAA,QACA,WAAU;AAAA,QAET,qBAAW,OAAO,EAAE,IAAI,CAAC,gBACxB,oBAAC,cAAW,eAA+B,WAAa,CACzD;AAAA;AAAA,IACH;AAAA,IAGF,CAAC,kBAAkB,mBAAmB,YAAY,aAAa,eAAe,KAAK,iBAAiB,UAAU;AAAA,EAChH;AACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/graphs/Chart/parts/Legend/LeftLegend.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, useState, useEffect } from 'react';\nimport { ChartContext } from '../../ChartContext.js';\nimport { LegendItem } from './LegendItem.js';\n\nexport const LeftLegend = () => {\n const {\n originalSeries: series,\n leftLegendHeight,\n innerHeight,\n internalMargin,\n leftLegend,\n setLeftLegend,\n } = useContext(ChartContext);\n\n const [yTransform, setYTransform] = useState(innerHeight / 2 + internalMargin.top);\n useEffect(() => {\n setYTransform(innerHeight / 2 + internalMargin.top - leftLegendHeight / 2);\n }, [innerHeight, internalMargin.top, leftLegend, leftLegendHeight]);\n\n return (\n <g transform={`translate(8,${yTransform})`} ref={setLeftLegend}>\n {series.map((serie, i) => (\n <g className=\"tick\" transform={`translate(0,${i * 30})`} key={serie.name}>\n <LegendItem key={serie.name} domainValue={serie.name} />\n </g>\n ))}\n </g>\n );\n};\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACuBb;AAvBV,SAAgB,YAAY,UAAU,iBAAiB;AACvD,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAEpB,MAAM,aAAa,MAAM;AAC9B,QAAM;AAAA,IACJ,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,WAAW,YAAY;AAE3B,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,cAAc,IAAI,eAAe,GAAG;AACjF,YAAU,MAAM;AACd,kBAAc,cAAc,IAAI,eAAe,MAAM,mBAAmB,CAAC;AAAA,EAC3E,GAAG,CAAC,aAAa,eAAe,KAAK,YAAY,gBAAgB,CAAC;AAElE,SACE,oBAAC,OAAE,WAAW,eAAe,
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACuBb;AAvBV,SAAgB,YAAY,UAAU,iBAAiB;AACvD,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAEpB,MAAM,aAAa,MAAM;AAC9B,QAAM;AAAA,IACJ,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,WAAW,YAAY;AAE3B,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,cAAc,IAAI,eAAe,GAAG;AACjF,YAAU,MAAM;AACd,kBAAc,cAAc,IAAI,eAAe,MAAM,mBAAmB,CAAC;AAAA,EAC3E,GAAG,CAAC,aAAa,eAAe,KAAK,YAAY,gBAAgB,CAAC;AAElE,SACE,oBAAC,OAAE,WAAW,eAAe,UAAU,KAAK,KAAK,eAC9C,iBAAO,IAAI,CAAC,OAAO,MAClB,oBAAC,OAAE,WAAU,QAAO,WAAW,eAAe,IAAI,EAAE,KAClD,8BAAC,cAA4B,aAAa,MAAM,QAA/B,MAAM,IAA+B,KADM,MAAM,IAEpE,CACD,GACH;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -11,14 +11,10 @@ const Legend = () => {
|
|
|
11
11
|
props: { legend },
|
|
12
12
|
width
|
|
13
13
|
} = useContext(ChartContext);
|
|
14
|
-
if (legend?.position === "top" || legend?.position === "left" && width <= 400)
|
|
15
|
-
|
|
16
|
-
if (legend?.position === "
|
|
17
|
-
|
|
18
|
-
if (legend?.position === "right")
|
|
19
|
-
return /* @__PURE__ */ jsx(RightLegend, {});
|
|
20
|
-
if (legend?.position === "left")
|
|
21
|
-
return /* @__PURE__ */ jsx(LeftLegend, {});
|
|
14
|
+
if (legend?.position === "top" || legend?.position === "left" && width <= 400) return /* @__PURE__ */ jsx(TopLegend, {});
|
|
15
|
+
if (legend?.position === "bottom" || legend?.position === "right" && width <= 400) return /* @__PURE__ */ jsx(BottomLegend, {});
|
|
16
|
+
if (legend?.position === "right") return /* @__PURE__ */ jsx(RightLegend, {});
|
|
17
|
+
if (legend?.position === "left") return /* @__PURE__ */ jsx(LeftLegend, {});
|
|
22
18
|
return null;
|
|
23
19
|
};
|
|
24
20
|
export {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/graphs/Chart/parts/Legend/Legend.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { RightLegend } from './RightLegend.js';\nimport { TopLegend } from './TopLegend.js';\nimport { ChartContext } from '../../ChartContext.js';\nimport { BottomLegend } from './BottomLegend.js';\nimport { LeftLegend } from './LeftLegend.js';\nexport const Legend = () => {\n const {\n props: { legend },\n width,\n } = useContext(ChartContext);\n if (legend?.position === 'top' || (legend?.position === 'left' && width <= 400)) return <TopLegend />;\n if (legend?.position === 'bottom' || (legend?.position === 'right' && width <= 400)) return <BottomLegend />;\n if (legend?.position === 'right') return <RightLegend />;\n if (legend?.position === 'left') return <LeftLegend />;\n return null;\n};\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACWmE;AAX1F,SAAgB,kBAAkB;AAClC,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AACpB,MAAM,SAAS,MAAM;AAC1B,QAAM;AAAA,IACJ,OAAO,EAAE,OAAO;AAAA,IAChB;AAAA,EACF,IAAI,WAAW,YAAY;AAC3B,MAAI,QAAQ,aAAa,SAAU,QAAQ,aAAa,UAAU,SAAS
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACWmE;AAX1F,SAAgB,kBAAkB;AAClC,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AACpB,MAAM,SAAS,MAAM;AAC1B,QAAM;AAAA,IACJ,OAAO,EAAE,OAAO;AAAA,IAChB;AAAA,EACF,IAAI,WAAW,YAAY;AAC3B,MAAI,QAAQ,aAAa,SAAU,QAAQ,aAAa,UAAU,SAAS,IAAM,QAAO,oBAAC,aAAU;AACnG,MAAI,QAAQ,aAAa,YAAa,QAAQ,aAAa,WAAW,SAAS,IAAM,QAAO,oBAAC,gBAAa;AAC1G,MAAI,QAAQ,aAAa,QAAS,QAAO,oBAAC,eAAY;AACtD,MAAI,QAAQ,aAAa,OAAQ,QAAO,oBAAC,cAAW;AACpD,SAAO;AACT;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -23,13 +23,10 @@ const LegendItem = (props) => {
|
|
|
23
23
|
const serieData = series.find((serie) => serie.name === domainValue);
|
|
24
24
|
const LegendIcon = LegendItemsMap[serieData?.pointStyle ?? "circle"] ?? (serieData?.type === "line" || types === "scatter" ? LegendItemCircle : LegendItemSquare);
|
|
25
25
|
const handleOnClick = useCallback(() => {
|
|
26
|
-
if (legend?.preventFilterAction)
|
|
27
|
-
return;
|
|
26
|
+
if (legend?.preventFilterAction) return;
|
|
28
27
|
setHiddenSeries((prev) => {
|
|
29
|
-
if (prev.includes(domainValue))
|
|
30
|
-
|
|
31
|
-
if (prev.length + 1 !== series.length)
|
|
32
|
-
return [...prev, domainValue];
|
|
28
|
+
if (prev.includes(domainValue)) return prev.filter((serie) => serie !== domainValue);
|
|
29
|
+
if (prev.length + 1 !== series.length) return [...prev, domainValue];
|
|
33
30
|
return prev;
|
|
34
31
|
});
|
|
35
32
|
}, [domainValue, legend?.preventFilterAction, series.length, setHiddenSeries]);
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/graphs/Chart/parts/Legend/LegendItem.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, useMemo, useCallback } from 'react';\nimport { LINE } from '../../../constants.js';\nimport { ChartContext } from '../../ChartContext.js';\n\ninterface LegendItemGraphicProps {\n fill: string;\n}\n\ninterface LegendItemProps {\n domainValue: string;\n}\n\n// const LegendItemLine = (props) => <line x1={-18} x2={18} y1={0} y2={0} {...props} strokeWidth={2} />;\nconst LegendItemCircle = (props: LegendItemGraphicProps) => <circle r={6} {...props} />;\nconst LegendItemSquare = (props: LegendItemGraphicProps) => <rect x={-6} y={-6} width={12} height={12} {...props} />;\nconst LegendItemDiamond = (props: LegendItemGraphicProps) => (\n <g transform=\"rotate(45)\">\n <rect x={-6} y={-6} width={12} height={12} {...props} />\n </g>\n);\n\nconst LegendItemsMap = {\n [LINE.POINT_STYLE.CIRCLE]: LegendItemCircle,\n [LINE.POINT_STYLE.SQUARE]: LegendItemSquare,\n [LINE.POINT_STYLE.DIAMOND]: LegendItemDiamond,\n};\n\nexport const LegendItem = (props: LegendItemProps) => {\n const {\n colorScale,\n setHiddenSeries,\n hiddenSeries,\n originalSeries: series,\n props: { types, legend },\n } = useContext(ChartContext);\n\n const { domainValue } = props;\n const serieData = series.find((serie) => serie.name === domainValue);\n const LegendIcon =\n LegendItemsMap[serieData?.pointStyle ?? 'circle'] ??\n (serieData?.type === 'line' || types === 'scatter' ? LegendItemCircle : LegendItemSquare);\n\n const handleOnClick = useCallback(() => {\n if (legend?.preventFilterAction) return;\n setHiddenSeries((prev) => {\n if (prev.includes(domainValue)) return prev.filter((serie) => serie !== domainValue);\n if (prev.length + 1 !== series.length) return [...prev, domainValue];\n return prev;\n });\n }, [domainValue, legend?.preventFilterAction, series.length, setHiddenSeries]);\n\n return useMemo(\n () => (\n <g\n onClick={handleOnClick}\n key={domainValue}\n className=\"cell\"\n style={hiddenSeries.includes(domainValue) ? { opacity: 0.2, cursor: 'pointer' } : { cursor: 'pointer' }}\n >\n <LegendIcon fill={colorScale(domainValue) as string} />\n <text x={24} dy=\".32em\" fontWeight=\"600\">\n {domainValue}\n </text>\n </g>\n ),\n\n [LegendIcon, colorScale, domainValue, handleOnClick, hiddenSeries],\n );\n};\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACaqC,cAwCtD,YAxCsD;AAb5D,SAAgB,YAAY,SAAS,mBAAmB;AACxD,SAAS,YAAY;AACrB,SAAS,oBAAoB;AAW7B,MAAM,mBAAmB,CAAC,UAAkC,oBAAC,YAAO,GAAG,GAAI,GAAG,OAAO;AACrF,MAAM,mBAAmB,CAAC,UAAkC,oBAAC,UAAK,GAAG,IAAI,GAAG,IAAI,OAAO,IAAI,QAAQ,IAAK,GAAG,OAAO;AAClH,MAAM,oBAAoB,CAAC,UACzB,oBAAC,OAAE,WAAU,cACX,8BAAC,UAAK,GAAG,IAAI,GAAG,IAAI,OAAO,IAAI,QAAQ,IAAK,GAAG,OAAO,GACxD;AAGF,MAAM,iBAAiB;AAAA,EACrB,CAAC,KAAK,YAAY,MAAM,GAAG;AAAA,EAC3B,CAAC,KAAK,YAAY,MAAM,GAAG;AAAA,EAC3B,CAAC,KAAK,YAAY,OAAO,GAAG;AAC9B;AAEO,MAAM,aAAa,CAAC,UAA2B;AACpD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,OAAO,EAAE,OAAO,OAAO;AAAA,EACzB,IAAI,WAAW,YAAY;AAE3B,QAAM,EAAE,YAAY,IAAI;AACxB,QAAM,YAAY,OAAO,KAAK,CAAC,UAAU,MAAM,SAAS,WAAW;AACnE,QAAM,aACJ,eAAe,WAAW,cAAc,QAAQ,MAC/C,WAAW,SAAS,UAAU,UAAU,YAAY,mBAAmB;AAE1E,QAAM,gBAAgB,YAAY,MAAM;AACtC,QAAI,QAAQ;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACaqC,cAwCtD,YAxCsD;AAb5D,SAAgB,YAAY,SAAS,mBAAmB;AACxD,SAAS,YAAY;AACrB,SAAS,oBAAoB;AAW7B,MAAM,mBAAmB,CAAC,UAAkC,oBAAC,YAAO,GAAG,GAAI,GAAG,OAAO;AACrF,MAAM,mBAAmB,CAAC,UAAkC,oBAAC,UAAK,GAAG,IAAI,GAAG,IAAI,OAAO,IAAI,QAAQ,IAAK,GAAG,OAAO;AAClH,MAAM,oBAAoB,CAAC,UACzB,oBAAC,OAAE,WAAU,cACX,8BAAC,UAAK,GAAG,IAAI,GAAG,IAAI,OAAO,IAAI,QAAQ,IAAK,GAAG,OAAO,GACxD;AAGF,MAAM,iBAAiB;AAAA,EACrB,CAAC,KAAK,YAAY,MAAM,GAAG;AAAA,EAC3B,CAAC,KAAK,YAAY,MAAM,GAAG;AAAA,EAC3B,CAAC,KAAK,YAAY,OAAO,GAAG;AAC9B;AAEO,MAAM,aAAa,CAAC,UAA2B;AACpD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,OAAO,EAAE,OAAO,OAAO;AAAA,EACzB,IAAI,WAAW,YAAY;AAE3B,QAAM,EAAE,YAAY,IAAI;AACxB,QAAM,YAAY,OAAO,KAAK,CAAC,UAAU,MAAM,SAAS,WAAW;AACnE,QAAM,aACJ,eAAe,WAAW,cAAc,QAAQ,MAC/C,WAAW,SAAS,UAAU,UAAU,YAAY,mBAAmB;AAE1E,QAAM,gBAAgB,YAAY,MAAM;AACtC,QAAI,QAAQ,oBAAqB;AACjC,oBAAgB,CAAC,SAAS;AACxB,UAAI,KAAK,SAAS,WAAW,EAAG,QAAO,KAAK,OAAO,CAAC,UAAU,UAAU,WAAW;AACnF,UAAI,KAAK,SAAS,MAAM,OAAO,OAAQ,QAAO,CAAC,GAAG,MAAM,WAAW;AACnE,aAAO;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAC,aAAa,QAAQ,qBAAqB,OAAO,QAAQ,eAAe,CAAC;AAE7E,SAAO;AAAA,IACL,MACE;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QAET,WAAU;AAAA,QACV,OAAO,aAAa,SAAS,WAAW,IAAI,EAAE,SAAS,KAAK,QAAQ,UAAU,IAAI,EAAE,QAAQ,UAAU;AAAA,QAEtG;AAAA,8BAAC,cAAW,MAAM,WAAW,WAAW,GAAa;AAAA,UACrD,oBAAC,UAAK,GAAG,IAAI,IAAG,SAAQ,YAAW,OAChC,uBACH;AAAA;AAAA;AAAA,MAPK;AAAA,IAQP;AAAA,IAGF,CAAC,YAAY,YAAY,aAAa,eAAe,YAAY;AAAA,EACnE;AACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/graphs/Chart/parts/Legend/RightLegend.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, useState, useEffect } from 'react';\nimport { ChartContext } from '../../ChartContext.js';\nimport { LegendItem } from './LegendItem.js';\n\nexport const RightLegend = () => {\n const {\n innerWidth,\n innerHeight,\n rightLabelWidth,\n axisRightWidth,\n internalMargin,\n rightLegendHeight,\n setRightLegend,\n originalSeries: series,\n } = useContext(ChartContext);\n\n const [yTransform, setYTransform] = useState(innerHeight / 2 + internalMargin.top);\n\n useEffect(() => {\n setYTransform(innerHeight / 2 + internalMargin.top - rightLegendHeight / 2);\n }, [innerHeight, internalMargin.top, rightLegendHeight]);\n\n return (\n <g\n ref={setRightLegend}\n transform={`translate(${innerWidth + internalMargin.left + axisRightWidth + rightLabelWidth},${yTransform})`}\n >\n <rect width=\"20\" height={1} fill=\"transparent\" />\n <g transform={`translate(0,0)`}>\n {series.map((serie, i) => (\n <g className=\"tick\" transform={`translate(30,${i * 30})`} key={serie.name}>\n <LegendItem domainValue={serie.name} />\n </g>\n ))}\n </g>\n </g>\n );\n};\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACuBnB,SAIE,KAJF;AAvBJ,SAAgB,YAAY,UAAU,iBAAiB;AACvD,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAEpB,MAAM,cAAc,MAAM;AAC/B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,EAClB,IAAI,WAAW,YAAY;AAE3B,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,cAAc,IAAI,eAAe,GAAG;AAEjF,YAAU,MAAM;AACd,kBAAc,cAAc,IAAI,eAAe,MAAM,oBAAoB,CAAC;AAAA,EAC5E,GAAG,CAAC,aAAa,eAAe,KAAK,iBAAiB,CAAC;AAEvD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAW,aAAa,aAAa,eAAe,OAAO,iBAAiB,
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACuBnB,SAIE,KAJF;AAvBJ,SAAgB,YAAY,UAAU,iBAAiB;AACvD,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAEpB,MAAM,cAAc,MAAM;AAC/B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,EAClB,IAAI,WAAW,YAAY;AAE3B,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,cAAc,IAAI,eAAe,GAAG;AAEjF,YAAU,MAAM;AACd,kBAAc,cAAc,IAAI,eAAe,MAAM,oBAAoB,CAAC;AAAA,EAC5E,GAAG,CAAC,aAAa,eAAe,KAAK,iBAAiB,CAAC;AAEvD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAW,aAAa,aAAa,eAAe,OAAO,iBAAiB,eAAe,IAAI,UAAU;AAAA,MAEzG;AAAA,4BAAC,UAAK,OAAM,MAAK,QAAQ,GAAG,MAAK,eAAc;AAAA,QAC/C,oBAAC,OAAE,WAAW,kBACX,iBAAO,IAAI,CAAC,OAAO,MAClB,oBAAC,OAAE,WAAU,QAAO,WAAW,gBAAgB,IAAI,EAAE,KACnD,8BAAC,cAAW,aAAa,MAAM,MAAM,KADwB,MAAM,IAErE,CACD,GACH;AAAA;AAAA;AAAA,EACF;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/graphs/Chart/parts/Legend/TopLegend.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, useMemo, useEffect, useRef, useState } from 'react';\nimport { select } from 'd3';\nimport { ChartContext } from '../../ChartContext.js';\nimport { LegendItem } from './LegendItem.js';\n\nexport const TopLegend = () => {\n const {\n colorScale,\n currentData,\n internalMargin,\n innerWidth,\n setTopLegend,\n width: graphWidth,\n } = useContext(ChartContext);\n\n const ref = useRef<SVGGElement>(null);\n\n const [xTransform, setXTransform] = useState(innerWidth / 2 + internalMargin.left);\n\n useEffect(() => {\n if (ref.current) {\n const cells = select(ref.current).selectAll('.cell');\n const padding = 30;\n let offset = 0;\n let verticalOffset = 0;\n\n currentData.forEach((_, i) => {\n if (cells.nodes()[i - 1]) {\n const lastCell = select(cells.nodes()[i - 1] as SVGGElement);\n const d3sel = select(cells.nodes()[i] as SVGGElement);\n const { width: currentCellWidth } = d3sel.node()?.getBBox() || { width: 0 };\n\n const lastCellWidth = lastCell.node()?.getBBox()?.width || 0;\n\n if (offset + lastCellWidth + padding + currentCellWidth + 10 > graphWidth) {\n offset = 0;\n verticalOffset += 20;\n } else {\n offset += lastCellWidth + padding;\n }\n\n d3sel.attr('transform', `translate(${offset}, ${verticalOffset})`);\n }\n });\n const bounds = ref.current.getBoundingClientRect();\n setXTransform(innerWidth / 2 + internalMargin.left - bounds.width / 2);\n }\n }, [currentData, graphWidth, innerWidth, internalMargin.left]);\n return useMemo(\n () => (\n <g ref={ref} transform={`translate(${xTransform},10)`}>\n <g ref={setTopLegend}>\n {colorScale.domain().map((domainValue) => (\n <LegendItem key={domainValue} domainValue={domainValue} />\n ))}\n </g>\n </g>\n ),\n\n [xTransform, setTopLegend, colorScale],\n );\n};\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACqDX;AArDZ,SAAgB,YAAY,SAAS,WAAW,QAAQ,gBAAgB;AACxE,SAAS,cAAc;AACvB,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAEpB,MAAM,YAAY,MAAM;AAC7B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,EACT,IAAI,WAAW,YAAY;AAE3B,QAAM,MAAM,OAAoB,IAAI;AAEpC,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,aAAa,IAAI,eAAe,IAAI;AAEjF,YAAU,MAAM;AACd,QAAI,IAAI,SAAS;AACf,YAAM,QAAQ,OAAO,IAAI,OAAO,EAAE,UAAU,OAAO;AACnD,YAAM,UAAU;AAChB,UAAI,SAAS;AACb,UAAI,iBAAiB;AAErB,kBAAY,QAAQ,CAAC,GAAG,MAAM;AAC5B,YAAI,MAAM,MAAM,EAAE,IAAI,CAAC,GAAG;AACxB,gBAAM,WAAW,OAAO,MAAM,MAAM,EAAE,IAAI,CAAC,CAAgB;AAC3D,gBAAM,QAAQ,OAAO,MAAM,MAAM,EAAE,CAAC,CAAgB;AACpD,gBAAM,EAAE,OAAO,iBAAiB,IAAI,MAAM,KAAK,GAAG,QAAQ,KAAK,EAAE,OAAO,EAAE;AAE1E,gBAAM,gBAAgB,SAAS,KAAK,GAAG,QAAQ,GAAG,SAAS;AAE3D,cAAI,SAAS,gBAAgB,UAAU,mBAAmB,KAAK,YAAY;AACzE,qBAAS;AACT,8BAAkB;AAAA,UACpB,OAAO;AACL,sBAAU,gBAAgB;AAAA,UAC5B;AAEA,gBAAM,KAAK,aAAa,aAAa,
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACqDX;AArDZ,SAAgB,YAAY,SAAS,WAAW,QAAQ,gBAAgB;AACxE,SAAS,cAAc;AACvB,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAEpB,MAAM,YAAY,MAAM;AAC7B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,EACT,IAAI,WAAW,YAAY;AAE3B,QAAM,MAAM,OAAoB,IAAI;AAEpC,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,aAAa,IAAI,eAAe,IAAI;AAEjF,YAAU,MAAM;AACd,QAAI,IAAI,SAAS;AACf,YAAM,QAAQ,OAAO,IAAI,OAAO,EAAE,UAAU,OAAO;AACnD,YAAM,UAAU;AAChB,UAAI,SAAS;AACb,UAAI,iBAAiB;AAErB,kBAAY,QAAQ,CAAC,GAAG,MAAM;AAC5B,YAAI,MAAM,MAAM,EAAE,IAAI,CAAC,GAAG;AACxB,gBAAM,WAAW,OAAO,MAAM,MAAM,EAAE,IAAI,CAAC,CAAgB;AAC3D,gBAAM,QAAQ,OAAO,MAAM,MAAM,EAAE,CAAC,CAAgB;AACpD,gBAAM,EAAE,OAAO,iBAAiB,IAAI,MAAM,KAAK,GAAG,QAAQ,KAAK,EAAE,OAAO,EAAE;AAE1E,gBAAM,gBAAgB,SAAS,KAAK,GAAG,QAAQ,GAAG,SAAS;AAE3D,cAAI,SAAS,gBAAgB,UAAU,mBAAmB,KAAK,YAAY;AACzE,qBAAS;AACT,8BAAkB;AAAA,UACpB,OAAO;AACL,sBAAU,gBAAgB;AAAA,UAC5B;AAEA,gBAAM,KAAK,aAAa,aAAa,MAAM,KAAK,cAAc,GAAG;AAAA,QACnE;AAAA,MACF,CAAC;AACD,YAAM,SAAS,IAAI,QAAQ,sBAAsB;AACjD,oBAAc,aAAa,IAAI,eAAe,OAAO,OAAO,QAAQ,CAAC;AAAA,IACvE;AAAA,EACF,GAAG,CAAC,aAAa,YAAY,YAAY,eAAe,IAAI,CAAC;AAC7D,SAAO;AAAA,IACL,MACE,oBAAC,OAAE,KAAU,WAAW,aAAa,UAAU,QAC7C,8BAAC,OAAE,KAAK,cACL,qBAAW,OAAO,EAAE,IAAI,CAAC,gBACxB,oBAAC,cAA6B,eAAb,WAAuC,CACzD,GACH,GACF;AAAA,IAGF,CAAC,YAAY,cAAc,UAAU;AAAA,EACvC;AACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -47,8 +47,7 @@ const Scrapper = () => {
|
|
|
47
47
|
}
|
|
48
48
|
const positionUniqueData = {};
|
|
49
49
|
valueToPositionPerSeries.forEach((set) => {
|
|
50
|
-
if (!set.position)
|
|
51
|
-
return;
|
|
50
|
+
if (!set.position) return;
|
|
52
51
|
if (positionUniqueData[set.position]) {
|
|
53
52
|
positionUniqueData[set.position] = [...positionUniqueData[set.position], { ...set }];
|
|
54
53
|
} else {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/graphs/Chart/parts/Scrapper/Scrapper.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, useMemo } from 'react';\nimport { ChartContext } from '../../ChartContext.js';\nimport { ScrapperLine } from './ScrapperLine.js';\nimport type { DSChartT } from '../../react-desc-prop-types.js';\n\nexport const Scrapper = () => {\n const {\n yScale,\n getXValue,\n getYValue,\n getYScaleValue,\n getXScaleValue,\n getBandwidth,\n currentData: data,\n } = useContext(ChartContext);\n\n const isBandAxis = yScale?.type === 'BAND';\n\n const uniqueData = useMemo(() => {\n let valueToPositionPerSeries;\n\n if (isBandAxis) {\n valueToPositionPerSeries = data\n .map((serie) =>\n serie.data.map((datum) => {\n const x = getXValue(datum);\n const y = getYValue(datum);\n return {\n position: getYScaleValue(datum),\n name: serie.name,\n xValue: x,\n yValue: y,\n key: datum.position,\n datum,\n color: serie.color,\n };\n }),\n )\n .flat(1);\n } else {\n valueToPositionPerSeries = data\n .map((serie) =>\n serie.data.map((datum) => ({\n position: getXScaleValue(datum),\n name: serie.name,\n xValue: getXValue(datum),\n yValue: getYValue(datum),\n key: datum.position,\n datum,\n color: serie.color,\n })),\n )\n .flat(1);\n }\n const positionUniqueData: Record<string, DSChartT.ScrapperDatum[]> = {};\n\n valueToPositionPerSeries.forEach((set) => {\n if (!set.position) return;\n if (positionUniqueData[set.position]) {\n positionUniqueData[set.position] = [...positionUniqueData[set.position], { ...set }];\n } else {\n positionUniqueData[set.position] = [{ ...set }];\n }\n });\n\n return positionUniqueData;\n }, [data, getXScaleValue, getXValue, getYScaleValue, getYValue, isBandAxis]);\n\n return (\n <g>\n {Object.keys(uniqueData).map((key) => {\n const yPosition = parseFloat(key) + (isBandAxis ? getBandwidth() / 2 : 0);\n const datum = uniqueData[key];\n return <ScrapperLine key={key} yPosition={yPosition} datum={datum} />;\n })}\n </g>\n );\n};\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACyER;AAzEf,SAAgB,YAAY,eAAe;AAC3C,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAGtB,MAAM,WAAW,MAAM;AAC5B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,EACf,IAAI,WAAW,YAAY;AAE3B,QAAM,aAAa,QAAQ,SAAS;AAEpC,QAAM,aAAa,QAAQ,MAAM;AAC/B,QAAI;AAEJ,QAAI,YAAY;AACd,iCAA2B,KACxB;AAAA,QAAI,CAAC,UACJ,MAAM,KAAK,IAAI,CAAC,UAAU;AACxB,gBAAM,IAAI,UAAU,KAAK;AACzB,gBAAM,IAAI,UAAU,KAAK;AACzB,iBAAO;AAAA,YACL,UAAU,eAAe,KAAK;AAAA,YAC9B,MAAM,MAAM;AAAA,YACZ,QAAQ;AAAA,YACR,QAAQ;AAAA,YACR,KAAK,MAAM;AAAA,YACX;AAAA,YACA,OAAO,MAAM;AAAA,UACf;AAAA,QACF,CAAC;AAAA,MACH,EACC,KAAK,CAAC;AAAA,IACX,OAAO;AACL,iCAA2B,KACxB;AAAA,QAAI,CAAC,UACJ,MAAM,KAAK,IAAI,CAAC,WAAW;AAAA,UACzB,UAAU,eAAe,KAAK;AAAA,UAC9B,MAAM,MAAM;AAAA,UACZ,QAAQ,UAAU,KAAK;AAAA,UACvB,QAAQ,UAAU,KAAK;AAAA,UACvB,KAAK,MAAM;AAAA,UACX;AAAA,UACA,OAAO,MAAM;AAAA,QACf,EAAE;AAAA,MACJ,EACC,KAAK,CAAC;AAAA,IACX;AACA,UAAM,qBAA+D,CAAC;AAEtE,6BAAyB,QAAQ,CAAC,QAAQ;AACxC,UAAI,CAAC,IAAI;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACyER;AAzEf,SAAgB,YAAY,eAAe;AAC3C,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAGtB,MAAM,WAAW,MAAM;AAC5B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,EACf,IAAI,WAAW,YAAY;AAE3B,QAAM,aAAa,QAAQ,SAAS;AAEpC,QAAM,aAAa,QAAQ,MAAM;AAC/B,QAAI;AAEJ,QAAI,YAAY;AACd,iCAA2B,KACxB;AAAA,QAAI,CAAC,UACJ,MAAM,KAAK,IAAI,CAAC,UAAU;AACxB,gBAAM,IAAI,UAAU,KAAK;AACzB,gBAAM,IAAI,UAAU,KAAK;AACzB,iBAAO;AAAA,YACL,UAAU,eAAe,KAAK;AAAA,YAC9B,MAAM,MAAM;AAAA,YACZ,QAAQ;AAAA,YACR,QAAQ;AAAA,YACR,KAAK,MAAM;AAAA,YACX;AAAA,YACA,OAAO,MAAM;AAAA,UACf;AAAA,QACF,CAAC;AAAA,MACH,EACC,KAAK,CAAC;AAAA,IACX,OAAO;AACL,iCAA2B,KACxB;AAAA,QAAI,CAAC,UACJ,MAAM,KAAK,IAAI,CAAC,WAAW;AAAA,UACzB,UAAU,eAAe,KAAK;AAAA,UAC9B,MAAM,MAAM;AAAA,UACZ,QAAQ,UAAU,KAAK;AAAA,UACvB,QAAQ,UAAU,KAAK;AAAA,UACvB,KAAK,MAAM;AAAA,UACX;AAAA,UACA,OAAO,MAAM;AAAA,QACf,EAAE;AAAA,MACJ,EACC,KAAK,CAAC;AAAA,IACX;AACA,UAAM,qBAA+D,CAAC;AAEtE,6BAAyB,QAAQ,CAAC,QAAQ;AACxC,UAAI,CAAC,IAAI,SAAU;AACnB,UAAI,mBAAmB,IAAI,QAAQ,GAAG;AACpC,2BAAmB,IAAI,QAAQ,IAAI,CAAC,GAAG,mBAAmB,IAAI,QAAQ,GAAG,EAAE,GAAG,IAAI,CAAC;AAAA,MACrF,OAAO;AACL,2BAAmB,IAAI,QAAQ,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC;AAAA,MAChD;AAAA,IACF,CAAC;AAED,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,gBAAgB,WAAW,gBAAgB,WAAW,UAAU,CAAC;AAE3E,SACE,oBAAC,OACE,iBAAO,KAAK,UAAU,EAAE,IAAI,CAAC,QAAQ;AACpC,UAAM,YAAY,WAAW,GAAG,KAAK,aAAa,aAAa,IAAI,IAAI;AACvE,UAAM,QAAQ,WAAW,GAAG;AAC5B,WAAO,oBAAC,gBAAuB,WAAsB,SAA3B,GAAyC;AAAA,EACrE,CAAC,GACH;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -19,8 +19,7 @@ const ScrapperLine = ({ yPosition, datum }) => {
|
|
|
19
19
|
const [referenceElement, setReferenceElement] = useState(null);
|
|
20
20
|
const yPositionString = yPosition;
|
|
21
21
|
const handleOnMouseEnter = useCallback(() => {
|
|
22
|
-
if (!isGrabbed)
|
|
23
|
-
setScrapperPosY(yPositionString);
|
|
22
|
+
if (!isGrabbed) setScrapperPosY(yPositionString);
|
|
24
23
|
setActivePoint(null);
|
|
25
24
|
}, [isGrabbed, setScrapperPosY, setActivePoint, yPositionString]);
|
|
26
25
|
const strokeDetectorWidth = yScale?.type === "BAND" ? yScale?.getBandwidth() : "4px";
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/graphs/Chart/parts/Scrapper/ScrapperLine.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, useCallback, useState } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { ThemeContext } from '@elliemae/ds-system';\nimport { ChartContext } from '../../ChartContext.js';\nimport { StyledMouseOverDetectionBox, StyledTooltipContainer } from '../../styles.js';\nimport type { DSChartT } from '../../react-desc-prop-types.js';\ninterface ScrapperLineProps {\n yPosition: number;\n datum: DSChartT.ScrapperDatum[];\n}\n\nexport const ScrapperLine: React.ComponentType<ScrapperLineProps> = ({ yPosition, datum }) => {\n const {\n scrapperPosY,\n setScrapperPosY,\n innerWidth,\n yScale,\n setActivePoint,\n isGrabbed,\n props: { TooltipRenderer, scrapper },\n } = useContext(ChartContext);\n const theme = useContext(ThemeContext);\n const [referenceElement, setReferenceElement] = useState<HTMLOrSVGElement | null>(null);\n\n const yPositionString = yPosition;\n const handleOnMouseEnter = useCallback(() => {\n if (!isGrabbed) setScrapperPosY(yPositionString);\n setActivePoint(null);\n }, [isGrabbed, setScrapperPosY, setActivePoint, yPositionString]);\n\n const strokeDetectorWidth = yScale?.type === 'BAND' ? yScale?.getBandwidth() : '4px';\n\n return (\n <g>\n {scrapperPosY === yPositionString ? (\n <g>\n {TooltipRenderer ? (\n <foreignObject>\n <DSPopperJS\n withoutAnimation\n withoutArrow\n customOffset={[0, 5]}\n referenceElement={referenceElement as HTMLElement}\n showPopover\n zIndex={theme.zIndex.tooltip}\n startPlacementPreference={scrapper?.tooltipPreference}\n >\n <StyledMouseOverDetectionBox />\n <StyledTooltipContainer>\n <TooltipRenderer data={datum} />\n </StyledTooltipContainer>\n </DSPopperJS>\n </foreignObject>\n ) : null}\n <line\n ref={setReferenceElement}\n x1={innerWidth}\n strokeWidth=\"2px\"\n stroke=\"transparent\"\n y1={yPosition}\n x2={innerWidth}\n y2={yPosition}\n />\n <line\n x1={0}\n strokeWidth=\"2px\"\n stroke=\"grey\"\n strokeDasharray={'4 4'}\n y1={yPosition}\n x2={innerWidth}\n y2={yPosition}\n />\n </g>\n ) : null}\n <line\n onMouseEnter={handleOnMouseEnter}\n x1={0}\n strokeWidth={strokeDetectorWidth}\n stroke=\"transparent\"\n y1={yPosition}\n x2={innerWidth}\n y2={yPosition}\n />\n </g>\n );\n};\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACsCT,SASE,KATF;AAtCd,SAAgB,YAAY,aAAa,gBAAgB;AACzD,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAC7B,SAAS,6BAA6B,8BAA8B;AAO7D,MAAM,eAAuD,CAAC,EAAE,WAAW,MAAM,MAAM;AAC5F,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,EAAE,iBAAiB,SAAS;AAAA,EACrC,IAAI,WAAW,YAAY;AAC3B,QAAM,QAAQ,WAAW,YAAY;AACrC,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAkC,IAAI;AAEtF,QAAM,kBAAkB;AACxB,QAAM,qBAAqB,YAAY,MAAM;AAC3C,QAAI,CAAC
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACsCT,SASE,KATF;AAtCd,SAAgB,YAAY,aAAa,gBAAgB;AACzD,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAC7B,SAAS,6BAA6B,8BAA8B;AAO7D,MAAM,eAAuD,CAAC,EAAE,WAAW,MAAM,MAAM;AAC5F,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,EAAE,iBAAiB,SAAS;AAAA,EACrC,IAAI,WAAW,YAAY;AAC3B,QAAM,QAAQ,WAAW,YAAY;AACrC,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAkC,IAAI;AAEtF,QAAM,kBAAkB;AACxB,QAAM,qBAAqB,YAAY,MAAM;AAC3C,QAAI,CAAC,UAAW,iBAAgB,eAAe;AAC/C,mBAAe,IAAI;AAAA,EACrB,GAAG,CAAC,WAAW,iBAAiB,gBAAgB,eAAe,CAAC;AAEhE,QAAM,sBAAsB,QAAQ,SAAS,SAAS,QAAQ,aAAa,IAAI;AAE/E,SACE,qBAAC,OACE;AAAA,qBAAiB,kBAChB,qBAAC,OACE;AAAA,wBACC,oBAAC,mBACC;AAAA,QAAC;AAAA;AAAA,UACC,kBAAgB;AAAA,UAChB,cAAY;AAAA,UACZ,cAAc,CAAC,GAAG,CAAC;AAAA,UACnB;AAAA,UACA,aAAW;AAAA,UACX,QAAQ,MAAM,OAAO;AAAA,UACrB,0BAA0B,UAAU;AAAA,UAEpC;AAAA,gCAAC,+BAA4B;AAAA,YAC7B,oBAAC,0BACC,8BAAC,mBAAgB,MAAM,OAAO,GAChC;AAAA;AAAA;AAAA,MACF,GACF,IACE;AAAA,MACJ;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,IAAI;AAAA,UACJ,aAAY;AAAA,UACZ,QAAO;AAAA,UACP,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA;AAAA,MACN;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,IAAI;AAAA,UACJ,aAAY;AAAA,UACZ,QAAO;AAAA,UACP,iBAAiB;AAAA,UACjB,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA;AAAA,MACN;AAAA,OACF,IACE;AAAA,IACJ;AAAA,MAAC;AAAA;AAAA,QACC,cAAc;AAAA,QACd,IAAI;AAAA,QACJ,aAAa;AAAA,QACb,QAAO;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA;AAAA,IACN;AAAA,KACF;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -22,8 +22,7 @@ const VerticalScrapperLine = React2.memo(
|
|
|
22
22
|
const [referenceElement, setReferenceElement] = useState();
|
|
23
23
|
const isActive = scrapperPosX === xPosition;
|
|
24
24
|
const handleOnMouseEnter = useCallback(() => {
|
|
25
|
-
if (!isGrabbed)
|
|
26
|
-
setScrapperPosX(xPosition);
|
|
25
|
+
if (!isGrabbed) setScrapperPosX(xPosition);
|
|
27
26
|
setActivePoint(null);
|
|
28
27
|
}, [isGrabbed, setActivePoint, setScrapperPosX, xPosition]);
|
|
29
28
|
return /* @__PURE__ */ jsxs("g", { transform: `translate(${xScale?.type === "BAND" ? xScale?.getBandwidth() / 2 : 0}, 0)`, children: [
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/graphs/Chart/parts/Scrapper/VerticalScrapperLine.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, useCallback, useState } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { ThemeContext } from '@elliemae/ds-system';\nimport { StyledMouseOverDetectionBox, StyledTooltipContainer } from '../../styles.js';\nimport type { DSChartT } from '../../react-desc-prop-types.js';\nimport type { ScaleT } from '../../scales/index.js';\ninterface VerticalScrapperLineProps {\n rectDetector?: { left: number; right: number };\n xPosition: number;\n data: DSChartT.ScrapperDatum[];\n scrapperPosX: number;\n setScrapperPosX: (x: number) => void;\n isGrabbed: boolean;\n xScale: ScaleT | null;\n setActivePoint: React.Dispatch<React.SetStateAction<DSChartT.InternalDatum | null>>;\n innerHeight: number;\n TooltipRenderer?:\n | React.ComponentType<{\n data: {\n name: string;\n xValue: string | number | Date | null;\n yValue: string | number | Date | null;\n datum: DSChartT.InternalDatum;\n }[];\n }>\n | undefined;\n scrapper: DSChartT.ScrapperT;\n}\n\nexport const VerticalScrapperLine: React.ComponentType<VerticalScrapperLineProps> = React.memo(\n ({\n rectDetector,\n xPosition,\n data,\n scrapperPosX,\n setScrapperPosX,\n isGrabbed,\n xScale,\n setActivePoint,\n innerHeight,\n TooltipRenderer,\n scrapper,\n }) => {\n const theme = useContext(ThemeContext);\n const [referenceElement, setReferenceElement] = useState<HTMLOrSVGElement | null>();\n const isActive = scrapperPosX === xPosition;\n const handleOnMouseEnter = useCallback(() => {\n if (!isGrabbed) setScrapperPosX(xPosition);\n setActivePoint(null);\n }, [isGrabbed, setActivePoint, setScrapperPosX, xPosition]);\n return (\n <g transform={`translate(${xScale?.type === 'BAND' ? xScale?.getBandwidth() / 2 : 0}, 0)`}>\n {isActive && !isGrabbed ? (\n <g>\n {TooltipRenderer ? (\n <foreignObject>\n <DSPopperJS\n withoutAnimation\n withoutArrow\n customOffset={[0, 5]}\n referenceElement={referenceElement as HTMLElement}\n showPopover\n zIndex={theme.zIndex.tooltip}\n startPlacementPreference={scrapper.tooltipPreference}\n >\n <StyledMouseOverDetectionBox />\n <StyledTooltipContainer>\n <TooltipRenderer data={data} />\n </StyledTooltipContainer>\n </DSPopperJS>\n </foreignObject>\n ) : null}\n <line\n ref={setReferenceElement}\n x1={xPosition}\n strokeWidth=\"2px\"\n stroke={scrapper.color}\n y1={0}\n x2={xPosition}\n y2={innerHeight}\n strokeDasharray={'4 4'}\n />\n </g>\n ) : null}\n <rect\n onMouseOver={handleOnMouseEnter}\n x={xScale?.type === 'BAND' ? xPosition - xScale?.getBandwidth() / 2 : xPosition - (rectDetector?.left ?? 0)}\n fill=\"transparent\"\n y={0}\n width={\n xScale?.type === 'BAND' ? xScale?.getBandwidth() : (rectDetector?.right ?? 0) + (rectDetector?.left ?? 0)\n }\n height={innerHeight}\n />\n </g>\n );\n },\n);\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACwDP,SASE,KATF;AAxDhB,OAAOA,UAAS,YAAY,aAAa,gBAAgB;AACzD,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,6BAA6B,8BAA8B;AA0B7D,MAAM,uBAAuEA,OAAM;AAAA,EACxF,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,MAAM;AACJ,UAAM,QAAQ,WAAW,YAAY;AACrC,UAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAkC;AAClF,UAAM,WAAW,iBAAiB;AAClC,UAAM,qBAAqB,YAAY,MAAM;AAC3C,UAAI,CAAC
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACwDP,SASE,KATF;AAxDhB,OAAOA,UAAS,YAAY,aAAa,gBAAgB;AACzD,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,6BAA6B,8BAA8B;AA0B7D,MAAM,uBAAuEA,OAAM;AAAA,EACxF,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,MAAM;AACJ,UAAM,QAAQ,WAAW,YAAY;AACrC,UAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAkC;AAClF,UAAM,WAAW,iBAAiB;AAClC,UAAM,qBAAqB,YAAY,MAAM;AAC3C,UAAI,CAAC,UAAW,iBAAgB,SAAS;AACzC,qBAAe,IAAI;AAAA,IACrB,GAAG,CAAC,WAAW,gBAAgB,iBAAiB,SAAS,CAAC;AAC1D,WACE,qBAAC,OAAE,WAAW,aAAa,QAAQ,SAAS,SAAS,QAAQ,aAAa,IAAI,IAAI,CAAC,QAChF;AAAA,kBAAY,CAAC,YACZ,qBAAC,OACE;AAAA,0BACC,oBAAC,mBACC;AAAA,UAAC;AAAA;AAAA,YACC,kBAAgB;AAAA,YAChB,cAAY;AAAA,YACZ,cAAc,CAAC,GAAG,CAAC;AAAA,YACnB;AAAA,YACA,aAAW;AAAA,YACX,QAAQ,MAAM,OAAO;AAAA,YACrB,0BAA0B,SAAS;AAAA,YAEnC;AAAA,kCAAC,+BAA4B;AAAA,cAC7B,oBAAC,0BACC,8BAAC,mBAAgB,MAAY,GAC/B;AAAA;AAAA;AAAA,QACF,GACF,IACE;AAAA,QACJ;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,IAAI;AAAA,YACJ,aAAY;AAAA,YACZ,QAAQ,SAAS;AAAA,YACjB,IAAI;AAAA,YACJ,IAAI;AAAA,YACJ,IAAI;AAAA,YACJ,iBAAiB;AAAA;AAAA,QACnB;AAAA,SACF,IACE;AAAA,MACJ;AAAA,QAAC;AAAA;AAAA,UACC,aAAa;AAAA,UACb,GAAG,QAAQ,SAAS,SAAS,YAAY,QAAQ,aAAa,IAAI,IAAI,aAAa,cAAc,QAAQ;AAAA,UACzG,MAAK;AAAA,UACL,GAAG;AAAA,UACH,OACE,QAAQ,SAAS,SAAS,QAAQ,aAAa,KAAK,cAAc,SAAS,MAAM,cAAc,QAAQ;AAAA,UAEzG,QAAQ;AAAA;AAAA,MACV;AAAA,OACF;AAAA,EAEJ;AACF;",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -37,8 +37,7 @@ const BlurMask = () => {
|
|
|
37
37
|
] });
|
|
38
38
|
}, [containerRatio, innerHeight, innerWidth, xScrollbarPosition]);
|
|
39
39
|
return useMemo(() => {
|
|
40
|
-
if (containerRatio === 1)
|
|
41
|
-
return null;
|
|
40
|
+
if (containerRatio === 1) return null;
|
|
42
41
|
if (xScroll && !yScroll) {
|
|
43
42
|
const realWidth = xScrollbarPosition === 0 ? innerWidth + internalMargin.left : innerWidth;
|
|
44
43
|
const realX = xScrollbarPosition === 0 ? -internalMargin.left : 0;
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/graphs/Chart/parts/Scroller/BlurMask.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable arrow-body-style */\n/* eslint-disable indent */\nimport React, { useContext, useMemo } from 'react';\nimport { ChartContext } from '../../ChartContext.js';\n\nexport const BlurMask = () => {\n const {\n props: { xScroll, yScroll },\n xScrollbarPosition,\n innerWidth,\n internalMargin,\n containerRatio,\n innerHeight,\n chartId,\n height,\n width,\n } = useContext(ChartContext);\n\n const gradient = useMemo(() => {\n if (xScrollbarPosition === 0) {\n return (\n <>\n <stop offset=\"93%\" style={{ stopColor: 'white', stopOpacity: 1 }} />\n <stop offset=\"100%\" style={{ stopColor: 'white', stopOpacity: 0 }} />\n </>\n );\n }\n\n const isAtEndXScroll =\n innerWidth * containerRatio === (xScrollbarPosition + innerWidth / containerRatio) * containerRatio;\n const isAtEndYScroll =\n innerHeight * containerRatio === (xScrollbarPosition + innerHeight / containerRatio) * containerRatio;\n if (isAtEndXScroll || isAtEndYScroll) {\n return (\n <>\n <stop offset=\"0%\" style={{ stopColor: 'white', stopOpacity: 0 }} />\n <stop offset=\"7%\" style={{ stopColor: 'white', stopOpacity: 1 }} />\n </>\n );\n }\n\n return (\n <>\n <stop offset=\"0%\" style={{ stopColor: 'white', stopOpacity: 0 }} />\n <stop offset=\"7%\" style={{ stopColor: 'white', stopOpacity: 1 }} />\n <stop offset=\"93%\" style={{ stopColor: 'white', stopOpacity: 1 }} />\n <stop offset=\"100%\" style={{ stopColor: 'white', stopOpacity: 0 }} />\n </>\n );\n }, [containerRatio, innerHeight, innerWidth, xScrollbarPosition]);\n\n return useMemo(() => {\n if (containerRatio === 1) return null;\n if (xScroll && !yScroll) {\n // we do this to not trim the ticks marks when the scrollbar is at the beginning\n const realWidth = xScrollbarPosition === 0 ? innerWidth + internalMargin.left : innerWidth;\n const realX = xScrollbarPosition === 0 ? -internalMargin.left : 0;\n\n return (\n <defs>\n <linearGradient id={`filter-fade-${chartId}`}>{gradient}</linearGradient>\n\n <mask id={`mask-${chartId}`}>\n <rect x={realX} width={realWidth} height={height} fill={`url(#filter-fade-${chartId}`}></rect>\n </mask>\n </defs>\n );\n }\n if (yScroll && !xScroll) {\n return (\n <defs>\n <linearGradient x2=\"0%\" y2=\"100%\" id={`filter-fade-${chartId}`}>\n {gradient}\n </linearGradient>\n\n <mask id={`mask-y-${chartId}`}>\n <rect\n x={-internalMargin.left}\n width={width}\n height={innerHeight}\n fill={`url(#filter-fade-${chartId}`}\n ></rect>\n </mask>\n </defs>\n );\n }\n return null;\n }, [\n chartId,\n containerRatio,\n gradient,\n height,\n innerHeight,\n innerWidth,\n internalMargin.left,\n width,\n xScroll,\n xScrollbarPosition,\n yScroll,\n ]);\n};\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACqBf,mBACE,KADF;AAnBR,SAAgB,YAAY,eAAe;AAC3C,SAAS,oBAAoB;AAEtB,MAAM,WAAW,MAAM;AAC5B,QAAM;AAAA,IACJ,OAAO,EAAE,SAAS,QAAQ;AAAA,IAC1B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,WAAW,YAAY;AAE3B,QAAM,WAAW,QAAQ,MAAM;AAC7B,QAAI,uBAAuB,GAAG;AAC5B,aACE,iCACE;AAAA,4BAAC,UAAK,QAAO,OAAM,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,QAClE,oBAAC,UAAK,QAAO,QAAO,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,SACrE;AAAA,IAEJ;AAEA,UAAM,iBACJ,aAAa,oBAAoB,qBAAqB,aAAa,kBAAkB;AACvF,UAAM,iBACJ,cAAc,oBAAoB,qBAAqB,cAAc,kBAAkB;AACzF,QAAI,kBAAkB,gBAAgB;AACpC,aACE,iCACE;AAAA,4BAAC,UAAK,QAAO,MAAK,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,QACjE,oBAAC,UAAK,QAAO,MAAK,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,SACnE;AAAA,IAEJ;AAEA,WACE,iCACE;AAAA,0BAAC,UAAK,QAAO,MAAK,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,MACjE,oBAAC,UAAK,QAAO,MAAK,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,MACjE,oBAAC,UAAK,QAAO,OAAM,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,MAClE,oBAAC,UAAK,QAAO,QAAO,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,OACrE;AAAA,EAEJ,GAAG,CAAC,gBAAgB,aAAa,YAAY,kBAAkB,CAAC;AAEhE,SAAO,QAAQ,MAAM;AACnB,QAAI,mBAAmB
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACqBf,mBACE,KADF;AAnBR,SAAgB,YAAY,eAAe;AAC3C,SAAS,oBAAoB;AAEtB,MAAM,WAAW,MAAM;AAC5B,QAAM;AAAA,IACJ,OAAO,EAAE,SAAS,QAAQ;AAAA,IAC1B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,WAAW,YAAY;AAE3B,QAAM,WAAW,QAAQ,MAAM;AAC7B,QAAI,uBAAuB,GAAG;AAC5B,aACE,iCACE;AAAA,4BAAC,UAAK,QAAO,OAAM,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,QAClE,oBAAC,UAAK,QAAO,QAAO,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,SACrE;AAAA,IAEJ;AAEA,UAAM,iBACJ,aAAa,oBAAoB,qBAAqB,aAAa,kBAAkB;AACvF,UAAM,iBACJ,cAAc,oBAAoB,qBAAqB,cAAc,kBAAkB;AACzF,QAAI,kBAAkB,gBAAgB;AACpC,aACE,iCACE;AAAA,4BAAC,UAAK,QAAO,MAAK,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,QACjE,oBAAC,UAAK,QAAO,MAAK,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,SACnE;AAAA,IAEJ;AAEA,WACE,iCACE;AAAA,0BAAC,UAAK,QAAO,MAAK,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,MACjE,oBAAC,UAAK,QAAO,MAAK,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,MACjE,oBAAC,UAAK,QAAO,OAAM,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,MAClE,oBAAC,UAAK,QAAO,QAAO,OAAO,EAAE,WAAW,SAAS,aAAa,EAAE,GAAG;AAAA,OACrE;AAAA,EAEJ,GAAG,CAAC,gBAAgB,aAAa,YAAY,kBAAkB,CAAC;AAEhE,SAAO,QAAQ,MAAM;AACnB,QAAI,mBAAmB,EAAG,QAAO;AACjC,QAAI,WAAW,CAAC,SAAS;AAEvB,YAAM,YAAY,uBAAuB,IAAI,aAAa,eAAe,OAAO;AAChF,YAAM,QAAQ,uBAAuB,IAAI,CAAC,eAAe,OAAO;AAEhE,aACE,qBAAC,UACC;AAAA,4BAAC,oBAAe,IAAI,eAAe,OAAO,IAAK,oBAAS;AAAA,QAExD,oBAAC,UAAK,IAAI,QAAQ,OAAO,IACvB,8BAAC,UAAK,GAAG,OAAO,OAAO,WAAW,QAAgB,MAAM,oBAAoB,OAAO,IAAI,GACzF;AAAA,SACF;AAAA,IAEJ;AACA,QAAI,WAAW,CAAC,SAAS;AACvB,aACE,qBAAC,UACC;AAAA,4BAAC,oBAAe,IAAG,MAAK,IAAG,QAAO,IAAI,eAAe,OAAO,IACzD,oBACH;AAAA,QAEA,oBAAC,UAAK,IAAI,UAAU,OAAO,IACzB;AAAA,UAAC;AAAA;AAAA,YACC,GAAG,CAAC,eAAe;AAAA,YACnB;AAAA,YACA,QAAQ;AAAA,YACR,MAAM,oBAAoB,OAAO;AAAA;AAAA,QAClC,GACH;AAAA,SACF;AAAA,IAEJ;AACA,WAAO;AAAA,EACT,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACH;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -47,10 +47,8 @@ const Controllers = () => {
|
|
|
47
47
|
},
|
|
48
48
|
[containerRef, lastScrollbarPosition, setContainerRatio, setXScrollbarPosition]
|
|
49
49
|
);
|
|
50
|
-
if (xScale?.type === "BAND" || yScale?.type === "BAND")
|
|
51
|
-
|
|
52
|
-
if (!xScroll)
|
|
53
|
-
return null;
|
|
50
|
+
if (xScale?.type === "BAND" || yScale?.type === "BAND") return null;
|
|
51
|
+
if (!xScroll) return null;
|
|
54
52
|
return /* @__PURE__ */ jsx(
|
|
55
53
|
StyledResetter,
|
|
56
54
|
{
|