@ledgerhq/lumen-ui-rnative-visualization 0.1.18 → 0.1.20
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/module/lib/Components/Axis/XAxis/XAxis.js +2 -1
- package/dist/module/lib/Components/Axis/XAxis/XAxis.js.map +1 -1
- package/dist/module/lib/Components/Axis/XAxis/XAxis.test.js +14 -0
- package/dist/module/lib/Components/Axis/XAxis/XAxis.test.js.map +1 -1
- package/dist/module/lib/Components/Axis/YAxis/YAxis.js +2 -1
- package/dist/module/lib/Components/Axis/YAxis/YAxis.js.map +1 -1
- package/dist/module/lib/Components/Axis/YAxis/YAxis.test.js +14 -0
- package/dist/module/lib/Components/Axis/YAxis/YAxis.test.js.map +1 -1
- package/dist/module/lib/Components/CartesianChart/CartesianChart.js +2 -2
- package/dist/module/lib/Components/CartesianChart/CartesianChart.js.map +1 -1
- package/dist/module/lib/Components/CartesianChart/{RevealClip/RevealClipDefs.js → RevealAnimation/RevealAnimationProvider.js} +12 -11
- package/dist/module/lib/Components/CartesianChart/RevealAnimation/RevealAnimationProvider.js.map +1 -0
- package/dist/module/lib/Components/CartesianChart/{RevealClip/RevealClipDefs.test.js → RevealAnimation/RevealAnimationProvider.test.js} +51 -12
- package/dist/module/lib/Components/CartesianChart/RevealAnimation/RevealAnimationProvider.test.js.map +1 -0
- package/dist/module/lib/Components/CartesianChart/RevealAnimation/context.js +35 -0
- package/dist/module/lib/Components/CartesianChart/RevealAnimation/context.js.map +1 -0
- package/dist/module/lib/Components/CartesianChart/RevealAnimation/index.js +5 -0
- package/dist/module/lib/Components/CartesianChart/RevealAnimation/index.js.map +1 -0
- package/dist/module/lib/Components/CartesianChart/RevealAnimation/types.js.map +1 -0
- package/dist/module/lib/Components/CartesianChart/RevealAnimation/utils.js +64 -0
- package/dist/module/lib/Components/CartesianChart/RevealAnimation/utils.js.map +1 -0
- package/dist/module/lib/Components/CartesianChart/utils.js +1 -1
- package/dist/module/lib/Components/CartesianChart/utils.js.map +1 -1
- package/dist/module/lib/Components/Line/Line.js +6 -4
- package/dist/module/lib/Components/Line/Line.js.map +1 -1
- package/dist/module/lib/Components/Line/utils.js +19 -9
- package/dist/module/lib/Components/Line/utils.js.map +1 -1
- package/dist/module/lib/Components/Line/utils.test.js +22 -2
- package/dist/module/lib/Components/Line/utils.test.js.map +1 -1
- package/dist/module/lib/Components/LineChart/LineChart.js +23 -8
- package/dist/module/lib/Components/LineChart/LineChart.js.map +1 -1
- package/dist/module/lib/Components/LineChart/LineChart.test.js +69 -0
- package/dist/module/lib/Components/LineChart/LineChart.test.js.map +1 -1
- package/dist/module/lib/Components/LineChart/LineChartEmptyState/LineChartEmptyState.js +2 -2
- package/dist/module/lib/Components/LineChart/LineChartEmptyState/LineChartEmptyState.js.map +1 -1
- package/dist/module/lib/Components/Point/Point.js +6 -4
- package/dist/module/lib/Components/Point/Point.js.map +1 -1
- package/dist/module/lib/Components/Scrubber/ScrubberProvider.js +8 -1
- package/dist/module/lib/Components/Scrubber/ScrubberProvider.js.map +1 -1
- package/dist/module/lib/Components/Scrubber/ScrubberProvider.test.js +79 -1
- package/dist/module/lib/Components/Scrubber/ScrubberProvider.test.js.map +1 -1
- package/dist/typescript/src/lib/Components/Axis/Axis.types.d.ts +6 -0
- package/dist/typescript/src/lib/Components/Axis/Axis.types.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Axis/XAxis/XAxis.d.ts +1 -1
- package/dist/typescript/src/lib/Components/Axis/XAxis/XAxis.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Axis/YAxis/YAxis.d.ts +1 -1
- package/dist/typescript/src/lib/Components/Axis/YAxis/YAxis.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/CartesianChart/RevealAnimation/RevealAnimationProvider.d.ts +3 -0
- package/dist/typescript/src/lib/Components/CartesianChart/RevealAnimation/RevealAnimationProvider.d.ts.map +1 -0
- package/dist/typescript/src/lib/Components/CartesianChart/RevealAnimation/context.d.ts +22 -0
- package/dist/typescript/src/lib/Components/CartesianChart/RevealAnimation/context.d.ts.map +1 -0
- package/dist/typescript/src/lib/Components/CartesianChart/RevealAnimation/index.d.ts +3 -0
- package/dist/typescript/src/lib/Components/CartesianChart/RevealAnimation/index.d.ts.map +1 -0
- package/dist/typescript/src/lib/Components/CartesianChart/{RevealClip → RevealAnimation}/types.d.ts +14 -1
- package/dist/typescript/src/lib/Components/CartesianChart/RevealAnimation/types.d.ts.map +1 -0
- package/dist/typescript/src/lib/Components/CartesianChart/RevealAnimation/utils.d.ts +33 -0
- package/dist/typescript/src/lib/Components/CartesianChart/RevealAnimation/utils.d.ts.map +1 -0
- package/dist/typescript/src/lib/Components/CartesianChart/utils.d.ts +1 -1
- package/dist/typescript/src/lib/Components/CartesianChart/utils.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Line/Line.d.ts +1 -1
- package/dist/typescript/src/lib/Components/Line/Line.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Line/types.d.ts +7 -0
- package/dist/typescript/src/lib/Components/Line/types.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Line/utils.d.ts +8 -4
- package/dist/typescript/src/lib/Components/Line/utils.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/LineChart/LineChart.d.ts +1 -1
- package/dist/typescript/src/lib/Components/LineChart/LineChart.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/LineChart/types.d.ts +13 -1
- package/dist/typescript/src/lib/Components/LineChart/types.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Point/Point.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Scrubber/ScrubberProvider.d.ts.map +1 -1
- package/dist/typescript/src/lib/utils/types.d.ts +7 -0
- package/dist/typescript/src/lib/utils/types.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/lib/Components/Axis/Axis.types.ts +6 -0
- package/src/lib/Components/Axis/XAxis/XAxis.test.tsx +12 -0
- package/src/lib/Components/Axis/XAxis/XAxis.tsx +16 -14
- package/src/lib/Components/Axis/YAxis/YAxis.test.tsx +12 -0
- package/src/lib/Components/Axis/YAxis/YAxis.tsx +16 -14
- package/src/lib/Components/CartesianChart/CartesianChart.tsx +3 -3
- package/src/lib/Components/CartesianChart/{RevealClip/RevealClipDefs.test.tsx → RevealAnimation/RevealAnimationProvider.test.tsx} +60 -17
- package/src/lib/Components/CartesianChart/{RevealClip/RevealClipDefs.tsx → RevealAnimation/RevealAnimationProvider.tsx} +10 -11
- package/src/lib/Components/CartesianChart/RevealAnimation/context.ts +39 -0
- package/src/lib/Components/CartesianChart/RevealAnimation/index.ts +2 -0
- package/src/lib/Components/CartesianChart/{RevealClip → RevealAnimation}/types.ts +15 -1
- package/src/lib/Components/CartesianChart/RevealAnimation/utils.ts +87 -0
- package/src/lib/Components/CartesianChart/utils.ts +2 -1
- package/src/lib/Components/Line/Line.tsx +13 -4
- package/src/lib/Components/Line/types.ts +7 -0
- package/src/lib/Components/Line/utils.test.ts +36 -2
- package/src/lib/Components/Line/utils.ts +24 -9
- package/src/lib/Components/LineChart/LineChart.test.tsx +71 -0
- package/src/lib/Components/LineChart/LineChart.tsx +21 -3
- package/src/lib/Components/LineChart/LineChartEmptyState/LineChartEmptyState.tsx +2 -2
- package/src/lib/Components/LineChart/types.ts +15 -1
- package/src/lib/Components/Point/Point.tsx +7 -4
- package/src/lib/Components/Scrubber/ScrubberProvider.test.tsx +83 -1
- package/src/lib/Components/Scrubber/ScrubberProvider.tsx +15 -1
- package/src/lib/utils/types.ts +7 -0
- package/dist/module/lib/Components/CartesianChart/RevealClip/RevealClipDefs.js.map +0 -1
- package/dist/module/lib/Components/CartesianChart/RevealClip/RevealClipDefs.test.js.map +0 -1
- package/dist/module/lib/Components/CartesianChart/RevealClip/context.js +0 -8
- package/dist/module/lib/Components/CartesianChart/RevealClip/context.js.map +0 -1
- package/dist/module/lib/Components/CartesianChart/RevealClip/index.js +0 -5
- package/dist/module/lib/Components/CartesianChart/RevealClip/index.js.map +0 -1
- package/dist/module/lib/Components/CartesianChart/RevealClip/types.js.map +0 -1
- package/dist/module/lib/Components/CartesianChart/hooks/useDataFingerprint.js +0 -13
- package/dist/module/lib/Components/CartesianChart/hooks/useDataFingerprint.js.map +0 -1
- package/dist/module/lib/Components/CartesianChart/hooks/useRevealClipAnimation.js +0 -27
- package/dist/module/lib/Components/CartesianChart/hooks/useRevealClipAnimation.js.map +0 -1
- package/dist/typescript/src/lib/Components/CartesianChart/RevealClip/RevealClipDefs.d.ts +0 -3
- package/dist/typescript/src/lib/Components/CartesianChart/RevealClip/RevealClipDefs.d.ts.map +0 -1
- package/dist/typescript/src/lib/Components/CartesianChart/RevealClip/context.d.ts +0 -7
- package/dist/typescript/src/lib/Components/CartesianChart/RevealClip/context.d.ts.map +0 -1
- package/dist/typescript/src/lib/Components/CartesianChart/RevealClip/index.d.ts +0 -3
- package/dist/typescript/src/lib/Components/CartesianChart/RevealClip/index.d.ts.map +0 -1
- package/dist/typescript/src/lib/Components/CartesianChart/RevealClip/types.d.ts.map +0 -1
- package/dist/typescript/src/lib/Components/CartesianChart/hooks/useDataFingerprint.d.ts +0 -9
- package/dist/typescript/src/lib/Components/CartesianChart/hooks/useDataFingerprint.d.ts.map +0 -1
- package/dist/typescript/src/lib/Components/CartesianChart/hooks/useRevealClipAnimation.d.ts +0 -14
- package/dist/typescript/src/lib/Components/CartesianChart/hooks/useRevealClipAnimation.d.ts.map +0 -1
- package/src/lib/Components/CartesianChart/RevealClip/context.ts +0 -13
- package/src/lib/Components/CartesianChart/RevealClip/index.ts +0 -2
- package/src/lib/Components/CartesianChart/hooks/useDataFingerprint.ts +0 -16
- package/src/lib/Components/CartesianChart/hooks/useRevealClipAnimation.ts +0 -43
- /package/dist/module/lib/Components/CartesianChart/{RevealClip → RevealAnimation}/types.js +0 -0
|
@@ -16,6 +16,7 @@ export const XAxis = ({
|
|
|
16
16
|
showGrid = false,
|
|
17
17
|
showLine = false,
|
|
18
18
|
showTickMark = false,
|
|
19
|
+
showLabels = true,
|
|
19
20
|
ticks: ticksProp,
|
|
20
21
|
tickLabelFormatter
|
|
21
22
|
}) => {
|
|
@@ -66,7 +67,7 @@ export const XAxis = ({
|
|
|
66
67
|
y2: axisY + tickDirection * TICK_MARK_SIZE,
|
|
67
68
|
stroke: lineStroke,
|
|
68
69
|
strokeWidth: STROKE_WIDTH
|
|
69
|
-
}, `tick-${tick.value}-${i}`)), ticksData.map((tick, i) => /*#__PURE__*/_jsx(SvgText, {
|
|
70
|
+
}, `tick-${tick.value}-${i}`)), showLabels && ticksData.map((tick, i) => /*#__PURE__*/_jsx(SvgText, {
|
|
70
71
|
x: tick.position,
|
|
71
72
|
y: labelY,
|
|
72
73
|
dy: labelDy,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useTheme","useMemo","G","Line","SvgLine","Text","SvgText","buildTicksData","useCartesianChartContext","jsx","_jsx","jsxs","_jsxs","STROKE_WIDTH","TICK_MARK_SIZE","TICK_LABEL_OFFSET","DEFAULT_AXIS_HEIGHT","XAxis","gridLineStyle","position","showGrid","showLine","showTickMark","ticks","ticksProp","tickLabelFormatter","getXScale","getXAxisConfig","drawingArea","theme","xScale","xAxisConfig","ticksData","width","isTop","axisY","y","height","fontSize","typographies","body4","tickDirection","labelY","labelDy","gridStroke","colors","border","mutedSubtleTransparent","lineStroke","muted","textFill","text","children","map","tick","i","x1","y1","x2","y2","stroke","strokeWidth","strokeDasharray","undefined","value","x","strokeLinecap","dy","textAnchor","fill","fontFamily","fontFamilies","sans","label"],"sourceRoot":"../../../../../../src","sources":["lib/Components/Axis/XAxis/XAxis.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,4BAA4B;AACrD,SAASC,OAAO,QAAQ,OAAO;AAC/B,SAASC,CAAC,EAAEC,IAAI,IAAIC,OAAO,EAAEC,IAAI,IAAIC,OAAO,QAAQ,kBAAkB;AAEtE,SAASC,cAAc,QAAQ,+BAA4B;AAC3D,SAASC,wBAAwB,QAAQ,uCAA8B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAIxE,MAAMC,YAAY,GAAG,CAAC;AACtB,MAAMC,cAAc,GAAG,CAAC;AACxB,MAAMC,iBAAiB,GAAG,CAAC;AAC3B,OAAO,MAAMC,mBAAmB,GAAG,EAAE;AAErC,OAAO,MAAMC,KAAK,GAAGA,CAAC;EACpBC,aAAa,GAAG,QAAQ;EACxBC,QAAQ,GAAG,QAAQ;EACnBC,QAAQ,GAAG,KAAK;EAChBC,QAAQ,GAAG,KAAK;EAChBC,YAAY,GAAG,KAAK;EACpBC,KAAK,EAAEC,SAAS;EAChBC;AACU,CAAC,KAAK;EAChB,MAAM;IAAEC,SAAS;IAAEC,cAAc;IAAEC;EAAY,CAAC,
|
|
1
|
+
{"version":3,"names":["useTheme","useMemo","G","Line","SvgLine","Text","SvgText","buildTicksData","useCartesianChartContext","jsx","_jsx","jsxs","_jsxs","STROKE_WIDTH","TICK_MARK_SIZE","TICK_LABEL_OFFSET","DEFAULT_AXIS_HEIGHT","XAxis","gridLineStyle","position","showGrid","showLine","showTickMark","showLabels","ticks","ticksProp","tickLabelFormatter","getXScale","getXAxisConfig","drawingArea","theme","xScale","xAxisConfig","ticksData","width","isTop","axisY","y","height","fontSize","typographies","body4","tickDirection","labelY","labelDy","gridStroke","colors","border","mutedSubtleTransparent","lineStroke","muted","textFill","text","children","map","tick","i","x1","y1","x2","y2","stroke","strokeWidth","strokeDasharray","undefined","value","x","strokeLinecap","dy","textAnchor","fill","fontFamily","fontFamilies","sans","label"],"sourceRoot":"../../../../../../src","sources":["lib/Components/Axis/XAxis/XAxis.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -99,6 +99,20 @@ describe('XAxis', () => {
|
|
|
99
99
|
getByText('0');
|
|
100
100
|
getByText('4');
|
|
101
101
|
});
|
|
102
|
+
it('hides tick labels when showLabels is false but keeps tick marks', () => {
|
|
103
|
+
const {
|
|
104
|
+
queryByText,
|
|
105
|
+
toJSON
|
|
106
|
+
} = renderXAxis({
|
|
107
|
+
ticks: [0, 2, 4],
|
|
108
|
+
showTickMark: true,
|
|
109
|
+
showLabels: false
|
|
110
|
+
});
|
|
111
|
+
expect(queryByText('0')).toBeNull();
|
|
112
|
+
expect(queryByText('2')).toBeNull();
|
|
113
|
+
expect(queryByText('4')).toBeNull();
|
|
114
|
+
expect(toJSON()).toBeTruthy();
|
|
115
|
+
});
|
|
102
116
|
it('does not render axis when width is 0', () => {
|
|
103
117
|
const {
|
|
104
118
|
queryByText
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["describe","it","expect","ledgerLiveThemes","ThemeProvider","render","CartesianChart","XAxis","jsx","_jsx","sampleSeries","id","stroke","data","renderXAxis","props","themes","colorScheme","children","series","width","height","getByTestId","getByText","ticks","queryByText","toBeNull","formatter","value","tickLabelFormatter","toJSON","showGrid","toBeTruthy","showLine","showTickMark"],"sourceRoot":"../../../../../../src","sources":["lib/Components/Axis/XAxis/XAxis.test.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,EAAE,EAAEC,MAAM,QAAQ,eAAe;AACpD,SAASC,gBAAgB,QAAQ,6BAA6B;AAC9D,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,MAAM,QAAQ,+BAA+B;AAEtD,SAASC,cAAc,QAAQ,+BAAsB;AAGrD,SAASC,KAAK,QAAQ,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhC,MAAMC,YAAY,GAAG,CACnB;EAAEC,EAAE,EAAE,MAAM;EAAEC,MAAM,EAAE,MAAM;EAAEC,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AAAE,CAAC,CAC3D;AAED,MAAMC,WAAW,GAAGA,CAACC,KAAiB,GAAG,CAAC,CAAC,KACzCV,MAAM,cACJI,IAAA,CAACL,aAAa;EAACY,MAAM,EAAEb,gBAAiB;EAACc,WAAW,EAAC,OAAO;EAAAC,QAAA,eAC1DT,IAAA,CAACH,cAAc;IAACa,MAAM,EAAET,YAAa;IAACU,KAAK,EAAE,GAAI;IAACC,MAAM,EAAE,GAAI;IAAAH,QAAA,eAC5DT,IAAA,CAACF,KAAK;MAAA,GAAKQ;IAAK,CAAG;EAAC,CACN;AAAC,CACJ,CACjB,CAAC;AAEHf,QAAQ,CAAC,OAAO,EAAE,MAAM;EACtBC,EAAE,CAAC,0BAA0B,EAAE,MAAM;IACnC,MAAM;MAAEqB;IAAY,CAAC,GAAGR,WAAW,CAAC,CAAC;IACrCQ,WAAW,CAAC,WAAW,CAAC;EAC1B,CAAC,CAAC;EAEFrB,EAAE,CAAC,wCAAwC,EAAE,MAAM;IACjD,MAAM;MAAEsB;IAAU,CAAC,GAAGT,WAAW,CAAC;MAAEU,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC;IAAE,CAAC,CAAC;IACvDD,SAAS,CAAC,GAAG,CAAC;IACdA,SAAS,CAAC,GAAG,CAAC;IACdA,SAAS,CAAC,GAAG,CAAC;EAChB,CAAC,CAAC;EAEFtB,EAAE,CAAC,6CAA6C,EAAE,MAAM;IACtD,MAAM;MAAEwB;IAAY,CAAC,GAAGX,WAAW,CAAC;MAAEU,KAAK,EAAE;IAAG,CAAC,CAAC;IAClDtB,MAAM,CAACuB,WAAW,CAAC,GAAG,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;EACrC,CAAC,CAAC;EAEFzB,EAAE,CAAC,4BAA4B,EAAE,MAAM;IACrC,MAAM0B,SAAS,GAAIC,KAAsB,IAAK,IAAIA,KAAK,EAAE;IACzD,MAAM;MAAEL;IAAU,CAAC,GAAGT,WAAW,CAAC;MAChCU,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;MACbK,kBAAkB,EAAEF;IACtB,CAAC,CAAC;IACFJ,SAAS,CAAC,IAAI,CAAC;IACfA,SAAS,CAAC,IAAI,CAAC;EACjB,CAAC,CAAC;EAEFtB,EAAE,CAAC,+BAA+B,EAAE,MAAM;IACxC,MAAM;MAAE6B;IAAO,CAAC,GAAGhB,WAAW,CAAC;MAAEiB,QAAQ,EAAE,IAAI;MAAEP,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC;IAAE,CAAC,CAAC;IACjEtB,MAAM,CAAC4B,MAAM,CAAC,CAAC,CAAC,CAACE,UAAU,CAAC,CAAC;EAC/B,CAAC,CAAC;EAEF/B,EAAE,CAAC,+BAA+B,EAAE,MAAM;IACxC,MAAM;MAAE6B;IAAO,CAAC,GAAGhB,WAAW,CAAC;MAAEmB,QAAQ,EAAE,IAAI;MAAET,KAAK,EAAE;IAAG,CAAC,CAAC;IAC7DtB,MAAM,CAAC4B,MAAM,CAAC,CAAC,CAAC,CAACE,UAAU,CAAC,CAAC;EAC/B,CAAC,CAAC;EAEF/B,EAAE,CAAC,mCAAmC,EAAE,MAAM;IAC5C,MAAM;MAAE6B;IAAO,CAAC,GAAGhB,WAAW,CAAC;MAAEoB,YAAY,EAAE,IAAI;MAAEV,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC;IAAE,CAAC,CAAC;IACrEtB,MAAM,CAAC4B,MAAM,CAAC,CAAC,CAAC,CAACE,UAAU,CAAC,CAAC;EAC/B,CAAC,CAAC;EAEF/B,EAAE,CAAC,yCAAyC,EAAE,MAAM;IAClD,MAAM;MAAEsB;IAAU,CAAC,GAAGT,WAAW,CAAC;MAChCiB,QAAQ,EAAE,IAAI;MACdE,QAAQ,EAAE,IAAI;MACdC,YAAY,EAAE,IAAI;MAClBV,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC;IACd,CAAC,CAAC;IACFD,SAAS,CAAC,GAAG,CAAC;IACdA,SAAS,CAAC,GAAG,CAAC;EAChB,CAAC,CAAC;EAEFtB,EAAE,CAAC,sCAAsC,EAAE,MAAM;IAC/C,MAAM;MAAEwB;IAAY,CAAC,GAAGpB,MAAM,cAC5BI,IAAA,CAACL,aAAa;MAACY,MAAM,EAAEb,gBAAiB;MAACc,WAAW,EAAC,OAAO;MAAAC,QAAA,eAC1DT,IAAA,CAACH,cAAc;QAACa,MAAM,EAAET,YAAa;QAACU,KAAK,EAAE,CAAE;QAACC,MAAM,EAAE,GAAI;QAAAH,QAAA,eAC1DT,IAAA,CAACF,KAAK;UAACiB,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC;QAAE,CAAE;MAAC,CACb;IAAC,CACJ,CACjB,CAAC;IACDtB,MAAM,CAACuB,WAAW,CAAC,GAAG,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;IACnCxB,MAAM,CAACuB,WAAW,CAAC,GAAG,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;EACrC,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["describe","it","expect","ledgerLiveThemes","ThemeProvider","render","CartesianChart","XAxis","jsx","_jsx","sampleSeries","id","stroke","data","renderXAxis","props","themes","colorScheme","children","series","width","height","getByTestId","getByText","ticks","queryByText","toBeNull","formatter","value","tickLabelFormatter","toJSON","showGrid","toBeTruthy","showLine","showTickMark","showLabels"],"sourceRoot":"../../../../../../src","sources":["lib/Components/Axis/XAxis/XAxis.test.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -15,6 +15,7 @@ export const YAxis = ({
|
|
|
15
15
|
showGrid = false,
|
|
16
16
|
showLine = false,
|
|
17
17
|
showTickMark = false,
|
|
18
|
+
showLabels = true,
|
|
18
19
|
gridLineStyle = 'dashed',
|
|
19
20
|
ticks: ticksProp,
|
|
20
21
|
tickLabelFormatter
|
|
@@ -66,7 +67,7 @@ export const YAxis = ({
|
|
|
66
67
|
y2: tick.position,
|
|
67
68
|
stroke: lineStroke,
|
|
68
69
|
strokeWidth: STROKE_WIDTH
|
|
69
|
-
}, `tick-${tick.value}-${i}`)), ticksData.map((tick, i) => /*#__PURE__*/_jsx(SvgText, {
|
|
70
|
+
}, `tick-${tick.value}-${i}`)), showLabels && ticksData.map((tick, i) => /*#__PURE__*/_jsx(SvgText, {
|
|
70
71
|
x: labelX,
|
|
71
72
|
y: tick.position,
|
|
72
73
|
dy: labelDy,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useTheme","useMemo","G","Line","SvgLine","Text","SvgText","buildTicksData","useCartesianChartContext","jsx","_jsx","jsxs","_jsxs","STROKE_WIDTH","TICK_MARK_SIZE","TICK_LABEL_OFFSET","DEFAULT_AXIS_WIDTH","YAxis","position","showGrid","showLine","showTickMark","gridLineStyle","ticks","ticksProp","tickLabelFormatter","getYScale","getYAxisConfig","drawingArea","theme","yScale","yAxisConfig","ticksData","height","isStart","axisX","x","width","tickDirection","labelX","fontSize","typographies","body4","labelDy","gridStroke","colors","border","mutedSubtleTransparent","lineStroke","muted","textFill","text","children","map","tick","i","x1","y1","x2","y2","stroke","strokeWidth","strokeDasharray","undefined","value","y","strokeLinecap","dy","textAnchor","fill","fontFamily","fontFamilies","sans","label"],"sourceRoot":"../../../../../../src","sources":["lib/Components/Axis/YAxis/YAxis.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,4BAA4B;AACrD,SAASC,OAAO,QAAQ,OAAO;AAC/B,SAASC,CAAC,EAAEC,IAAI,IAAIC,OAAO,EAAEC,IAAI,IAAIC,OAAO,QAAQ,kBAAkB;AAEtE,SAASC,cAAc,QAAQ,+BAA4B;AAC3D,SAASC,wBAAwB,QAAQ,uCAA8B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAIxE,MAAMC,YAAY,GAAG,CAAC;AACtB,MAAMC,cAAc,GAAG,CAAC;AACxB,MAAMC,iBAAiB,GAAG,CAAC;AAC3B,OAAO,MAAMC,kBAAkB,GAAG,EAAE;AAEpC,OAAO,MAAMC,KAAK,GAAGA,CAAC;EACpBC,QAAQ,GAAG,OAAO;EAClBC,QAAQ,GAAG,KAAK;EAChBC,QAAQ,GAAG,KAAK;EAChBC,YAAY,GAAG,KAAK;EACpBC,aAAa,GAAG,QAAQ;EACxBC,KAAK,EAAEC,SAAS;EAChBC;AACU,CAAC,KAAK;EAChB,MAAM;IAAEC,SAAS;IAAEC,cAAc;IAAEC;EAAY,CAAC,
|
|
1
|
+
{"version":3,"names":["useTheme","useMemo","G","Line","SvgLine","Text","SvgText","buildTicksData","useCartesianChartContext","jsx","_jsx","jsxs","_jsxs","STROKE_WIDTH","TICK_MARK_SIZE","TICK_LABEL_OFFSET","DEFAULT_AXIS_WIDTH","YAxis","position","showGrid","showLine","showTickMark","showLabels","gridLineStyle","ticks","ticksProp","tickLabelFormatter","getYScale","getYAxisConfig","drawingArea","theme","yScale","yAxisConfig","ticksData","height","isStart","axisX","x","width","tickDirection","labelX","fontSize","typographies","body4","labelDy","gridStroke","colors","border","mutedSubtleTransparent","lineStroke","muted","textFill","text","children","map","tick","i","x1","y1","x2","y2","stroke","strokeWidth","strokeDasharray","undefined","value","y","strokeLinecap","dy","textAnchor","fill","fontFamily","fontFamilies","sans","label"],"sourceRoot":"../../../../../../src","sources":["lib/Components/Axis/YAxis/YAxis.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -99,6 +99,20 @@ describe('YAxis', () => {
|
|
|
99
99
|
getByText('10');
|
|
100
100
|
getByText('50');
|
|
101
101
|
});
|
|
102
|
+
it('hides tick labels when showLabels is false but keeps tick marks', () => {
|
|
103
|
+
const {
|
|
104
|
+
queryByText,
|
|
105
|
+
toJSON
|
|
106
|
+
} = renderYAxis({
|
|
107
|
+
ticks: [10, 30, 50],
|
|
108
|
+
showTickMark: true,
|
|
109
|
+
showLabels: false
|
|
110
|
+
});
|
|
111
|
+
expect(queryByText('10')).toBeNull();
|
|
112
|
+
expect(queryByText('30')).toBeNull();
|
|
113
|
+
expect(queryByText('50')).toBeNull();
|
|
114
|
+
expect(toJSON()).toBeTruthy();
|
|
115
|
+
});
|
|
102
116
|
it('does not render axis when height is 0', () => {
|
|
103
117
|
const {
|
|
104
118
|
queryByText
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["describe","it","expect","ledgerLiveThemes","ThemeProvider","render","CartesianChart","YAxis","jsx","_jsx","sampleSeries","id","stroke","data","renderYAxis","props","themes","colorScheme","children","series","width","height","getByTestId","getByText","ticks","queryByText","toBeNull","formatter","value","tickLabelFormatter","toJSON","showGrid","toBeTruthy","showLine","showTickMark"],"sourceRoot":"../../../../../../src","sources":["lib/Components/Axis/YAxis/YAxis.test.tsx"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["describe","it","expect","ledgerLiveThemes","ThemeProvider","render","CartesianChart","YAxis","jsx","_jsx","sampleSeries","id","stroke","data","renderYAxis","props","themes","colorScheme","children","series","width","height","getByTestId","getByText","ticks","queryByText","toBeNull","formatter","value","tickLabelFormatter","toJSON","showGrid","toBeTruthy","showLine","showTickMark","showLabels"],"sourceRoot":"../../../../../../src","sources":["lib/Components/Axis/YAxis/YAxis.test.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -6,7 +6,7 @@ import { Svg } from 'react-native-svg';
|
|
|
6
6
|
import { MagneticPointsProvider } from "../Point/pointContext/index.js";
|
|
7
7
|
import { ScrubberProvider } from "../Scrubber/ScrubberProvider.js";
|
|
8
8
|
import { CartesianChartProvider, useBuildChartContext } from "./context/index.js";
|
|
9
|
-
import {
|
|
9
|
+
import { RevealAnimationProvider } from "./RevealAnimation/index.js";
|
|
10
10
|
import { DEFAULT_HEIGHT, OVERFLOW_BUFFER, OVERFLOW_OFFSET, resolveAxisPadding, resolveInset } from "./utils.js";
|
|
11
11
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
12
12
|
export function CartesianChart({
|
|
@@ -82,7 +82,7 @@ export function CartesianChart({
|
|
|
82
82
|
style: {
|
|
83
83
|
overflow: 'visible'
|
|
84
84
|
},
|
|
85
|
-
children: /*#__PURE__*/_jsx(
|
|
85
|
+
children: /*#__PURE__*/_jsx(RevealAnimationProvider, {
|
|
86
86
|
drawingArea: contextValue.drawingArea,
|
|
87
87
|
series: series,
|
|
88
88
|
animate: animate,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useCallback","useMemo","useState","View","Svg","MagneticPointsProvider","ScrubberProvider","CartesianChartProvider","useBuildChartContext","
|
|
1
|
+
{"version":3,"names":["useCallback","useMemo","useState","View","Svg","MagneticPointsProvider","ScrubberProvider","CartesianChartProvider","useBuildChartContext","RevealAnimationProvider","DEFAULT_HEIGHT","OVERFLOW_BUFFER","OVERFLOW_OFFSET","resolveAxisPadding","resolveInset","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","CartesianChart","series","xAxis","yAxis","width","height","inset","axisPadding","ariaLabel","ariaBusy","overlay","children","enableScrubbing","onScrubberPositionChange","animate","magnetRadius","measuredWidth","setMeasuredWidth","needsMeasurement","undefined","handleLayout","e","nativeEvent","layout","resolvedWidth","svgWidth","left","right","svgHeight","top","bottom","resolvedInset","resolvedAxisPadding","contextValue","testID","onLayout","accessibilityRole","accessibilityLabel","accessibilityState","busy","style","overflow","value","drawingArea"],"sourceRoot":"../../../../../src","sources":["lib/Components/CartesianChart/CartesianChart.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,14 +4,13 @@ import { RuntimeConstants } from '@ledgerhq/lumen-ui-rnative';
|
|
|
4
4
|
import { useMemo } from 'react';
|
|
5
5
|
import Animated from 'react-native-reanimated';
|
|
6
6
|
import { ClipPath, Defs, Rect } from 'react-native-svg';
|
|
7
|
-
import { useDataFingerprint } from "../hooks/useDataFingerprint.js";
|
|
8
|
-
import { useRevealClipAnimation } from "../hooks/useRevealClipAnimation.js";
|
|
9
7
|
import { OVERFLOW_BUFFER } from "../utils.js";
|
|
10
|
-
import {
|
|
8
|
+
import { RevealAnimationContext } from "./context.js";
|
|
9
|
+
import { useDataFingerprint, useRevealAnimation } from "./utils.js";
|
|
11
10
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
12
11
|
const DEFAULT_DURATION_IN_SECONDS = 0.8;
|
|
13
12
|
const AnimatedRect = Animated.createAnimatedComponent(Rect);
|
|
14
|
-
export function
|
|
13
|
+
export function RevealAnimationProvider({
|
|
15
14
|
children,
|
|
16
15
|
drawingArea,
|
|
17
16
|
series,
|
|
@@ -27,19 +26,21 @@ export function RevealClipDefs({
|
|
|
27
26
|
const dataFingerprint = useDataFingerprint(series);
|
|
28
27
|
const {
|
|
29
28
|
clipId,
|
|
30
|
-
animatedRectProps
|
|
31
|
-
|
|
29
|
+
animatedRectProps,
|
|
30
|
+
pointOpacity
|
|
31
|
+
} = useRevealAnimation({
|
|
32
32
|
durationMs,
|
|
33
33
|
drawingArea,
|
|
34
34
|
dataFingerprint
|
|
35
35
|
});
|
|
36
36
|
const contextValue = useMemo(() => ({
|
|
37
|
-
clipPathAttr: `url(#${clipId})
|
|
38
|
-
|
|
37
|
+
clipPathAttr: `url(#${clipId})`,
|
|
38
|
+
pointOpacity
|
|
39
|
+
}), [clipId, pointOpacity]);
|
|
39
40
|
if (isDisabled) {
|
|
40
41
|
return children;
|
|
41
42
|
}
|
|
42
|
-
return /*#__PURE__*/_jsxs(
|
|
43
|
+
return /*#__PURE__*/_jsxs(RevealAnimationContext.Provider, {
|
|
43
44
|
value: contextValue,
|
|
44
45
|
children: [/*#__PURE__*/_jsx(Defs, {
|
|
45
46
|
children: /*#__PURE__*/_jsx(ClipPath, {
|
|
@@ -52,6 +53,6 @@ export function RevealClipDefs({
|
|
|
52
53
|
})
|
|
53
54
|
})
|
|
54
55
|
}), children]
|
|
55
|
-
}
|
|
56
|
+
});
|
|
56
57
|
}
|
|
57
|
-
//# sourceMappingURL=
|
|
58
|
+
//# sourceMappingURL=RevealAnimationProvider.js.map
|
package/dist/module/lib/Components/CartesianChart/RevealAnimation/RevealAnimationProvider.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["RuntimeConstants","useMemo","Animated","ClipPath","Defs","Rect","OVERFLOW_BUFFER","RevealAnimationContext","useDataFingerprint","useRevealAnimation","jsx","_jsx","jsxs","_jsxs","DEFAULT_DURATION_IN_SECONDS","AnimatedRect","createAnimatedComponent","RevealAnimationProvider","children","drawingArea","series","animate","transitions","isDisabled","isAndroid","durationMs","enter","duration","dataFingerprint","clipId","animatedRectProps","pointOpacity","contextValue","clipPathAttr","Provider","value","id","x","left","y","top","height","bottom","animatedProps"],"sourceRoot":"../../../../../../src","sources":["lib/Components/CartesianChart/RevealAnimation/RevealAnimationProvider.tsx"],"mappings":";;AAAA,SAASA,gBAAgB,QAAQ,4BAA4B;AAC7D,SAASC,OAAO,QAAQ,OAAO;AAE/B,OAAOC,QAAQ,MAAM,yBAAyB;AAC9C,SAASC,QAAQ,EAAEC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAEvD,SAASC,eAAe,QAAQ,aAAU;AAE1C,SAASC,sBAAsB,QAAQ,cAAW;AAElD,SAASC,kBAAkB,EAAEC,kBAAkB,QAAQ,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEjE,MAAMC,2BAA2B,GAAG,GAAG;AAEvC,MAAMC,YAAY,GAAGb,QAAQ,CAACc,uBAAuB,CAACX,IAAI,CAAC;AAE3D,OAAO,SAASY,uBAAuBA,CAAC;EACtCC,QAAQ;EACRC,WAAW;EACXC,MAAM;EACNC,OAAO,GAAG,IAAI;EACdC;AACoB,CAAC,EAAE;EACvB;AACF;AACA;AACA;EACE,MAAMC,UAAU,GAAG,CAACF,OAAO,IAAIrB,gBAAgB,CAACwB,SAAS;EACzD,MAAMC,UAAU,GACd,CAACH,WAAW,EAAEI,KAAK,EAAEC,QAAQ,IAAIb,2BAA2B,IAAI,IAAI;EAEtE,MAAMc,eAAe,GAAGpB,kBAAkB,CAACY,MAAM,CAAC;EAClD,MAAM;IAAES,MAAM;IAAEC,iBAAiB;IAAEC;EAAa,CAAC,GAAGtB,kBAAkB,CAAC;IACrEgB,UAAU;IACVN,WAAW;IACXS;EACF,CAAC,CAAC;EAEF,MAAMI,YAAY,GAAG/B,OAAO,CAC1B,OAAO;IAAEgC,YAAY,EAAE,QAAQJ,MAAM,GAAG;IAAEE;EAAa,CAAC,CAAC,EACzD,CAACF,MAAM,EAAEE,YAAY,CACvB,CAAC;EAED,IAAIR,UAAU,EAAE;IACd,OAAOL,QAAQ;EACjB;EAEA,oBACEL,KAAA,CAACN,sBAAsB,CAAC2B,QAAQ;IAACC,KAAK,EAAEH,YAAa;IAAAd,QAAA,gBACnDP,IAAA,CAACP,IAAI;MAAAc,QAAA,eACHP,IAAA,CAACR,QAAQ;QAACiC,EAAE,EAAEP,MAAO;QAAAX,QAAA,eACnBP,IAAA,CAACI,YAAY;UACXsB,CAAC,EAAElB,WAAW,CAACkB,CAAC,GAAG/B,eAAe,CAACgC,IAAK;UACxCC,CAAC,EAAEpB,WAAW,CAACoB,CAAC,GAAGjC,eAAe,CAACkC,GAAI;UACvCC,MAAM,EACJtB,WAAW,CAACsB,MAAM,GAAGnC,eAAe,CAACkC,GAAG,GAAGlC,eAAe,CAACoC,MAC5D;UACDC,aAAa,EAAEb;QAAkB,CAClC;MAAC,CACM;IAAC,CACP,CAAC,EACNZ,QAAQ;EAAA,CACsB,CAAC;AAEtC","ignoreList":[]}
|
|
@@ -6,8 +6,8 @@ import { ThemeProvider } from '@ledgerhq/lumen-ui-rnative';
|
|
|
6
6
|
import { render } from '@testing-library/react-native';
|
|
7
7
|
import { Svg } from 'react-native-svg';
|
|
8
8
|
import { OVERFLOW_BUFFER } from "../utils.js";
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
9
|
+
import { usePathReveal, usePointReveal } from "./context.js";
|
|
10
|
+
import { RevealAnimationProvider } from "./RevealAnimationProvider.js";
|
|
11
11
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
12
12
|
const drawingArea = {
|
|
13
13
|
x: 10,
|
|
@@ -21,12 +21,19 @@ const series = [{
|
|
|
21
21
|
data: [1, 2, 3]
|
|
22
22
|
}];
|
|
23
23
|
function ClipConsumer() {
|
|
24
|
-
const clipPath =
|
|
24
|
+
const clipPath = usePathReveal();
|
|
25
25
|
return /*#__PURE__*/_jsx(Svg, {
|
|
26
26
|
testID: "consumer",
|
|
27
27
|
clipPath: clipPath
|
|
28
28
|
});
|
|
29
29
|
}
|
|
30
|
+
function PointConsumer() {
|
|
31
|
+
const pointOpacity = usePointReveal();
|
|
32
|
+
return /*#__PURE__*/_jsx(Svg, {
|
|
33
|
+
testID: "point-consumer",
|
|
34
|
+
opacity: pointOpacity ? 1 : 0
|
|
35
|
+
});
|
|
36
|
+
}
|
|
30
37
|
const renderInSvg = ui => render(/*#__PURE__*/_jsx(ThemeProvider, {
|
|
31
38
|
themes: ledgerLiveThemes,
|
|
32
39
|
colorScheme: "light",
|
|
@@ -34,11 +41,11 @@ const renderInSvg = ui => render(/*#__PURE__*/_jsx(ThemeProvider, {
|
|
|
34
41
|
children: ui
|
|
35
42
|
})
|
|
36
43
|
}));
|
|
37
|
-
describe('
|
|
44
|
+
describe('RevealAnimationProvider', () => {
|
|
38
45
|
it('renders children', () => {
|
|
39
46
|
const {
|
|
40
47
|
getByTestId
|
|
41
|
-
} = renderInSvg(/*#__PURE__*/_jsx(
|
|
48
|
+
} = renderInSvg(/*#__PURE__*/_jsx(RevealAnimationProvider, {
|
|
42
49
|
drawingArea: drawingArea,
|
|
43
50
|
series: series,
|
|
44
51
|
transitions: {
|
|
@@ -55,7 +62,7 @@ describe('RevealClipDefs', () => {
|
|
|
55
62
|
it('renders a ClipPath with a Rect when animate is true', () => {
|
|
56
63
|
const {
|
|
57
64
|
UNSAFE_root
|
|
58
|
-
} = renderInSvg(/*#__PURE__*/_jsx(
|
|
65
|
+
} = renderInSvg(/*#__PURE__*/_jsx(RevealAnimationProvider, {
|
|
59
66
|
drawingArea: drawingArea,
|
|
60
67
|
series: series,
|
|
61
68
|
transitions: {
|
|
@@ -76,10 +83,10 @@ describe('RevealClipDefs', () => {
|
|
|
76
83
|
expect(rect.props.y).toBe(drawingArea.y - OVERFLOW_BUFFER.top);
|
|
77
84
|
expect(rect.props.height).toBe(drawingArea.height + OVERFLOW_BUFFER.top + OVERFLOW_BUFFER.bottom);
|
|
78
85
|
});
|
|
79
|
-
it('provides clipPathAttr to consumers via
|
|
86
|
+
it('provides clipPathAttr to consumers via usePathReveal', () => {
|
|
80
87
|
const {
|
|
81
88
|
UNSAFE_root
|
|
82
|
-
} = renderInSvg(/*#__PURE__*/_jsx(
|
|
89
|
+
} = renderInSvg(/*#__PURE__*/_jsx(RevealAnimationProvider, {
|
|
83
90
|
drawingArea: drawingArea,
|
|
84
91
|
series: series,
|
|
85
92
|
transitions: {
|
|
@@ -94,11 +101,29 @@ describe('RevealClipDefs', () => {
|
|
|
94
101
|
});
|
|
95
102
|
expect(consumer.props.clipPath).toMatch(/^url\(#/);
|
|
96
103
|
});
|
|
104
|
+
it('provides a point opacity shared value via usePointReveal', () => {
|
|
105
|
+
const {
|
|
106
|
+
UNSAFE_root
|
|
107
|
+
} = renderInSvg(/*#__PURE__*/_jsx(RevealAnimationProvider, {
|
|
108
|
+
drawingArea: drawingArea,
|
|
109
|
+
series: series,
|
|
110
|
+
transitions: {
|
|
111
|
+
enter: {
|
|
112
|
+
duration: 0.5
|
|
113
|
+
}
|
|
114
|
+
},
|
|
115
|
+
children: /*#__PURE__*/_jsx(PointConsumer, {})
|
|
116
|
+
}));
|
|
117
|
+
const consumer = UNSAFE_root.findByProps({
|
|
118
|
+
testID: 'point-consumer'
|
|
119
|
+
});
|
|
120
|
+
expect(consumer.props.opacity).toBe(1);
|
|
121
|
+
});
|
|
97
122
|
it('skips ClipPath when animate is false', () => {
|
|
98
123
|
const {
|
|
99
124
|
UNSAFE_root,
|
|
100
125
|
getByTestId
|
|
101
|
-
} = renderInSvg(/*#__PURE__*/_jsx(
|
|
126
|
+
} = renderInSvg(/*#__PURE__*/_jsx(RevealAnimationProvider, {
|
|
102
127
|
drawingArea: drawingArea,
|
|
103
128
|
series: series,
|
|
104
129
|
animate: false,
|
|
@@ -113,7 +138,7 @@ describe('RevealClipDefs', () => {
|
|
|
113
138
|
it('does not provide clipPathAttr when animate is false', () => {
|
|
114
139
|
const {
|
|
115
140
|
UNSAFE_root
|
|
116
|
-
} = renderInSvg(/*#__PURE__*/_jsx(
|
|
141
|
+
} = renderInSvg(/*#__PURE__*/_jsx(RevealAnimationProvider, {
|
|
117
142
|
drawingArea: drawingArea,
|
|
118
143
|
series: series,
|
|
119
144
|
animate: false,
|
|
@@ -124,11 +149,25 @@ describe('RevealClipDefs', () => {
|
|
|
124
149
|
});
|
|
125
150
|
expect(consumer.props.clipPath).toBeUndefined();
|
|
126
151
|
});
|
|
152
|
+
it('does not provide a point opacity value when animate is false', () => {
|
|
153
|
+
const {
|
|
154
|
+
UNSAFE_root
|
|
155
|
+
} = renderInSvg(/*#__PURE__*/_jsx(RevealAnimationProvider, {
|
|
156
|
+
drawingArea: drawingArea,
|
|
157
|
+
series: series,
|
|
158
|
+
animate: false,
|
|
159
|
+
children: /*#__PURE__*/_jsx(PointConsumer, {})
|
|
160
|
+
}));
|
|
161
|
+
const consumer = UNSAFE_root.findByProps({
|
|
162
|
+
testID: 'point-consumer'
|
|
163
|
+
});
|
|
164
|
+
expect(consumer.props.opacity).toBe(0);
|
|
165
|
+
});
|
|
127
166
|
it('renders without crashing when transitions.enter is not defined', () => {
|
|
128
167
|
const {
|
|
129
168
|
UNSAFE_root,
|
|
130
169
|
getByTestId
|
|
131
|
-
} = renderInSvg(/*#__PURE__*/_jsx(
|
|
170
|
+
} = renderInSvg(/*#__PURE__*/_jsx(RevealAnimationProvider, {
|
|
132
171
|
drawingArea: drawingArea,
|
|
133
172
|
series: series,
|
|
134
173
|
transitions: {},
|
|
@@ -141,4 +180,4 @@ describe('RevealClipDefs', () => {
|
|
|
141
180
|
expect(clipPaths.length).toBeGreaterThan(0);
|
|
142
181
|
});
|
|
143
182
|
});
|
|
144
|
-
//# sourceMappingURL=
|
|
183
|
+
//# sourceMappingURL=RevealAnimationProvider.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["describe","it","expect","ledgerLiveThemes","ThemeProvider","render","Svg","OVERFLOW_BUFFER","usePathReveal","usePointReveal","RevealAnimationProvider","jsx","_jsx","drawingArea","x","y","width","height","series","id","stroke","data","ClipConsumer","clipPath","testID","PointConsumer","pointOpacity","opacity","renderInSvg","ui","themes","colorScheme","children","getByTestId","transitions","enter","duration","toBeTruthy","UNSAFE_root","clipPaths","findAllByType","length","toBeGreaterThan","rects","rect","props","toBe","left","top","bottom","consumer","findByProps","toMatch","animate","toHaveLength","toBeUndefined"],"sourceRoot":"../../../../../../src","sources":["lib/Components/CartesianChart/RevealAnimation/RevealAnimationProvider.test.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { createContext, useContext } from 'react';
|
|
4
|
+
import { useAnimatedProps } from 'react-native-reanimated';
|
|
5
|
+
export const RevealAnimationContext = /*#__PURE__*/createContext(undefined);
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
* Clip-path attribute for path-based consumers (e.g. `Line`).
|
|
9
|
+
* Returns `undefined` when the reveal animation is disabled.
|
|
10
|
+
*/
|
|
11
|
+
export const usePathReveal = () => {
|
|
12
|
+
return useContext(RevealAnimationContext)?.clipPathAttr;
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
/**
|
|
16
|
+
* Raw shared opacity value for the point/accessory fade. Returns `undefined`
|
|
17
|
+
* when the reveal animation is disabled. Prefer {@link useRevealFadeProps} in
|
|
18
|
+
* components; this is the low-level primitive for custom needs.
|
|
19
|
+
*/
|
|
20
|
+
export const usePointReveal = () => {
|
|
21
|
+
return useContext(RevealAnimationContext)?.pointOpacity;
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
/**
|
|
25
|
+
* Ready-to-use animated props for accessory components (e.g. `Point`) that
|
|
26
|
+
* fade in with the reveal instead of being clipped. Spread directly onto any
|
|
27
|
+
* animated SVG element via `animatedProps`
|
|
28
|
+
*/
|
|
29
|
+
export const useRevealFadeProps = () => {
|
|
30
|
+
const pointOpacity = usePointReveal();
|
|
31
|
+
return useAnimatedProps(() => ({
|
|
32
|
+
opacity: pointOpacity?.value ?? 1
|
|
33
|
+
}), [pointOpacity]);
|
|
34
|
+
};
|
|
35
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createContext","useContext","useAnimatedProps","RevealAnimationContext","undefined","usePathReveal","clipPathAttr","usePointReveal","pointOpacity","useRevealFadeProps","opacity","value"],"sourceRoot":"../../../../../../src","sources":["lib/Components/CartesianChart/RevealAnimation/context.ts"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAEjD,SAASC,gBAAgB,QAAQ,yBAAyB;AAI1D,OAAO,MAAMC,sBAAsB,gBAAGH,aAAa,CAEjDI,SAAS,CAAC;;AAEZ;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAA0B;EACrD,OAAOJ,UAAU,CAACE,sBAAsB,CAAC,EAAEG,YAAY;AACzD,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAAuC;EACnE,OAAON,UAAU,CAACE,sBAAsB,CAAC,EAAEK,YAAY;AACzD,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAA2C;EAC3E,MAAMD,YAAY,GAAGD,cAAc,CAAC,CAAC;EACrC,OAAOL,gBAAgB,CACrB,OAAO;IAAEQ,OAAO,EAAEF,YAAY,EAAEG,KAAK,IAAI;EAAE,CAAC,CAAC,EAC7C,CAACH,YAAY,CACf,CAAC;AACH,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["RevealAnimationProvider","usePathReveal","useRevealFadeProps"],"sourceRoot":"../../../../../../src","sources":["lib/Components/CartesianChart/RevealAnimation/index.ts"],"mappings":";;AAAA,SAASA,uBAAuB,QAAQ,8BAA2B;AACnE,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,cAAW","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../../../src","sources":["lib/Components/CartesianChart/RevealAnimation/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useEffect, useId, useMemo, useRef } from 'react';
|
|
4
|
+
import { useAnimatedProps, useSharedValue, withDelay, withTiming } from 'react-native-reanimated';
|
|
5
|
+
import { OVERFLOW_BUFFER } from "../utils.js";
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
* Duration in ms of an individual point's opacity fade-in.
|
|
9
|
+
*/
|
|
10
|
+
const POINT_FADE_DURATION_IN_MS = 200;
|
|
11
|
+
const POINT_FADE_IN_AFTER_CLIP_IN_MS = -100;
|
|
12
|
+
/**
|
|
13
|
+
* Drives the two reveal animations:
|
|
14
|
+
* - the left-to-right clip-path wipe (animated `Rect` width, including the
|
|
15
|
+
* {@link OVERFLOW_BUFFER} so edge content is revealed too), and
|
|
16
|
+
* - the point fade-in, delayed so points appear as the wipe finishes.
|
|
17
|
+
*
|
|
18
|
+
* On a data change the shared values are reset to `0` (hidden) *synchronously
|
|
19
|
+
* during render* — before the new line/points are committed and painted — so
|
|
20
|
+
* they never paint once at the previous cycle's end values (a visible flash).
|
|
21
|
+
* The effect then animates them back in.
|
|
22
|
+
*/
|
|
23
|
+
export const useRevealAnimation = ({
|
|
24
|
+
durationMs,
|
|
25
|
+
drawingArea,
|
|
26
|
+
dataFingerprint
|
|
27
|
+
}) => {
|
|
28
|
+
const clipId = useId();
|
|
29
|
+
const clipWidth = useSharedValue(0);
|
|
30
|
+
const pointOpacity = useSharedValue(0);
|
|
31
|
+
const previousFingerprint = useRef(null);
|
|
32
|
+
if (previousFingerprint.current !== dataFingerprint) {
|
|
33
|
+
previousFingerprint.current = dataFingerprint;
|
|
34
|
+
clipWidth.value = 0;
|
|
35
|
+
pointOpacity.value = 0;
|
|
36
|
+
}
|
|
37
|
+
useEffect(() => {
|
|
38
|
+
clipWidth.value = withTiming(drawingArea.width + OVERFLOW_BUFFER.left + OVERFLOW_BUFFER.right, {
|
|
39
|
+
duration: durationMs
|
|
40
|
+
});
|
|
41
|
+
pointOpacity.value = withDelay(Math.max(durationMs + POINT_FADE_IN_AFTER_CLIP_IN_MS, 0), withTiming(1, {
|
|
42
|
+
duration: POINT_FADE_DURATION_IN_MS
|
|
43
|
+
}));
|
|
44
|
+
}, [drawingArea.width, durationMs, clipWidth, pointOpacity, dataFingerprint]);
|
|
45
|
+
const animatedRectProps = useAnimatedProps(() => ({
|
|
46
|
+
width: clipWidth.value
|
|
47
|
+
}));
|
|
48
|
+
return {
|
|
49
|
+
clipId,
|
|
50
|
+
animatedRectProps,
|
|
51
|
+
pointOpacity
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
|
|
55
|
+
/**
|
|
56
|
+
* Stable signature of every series' data points, memoized on the `series`
|
|
57
|
+
* reference. Used to key the reveal provider so the reveal animation only
|
|
58
|
+
* replays when the underlying data actually changes — not on unrelated
|
|
59
|
+
* re-renders such as scrubbing or hover.
|
|
60
|
+
*/
|
|
61
|
+
export const useDataFingerprint = series => {
|
|
62
|
+
return useMemo(() => series.map(s => s.data?.join(',') ?? '').join('|'), [series]);
|
|
63
|
+
};
|
|
64
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useEffect","useId","useMemo","useRef","useAnimatedProps","useSharedValue","withDelay","withTiming","OVERFLOW_BUFFER","POINT_FADE_DURATION_IN_MS","POINT_FADE_IN_AFTER_CLIP_IN_MS","useRevealAnimation","durationMs","drawingArea","dataFingerprint","clipId","clipWidth","pointOpacity","previousFingerprint","current","value","width","left","right","duration","Math","max","animatedRectProps","useDataFingerprint","series","map","s","data","join"],"sourceRoot":"../../../../../../src","sources":["lib/Components/CartesianChart/RevealAnimation/utils.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,KAAK,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AACzD,SACEC,gBAAgB,EAChBC,cAAc,EACdC,SAAS,EACTC,UAAU,QACL,yBAAyB;AAGhC,SAASC,eAAe,QAAQ,aAAU;;AAE1C;AACA;AACA;AACA,MAAMC,yBAAyB,GAAG,GAAG;AACrC,MAAMC,8BAA8B,GAAG,CAAC,GAAG;AAc3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,kBAAkB,GAAGA,CAAC;EACjCC,UAAU;EACVC,WAAW;EACXC;AACqB,CAAC,KAA4B;EAClD,MAAMC,MAAM,GAAGd,KAAK,CAAC,CAAC;EACtB,MAAMe,SAAS,GAAGX,cAAc,CAAC,CAAC,CAAC;EACnC,MAAMY,YAAY,GAAGZ,cAAc,CAAC,CAAC,CAAC;EAEtC,MAAMa,mBAAmB,GAAGf,MAAM,CAAgB,IAAI,CAAC;EACvD,IAAIe,mBAAmB,CAACC,OAAO,KAAKL,eAAe,EAAE;IACnDI,mBAAmB,CAACC,OAAO,GAAGL,eAAe;IAC7CE,SAAS,CAACI,KAAK,GAAG,CAAC;IACnBH,YAAY,CAACG,KAAK,GAAG,CAAC;EACxB;EAEApB,SAAS,CAAC,MAAM;IACdgB,SAAS,CAACI,KAAK,GAAGb,UAAU,CAC1BM,WAAW,CAACQ,KAAK,GAAGb,eAAe,CAACc,IAAI,GAAGd,eAAe,CAACe,KAAK,EAChE;MAAEC,QAAQ,EAAEZ;IAAW,CACzB,CAAC;IAEDK,YAAY,CAACG,KAAK,GAAGd,SAAS,CAC5BmB,IAAI,CAACC,GAAG,CAACd,UAAU,GAAGF,8BAA8B,EAAE,CAAC,CAAC,EACxDH,UAAU,CAAC,CAAC,EAAE;MAAEiB,QAAQ,EAAEf;IAA0B,CAAC,CACvD,CAAC;EACH,CAAC,EAAE,CAACI,WAAW,CAACQ,KAAK,EAAET,UAAU,EAAEI,SAAS,EAAEC,YAAY,EAAEH,eAAe,CAAC,CAAC;EAE7E,MAAMa,iBAAiB,GAAGvB,gBAAgB,CAAC,OAAO;IAChDiB,KAAK,EAAEL,SAAS,CAACI;EACnB,CAAC,CAAC,CAAC;EAEH,OAAO;IAAEL,MAAM;IAAEY,iBAAiB;IAAEV;EAAa,CAAC;AACpD,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMW,kBAAkB,GAAIC,MAAgB,IAAa;EAC9D,OAAO3B,OAAO,CACZ,MAAM2B,MAAM,CAACC,GAAG,CAAEC,CAAC,IAAKA,CAAC,CAACC,IAAI,EAAEC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAACA,IAAI,CAAC,GAAG,CAAC,EAC1D,CAACJ,MAAM,CACT,CAAC;AACH,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["DEFAULT_HEIGHT","OVERFLOW_BUFFER","top","right","bottom","left","OVERFLOW_OFFSET","position","ZERO_PADDING","resolveInset","inset","consumer","undefined","resolveAxisPadding","padding"],"sourceRoot":"../../../../../src","sources":["lib/Components/CartesianChart/utils.ts"],"mappings":";;AAGA,OAAO,MAAMA,cAAc,GAAG,GAAG;;AAEjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,eAA2B,GAAG;EACzCC,GAAG,EAAE,EAAE;EACPC,KAAK,EAAE,EAAE;EACTC,MAAM,EAAE,EAAE;EACVC,IAAI,EAAE;AACR,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,eAAe,GAAG;EAC7BC,QAAQ,EAAE,UAAmB;EAC7BL,GAAG,EAAE,CAACD,eAAe,CAACC,GAAG;EACzBG,IAAI,EAAE,CAACJ,eAAe,CAACI;AACzB,CAAC;
|
|
1
|
+
{"version":3,"names":["DEFAULT_HEIGHT","OVERFLOW_BUFFER","top","right","bottom","left","OVERFLOW_OFFSET","position","ZERO_PADDING","resolveInset","inset","consumer","undefined","resolveAxisPadding","padding"],"sourceRoot":"../../../../../src","sources":["lib/Components/CartesianChart/utils.ts"],"mappings":";;AAGA,OAAO,MAAMA,cAAc,GAAG,GAAG;;AAEjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,eAA2B,GAAG;EACzCC,GAAG,EAAE,EAAE;EACPC,KAAK,EAAE,EAAE;EACTC,MAAM,EAAE,EAAE;EACVC,IAAI,EAAE;AACR,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,eAAe,GAAG;EAC7BC,QAAQ,EAAE,UAAmB;EAC7BL,GAAG,EAAE,CAACD,eAAe,CAACC,GAAG;EACzBG,IAAI,EAAE,CAACJ,eAAe,CAACI;AACzB,CAAC;AAED,OAAO,MAAMG,YAAwB,GAAG;EACtCN,GAAG,EAAE,CAAC;EACNC,KAAK,EAAE,CAAC;EACRC,MAAM,EAAE,CAAC;EACTC,IAAI,EAAE;AACR,CAAC;AAED,OAAO,MAAMI,YAAY,GACvBC,KAAmC,IACpB;EACf,IAAIC,QAAoB;EACxB,IAAID,KAAK,KAAKE,SAAS,EAAE;IACvBD,QAAQ,GAAGH,YAAY;EACzB,CAAC,MAAM,IAAI,OAAOE,KAAK,KAAK,QAAQ,EAAE;IACpCC,QAAQ,GAAG;MAAET,GAAG,EAAEQ,KAAK;MAAEP,KAAK,EAAEO,KAAK;MAAEN,MAAM,EAAEM,KAAK;MAAEL,IAAI,EAAEK;IAAM,CAAC;EACrE,CAAC,MAAM;IACLC,QAAQ,GAAG;MACTT,GAAG,EAAEQ,KAAK,CAACR,GAAG,IAAI,CAAC;MACnBC,KAAK,EAAEO,KAAK,CAACP,KAAK,IAAI,CAAC;MACvBC,MAAM,EAAEM,KAAK,CAACN,MAAM,IAAI,CAAC;MACzBC,IAAI,EAAEK,KAAK,CAACL,IAAI,IAAI;IACtB,CAAC;EACH;EAEA,OAAO;IACLH,GAAG,EAAES,QAAQ,CAACT,GAAG,GAAGD,eAAe,CAACC,GAAG;IACvCC,KAAK,EAAEQ,QAAQ,CAACR,KAAK,GAAGF,eAAe,CAACE,KAAK;IAC7CC,MAAM,EAAEO,QAAQ,CAACP,MAAM,GAAGH,eAAe,CAACG,MAAM;IAChDC,IAAI,EAAEM,QAAQ,CAACN,IAAI,GAAGJ,eAAe,CAACI;EACxC,CAAC;AACH,CAAC;AAED,OAAO,MAAMQ,kBAAkB,GAC7BC,OAA2C,IAC5B;EACf,IAAIA,OAAO,KAAKF,SAAS,EAAE,OAAOJ,YAAY;EAC9C,OAAO;IACLN,GAAG,EAAEY,OAAO,CAACZ,GAAG,IAAI,CAAC;IACrBC,KAAK,EAAEW,OAAO,CAACX,KAAK,IAAI,CAAC;IACzBC,MAAM,EAAEU,OAAO,CAACV,MAAM,IAAI,CAAC;IAC3BC,IAAI,EAAES,OAAO,CAACT,IAAI,IAAI;EACxB,CAAC;AACH,CAAC","ignoreList":[]}
|
|
@@ -5,7 +5,7 @@ import { useId, useMemo } from 'react';
|
|
|
5
5
|
import { Defs, G, LinearGradient, Path, Stop } from 'react-native-svg';
|
|
6
6
|
import { isNumericScale } from "../../utils/scales/scales.js";
|
|
7
7
|
import { useCartesianChartContext } from "../CartesianChart/context/index.js";
|
|
8
|
-
import {
|
|
8
|
+
import { usePathReveal } from "../CartesianChart/RevealAnimation/index.js";
|
|
9
9
|
import { LINE_AREA_GRADIENT_OPACITY, LINE_STROKE_WIDTH } from "./constants.js";
|
|
10
10
|
import { buildAreaPath, buildLinePath, toScaledPoints } from "./utils.js";
|
|
11
11
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
@@ -14,7 +14,8 @@ export const Line = ({
|
|
|
14
14
|
stroke,
|
|
15
15
|
showArea = false,
|
|
16
16
|
areaType: _areaType = 'gradient',
|
|
17
|
-
curve
|
|
17
|
+
curve,
|
|
18
|
+
connectNulls
|
|
18
19
|
}) => {
|
|
19
20
|
const {
|
|
20
21
|
getXScale,
|
|
@@ -23,7 +24,7 @@ export const Line = ({
|
|
|
23
24
|
drawingArea,
|
|
24
25
|
seriesMap
|
|
25
26
|
} = useCartesianChartContext();
|
|
26
|
-
const clipPath =
|
|
27
|
+
const clipPath = usePathReveal();
|
|
27
28
|
const xScale = getXScale();
|
|
28
29
|
const yScale = getYScale();
|
|
29
30
|
const xAxisConfig = getXAxisConfig();
|
|
@@ -34,7 +35,8 @@ export const Line = ({
|
|
|
34
35
|
const seriesData = seriesMap.get(seriesId);
|
|
35
36
|
const resolvedStroke = stroke ?? seriesData?.stroke ?? theme.colors.border.muted;
|
|
36
37
|
const resolvedCurve = curve ?? seriesData?.curve;
|
|
37
|
-
const
|
|
38
|
+
const resolvedConnectNulls = connectNulls ?? seriesData?.connectNulls ?? false;
|
|
39
|
+
const points = useMemo(() => seriesData?.data && xScale && yScale && isNumericScale(yScale) ? toScaledPoints(seriesData.data, xScale, yScale, xAxisConfig?.data, resolvedConnectNulls) : null, [seriesData, xScale, yScale, xAxisConfig, resolvedConnectNulls]);
|
|
38
40
|
const linePath = useMemo(() => points ? buildLinePath(points, resolvedCurve) : null, [points, resolvedCurve]);
|
|
39
41
|
const areaPath = useMemo(() => showArea && points && drawingArea ? buildAreaPath(points, drawingArea, resolvedCurve) : null, [showArea, points, drawingArea, resolvedCurve]);
|
|
40
42
|
if (!linePath) {
|