@ledgerhq/lumen-ui-rnative-visualization 0.1.15 → 0.1.17
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/CartesianChart/utils.js +4 -4
- package/dist/module/lib/Components/Scrubber/DefaultScrubberTooltip/ChartTooltipItem.js +3 -3
- package/dist/module/lib/Components/Scrubber/DefaultScrubberTooltip/ChartTooltipItem.js.map +1 -1
- package/dist/module/lib/Components/Scrubber/DefaultScrubberTooltip/DefaultScrubberTooltip.js +5 -5
- package/dist/module/lib/Components/Scrubber/DefaultScrubberTooltip/DefaultScrubberTooltip.js.map +1 -1
- package/dist/module/lib/Components/Scrubber/DefaultScrubberTooltip/DefaultScrubberTooltip.test.js +5 -5
- package/dist/module/lib/Components/Scrubber/DefaultScrubberTooltip/constants.js +1 -2
- package/dist/module/lib/Components/Scrubber/DefaultScrubberTooltip/constants.js.map +1 -1
- package/dist/typescript/src/lib/Components/Scrubber/DefaultScrubberTooltip/DefaultScrubberTooltip.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Scrubber/DefaultScrubberTooltip/constants.d.ts +1 -2
- package/dist/typescript/src/lib/Components/Scrubber/DefaultScrubberTooltip/constants.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/lib/Components/CartesianChart/utils.ts +4 -4
- package/src/lib/Components/Scrubber/DefaultScrubberTooltip/ChartTooltipItem.tsx +3 -3
- package/src/lib/Components/Scrubber/DefaultScrubberTooltip/DefaultScrubberTooltip.test.tsx +5 -5
- package/src/lib/Components/Scrubber/DefaultScrubberTooltip/DefaultScrubberTooltip.tsx +4 -5
- package/src/lib/Components/Scrubber/DefaultScrubberTooltip/constants.ts +1 -2
|
@@ -10,10 +10,10 @@ export const DEFAULT_HEIGHT = 160;
|
|
|
10
10
|
* consumer-provided width/height.
|
|
11
11
|
*/
|
|
12
12
|
export const OVERFLOW_BUFFER = {
|
|
13
|
-
top:
|
|
14
|
-
right:
|
|
15
|
-
bottom:
|
|
16
|
-
left:
|
|
13
|
+
top: 25,
|
|
14
|
+
right: 25,
|
|
15
|
+
bottom: 25,
|
|
16
|
+
left: 25
|
|
17
17
|
};
|
|
18
18
|
/**
|
|
19
19
|
* Top/left offset applied to the (enlarged) SVG group so its drawing area aligns
|
|
@@ -32,7 +32,7 @@ export const ChartTooltipItem = /*#__PURE__*/memo(function ChartTooltipItem({
|
|
|
32
32
|
textAnchor: "start",
|
|
33
33
|
alignmentBaseline: "central",
|
|
34
34
|
fill: theme.colors.text.muted,
|
|
35
|
-
fontSize: theme.typographies.
|
|
35
|
+
fontSize: theme.typographies.body3.fontSize,
|
|
36
36
|
fontFamily: theme.fontFamilies.sans,
|
|
37
37
|
children: String(label)
|
|
38
38
|
}), /*#__PURE__*/_jsx(SvgText, {
|
|
@@ -42,8 +42,8 @@ export const ChartTooltipItem = /*#__PURE__*/memo(function ChartTooltipItem({
|
|
|
42
42
|
textAnchor: "end",
|
|
43
43
|
alignmentBaseline: "central",
|
|
44
44
|
fill: theme.colors.text.base,
|
|
45
|
-
fontSize: theme.typographies.
|
|
46
|
-
fontWeight: theme.typographies.
|
|
45
|
+
fontSize: theme.typographies.body3SemiBold.fontSize,
|
|
46
|
+
fontWeight: theme.typographies.body3SemiBold.fontWeight,
|
|
47
47
|
fontFamily: theme.fontFamilies.sans,
|
|
48
48
|
children: String(value)
|
|
49
49
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useTheme","memo","G","Text","SvgText","PADDING_X","jsx","_jsx","jsxs","_jsxs","ChartTooltipItem","label","value","x","y","width","labelRef","valueRef","theme","children","ref","textAnchor","alignmentBaseline","fill","colors","text","muted","fontSize","typographies","
|
|
1
|
+
{"version":3,"names":["useTheme","memo","G","Text","SvgText","PADDING_X","jsx","_jsx","jsxs","_jsxs","ChartTooltipItem","label","value","x","y","width","labelRef","valueRef","theme","children","ref","textAnchor","alignmentBaseline","fill","colors","text","muted","fontSize","typographies","body3","fontFamily","fontFamilies","sans","String","base","body3SemiBold","fontWeight"],"sourceRoot":"../../../../../../src","sources":["lib/Components/Scrubber/DefaultScrubberTooltip/ChartTooltipItem.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,4BAA4B;AACrD,SAASC,IAAI,QAAQ,OAAO;AAC5B,SAASC,CAAC,EAAEC,IAAI,IAAIC,OAAO,QAAQ,kBAAkB;AAGrD,SAASC,SAAS,QAAQ,gBAAa;;AAEvC;AACA;AACA;AACA;AACA;AACA;AALA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAMA,OAAO,MAAMC,gBAAgB,gBAAGT,IAAI,CAAC,SAASS,gBAAgBA,CAAC;EAC7DC,KAAK;EACLC,KAAK;EACLC,CAAC,GAAG,CAAC;EACLC,CAAC,GAAG,CAAC;EACLC,KAAK;EACLC,QAAQ;EACRC;AAC+B,CAAC,EAAE;EAClC,MAAM;IAAEC;EAAM,CAAC,GAAGlB,QAAQ,CAAC,CAAC;EAE5B,oBACES,KAAA,CAACP,CAAC;IAAAiB,QAAA,gBACAZ,IAAA,CAACH,OAAO;MACNgB,GAAG,EAAEJ,QAAS;MACdH,CAAC,EAAEA,CAAC,GAAGR,SAAU;MACjBS,CAAC,EAAEA,CAAE;MACLO,UAAU,EAAC,OAAO;MAClBC,iBAAiB,EAAC,SAAS;MAC3BC,IAAI,EAAEL,KAAK,CAACM,MAAM,CAACC,IAAI,CAACC,KAAM;MAC9BC,QAAQ,EAAET,KAAK,CAACU,YAAY,CAACC,KAAK,CAACF,QAAS;MAC5CG,UAAU,EAAEZ,KAAK,CAACa,YAAY,CAACC,IAAK;MAAAb,QAAA,EAEnCc,MAAM,CAACtB,KAAK;IAAC,CACP,CAAC,eACVJ,IAAA,CAACH,OAAO;MACNgB,GAAG,EAAEH,QAAS;MACdJ,CAAC,EAAEA,CAAC,GAAGE,KAAK,GAAGV,SAAU;MACzBS,CAAC,EAAEA,CAAE;MACLO,UAAU,EAAC,KAAK;MAChBC,iBAAiB,EAAC,SAAS;MAC3BC,IAAI,EAAEL,KAAK,CAACM,MAAM,CAACC,IAAI,CAACS,IAAK;MAC7BP,QAAQ,EAAET,KAAK,CAACU,YAAY,CAACO,aAAa,CAACR,QAAS;MACpDS,UAAU,EAAElB,KAAK,CAACU,YAAY,CAACO,aAAa,CAACC,UAAW;MACxDN,UAAU,EAAEZ,KAAK,CAACa,YAAY,CAACC,IAAK;MAAAb,QAAA,EAEnCc,MAAM,CAACrB,KAAK;IAAC,CACP,CAAC;EAAA,CACT,CAAC;AAER,CAAC,CAAC","ignoreList":[]}
|
package/dist/module/lib/Components/Scrubber/DefaultScrubberTooltip/DefaultScrubberTooltip.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import { useTheme } from '@ledgerhq/lumen-ui-rnative';
|
|
4
4
|
import { G, Rect, Text as SvgText } from 'react-native-svg';
|
|
5
5
|
import { ChartTooltipItem } from "./ChartTooltipItem.js";
|
|
6
|
-
import {
|
|
6
|
+
import { DEFAULT_OFFSET, DEFAULT_TOOLTIP_MIN_WIDTH, PADDING_X, PADDING_Y, ROW_GAP, ROW_HEIGHT } from "./constants.js";
|
|
7
7
|
import { computeItemsBaseY, computeTooltipHeight, computeTooltipWidth, computeTooltipX, useBuildRefSetters, useTooltipMeasurement } from "./utils.js";
|
|
8
8
|
|
|
9
9
|
/**
|
|
@@ -52,7 +52,7 @@ export function DefaultScrubberTooltip({
|
|
|
52
52
|
y: drawingArea.y,
|
|
53
53
|
width: tooltipWidth,
|
|
54
54
|
height: tooltipHeight,
|
|
55
|
-
rx:
|
|
55
|
+
rx: theme.borderRadius.sm,
|
|
56
56
|
fill: theme.colors.bg.muted
|
|
57
57
|
}), hasTitle && /*#__PURE__*/_jsx(SvgText, {
|
|
58
58
|
ref: el => {
|
|
@@ -62,9 +62,9 @@ export function DefaultScrubberTooltip({
|
|
|
62
62
|
x: tooltipX + PADDING_X,
|
|
63
63
|
y: drawingArea.y + PADDING_Y + ROW_HEIGHT / 2,
|
|
64
64
|
alignmentBaseline: "central",
|
|
65
|
-
fill: theme.colors.text.
|
|
66
|
-
fontSize: theme.typographies.
|
|
67
|
-
fontWeight: theme.typographies.
|
|
65
|
+
fill: theme.colors.text.muted,
|
|
66
|
+
fontSize: theme.typographies.body3.fontSize,
|
|
67
|
+
fontWeight: theme.typographies.body3.fontWeight,
|
|
68
68
|
fontFamily: theme.fontFamilies.sans,
|
|
69
69
|
children: String(title)
|
|
70
70
|
}), items.map((item, i) => /*#__PURE__*/_jsx(ChartTooltipItem, {
|
package/dist/module/lib/Components/Scrubber/DefaultScrubberTooltip/DefaultScrubberTooltip.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useTheme","G","Rect","Text","SvgText","ChartTooltipItem","
|
|
1
|
+
{"version":3,"names":["useTheme","G","Rect","Text","SvgText","ChartTooltipItem","DEFAULT_OFFSET","DEFAULT_TOOLTIP_MIN_WIDTH","PADDING_X","PADDING_Y","ROW_GAP","ROW_HEIGHT","computeItemsBaseY","computeTooltipHeight","computeTooltipWidth","computeTooltipX","useBuildRefSetters","useTooltipMeasurement","jsx","_jsx","jsxs","_jsxs","DefaultScrubberTooltip","pixelX","drawingArea","title","items","offset","minWidth","theme","hasTitle","undefined","widths","titleRef","labelRefs","valueRefs","labelRefSetters","length","valueRefSetters","tooltipWidth","tooltipX","tooltipHeight","itemsBaseY","y","testID","opacity","children","x","width","height","rx","borderRadius","sm","fill","colors","bg","muted","ref","el","current","alignmentBaseline","text","fontSize","typographies","body3","fontWeight","fontFamily","fontFamilies","sans","String","map","item","i","label","value","labelRef","valueRef"],"sourceRoot":"../../../../../../src","sources":["lib/Components/Scrubber/DefaultScrubberTooltip/DefaultScrubberTooltip.tsx"],"mappings":"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","ignoreList":[]}
|
package/dist/module/lib/Components/Scrubber/DefaultScrubberTooltip/DefaultScrubberTooltip.test.js
CHANGED
|
@@ -195,7 +195,7 @@ describe('DefaultScrubberTooltip', () => {
|
|
|
195
195
|
},
|
|
196
196
|
scrubberContext: scrubberAt(2)
|
|
197
197
|
});
|
|
198
|
-
expect(getByTestId('chart-tooltip-rect').props.x).toBe(
|
|
198
|
+
expect(getByTestId('chart-tooltip-rect').props.x).toBe(235);
|
|
199
199
|
});
|
|
200
200
|
it('flips tooltip left when right side would overflow (index 3)', () => {
|
|
201
201
|
const {
|
|
@@ -209,7 +209,7 @@ describe('DefaultScrubberTooltip', () => {
|
|
|
209
209
|
},
|
|
210
210
|
scrubberContext: scrubberAt(3)
|
|
211
211
|
});
|
|
212
|
-
expect(getByTestId('chart-tooltip-rect').props.x).toBe(
|
|
212
|
+
expect(getByTestId('chart-tooltip-rect').props.x).toBe(195);
|
|
213
213
|
});
|
|
214
214
|
it('flips at the rightmost scrubber position (index 4)', () => {
|
|
215
215
|
const {
|
|
@@ -223,7 +223,7 @@ describe('DefaultScrubberTooltip', () => {
|
|
|
223
223
|
},
|
|
224
224
|
scrubberContext: scrubberAt(4)
|
|
225
225
|
});
|
|
226
|
-
expect(getByTestId('chart-tooltip-rect').props.x).toBe(
|
|
226
|
+
expect(getByTestId('chart-tooltip-rect').props.x).toBe(295);
|
|
227
227
|
});
|
|
228
228
|
it('custom offset shifts the no-flip tooltip position', () => {
|
|
229
229
|
const {
|
|
@@ -237,7 +237,7 @@ describe('DefaultScrubberTooltip', () => {
|
|
|
237
237
|
},
|
|
238
238
|
scrubberContext: scrubberAt(2)
|
|
239
239
|
});
|
|
240
|
-
expect(getByTestId('chart-tooltip-rect').props.x).toBe(
|
|
240
|
+
expect(getByTestId('chart-tooltip-rect').props.x).toBe(245);
|
|
241
241
|
});
|
|
242
242
|
it('wider minWidth can trigger a flip that the default width would not', () => {
|
|
243
243
|
const {
|
|
@@ -251,7 +251,7 @@ describe('DefaultScrubberTooltip', () => {
|
|
|
251
251
|
},
|
|
252
252
|
scrubberContext: scrubberAt(2)
|
|
253
253
|
});
|
|
254
|
-
expect(getByTestId('chart-tooltip-rect').props.x).toBe(
|
|
254
|
+
expect(getByTestId('chart-tooltip-rect').props.x).toBe(25);
|
|
255
255
|
});
|
|
256
256
|
});
|
|
257
257
|
describe('title in tooltip content', () => {
|
|
@@ -5,8 +5,7 @@ export const DEFAULT_TOOLTIP_MIN_WIDTH = 80;
|
|
|
5
5
|
export const PADDING_X = 8;
|
|
6
6
|
export const PADDING_Y = 8;
|
|
7
7
|
export const ROW_HEIGHT = 16;
|
|
8
|
-
export const ROW_GAP =
|
|
8
|
+
export const ROW_GAP = 4;
|
|
9
9
|
export const TITLE_GAP = 6;
|
|
10
|
-
export const BORDER_RADIUS = 4;
|
|
11
10
|
export const LABEL_VALUE_GAP = 12;
|
|
12
11
|
//# sourceMappingURL=constants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["DEFAULT_OFFSET","DEFAULT_TOOLTIP_MIN_WIDTH","PADDING_X","PADDING_Y","ROW_HEIGHT","ROW_GAP","TITLE_GAP","
|
|
1
|
+
{"version":3,"names":["DEFAULT_OFFSET","DEFAULT_TOOLTIP_MIN_WIDTH","PADDING_X","PADDING_Y","ROW_HEIGHT","ROW_GAP","TITLE_GAP","LABEL_VALUE_GAP"],"sourceRoot":"../../../../../../src","sources":["lib/Components/Scrubber/DefaultScrubberTooltip/constants.ts"],"mappings":";;AAAA,OAAO,MAAMA,cAAc,GAAG,EAAE;AAChC,OAAO,MAAMC,yBAAyB,GAAG,EAAE;AAC3C,OAAO,MAAMC,SAAS,GAAG,CAAC;AAC1B,OAAO,MAAMC,SAAS,GAAG,CAAC;AAC1B,OAAO,MAAMC,UAAU,GAAG,EAAE;AAC5B,OAAO,MAAMC,OAAO,GAAG,CAAC;AACxB,OAAO,MAAMC,SAAS,GAAG,CAAC;AAC1B,OAAO,MAAMC,eAAe,GAAG,EAAE","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultScrubberTooltip.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/Components/Scrubber/DefaultScrubberTooltip/DefaultScrubberTooltip.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"DefaultScrubberTooltip.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/Components/Scrubber/DefaultScrubberTooltip/DefaultScrubberTooltip.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAmBrD;;;;;;;;GAQG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,MAAM,EACN,WAAW,EACX,KAAK,EACL,KAAK,EACL,MAAuB,EACvB,QAAoC,GACrC,EAAE,QAAQ,CAAC,oBAAoB,CAAC,kDAiEhC"}
|
|
@@ -3,8 +3,7 @@ export declare const DEFAULT_TOOLTIP_MIN_WIDTH = 80;
|
|
|
3
3
|
export declare const PADDING_X = 8;
|
|
4
4
|
export declare const PADDING_Y = 8;
|
|
5
5
|
export declare const ROW_HEIGHT = 16;
|
|
6
|
-
export declare const ROW_GAP =
|
|
6
|
+
export declare const ROW_GAP = 4;
|
|
7
7
|
export declare const TITLE_GAP = 6;
|
|
8
|
-
export declare const BORDER_RADIUS = 4;
|
|
9
8
|
export declare const LABEL_VALUE_GAP = 12;
|
|
10
9
|
//# sourceMappingURL=constants.d.ts.map
|
package/dist/typescript/src/lib/Components/Scrubber/DefaultScrubberTooltip/constants.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/Components/Scrubber/DefaultScrubberTooltip/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,yBAAyB,KAAK,CAAC;AAC5C,eAAO,MAAM,SAAS,IAAI,CAAC;AAC3B,eAAO,MAAM,SAAS,IAAI,CAAC;AAC3B,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,OAAO,IAAI,CAAC;AACzB,eAAO,MAAM,SAAS,IAAI,CAAC;AAC3B,eAAO,MAAM,
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/Components/Scrubber/DefaultScrubberTooltip/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,yBAAyB,KAAK,CAAC;AAC5C,eAAO,MAAM,SAAS,IAAI,CAAC;AAC3B,eAAO,MAAM,SAAS,IAAI,CAAC;AAC3B,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,OAAO,IAAI,CAAC;AACzB,eAAO,MAAM,SAAS,IAAI,CAAC;AAC3B,eAAO,MAAM,eAAe,KAAK,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ledgerhq/lumen-ui-rnative-visualization",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.17",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"keywords": [
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
"peerDependencies": {
|
|
46
46
|
"@types/react": "^19.0.0",
|
|
47
47
|
"@ledgerhq/lumen-design-core": "0.1.16",
|
|
48
|
-
"@ledgerhq/lumen-ui-rnative": "0.1.
|
|
48
|
+
"@ledgerhq/lumen-ui-rnative": "0.1.40",
|
|
49
49
|
"react": "^19.0.0",
|
|
50
50
|
"react-native": "~0.79.7",
|
|
51
51
|
"react-native-svg": "^15.0.0",
|
|
@@ -11,10 +11,10 @@ export const DEFAULT_HEIGHT = 160;
|
|
|
11
11
|
* consumer-provided width/height.
|
|
12
12
|
*/
|
|
13
13
|
export const OVERFLOW_BUFFER: ChartInset = {
|
|
14
|
-
top:
|
|
15
|
-
right:
|
|
16
|
-
bottom:
|
|
17
|
-
left:
|
|
14
|
+
top: 25,
|
|
15
|
+
right: 25,
|
|
16
|
+
bottom: 25,
|
|
17
|
+
left: 25,
|
|
18
18
|
};
|
|
19
19
|
/**
|
|
20
20
|
* Top/left offset applied to the (enlarged) SVG group so its drawing area aligns
|
|
@@ -31,7 +31,7 @@ export const ChartTooltipItem = memo(function ChartTooltipItem({
|
|
|
31
31
|
textAnchor='start'
|
|
32
32
|
alignmentBaseline='central'
|
|
33
33
|
fill={theme.colors.text.muted}
|
|
34
|
-
fontSize={theme.typographies.
|
|
34
|
+
fontSize={theme.typographies.body3.fontSize}
|
|
35
35
|
fontFamily={theme.fontFamilies.sans}
|
|
36
36
|
>
|
|
37
37
|
{String(label)}
|
|
@@ -43,8 +43,8 @@ export const ChartTooltipItem = memo(function ChartTooltipItem({
|
|
|
43
43
|
textAnchor='end'
|
|
44
44
|
alignmentBaseline='central'
|
|
45
45
|
fill={theme.colors.text.base}
|
|
46
|
-
fontSize={theme.typographies.
|
|
47
|
-
fontWeight={theme.typographies.
|
|
46
|
+
fontSize={theme.typographies.body3SemiBold.fontSize}
|
|
47
|
+
fontWeight={theme.typographies.body3SemiBold.fontWeight}
|
|
48
48
|
fontFamily={theme.fontFamilies.sans}
|
|
49
49
|
>
|
|
50
50
|
{String(value)}
|
|
@@ -148,7 +148,7 @@ describe('DefaultScrubberTooltip', () => {
|
|
|
148
148
|
scrubberProps: { tooltip: defaultTooltip },
|
|
149
149
|
scrubberContext: scrubberAt(2),
|
|
150
150
|
});
|
|
151
|
-
expect(getByTestId('chart-tooltip-rect').props.x).toBe(
|
|
151
|
+
expect(getByTestId('chart-tooltip-rect').props.x).toBe(235);
|
|
152
152
|
});
|
|
153
153
|
|
|
154
154
|
it('flips tooltip left when right side would overflow (index 3)', () => {
|
|
@@ -158,7 +158,7 @@ describe('DefaultScrubberTooltip', () => {
|
|
|
158
158
|
},
|
|
159
159
|
scrubberContext: scrubberAt(3),
|
|
160
160
|
});
|
|
161
|
-
expect(getByTestId('chart-tooltip-rect').props.x).toBe(
|
|
161
|
+
expect(getByTestId('chart-tooltip-rect').props.x).toBe(195);
|
|
162
162
|
});
|
|
163
163
|
|
|
164
164
|
it('flips at the rightmost scrubber position (index 4)', () => {
|
|
@@ -168,7 +168,7 @@ describe('DefaultScrubberTooltip', () => {
|
|
|
168
168
|
},
|
|
169
169
|
scrubberContext: scrubberAt(4),
|
|
170
170
|
});
|
|
171
|
-
expect(getByTestId('chart-tooltip-rect').props.x).toBe(
|
|
171
|
+
expect(getByTestId('chart-tooltip-rect').props.x).toBe(295);
|
|
172
172
|
});
|
|
173
173
|
|
|
174
174
|
it('custom offset shifts the no-flip tooltip position', () => {
|
|
@@ -178,7 +178,7 @@ describe('DefaultScrubberTooltip', () => {
|
|
|
178
178
|
},
|
|
179
179
|
scrubberContext: scrubberAt(2),
|
|
180
180
|
});
|
|
181
|
-
expect(getByTestId('chart-tooltip-rect').props.x).toBe(
|
|
181
|
+
expect(getByTestId('chart-tooltip-rect').props.x).toBe(245);
|
|
182
182
|
});
|
|
183
183
|
|
|
184
184
|
it('wider minWidth can trigger a flip that the default width would not', () => {
|
|
@@ -188,7 +188,7 @@ describe('DefaultScrubberTooltip', () => {
|
|
|
188
188
|
},
|
|
189
189
|
scrubberContext: scrubberAt(2),
|
|
190
190
|
});
|
|
191
|
-
expect(getByTestId('chart-tooltip-rect').props.x).toBe(
|
|
191
|
+
expect(getByTestId('chart-tooltip-rect').props.x).toBe(25);
|
|
192
192
|
});
|
|
193
193
|
});
|
|
194
194
|
|
|
@@ -4,7 +4,6 @@ import { G, Rect, Text as SvgText } from 'react-native-svg';
|
|
|
4
4
|
import type { ScrubberTooltipProps } from '../types';
|
|
5
5
|
import { ChartTooltipItem } from './ChartTooltipItem';
|
|
6
6
|
import {
|
|
7
|
-
BORDER_RADIUS,
|
|
8
7
|
DEFAULT_OFFSET,
|
|
9
8
|
DEFAULT_TOOLTIP_MIN_WIDTH,
|
|
10
9
|
PADDING_X,
|
|
@@ -68,7 +67,7 @@ export function DefaultScrubberTooltip({
|
|
|
68
67
|
y={drawingArea.y}
|
|
69
68
|
width={tooltipWidth}
|
|
70
69
|
height={tooltipHeight}
|
|
71
|
-
rx={
|
|
70
|
+
rx={theme.borderRadius.sm}
|
|
72
71
|
fill={theme.colors.bg.muted}
|
|
73
72
|
/>
|
|
74
73
|
{hasTitle && (
|
|
@@ -80,9 +79,9 @@ export function DefaultScrubberTooltip({
|
|
|
80
79
|
x={tooltipX + PADDING_X}
|
|
81
80
|
y={drawingArea.y + PADDING_Y + ROW_HEIGHT / 2}
|
|
82
81
|
alignmentBaseline='central'
|
|
83
|
-
fill={theme.colors.text.
|
|
84
|
-
fontSize={theme.typographies.
|
|
85
|
-
fontWeight={theme.typographies.
|
|
82
|
+
fill={theme.colors.text.muted}
|
|
83
|
+
fontSize={theme.typographies.body3.fontSize}
|
|
84
|
+
fontWeight={theme.typographies.body3.fontWeight}
|
|
86
85
|
fontFamily={theme.fontFamilies.sans}
|
|
87
86
|
>
|
|
88
87
|
{String(title)}
|
|
@@ -3,7 +3,6 @@ export const DEFAULT_TOOLTIP_MIN_WIDTH = 80;
|
|
|
3
3
|
export const PADDING_X = 8;
|
|
4
4
|
export const PADDING_Y = 8;
|
|
5
5
|
export const ROW_HEIGHT = 16;
|
|
6
|
-
export const ROW_GAP =
|
|
6
|
+
export const ROW_GAP = 4;
|
|
7
7
|
export const TITLE_GAP = 6;
|
|
8
|
-
export const BORDER_RADIUS = 4;
|
|
9
8
|
export const LABEL_VALUE_GAP = 12;
|