react-native-wagmi-charts 2.5.3 → 2.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +17 -16
- package/lib/commonjs/charts/candle/Candle.js +4 -2
- package/lib/commonjs/charts/candle/Candle.js.map +1 -1
- package/lib/commonjs/charts/candle/Context.js +3 -2
- package/lib/commonjs/charts/candle/Context.js.map +1 -1
- package/lib/commonjs/charts/line/Tooltip.js +44 -13
- package/lib/commonjs/charts/line/Tooltip.js.map +1 -1
- package/lib/commonjs/components/AnimatedText.js +0 -1
- package/lib/commonjs/components/AnimatedText.js.map +1 -1
- package/lib/module/charts/candle/Candle.js +4 -2
- package/lib/module/charts/candle/Candle.js.map +1 -1
- package/lib/module/charts/candle/Context.js +3 -2
- package/lib/module/charts/candle/Context.js.map +1 -1
- package/lib/module/charts/line/Tooltip.js +44 -13
- package/lib/module/charts/line/Tooltip.js.map +1 -1
- package/lib/module/components/AnimatedText.js +0 -1
- package/lib/module/components/AnimatedText.js.map +1 -1
- package/lib/typescript/src/charts/candle/Candle.d.ts +4 -2
- package/lib/typescript/src/charts/candle/Candle.d.ts.map +1 -1
- package/lib/typescript/src/charts/candle/Context.d.ts +3 -2
- package/lib/typescript/src/charts/candle/Context.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/Tooltip.d.ts +6 -2
- package/lib/typescript/src/charts/line/Tooltip.d.ts.map +1 -1
- package/lib/typescript/src/components/AnimatedText.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/charts/candle/Candle.tsx +8 -0
- package/src/charts/candle/Context.tsx +4 -2
- package/src/charts/line/Tooltip.tsx +59 -19
- package/src/components/AnimatedText.tsx +0 -1
package/README.md
CHANGED
|
@@ -914,14 +914,15 @@ To customize the formatting of the date/time text, you can supply a `format` fun
|
|
|
914
914
|
|
|
915
915
|
### LineChart.Tooltip
|
|
916
916
|
|
|
917
|
-
| Prop
|
|
918
|
-
|
|
|
919
|
-
| `xGutter`
|
|
920
|
-
| `yGutter`
|
|
921
|
-
| `cursorGutter`
|
|
922
|
-
| `position`
|
|
923
|
-
| `
|
|
924
|
-
| `
|
|
917
|
+
| Prop | Type | Default | Description |
|
|
918
|
+
| ------------------------ | ---------------------------------------------- | ------- | ------------------------------------------------------------------------------------------------------------------------------ |
|
|
919
|
+
| `xGutter` | `number` | `8` | X axis gutter in which the tooltip will not pass. |
|
|
920
|
+
| `yGutter` | `number` | `8` | Y axis gutter in which the tooltip will not pass. |
|
|
921
|
+
| `cursorGutter` | `number` | `48` | Gutter (spacing) between the cursor and the tooltip. |
|
|
922
|
+
| `position` | `"top"` or `"bottom"` or `"left"` or `"right"` | `"top"` | Position of the tooltip relative to the cursor. |
|
|
923
|
+
| `withHorizontalFloating` | `boolean` | `false` | If set to `true`, the position will changes between `left` and `right` on if tooltip reaches the X axis gutters. |
|
|
924
|
+
| `textStyle` | `{}` | | Style of the tooltip text |
|
|
925
|
+
| `at` | `number` | | Make the tooltip static at the given `data` index (which shows the tooltip always, unless there is interaction with the chart) |
|
|
925
926
|
|
|
926
927
|
### LineChart.PriceText
|
|
927
928
|
|
|
@@ -974,8 +975,8 @@ Place it as the child of your cursor component to trap hover events on Web. If y
|
|
|
974
975
|
| `negativeColor` | `string` | `#ef4444` | Color of the negative candles |
|
|
975
976
|
| `rectProps` | `RectProps` | | Props of the SVG Rectangle. Takes React Native's SVG `Rect` props. |
|
|
976
977
|
| `lineProps` | `LineProps` | | Props of the SVG Line. Takes React Native's SVG `Line` props. |
|
|
977
|
-
| `renderRect` | `({ x: number, y: number, width: number, height: number, fill: string }) => React.ReactNode` | | Renders a custom rect component |
|
|
978
|
-
| `renderLine` | `({ x1: number, x2: number, y1: number, y2: number, stroke: string, strokeWidth: number }) => React.ReactNode` | | Renders a custom line component |
|
|
978
|
+
| `renderRect` | `({ x: number, y: number, width: number, height: number, fill: string, candle: TCandle }) => React.ReactNode` | | Renders a custom rect component |
|
|
979
|
+
| `renderLine` | `({ x1: number, x2: number, y1: number, y2: number, stroke: string, strokeWidth: number, candle: TCandle }) => React.ReactNode` | | Renders a custom line component |
|
|
979
980
|
| `...props` | `SvgProps` | | This component also inherits React Native SVG's `Svg` props. |
|
|
980
981
|
|
|
981
982
|
### CandlestickChart.Crosshair
|
|
@@ -1033,12 +1034,12 @@ const { currentX, currentY, currentIndex, data, domain, isActive } =
|
|
|
1033
1034
|
|
|
1034
1035
|
| Variable | Type | Default | Description |
|
|
1035
1036
|
| -------------- | --------------------------------------------- | ------- | ------------------------------- |
|
|
1036
|
-
| `currentX` | `SharedValue<number>`
|
|
1037
|
-
| `currentY` | `SharedValue<number>`
|
|
1038
|
-
| `currentIndex` | `SharedValue<number>`
|
|
1037
|
+
| `currentX` | `SharedValue<number>` | | Current x position |
|
|
1038
|
+
| `currentY` | `SharedValue<number>` | | Current y position |
|
|
1039
|
+
| `currentIndex` | `SharedValue<number>` | | Current index of the data |
|
|
1039
1040
|
| `data` | `Array<{ timestamp: number, value: number }>` | | Data of the chart |
|
|
1040
1041
|
| `domain` | `[number, number]` | | Y domain of the chart |
|
|
1041
|
-
| `isActive` | `SharedValue<boolean>`
|
|
1042
|
+
| `isActive` | `SharedValue<boolean>` | | Is the chart active by gesture? |
|
|
1042
1043
|
|
|
1043
1044
|
### LineChart.useDatetime
|
|
1044
1045
|
|
|
@@ -1103,8 +1104,8 @@ const { currentX, currentY, data, domain, step } = CandlestickChart.useChart();
|
|
|
1103
1104
|
|
|
1104
1105
|
| Variable | Type | Default | Description |
|
|
1105
1106
|
| ---------- | -------------------------------------------------------------------------------------- | ------- | ------------------------- |
|
|
1106
|
-
| `currentX` | `SharedValue<number>`
|
|
1107
|
-
| `currentY` | `SharedValue<number>`
|
|
1107
|
+
| `currentX` | `SharedValue<number>` | | Current x position |
|
|
1108
|
+
| `currentY` | `SharedValue<number>` | | Current y position |
|
|
1108
1109
|
| `data` | `Array<{ timestamp: number, open: number, high: number, low: number, close: number }>` | | Data of the chart |
|
|
1109
1110
|
| `domain` | `[number, number]` | | Y domain of the chart |
|
|
1110
1111
|
| `step` | `number` | | Current index of the data |
|
|
@@ -55,8 +55,9 @@ const CandlestickChartCandle = ({
|
|
|
55
55
|
value: high,
|
|
56
56
|
domain
|
|
57
57
|
}),
|
|
58
|
+
candle: candle,
|
|
58
59
|
...overrideLineProps
|
|
59
|
-
}), [domain, fill, high, isPositive, low, maxHeight, overrideLineProps, width, x]);
|
|
60
|
+
}), [domain, fill, high, isPositive, low, maxHeight, overrideLineProps, width, x, candle]);
|
|
60
61
|
const animatedLineProps = (0, _reactNativeReanimated.useAnimatedProps)(() => ({
|
|
61
62
|
x1: (0, _reactNativeReanimated.withTiming)(x + width / 2),
|
|
62
63
|
y1: (0, _reactNativeReanimated.withTiming)((0, _utils.getY)({
|
|
@@ -86,8 +87,9 @@ const CandlestickChartCandle = ({
|
|
|
86
87
|
value: max - min,
|
|
87
88
|
domain
|
|
88
89
|
}),
|
|
90
|
+
candle: candle,
|
|
89
91
|
...overrideRectProps
|
|
90
|
-
}), [domain, fill, isPositive, margin, max, maxHeight, min, overrideRectProps, width, x]);
|
|
92
|
+
}), [domain, fill, isPositive, margin, max, maxHeight, min, overrideRectProps, width, x, candle]);
|
|
91
93
|
const animatedRectProps = (0, _reactNativeReanimated.useAnimatedProps)(() => ({
|
|
92
94
|
x: (0, _reactNativeReanimated.withTiming)(x + margin),
|
|
93
95
|
y: (0, _reactNativeReanimated.withTiming)((0, _utils.getY)({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeReanimated","_interopRequireWildcard","_reactNativeSvg","_utils","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","obj","AnimatedRect","Animated","createAnimatedComponent","Rect","AnimatedLine","Line","CandlestickChartCandle","candle","maxHeight","domain","margin","positiveColor","negativeColor","rectProps","overrideRectProps","lineProps","overrideLineProps","index","width","useAnimations","renderLine","props","createElement","renderRect","close","open","high","low","isPositive","fill","x","max","Math","min","React","useMemo","stroke","strokeWidth","direction","x1","y1","getY","value","x2","y2","animatedLineProps","useAnimatedProps","withTiming","y","height","getHeight","animatedRectProps","Fragment","animatedProps","exports"],"sourceRoot":"../../../../src","sources":["charts/candle/Candle.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,sBAAA,GAAAC,uBAAA,CAAAF,OAAA;AAIA,IAAAG,eAAA,GAAAH,OAAA;AAGA,IAAAI,MAAA,GAAAJ,OAAA;AAA0C,SAAAK,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAf,uBAAA0B,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAf,UAAA,GAAAe,GAAA,KAAAd,OAAA,EAAAc,GAAA;AAE1C,MAAMC,YAAY,GAAGC,8BAAQ,CAACC,uBAAuB,CAACC,oBAAI,CAAC;AAC3D,MAAMC,YAAY,GAAGH,8BAAQ,CAACC,uBAAuB,CAACG,oBAAI,CAAC;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeReanimated","_interopRequireWildcard","_reactNativeSvg","_utils","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","obj","AnimatedRect","Animated","createAnimatedComponent","Rect","AnimatedLine","Line","CandlestickChartCandle","candle","maxHeight","domain","margin","positiveColor","negativeColor","rectProps","overrideRectProps","lineProps","overrideLineProps","index","width","useAnimations","renderLine","props","createElement","renderRect","close","open","high","low","isPositive","fill","x","max","Math","min","React","useMemo","stroke","strokeWidth","direction","x1","y1","getY","value","x2","y2","animatedLineProps","useAnimatedProps","withTiming","y","height","getHeight","animatedRectProps","Fragment","animatedProps","exports"],"sourceRoot":"../../../../src","sources":["charts/candle/Candle.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -27,14 +27,15 @@ const CandlestickChartContext = exports.CandlestickChartContext = /*#__PURE__*/R
|
|
|
27
27
|
});
|
|
28
28
|
function CandlestickChartProvider({
|
|
29
29
|
children,
|
|
30
|
-
data = []
|
|
30
|
+
data = [],
|
|
31
|
+
valueRangeY
|
|
31
32
|
}) {
|
|
32
33
|
const [width, setWidth] = React.useState(0);
|
|
33
34
|
const [height, setHeight] = React.useState(0);
|
|
34
35
|
const [step, setStep] = React.useState(0);
|
|
35
36
|
const currentX = (0, _reactNativeReanimated.useSharedValue)(-1);
|
|
36
37
|
const currentY = (0, _reactNativeReanimated.useSharedValue)(-1);
|
|
37
|
-
const domain = React.useMemo(() => (0, _utils.getDomain)(data), [data]);
|
|
38
|
+
const domain = React.useMemo(() => valueRangeY ?? (0, _utils.getDomain)(data), [data, valueRangeY]);
|
|
38
39
|
React.useEffect(() => {
|
|
39
40
|
if (data.length) {
|
|
40
41
|
const newStep = width / data.length;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNativeReanimated","_utils","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CandlestickChartContext","exports","createContext","currentX","value","currentY","data","height","width","domain","step","setWidth","undefined","setHeight","CandlestickChartProvider","children","useState","setStep","useSharedValue","useMemo","getDomain","useEffect","length","newStep","contextValue","createElement","Provider"],"sourceRoot":"../../../../src","sources":["charts/candle/Context.tsx"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AAGA,IAAAE,MAAA,GAAAF,OAAA;AAAoC,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAE7B,MAAMW,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,gBAAGzB,KAAK,CAAC2B,aAAa,CAAW;EACnEC,QAAQ,EAAE;IAAEC,KAAK,EAAE,CAAC;EAAE,CAAwB;EAC9CC,QAAQ,EAAE;IAAED,KAAK,EAAE,CAAC;EAAE,CAAwB;EAC9CE,IAAI,EAAE,EAAE;EACRC,MAAM,EAAE,CAAC;EACTC,KAAK,EAAE,CAAC;EACRC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;EACdC,IAAI,EAAE,CAAC;EACPC,QAAQ,EAAEA,CAAA,KAAMC,SAAS;EACzBC,SAAS,EAAEA,CAAA,KAAMD;AACnB,CAAC,CAAC;
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNativeReanimated","_utils","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CandlestickChartContext","exports","createContext","currentX","value","currentY","data","height","width","domain","step","setWidth","undefined","setHeight","CandlestickChartProvider","children","valueRangeY","useState","setStep","useSharedValue","useMemo","getDomain","useEffect","length","newStep","contextValue","createElement","Provider"],"sourceRoot":"../../../../src","sources":["charts/candle/Context.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -19,10 +19,12 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
|
|
|
19
19
|
LineChartTooltip.displayName = 'LineChartTooltip';
|
|
20
20
|
function LineChartTooltip({
|
|
21
21
|
children,
|
|
22
|
+
format,
|
|
22
23
|
xGutter = 8,
|
|
23
24
|
yGutter = 8,
|
|
24
25
|
cursorGutter = 48,
|
|
25
26
|
position = 'top',
|
|
27
|
+
withHorizontalFloating = false,
|
|
26
28
|
textProps,
|
|
27
29
|
textStyle,
|
|
28
30
|
at,
|
|
@@ -41,35 +43,61 @@ function LineChartTooltip({
|
|
|
41
43
|
currentY,
|
|
42
44
|
isActive
|
|
43
45
|
} = (0, _useLineChart.useLineChart)();
|
|
44
|
-
const x = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
45
46
|
const elementWidth = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
46
47
|
const elementHeight = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
47
48
|
const handleLayout = React.useCallback(event => {
|
|
48
|
-
x.value = event.nativeEvent.layout.x;
|
|
49
49
|
elementWidth.value = event.nativeEvent.layout.width;
|
|
50
50
|
elementHeight.value = event.nativeEvent.layout.height;
|
|
51
|
-
}, [elementHeight, elementWidth
|
|
51
|
+
}, [elementHeight, elementWidth]);
|
|
52
52
|
|
|
53
53
|
// When the user set a `at` index, get the index's y & x positions
|
|
54
54
|
const atXPosition = (0, _react.useMemo)(() => at !== null && at !== undefined ? (0, _getXPositionForCurve.getXPositionForCurve)(parsedPath, at) : undefined, [at, parsedPath]);
|
|
55
55
|
const atYPosition = (0, _reactNativeReanimated.useDerivedValue)(() => {
|
|
56
56
|
return atXPosition == null ? undefined : (0, _reactNativeRedash.getYForX)(parsedPath, atXPosition) ?? 0;
|
|
57
57
|
}, [atXPosition]);
|
|
58
|
+
const getInitialTranslateXOffset = React.useCallback(elementWidth => {
|
|
59
|
+
'worklet';
|
|
60
|
+
|
|
61
|
+
if (position === 'right') return elementWidth + cursorGutter;
|
|
62
|
+
if (position === 'left') return -cursorGutter;
|
|
63
|
+
return elementWidth / 2;
|
|
64
|
+
}, [cursorGutter, position]);
|
|
58
65
|
const animatedCursorStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
59
|
-
let translateXOffset = elementWidth.value / 2;
|
|
60
66
|
// the tooltip is considered static when the user specified an `at` prop
|
|
61
67
|
const isStatic = atYPosition.value != null;
|
|
62
68
|
|
|
63
69
|
// Calculate X position:
|
|
70
|
+
let translateXOffset = getInitialTranslateXOffset(elementWidth.value);
|
|
64
71
|
const x = atXPosition ?? currentX.value;
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
+
const elementFullWidth = elementWidth.value + xGutter + cursorGutter;
|
|
73
|
+
if (position === 'right') {
|
|
74
|
+
if (x < elementFullWidth) {
|
|
75
|
+
if (withHorizontalFloating) {
|
|
76
|
+
translateXOffset = -cursorGutter;
|
|
77
|
+
} else {
|
|
78
|
+
translateXOffset = translateXOffset - elementFullWidth + x;
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
} else if (position === 'left') {
|
|
82
|
+
if (x > width - elementFullWidth) {
|
|
83
|
+
if (withHorizontalFloating) {
|
|
84
|
+
translateXOffset = elementWidth.value + cursorGutter;
|
|
85
|
+
} else {
|
|
86
|
+
const xOffset = x - (width - elementFullWidth);
|
|
87
|
+
translateXOffset = translateXOffset + xOffset;
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
} else {
|
|
91
|
+
if (x < elementWidth.value / 2 + xGutter) {
|
|
92
|
+
const xOffset = elementWidth.value / 2 + xGutter - x;
|
|
93
|
+
translateXOffset = translateXOffset - xOffset;
|
|
94
|
+
}
|
|
95
|
+
if (x > width - elementWidth.value / 2 - xGutter) {
|
|
96
|
+
const xOffset = x - (width - elementWidth.value / 2 - xGutter);
|
|
97
|
+
translateXOffset = translateXOffset + xOffset;
|
|
98
|
+
}
|
|
72
99
|
}
|
|
100
|
+
const translateX = x - translateXOffset;
|
|
73
101
|
|
|
74
102
|
// Calculate Y position:
|
|
75
103
|
let translateYOffset = 0;
|
|
@@ -84,6 +112,8 @@ function LineChartTooltip({
|
|
|
84
112
|
if (y - translateYOffset + elementHeight.value > height - yGutter) {
|
|
85
113
|
translateYOffset = y - (height - yGutter) + elementHeight.value;
|
|
86
114
|
}
|
|
115
|
+
} else if (position === 'right' || position === 'left') {
|
|
116
|
+
translateYOffset = elementHeight.value / 2;
|
|
87
117
|
}
|
|
88
118
|
|
|
89
119
|
// determine final translateY value
|
|
@@ -104,9 +134,9 @@ function LineChartTooltip({
|
|
|
104
134
|
}
|
|
105
135
|
return {
|
|
106
136
|
transform: [{
|
|
107
|
-
translateX
|
|
137
|
+
translateX
|
|
108
138
|
}, {
|
|
109
|
-
translateY
|
|
139
|
+
translateY
|
|
110
140
|
}],
|
|
111
141
|
opacity: opacity
|
|
112
142
|
};
|
|
@@ -120,6 +150,7 @@ function LineChartTooltip({
|
|
|
120
150
|
alignSelf: 'flex-start'
|
|
121
151
|
}, animatedCursorStyle, props.style]
|
|
122
152
|
}), children || /*#__PURE__*/React.createElement(_PriceText.LineChartPriceText, _extends({
|
|
153
|
+
format: format,
|
|
123
154
|
index: at,
|
|
124
155
|
style: [textStyle]
|
|
125
156
|
}, textProps)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","React","_reactNativeReanimated","_PriceText","_Cursor","_Chart","_getXPositionForCurve","_reactNativeRedash","_useLineChart","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","prototype","apply","LineChartTooltip","displayName","children","xGutter","yGutter","cursorGutter","position","textProps","textStyle","at","props","width","height","parsedPath","useContext","LineChartDimensionsContext","type","CursorContext","currentX","currentY","isActive","useLineChart","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","React","_reactNativeReanimated","_PriceText","_Cursor","_Chart","_getXPositionForCurve","_reactNativeRedash","_useLineChart","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","prototype","apply","LineChartTooltip","displayName","children","format","xGutter","yGutter","cursorGutter","position","withHorizontalFloating","textProps","textStyle","at","props","width","height","parsedPath","useContext","LineChartDimensionsContext","type","CursorContext","currentX","currentY","isActive","useLineChart","elementWidth","useSharedValue","elementHeight","handleLayout","useCallback","event","value","nativeEvent","layout","atXPosition","useMemo","undefined","getXPositionForCurve","atYPosition","useDerivedValue","getYForX","getInitialTranslateXOffset","animatedCursorStyle","useAnimatedStyle","isStatic","translateXOffset","x","elementFullWidth","xOffset","translateX","translateYOffset","y","translateY","opacity","withTiming","transform","createElement","View","onLayout","style","padding","alignSelf","LineChartPriceText","index"],"sourceRoot":"../../../../src","sources":["charts/line/Tooltip.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","obj","Animated","addWhitelistedNativeProps","text","AnimatedTextInput","createAnimatedComponent","TextInput","AnimatedText","style","inputRef","React","useRef","Platform","OS","useAnimatedReaction","value","data","prevData","current","animatedProps","useAnimatedProps","createElement","underlineColorAndroid","editable","ref","select","web","styles","exports","StyleSheet","create","color"],"sourceRoot":"../../../src","sources":["components/AnimatedText.tsx"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,sBAAA,GAAAC,uBAAA,CAAAH,OAAA;AAGiC,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAF,wBAAAE,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAd,uBAAAyB,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAf,UAAA,GAAAe,GAAA,KAAAd,OAAA,EAAAc,GAAA;AARjC;;AAUAC,8BAAQ,CAACC,yBAAyB,CAAC;EAAEC,IAAI,EAAE;AAAK,CAAC,CAAC;AAOlD,MAAMC,iBAAiB,GAAGH,8BAAQ,CAACI,uBAAuB,CAACC,sBAAS,CAAC;AAE9D,MAAMC,YAAY,GAAGA,CAAC;EAAEJ,IAAI;EAAEK;AAAyB,CAAC,KAAK;EAClE,MAAMC,QAAQ,GAAGC,cAAK,CAACC,MAAM,CAAM,IAAI,CAAC,CAAC,CAAC;;EAE1C,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;IACzB;IACA;IACA;IACA;;IAEA;IACA,IAAAC,0CAAmB,EACjB,MAAM;MACJ,OAAOX,IAAI,CAACY,KAAK;IACnB,CAAC,EACD,CAACC,IAAI,EAAEC,QAAQ,KAAK;MAClB,IAAID,IAAI,KAAKC,QAAQ,IAAIR,QAAQ,CAACS,OAAO,EAAE;QACzCT,QAAQ,CAACS,OAAO,CAACH,KAAK,GAAGC,IAAI;MAC/B;IACF,CAAC,EACD,CAACb,IAAI,CACP,CAAC;EACH;EACA,MAAMgB,aAAa,GAAG,IAAAC,uCAAgB,EAAC,MAAM;IAC3C,OAAO;MACLjB,IAAI,EAAEA,IAAI,CAACY;MACX;MACA;IACF,CAAC;EACH,CAAC,CAAC;EACF,oBACEzC,MAAA,CAAAY,OAAA,CAAAmC,aAAA,CAACjB,iBAAiB;IAChBkB,qBAAqB,EAAC,aAAa;IACnCC,QAAQ,EAAE,KAAM;IAChBC,GAAG,EAAEZ,qBAAQ,CAACa,MAAM,CAAC;MAAEC,GAAG,EAAEjB;IAAS,CAAC,CAAE;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","obj","Animated","addWhitelistedNativeProps","text","AnimatedTextInput","createAnimatedComponent","TextInput","AnimatedText","style","inputRef","React","useRef","Platform","OS","useAnimatedReaction","value","data","prevData","current","animatedProps","useAnimatedProps","createElement","underlineColorAndroid","editable","ref","select","web","styles","exports","StyleSheet","create","color"],"sourceRoot":"../../../src","sources":["components/AnimatedText.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -46,8 +46,9 @@ export const CandlestickChartCandle = ({
|
|
|
46
46
|
value: high,
|
|
47
47
|
domain
|
|
48
48
|
}),
|
|
49
|
+
candle: candle,
|
|
49
50
|
...overrideLineProps
|
|
50
|
-
}), [domain, fill, high, isPositive, low, maxHeight, overrideLineProps, width, x]);
|
|
51
|
+
}), [domain, fill, high, isPositive, low, maxHeight, overrideLineProps, width, x, candle]);
|
|
51
52
|
const animatedLineProps = useAnimatedProps(() => ({
|
|
52
53
|
x1: withTiming(x + width / 2),
|
|
53
54
|
y1: withTiming(getY({
|
|
@@ -77,8 +78,9 @@ export const CandlestickChartCandle = ({
|
|
|
77
78
|
value: max - min,
|
|
78
79
|
domain
|
|
79
80
|
}),
|
|
81
|
+
candle: candle,
|
|
80
82
|
...overrideRectProps
|
|
81
|
-
}), [domain, fill, isPositive, margin, max, maxHeight, min, overrideRectProps, width, x]);
|
|
83
|
+
}), [domain, fill, isPositive, margin, max, maxHeight, min, overrideRectProps, width, x, candle]);
|
|
82
84
|
const animatedRectProps = useAnimatedProps(() => ({
|
|
83
85
|
x: withTiming(x + margin),
|
|
84
86
|
y: withTiming(getY({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Animated","withTiming","useAnimatedProps","Line","Rect","getY","getHeight","AnimatedRect","createAnimatedComponent","AnimatedLine","CandlestickChartCandle","candle","maxHeight","domain","margin","positiveColor","negativeColor","rectProps","overrideRectProps","lineProps","overrideLineProps","index","width","useAnimations","renderLine","props","createElement","renderRect","close","open","high","low","isPositive","fill","x","max","Math","min","useMemo","stroke","strokeWidth","direction","x1","y1","value","x2","y2","animatedLineProps","y","height","animatedRectProps","Fragment","animatedProps"],"sourceRoot":"../../../../src","sources":["charts/candle/Candle.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,QAAQ,IACbC,UAAU,EACVC,gBAAgB,QACX,yBAAyB;AAChC,SAASC,IAAI,EAAyBC,IAAI,QAAmB,kBAAkB;AAG/E,SAASC,IAAI,EAAEC,SAAS,QAAQ,SAAS;AAEzC,MAAMC,YAAY,GAAGP,QAAQ,CAACQ,uBAAuB,CAACJ,IAAI,CAAC;AAC3D,MAAMK,YAAY,GAAGT,QAAQ,CAACQ,uBAAuB,CAACL,IAAI,CAAC;
|
|
1
|
+
{"version":3,"names":["React","Animated","withTiming","useAnimatedProps","Line","Rect","getY","getHeight","AnimatedRect","createAnimatedComponent","AnimatedLine","CandlestickChartCandle","candle","maxHeight","domain","margin","positiveColor","negativeColor","rectProps","overrideRectProps","lineProps","overrideLineProps","index","width","useAnimations","renderLine","props","createElement","renderRect","close","open","high","low","isPositive","fill","x","max","Math","min","useMemo","stroke","strokeWidth","direction","x1","y1","value","x2","y2","animatedLineProps","y","height","animatedRectProps","Fragment","animatedProps"],"sourceRoot":"../../../../src","sources":["charts/candle/Candle.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -18,14 +18,15 @@ export const CandlestickChartContext = /*#__PURE__*/React.createContext({
|
|
|
18
18
|
});
|
|
19
19
|
export function CandlestickChartProvider({
|
|
20
20
|
children,
|
|
21
|
-
data = []
|
|
21
|
+
data = [],
|
|
22
|
+
valueRangeY
|
|
22
23
|
}) {
|
|
23
24
|
const [width, setWidth] = React.useState(0);
|
|
24
25
|
const [height, setHeight] = React.useState(0);
|
|
25
26
|
const [step, setStep] = React.useState(0);
|
|
26
27
|
const currentX = useSharedValue(-1);
|
|
27
28
|
const currentY = useSharedValue(-1);
|
|
28
|
-
const domain = React.useMemo(() => getDomain(data), [data]);
|
|
29
|
+
const domain = React.useMemo(() => valueRangeY ?? getDomain(data), [data, valueRangeY]);
|
|
29
30
|
React.useEffect(() => {
|
|
30
31
|
if (data.length) {
|
|
31
32
|
const newStep = width / data.length;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useSharedValue","getDomain","CandlestickChartContext","createContext","currentX","value","currentY","data","height","width","domain","step","setWidth","undefined","setHeight","CandlestickChartProvider","children","useState","setStep","useMemo","useEffect","length","newStep","contextValue","createElement","Provider"],"sourceRoot":"../../../../src","sources":["charts/candle/Context.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAAsBC,cAAc,QAAQ,yBAAyB;AAGrE,SAASC,SAAS,QAAQ,SAAS;AAEnC,OAAO,MAAMC,uBAAuB,gBAAGH,KAAK,CAACI,aAAa,CAAW;EACnEC,QAAQ,EAAE;IAAEC,KAAK,EAAE,CAAC;EAAE,CAAwB;EAC9CC,QAAQ,EAAE;IAAED,KAAK,EAAE,CAAC;EAAE,CAAwB;EAC9CE,IAAI,EAAE,EAAE;EACRC,MAAM,EAAE,CAAC;EACTC,KAAK,EAAE,CAAC;EACRC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;EACdC,IAAI,EAAE,CAAC;EACPC,QAAQ,EAAEA,CAAA,KAAMC,SAAS;EACzBC,SAAS,EAAEA,CAAA,KAAMD;AACnB,CAAC,CAAC;
|
|
1
|
+
{"version":3,"names":["React","useSharedValue","getDomain","CandlestickChartContext","createContext","currentX","value","currentY","data","height","width","domain","step","setWidth","undefined","setHeight","CandlestickChartProvider","children","valueRangeY","useState","setStep","useMemo","useEffect","length","newStep","contextValue","createElement","Provider"],"sourceRoot":"../../../../src","sources":["charts/candle/Context.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAAsBC,cAAc,QAAQ,yBAAyB;AAGrE,SAASC,SAAS,QAAQ,SAAS;AAEnC,OAAO,MAAMC,uBAAuB,gBAAGH,KAAK,CAACI,aAAa,CAAW;EACnEC,QAAQ,EAAE;IAAEC,KAAK,EAAE,CAAC;EAAE,CAAwB;EAC9CC,QAAQ,EAAE;IAAED,KAAK,EAAE,CAAC;EAAE,CAAwB;EAC9CE,IAAI,EAAE,EAAE;EACRC,MAAM,EAAE,CAAC;EACTC,KAAK,EAAE,CAAC;EACRC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;EACdC,IAAI,EAAE,CAAC;EACPC,QAAQ,EAAEA,CAAA,KAAMC,SAAS;EACzBC,SAAS,EAAEA,CAAA,KAAMD;AACnB,CAAC,CAAC;AAUF,OAAO,SAASE,wBAAwBA,CAAC;EACvCC,QAAQ;EACRT,IAAI,GAAG,EAAE;EACTU;AAC6B,CAAC,EAAE;EAChC,MAAM,CAACR,KAAK,EAAEG,QAAQ,CAAC,GAAGb,KAAK,CAACmB,QAAQ,CAAC,CAAC,CAAC;EAC3C,MAAM,CAACV,MAAM,EAAEM,SAAS,CAAC,GAAGf,KAAK,CAACmB,QAAQ,CAAC,CAAC,CAAC;EAC7C,MAAM,CAACP,IAAI,EAAEQ,OAAO,CAAC,GAAGpB,KAAK,CAACmB,QAAQ,CAAC,CAAC,CAAC;EACzC,MAAMd,QAAQ,GAAGJ,cAAc,CAAC,CAAC,CAAC,CAAC;EACnC,MAAMM,QAAQ,GAAGN,cAAc,CAAC,CAAC,CAAC,CAAC;EACnC,MAAMU,MAAM,GAAGX,KAAK,CAACqB,OAAO,CAAC,MAAMH,WAAW,IAAIhB,SAAS,CAACM,IAAI,CAAC,EAAE,CAACA,IAAI,EAAEU,WAAW,CAAC,CAAC;EAEvFlB,KAAK,CAACsB,SAAS,CAAC,MAAM;IACpB,IAAId,IAAI,CAACe,MAAM,EAAE;MACf,MAAMC,OAAO,GAAGd,KAAK,GAAGF,IAAI,CAACe,MAAM;MACnCH,OAAO,CAACI,OAAO,CAAC;IAClB;EACF,CAAC,EAAE,CAAChB,IAAI,CAACe,MAAM,EAAEb,KAAK,CAAC,CAAC;EAExB,MAAMe,YAAY,GAAGzB,KAAK,CAACqB,OAAO,CAChC,OAAO;IACLhB,QAAQ;IACRE,QAAQ;IACRC,IAAI;IACJE,KAAK;IACLD,MAAM;IACNE,MAAM;IACNC,IAAI;IACJC,QAAQ;IACRE,SAAS;IACTK;EACF,CAAC,CAAC,EACF,CAACf,QAAQ,EAAEE,QAAQ,EAAEC,IAAI,EAAEG,MAAM,EAAEF,MAAM,EAAEG,IAAI,EAAEF,KAAK,CACxD,CAAC;EAED,oBACEV,KAAA,CAAA0B,aAAA,CAACvB,uBAAuB,CAACwB,QAAQ;IAACrB,KAAK,EAAEmB;EAAa,GACnDR,QAC+B,CAAC;AAEvC","ignoreList":[]}
|
|
@@ -11,10 +11,12 @@ import { useMemo } from 'react';
|
|
|
11
11
|
LineChartTooltip.displayName = 'LineChartTooltip';
|
|
12
12
|
export function LineChartTooltip({
|
|
13
13
|
children,
|
|
14
|
+
format,
|
|
14
15
|
xGutter = 8,
|
|
15
16
|
yGutter = 8,
|
|
16
17
|
cursorGutter = 48,
|
|
17
18
|
position = 'top',
|
|
19
|
+
withHorizontalFloating = false,
|
|
18
20
|
textProps,
|
|
19
21
|
textStyle,
|
|
20
22
|
at,
|
|
@@ -33,35 +35,61 @@ export function LineChartTooltip({
|
|
|
33
35
|
currentY,
|
|
34
36
|
isActive
|
|
35
37
|
} = useLineChart();
|
|
36
|
-
const x = useSharedValue(0);
|
|
37
38
|
const elementWidth = useSharedValue(0);
|
|
38
39
|
const elementHeight = useSharedValue(0);
|
|
39
40
|
const handleLayout = React.useCallback(event => {
|
|
40
|
-
x.value = event.nativeEvent.layout.x;
|
|
41
41
|
elementWidth.value = event.nativeEvent.layout.width;
|
|
42
42
|
elementHeight.value = event.nativeEvent.layout.height;
|
|
43
|
-
}, [elementHeight, elementWidth
|
|
43
|
+
}, [elementHeight, elementWidth]);
|
|
44
44
|
|
|
45
45
|
// When the user set a `at` index, get the index's y & x positions
|
|
46
46
|
const atXPosition = useMemo(() => at !== null && at !== undefined ? getXPositionForCurve(parsedPath, at) : undefined, [at, parsedPath]);
|
|
47
47
|
const atYPosition = useDerivedValue(() => {
|
|
48
48
|
return atXPosition == null ? undefined : getYForX(parsedPath, atXPosition) ?? 0;
|
|
49
49
|
}, [atXPosition]);
|
|
50
|
+
const getInitialTranslateXOffset = React.useCallback(elementWidth => {
|
|
51
|
+
'worklet';
|
|
52
|
+
|
|
53
|
+
if (position === 'right') return elementWidth + cursorGutter;
|
|
54
|
+
if (position === 'left') return -cursorGutter;
|
|
55
|
+
return elementWidth / 2;
|
|
56
|
+
}, [cursorGutter, position]);
|
|
50
57
|
const animatedCursorStyle = useAnimatedStyle(() => {
|
|
51
|
-
let translateXOffset = elementWidth.value / 2;
|
|
52
58
|
// the tooltip is considered static when the user specified an `at` prop
|
|
53
59
|
const isStatic = atYPosition.value != null;
|
|
54
60
|
|
|
55
61
|
// Calculate X position:
|
|
62
|
+
let translateXOffset = getInitialTranslateXOffset(elementWidth.value);
|
|
56
63
|
const x = atXPosition ?? currentX.value;
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
+
const elementFullWidth = elementWidth.value + xGutter + cursorGutter;
|
|
65
|
+
if (position === 'right') {
|
|
66
|
+
if (x < elementFullWidth) {
|
|
67
|
+
if (withHorizontalFloating) {
|
|
68
|
+
translateXOffset = -cursorGutter;
|
|
69
|
+
} else {
|
|
70
|
+
translateXOffset = translateXOffset - elementFullWidth + x;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
} else if (position === 'left') {
|
|
74
|
+
if (x > width - elementFullWidth) {
|
|
75
|
+
if (withHorizontalFloating) {
|
|
76
|
+
translateXOffset = elementWidth.value + cursorGutter;
|
|
77
|
+
} else {
|
|
78
|
+
const xOffset = x - (width - elementFullWidth);
|
|
79
|
+
translateXOffset = translateXOffset + xOffset;
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
} else {
|
|
83
|
+
if (x < elementWidth.value / 2 + xGutter) {
|
|
84
|
+
const xOffset = elementWidth.value / 2 + xGutter - x;
|
|
85
|
+
translateXOffset = translateXOffset - xOffset;
|
|
86
|
+
}
|
|
87
|
+
if (x > width - elementWidth.value / 2 - xGutter) {
|
|
88
|
+
const xOffset = x - (width - elementWidth.value / 2 - xGutter);
|
|
89
|
+
translateXOffset = translateXOffset + xOffset;
|
|
90
|
+
}
|
|
64
91
|
}
|
|
92
|
+
const translateX = x - translateXOffset;
|
|
65
93
|
|
|
66
94
|
// Calculate Y position:
|
|
67
95
|
let translateYOffset = 0;
|
|
@@ -76,6 +104,8 @@ export function LineChartTooltip({
|
|
|
76
104
|
if (y - translateYOffset + elementHeight.value > height - yGutter) {
|
|
77
105
|
translateYOffset = y - (height - yGutter) + elementHeight.value;
|
|
78
106
|
}
|
|
107
|
+
} else if (position === 'right' || position === 'left') {
|
|
108
|
+
translateYOffset = elementHeight.value / 2;
|
|
79
109
|
}
|
|
80
110
|
|
|
81
111
|
// determine final translateY value
|
|
@@ -96,9 +126,9 @@ export function LineChartTooltip({
|
|
|
96
126
|
}
|
|
97
127
|
return {
|
|
98
128
|
transform: [{
|
|
99
|
-
translateX
|
|
129
|
+
translateX
|
|
100
130
|
}, {
|
|
101
|
-
translateY
|
|
131
|
+
translateY
|
|
102
132
|
}],
|
|
103
133
|
opacity: opacity
|
|
104
134
|
};
|
|
@@ -112,6 +142,7 @@ export function LineChartTooltip({
|
|
|
112
142
|
alignSelf: 'flex-start'
|
|
113
143
|
}, animatedCursorStyle, props.style]
|
|
114
144
|
}), children || /*#__PURE__*/React.createElement(LineChartPriceText, _extends({
|
|
145
|
+
format: format,
|
|
115
146
|
index: at,
|
|
116
147
|
style: [textStyle]
|
|
117
148
|
}, textProps)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Animated","useAnimatedStyle","useDerivedValue","useSharedValue","withTiming","LineChartPriceText","CursorContext","LineChartDimensionsContext","getXPositionForCurve","getYForX","useLineChart","useMemo","LineChartTooltip","displayName","children","xGutter","yGutter","cursorGutter","position","textProps","textStyle","at","props","width","height","parsedPath","useContext","type","currentX","currentY","isActive","
|
|
1
|
+
{"version":3,"names":["React","Animated","useAnimatedStyle","useDerivedValue","useSharedValue","withTiming","LineChartPriceText","CursorContext","LineChartDimensionsContext","getXPositionForCurve","getYForX","useLineChart","useMemo","LineChartTooltip","displayName","children","format","xGutter","yGutter","cursorGutter","position","withHorizontalFloating","textProps","textStyle","at","props","width","height","parsedPath","useContext","type","currentX","currentY","isActive","elementWidth","elementHeight","handleLayout","useCallback","event","value","nativeEvent","layout","atXPosition","undefined","atYPosition","getInitialTranslateXOffset","animatedCursorStyle","isStatic","translateXOffset","x","elementFullWidth","xOffset","translateX","translateYOffset","y","translateY","opacity","transform","createElement","View","_extends","onLayout","style","padding","alignSelf","index"],"sourceRoot":"../../../../src","sources":["charts/line/Tooltip.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Platform","StyleSheet","TextInput","Animated","useAnimatedProps","useAnimatedReaction","addWhitelistedNativeProps","text","AnimatedTextInput","createAnimatedComponent","AnimatedText","style","inputRef","useRef","OS","value","data","prevData","current","animatedProps","createElement","underlineColorAndroid","editable","ref","select","web","styles","create","color"],"sourceRoot":"../../../src","sources":["components/AnimatedText.tsx"],"mappings":"AAAA;;AAEA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,UAAU,QAAkC,cAAc;AAC7E,SAASC,SAAS,QAAQ,cAAc;AACxC,OAAOC,QAAQ,IACbC,gBAAgB,EAChBC,mBAAmB,QACd,yBAAyB;AAEhCF,QAAQ,CAACG,yBAAyB,CAAC;EAAEC,IAAI,EAAE;AAAK,CAAC,CAAC;AAOlD,MAAMC,iBAAiB,GAAGL,QAAQ,CAACM,uBAAuB,CAACP,SAAS,CAAC;AAErE,OAAO,MAAMQ,YAAY,GAAGA,CAAC;EAAEH,IAAI;EAAEI;AAAyB,CAAC,KAAK;EAClE,MAAMC,QAAQ,GAAGb,KAAK,CAACc,MAAM,CAAM,IAAI,CAAC,CAAC,CAAC;;EAE1C,IAAIb,QAAQ,CAACc,EAAE,KAAK,KAAK,EAAE;IACzB;IACA;IACA;IACA;;IAEA;IACAT,mBAAmB,CACjB,MAAM;MACJ,OAAOE,IAAI,CAACQ,KAAK;IACnB,CAAC,EACD,CAACC,IAAI,EAAEC,QAAQ,KAAK;MAClB,IAAID,IAAI,KAAKC,QAAQ,IAAIL,QAAQ,CAACM,OAAO,EAAE;QACzCN,QAAQ,CAACM,OAAO,CAACH,KAAK,GAAGC,IAAI;MAC/B;IACF,CAAC,EACD,CAACT,IAAI,CACP,CAAC;EACH;EACA,MAAMY,aAAa,GAAGf,gBAAgB,CAAC,MAAM;IAC3C,OAAO;MACLG,IAAI,EAAEA,IAAI,CAACQ;MACX;MACA;IACF,CAAC;EACH,CAAC,CAAC;EACF,oBACEhB,KAAA,CAAAqB,aAAA,CAACZ,iBAAiB;IAChBa,qBAAqB,EAAC,aAAa;IACnCC,QAAQ,EAAE,KAAM;IAChBC,GAAG,EAAEvB,QAAQ,CAACwB,MAAM,CAAC;MAAEC,GAAG,EAAEb;IAAS,CAAC,CAAE;
|
|
1
|
+
{"version":3,"names":["React","Platform","StyleSheet","TextInput","Animated","useAnimatedProps","useAnimatedReaction","addWhitelistedNativeProps","text","AnimatedTextInput","createAnimatedComponent","AnimatedText","style","inputRef","useRef","OS","value","data","prevData","current","animatedProps","createElement","underlineColorAndroid","editable","ref","select","web","styles","create","color"],"sourceRoot":"../../../src","sources":["components/AnimatedText.tsx"],"mappings":"AAAA;;AAEA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,UAAU,QAAkC,cAAc;AAC7E,SAASC,SAAS,QAAQ,cAAc;AACxC,OAAOC,QAAQ,IACbC,gBAAgB,EAChBC,mBAAmB,QACd,yBAAyB;AAEhCF,QAAQ,CAACG,yBAAyB,CAAC;EAAEC,IAAI,EAAE;AAAK,CAAC,CAAC;AAOlD,MAAMC,iBAAiB,GAAGL,QAAQ,CAACM,uBAAuB,CAACP,SAAS,CAAC;AAErE,OAAO,MAAMQ,YAAY,GAAGA,CAAC;EAAEH,IAAI;EAAEI;AAAyB,CAAC,KAAK;EAClE,MAAMC,QAAQ,GAAGb,KAAK,CAACc,MAAM,CAAM,IAAI,CAAC,CAAC,CAAC;;EAE1C,IAAIb,QAAQ,CAACc,EAAE,KAAK,KAAK,EAAE;IACzB;IACA;IACA;IACA;;IAEA;IACAT,mBAAmB,CACjB,MAAM;MACJ,OAAOE,IAAI,CAACQ,KAAK;IACnB,CAAC,EACD,CAACC,IAAI,EAAEC,QAAQ,KAAK;MAClB,IAAID,IAAI,KAAKC,QAAQ,IAAIL,QAAQ,CAACM,OAAO,EAAE;QACzCN,QAAQ,CAACM,OAAO,CAACH,KAAK,GAAGC,IAAI;MAC/B;IACF,CAAC,EACD,CAACT,IAAI,CACP,CAAC;EACH;EACA,MAAMY,aAAa,GAAGf,gBAAgB,CAAC,MAAM;IAC3C,OAAO;MACLG,IAAI,EAAEA,IAAI,CAACQ;MACX;MACA;IACF,CAAC;EACH,CAAC,CAAC;EACF,oBACEhB,KAAA,CAAAqB,aAAA,CAACZ,iBAAiB;IAChBa,qBAAqB,EAAC,aAAa;IACnCC,QAAQ,EAAE,KAAM;IAChBC,GAAG,EAAEvB,QAAQ,CAACwB,MAAM,CAAC;MAAEC,GAAG,EAAEb;IAAS,CAAC,CAAE;IACxCD,KAAK,EAAE,CAACe,MAAM,CAACnB,IAAI,EAAEI,KAAK,CAAE;IAC5BQ,aAAa,EAAEA;EAAc,CAC9B,CAAC;AAEN,CAAC;AAED,MAAMO,MAAM,GAAGzB,UAAU,CAAC0B,MAAM,CAAC;EAC/BpB,IAAI,EAAE;IACJqB,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -14,15 +14,16 @@ export type CandlestickChartCandleProps = {
|
|
|
14
14
|
rectProps?: RectProps;
|
|
15
15
|
lineProps?: LineProps;
|
|
16
16
|
useAnimations?: boolean;
|
|
17
|
-
renderRect?: ({ x, y, width, height, fill, }: {
|
|
17
|
+
renderRect?: ({ x, y, width, height, fill, candle }: {
|
|
18
18
|
x: NumberProp;
|
|
19
19
|
y: NumberProp;
|
|
20
20
|
width: NumberProp;
|
|
21
21
|
height: NumberProp;
|
|
22
22
|
fill: ColorValue;
|
|
23
23
|
useAnimations: boolean;
|
|
24
|
+
candle: TCandle;
|
|
24
25
|
}) => React.ReactNode;
|
|
25
|
-
renderLine?: ({ x1, y1, x2, y2, stroke, strokeWidth, }: {
|
|
26
|
+
renderLine?: ({ x1, y1, x2, y2, stroke, strokeWidth, candle, }: {
|
|
26
27
|
x1: NumberProp;
|
|
27
28
|
y1: NumberProp;
|
|
28
29
|
x2: NumberProp;
|
|
@@ -30,6 +31,7 @@ export type CandlestickChartCandleProps = {
|
|
|
30
31
|
stroke: ColorValue;
|
|
31
32
|
strokeWidth: NumberProp;
|
|
32
33
|
useAnimations: boolean;
|
|
34
|
+
candle: TCandle;
|
|
33
35
|
}) => React.ReactNode;
|
|
34
36
|
};
|
|
35
37
|
export declare const CandlestickChartCandle: ({ candle, maxHeight, domain, margin, positiveColor, negativeColor, rectProps: overrideRectProps, lineProps: overrideLineProps, index, width, useAnimations, renderLine, renderRect, }: CandlestickChartCandleProps) => React.JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Candle.d.ts","sourceRoot":"","sources":["../../../../../src/charts/candle/Candle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK1C,OAAO,EAAQ,SAAS,EAAE,UAAU,EAAQ,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEhF,OAAO,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAMhD,MAAM,MAAM,2BAA2B,GAAG;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,CAAC,EACZ,CAAC,EACD,CAAC,EACD,KAAK,EACL,MAAM,EACN,IAAI,
|
|
1
|
+
{"version":3,"file":"Candle.d.ts","sourceRoot":"","sources":["../../../../../src/charts/candle/Candle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK1C,OAAO,EAAQ,SAAS,EAAE,UAAU,EAAQ,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEhF,OAAO,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAMhD,MAAM,MAAM,2BAA2B,GAAG;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,CAAC,EACZ,CAAC,EACD,CAAC,EACD,KAAK,EACL,MAAM,EACN,IAAI,EACJ,MAAM,EACP,EAAE;QACD,CAAC,EAAE,UAAU,CAAC;QACd,CAAC,EAAE,UAAU,CAAC;QACd,KAAK,EAAE,UAAU,CAAC;QAClB,MAAM,EAAE,UAAU,CAAC;QACnB,IAAI,EAAE,UAAU,CAAC;QACjB,aAAa,EAAE,OAAO,CAAC;QACvB,MAAM,EAAE,OAAO,CAAC;KACjB,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,CAAC,EACZ,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,MAAM,EACN,WAAW,EACX,MAAM,GACP,EAAE;QACD,EAAE,EAAE,UAAU,CAAC;QACf,EAAE,EAAE,UAAU,CAAC;QACf,EAAE,EAAE,UAAU,CAAC;QACf,EAAE,EAAE,UAAU,CAAC;QACf,MAAM,EAAE,UAAU,CAAC;QACnB,WAAW,EAAE,UAAU,CAAC;QACxB,aAAa,EAAE,OAAO,CAAC;QACvB,MAAM,EAAE,OAAO,CAAC;KACjB,KAAK,KAAK,CAAC,SAAS,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,sBAAsB,0LAgBhC,2BAA2B,sBAqF7B,CAAC"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import type { TContext, TData } from './types';
|
|
2
|
+
import type { TContext, TData, TDomain } from './types';
|
|
3
3
|
export declare const CandlestickChartContext: React.Context<TContext>;
|
|
4
4
|
type CandlestickChartProviderProps = {
|
|
5
5
|
children: React.ReactNode;
|
|
6
6
|
data: TData;
|
|
7
7
|
width?: number;
|
|
8
8
|
height?: number;
|
|
9
|
+
valueRangeY?: TDomain;
|
|
9
10
|
};
|
|
10
|
-
export declare function CandlestickChartProvider({ children, data, }: CandlestickChartProviderProps): React.JSX.Element;
|
|
11
|
+
export declare function CandlestickChartProvider({ children, data, valueRangeY, }: CandlestickChartProviderProps): React.JSX.Element;
|
|
11
12
|
export {};
|
|
12
13
|
//# sourceMappingURL=Context.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../../../../src/charts/candle/Context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../../../../src/charts/candle/Context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAGxD,eAAO,MAAM,uBAAuB,yBAUlC,CAAC;AAEH,KAAK,6BAA6B,GAAG;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,IAAS,EACT,WAAW,GACZ,EAAE,6BAA6B,qBAoC/B"}
|
|
@@ -2,12 +2,16 @@ import * as React from 'react';
|
|
|
2
2
|
import Animated from 'react-native-reanimated';
|
|
3
3
|
import { LineChartPriceTextProps } from './PriceText';
|
|
4
4
|
import type { ViewProps } from 'react-native';
|
|
5
|
+
import type { TFormatterFn } from '../candle/types';
|
|
6
|
+
export type LineChartTooltipPosition = 'top' | 'bottom' | 'left' | 'right';
|
|
5
7
|
export type LineChartTooltipProps = Animated.AnimateProps<ViewProps> & {
|
|
6
8
|
children?: React.ReactNode;
|
|
9
|
+
format?: TFormatterFn<string>;
|
|
7
10
|
xGutter?: number;
|
|
8
11
|
yGutter?: number;
|
|
9
12
|
cursorGutter?: number;
|
|
10
|
-
position?:
|
|
13
|
+
position?: LineChartTooltipPosition;
|
|
14
|
+
withHorizontalFloating?: boolean;
|
|
11
15
|
textProps?: LineChartPriceTextProps;
|
|
12
16
|
textStyle?: LineChartPriceTextProps['style'];
|
|
13
17
|
/**
|
|
@@ -19,7 +23,7 @@ export type LineChartTooltipProps = Animated.AnimateProps<ViewProps> & {
|
|
|
19
23
|
*/
|
|
20
24
|
at?: number;
|
|
21
25
|
};
|
|
22
|
-
export declare function LineChartTooltip({ children, xGutter, yGutter, cursorGutter, position, textProps, textStyle, at, ...props }: LineChartTooltipProps): React.JSX.Element;
|
|
26
|
+
export declare function LineChartTooltip({ children, format, xGutter, yGutter, cursorGutter, position, withHorizontalFloating, textProps, textStyle, at, ...props }: LineChartTooltipProps): React.JSX.Element;
|
|
23
27
|
export declare namespace LineChartTooltip {
|
|
24
28
|
var displayName: string;
|
|
25
29
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,QAKN,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAsB,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAI1E,OAAO,KAAK,EAAqB,SAAS,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,QAKN,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAsB,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAI1E,OAAO,KAAK,EAAqB,SAAS,EAAE,MAAM,cAAc,CAAC;AAKjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,MAAM,MAAM,wBAAwB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAE3E,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC,YAAY,CAAC,SAAS,CAAC,GAAG;IACrE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,wBAAwB,CAAC;IACpC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,SAAS,CAAC,EAAE,uBAAuB,CAAC;IACpC,SAAS,CAAC,EAAE,uBAAuB,CAAC,OAAO,CAAC,CAAC;IAC7C;;;;;;OAMG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAIF,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,MAAM,EACN,OAAW,EACX,OAAW,EACX,YAAiB,EACjB,QAAgB,EAChB,sBAA8B,EAC9B,SAAS,EACT,SAAS,EACT,EAAE,EACF,GAAG,KAAK,EACT,EAAE,qBAAqB,qBAkKvB;yBA9Ke,gBAAgB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnimatedText.d.ts","sourceRoot":"","sources":["../../../../src/components/AnimatedText.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAwB,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AAM9E,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAG1E,UAAU,iBAAiB;IACzB,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1B,KAAK,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC;CAC7C;AAID,eAAO,MAAM,YAAY,oBAAqB,iBAAiB,
|
|
1
|
+
{"version":3,"file":"AnimatedText.d.ts","sourceRoot":"","sources":["../../../../src/components/AnimatedText.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAwB,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AAM9E,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAG1E,UAAU,iBAAiB;IACzB,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1B,KAAK,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC;CAC7C;AAID,eAAO,MAAM,YAAY,oBAAqB,iBAAiB,sBAsC9D,CAAC"}
|
package/package.json
CHANGED
|
@@ -30,6 +30,7 @@ export type CandlestickChartCandleProps = {
|
|
|
30
30
|
width,
|
|
31
31
|
height,
|
|
32
32
|
fill,
|
|
33
|
+
candle
|
|
33
34
|
}: {
|
|
34
35
|
x: NumberProp;
|
|
35
36
|
y: NumberProp;
|
|
@@ -37,6 +38,7 @@ export type CandlestickChartCandleProps = {
|
|
|
37
38
|
height: NumberProp;
|
|
38
39
|
fill: ColorValue;
|
|
39
40
|
useAnimations: boolean;
|
|
41
|
+
candle: TCandle;
|
|
40
42
|
}) => React.ReactNode;
|
|
41
43
|
renderLine?: ({
|
|
42
44
|
x1,
|
|
@@ -45,6 +47,7 @@ export type CandlestickChartCandleProps = {
|
|
|
45
47
|
y2,
|
|
46
48
|
stroke,
|
|
47
49
|
strokeWidth,
|
|
50
|
+
candle,
|
|
48
51
|
}: {
|
|
49
52
|
x1: NumberProp;
|
|
50
53
|
y1: NumberProp;
|
|
@@ -53,6 +56,7 @@ export type CandlestickChartCandleProps = {
|
|
|
53
56
|
stroke: ColorValue;
|
|
54
57
|
strokeWidth: NumberProp;
|
|
55
58
|
useAnimations: boolean;
|
|
59
|
+
candle: TCandle;
|
|
56
60
|
}) => React.ReactNode;
|
|
57
61
|
};
|
|
58
62
|
|
|
@@ -89,6 +93,7 @@ export const CandlestickChartCandle = ({
|
|
|
89
93
|
y1: getY({ maxHeight, value: low, domain }),
|
|
90
94
|
x2: x + width / 2,
|
|
91
95
|
y2: getY({ maxHeight, value: high, domain }),
|
|
96
|
+
candle: candle,
|
|
92
97
|
...overrideLineProps,
|
|
93
98
|
}),
|
|
94
99
|
[
|
|
@@ -101,6 +106,7 @@ export const CandlestickChartCandle = ({
|
|
|
101
106
|
overrideLineProps,
|
|
102
107
|
width,
|
|
103
108
|
x,
|
|
109
|
+
candle,
|
|
104
110
|
]
|
|
105
111
|
);
|
|
106
112
|
const animatedLineProps = useAnimatedProps(() => ({
|
|
@@ -118,6 +124,7 @@ export const CandlestickChartCandle = ({
|
|
|
118
124
|
x: x + margin,
|
|
119
125
|
y: getY({ maxHeight, value: max, domain }),
|
|
120
126
|
height: getHeight({ maxHeight, value: max - min, domain }),
|
|
127
|
+
candle: candle,
|
|
121
128
|
...overrideRectProps,
|
|
122
129
|
}),
|
|
123
130
|
[
|
|
@@ -131,6 +138,7 @@ export const CandlestickChartCandle = ({
|
|
|
131
138
|
overrideRectProps,
|
|
132
139
|
width,
|
|
133
140
|
x,
|
|
141
|
+
candle,
|
|
134
142
|
]
|
|
135
143
|
);
|
|
136
144
|
const animatedRectProps = useAnimatedProps(() => ({
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { SharedValue, useSharedValue } from 'react-native-reanimated';
|
|
3
3
|
|
|
4
|
-
import type { TContext, TData } from './types';
|
|
4
|
+
import type { TContext, TData, TDomain } from './types';
|
|
5
5
|
import { getDomain } from './utils';
|
|
6
6
|
|
|
7
7
|
export const CandlestickChartContext = React.createContext<TContext>({
|
|
@@ -21,18 +21,20 @@ type CandlestickChartProviderProps = {
|
|
|
21
21
|
data: TData;
|
|
22
22
|
width?: number;
|
|
23
23
|
height?: number;
|
|
24
|
+
valueRangeY?: TDomain;
|
|
24
25
|
};
|
|
25
26
|
|
|
26
27
|
export function CandlestickChartProvider({
|
|
27
28
|
children,
|
|
28
29
|
data = [],
|
|
30
|
+
valueRangeY,
|
|
29
31
|
}: CandlestickChartProviderProps) {
|
|
30
32
|
const [width, setWidth] = React.useState(0);
|
|
31
33
|
const [height, setHeight] = React.useState(0);
|
|
32
34
|
const [step, setStep] = React.useState(0);
|
|
33
35
|
const currentX = useSharedValue(-1);
|
|
34
36
|
const currentY = useSharedValue(-1);
|
|
35
|
-
const domain = React.useMemo(() => getDomain(data), [data]);
|
|
37
|
+
const domain = React.useMemo(() => valueRangeY ?? getDomain(data), [data, valueRangeY]);
|
|
36
38
|
|
|
37
39
|
React.useEffect(() => {
|
|
38
40
|
if (data.length) {
|
|
@@ -15,13 +15,18 @@ import { getXPositionForCurve } from './utils/getXPositionForCurve';
|
|
|
15
15
|
import { getYForX } from 'react-native-redash';
|
|
16
16
|
import { useLineChart } from './useLineChart';
|
|
17
17
|
import { useMemo } from 'react';
|
|
18
|
+
import type { TFormatterFn } from '../candle/types';
|
|
19
|
+
|
|
20
|
+
export type LineChartTooltipPosition = 'top' | 'bottom' | 'left' | 'right';
|
|
18
21
|
|
|
19
22
|
export type LineChartTooltipProps = Animated.AnimateProps<ViewProps> & {
|
|
20
23
|
children?: React.ReactNode;
|
|
24
|
+
format?: TFormatterFn<string>;
|
|
21
25
|
xGutter?: number;
|
|
22
26
|
yGutter?: number;
|
|
23
27
|
cursorGutter?: number;
|
|
24
|
-
position?:
|
|
28
|
+
position?: LineChartTooltipPosition;
|
|
29
|
+
withHorizontalFloating?: boolean;
|
|
25
30
|
textProps?: LineChartPriceTextProps;
|
|
26
31
|
textStyle?: LineChartPriceTextProps['style'];
|
|
27
32
|
/**
|
|
@@ -38,10 +43,12 @@ LineChartTooltip.displayName = 'LineChartTooltip';
|
|
|
38
43
|
|
|
39
44
|
export function LineChartTooltip({
|
|
40
45
|
children,
|
|
46
|
+
format,
|
|
41
47
|
xGutter = 8,
|
|
42
48
|
yGutter = 8,
|
|
43
49
|
cursorGutter = 48,
|
|
44
50
|
position = 'top',
|
|
51
|
+
withHorizontalFloating = false,
|
|
45
52
|
textProps,
|
|
46
53
|
textStyle,
|
|
47
54
|
at,
|
|
@@ -53,17 +60,15 @@ export function LineChartTooltip({
|
|
|
53
60
|
const { type } = React.useContext(CursorContext);
|
|
54
61
|
const { currentX, currentY, isActive } = useLineChart();
|
|
55
62
|
|
|
56
|
-
const x = useSharedValue(0);
|
|
57
63
|
const elementWidth = useSharedValue(0);
|
|
58
64
|
const elementHeight = useSharedValue(0);
|
|
59
65
|
|
|
60
66
|
const handleLayout = React.useCallback(
|
|
61
67
|
(event: LayoutChangeEvent) => {
|
|
62
|
-
x.value = event.nativeEvent.layout.x;
|
|
63
68
|
elementWidth.value = event.nativeEvent.layout.width;
|
|
64
69
|
elementHeight.value = event.nativeEvent.layout.height;
|
|
65
70
|
},
|
|
66
|
-
[elementHeight, elementWidth
|
|
71
|
+
[elementHeight, elementWidth]
|
|
67
72
|
);
|
|
68
73
|
|
|
69
74
|
// When the user set a `at` index, get the index's y & x positions
|
|
@@ -81,22 +86,55 @@ export function LineChartTooltip({
|
|
|
81
86
|
: getYForX(parsedPath, atXPosition) ?? 0;
|
|
82
87
|
}, [atXPosition]);
|
|
83
88
|
|
|
89
|
+
const getInitialTranslateXOffset = React.useCallback(
|
|
90
|
+
(elementWidth: number) => {
|
|
91
|
+
'worklet';
|
|
92
|
+
if (position === 'right') return elementWidth + cursorGutter;
|
|
93
|
+
if (position === 'left') return -cursorGutter;
|
|
94
|
+
return elementWidth / 2;
|
|
95
|
+
},
|
|
96
|
+
[cursorGutter, position]
|
|
97
|
+
);
|
|
98
|
+
|
|
84
99
|
const animatedCursorStyle = useAnimatedStyle(() => {
|
|
85
|
-
let translateXOffset = elementWidth.value / 2;
|
|
86
100
|
// the tooltip is considered static when the user specified an `at` prop
|
|
87
101
|
const isStatic = atYPosition.value != null;
|
|
88
102
|
|
|
89
103
|
// Calculate X position:
|
|
104
|
+
let translateXOffset = getInitialTranslateXOffset(elementWidth.value);
|
|
90
105
|
const x = atXPosition ?? currentX.value;
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
106
|
+
const elementFullWidth = elementWidth.value + xGutter + cursorGutter;
|
|
107
|
+
|
|
108
|
+
if (position === 'right') {
|
|
109
|
+
if (x < elementFullWidth) {
|
|
110
|
+
if (withHorizontalFloating) {
|
|
111
|
+
translateXOffset = -cursorGutter;
|
|
112
|
+
} else {
|
|
113
|
+
translateXOffset = translateXOffset - elementFullWidth + x;
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
} else if (position === 'left') {
|
|
117
|
+
if (x > width - elementFullWidth) {
|
|
118
|
+
if (withHorizontalFloating) {
|
|
119
|
+
translateXOffset = elementWidth.value + cursorGutter;
|
|
120
|
+
} else {
|
|
121
|
+
const xOffset = x - (width - elementFullWidth);
|
|
122
|
+
translateXOffset = translateXOffset + xOffset;
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
} else {
|
|
126
|
+
if (x < elementWidth.value / 2 + xGutter) {
|
|
127
|
+
const xOffset = elementWidth.value / 2 + xGutter - x;
|
|
128
|
+
translateXOffset = translateXOffset - xOffset;
|
|
129
|
+
}
|
|
130
|
+
if (x > width - elementWidth.value / 2 - xGutter) {
|
|
131
|
+
const xOffset = x - (width - elementWidth.value / 2 - xGutter);
|
|
132
|
+
translateXOffset = translateXOffset + xOffset;
|
|
133
|
+
}
|
|
98
134
|
}
|
|
99
135
|
|
|
136
|
+
const translateX = x - translateXOffset;
|
|
137
|
+
|
|
100
138
|
// Calculate Y position:
|
|
101
139
|
let translateYOffset = 0;
|
|
102
140
|
const y = atYPosition.value ?? currentY.value;
|
|
@@ -110,6 +148,8 @@ export function LineChartTooltip({
|
|
|
110
148
|
if (y - translateYOffset + elementHeight.value > height - yGutter) {
|
|
111
149
|
translateYOffset = y - (height - yGutter) + elementHeight.value;
|
|
112
150
|
}
|
|
151
|
+
} else if (position === 'right' || position === 'left') {
|
|
152
|
+
translateYOffset = elementHeight.value / 2;
|
|
113
153
|
}
|
|
114
154
|
|
|
115
155
|
// determine final translateY value
|
|
@@ -131,12 +171,7 @@ export function LineChartTooltip({
|
|
|
131
171
|
}
|
|
132
172
|
|
|
133
173
|
return {
|
|
134
|
-
transform: [
|
|
135
|
-
{ translateX: x - translateXOffset },
|
|
136
|
-
{
|
|
137
|
-
translateY: translateY,
|
|
138
|
-
},
|
|
139
|
-
],
|
|
174
|
+
transform: [{ translateX }, { translateY }],
|
|
140
175
|
opacity: opacity,
|
|
141
176
|
};
|
|
142
177
|
}, [
|
|
@@ -171,7 +206,12 @@ export function LineChartTooltip({
|
|
|
171
206
|
]}
|
|
172
207
|
>
|
|
173
208
|
{children || (
|
|
174
|
-
<LineChartPriceText
|
|
209
|
+
<LineChartPriceText
|
|
210
|
+
format={format}
|
|
211
|
+
index={at}
|
|
212
|
+
style={[textStyle]}
|
|
213
|
+
{...textProps}
|
|
214
|
+
/>
|
|
175
215
|
)}
|
|
176
216
|
</Animated.View>
|
|
177
217
|
);
|
|
@@ -51,7 +51,6 @@ export const AnimatedText = ({ text, style }: AnimatedTextProps) => {
|
|
|
51
51
|
underlineColorAndroid="transparent"
|
|
52
52
|
editable={false}
|
|
53
53
|
ref={Platform.select({ web: inputRef })}
|
|
54
|
-
value={text.value}
|
|
55
54
|
style={[styles.text, style]}
|
|
56
55
|
animatedProps={animatedProps}
|
|
57
56
|
/>
|