react-native-wagmi-charts 2.6.0 → 2.7.1
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 +5 -11
- package/lib/commonjs/charts/candle/Context.js.map +1 -1
- package/lib/commonjs/charts/candle/Crosshair.js.map +1 -1
- package/lib/commonjs/charts/line/Context.js +1 -1
- package/lib/commonjs/charts/line/Context.js.map +1 -1
- package/lib/commonjs/charts/line/Tooltip.js +42 -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 +5 -11
- package/lib/module/charts/candle/Context.js.map +1 -1
- package/lib/module/charts/candle/Crosshair.js.map +1 -1
- package/lib/module/charts/line/Context.js +1 -1
- package/lib/module/charts/line/Context.js.map +1 -1
- package/lib/module/charts/line/Tooltip.js +42 -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/candle/Crosshair.d.ts +20 -2
- package/lib/typescript/src/charts/candle/Crosshair.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/Tooltip.d.ts +4 -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 +5 -10
- package/src/charts/candle/Crosshair.tsx +21 -1
- package/src/charts/line/Context.tsx +1 -1
- package/src/charts/line/Tooltip.tsx +56 -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,20 +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
|
-
const [step, setStep] = React.useState(0);
|
|
35
35
|
const currentX = (0, _reactNativeReanimated.useSharedValue)(-1);
|
|
36
36
|
const currentY = (0, _reactNativeReanimated.useSharedValue)(-1);
|
|
37
|
-
const domain = React.useMemo(() => (0, _utils.getDomain)(data), [data]);
|
|
38
|
-
React.
|
|
39
|
-
if (data.length) {
|
|
40
|
-
const newStep = width / data.length;
|
|
41
|
-
setStep(newStep);
|
|
42
|
-
}
|
|
43
|
-
}, [data.length, width]);
|
|
37
|
+
const domain = React.useMemo(() => valueRangeY ?? (0, _utils.getDomain)(data), [data, valueRangeY]);
|
|
38
|
+
const step = React.useMemo(() => width / data.length, [data.length, width]);
|
|
44
39
|
const contextValue = React.useMemo(() => ({
|
|
45
40
|
currentX,
|
|
46
41
|
currentY,
|
|
@@ -50,8 +45,7 @@ function CandlestickChartProvider({
|
|
|
50
45
|
domain,
|
|
51
46
|
step,
|
|
52
47
|
setWidth,
|
|
53
|
-
setHeight
|
|
54
|
-
setStep
|
|
48
|
+
setHeight
|
|
55
49
|
}), [currentX, currentY, data, domain, height, step, width]);
|
|
56
50
|
return /*#__PURE__*/React.createElement(CandlestickChartContext.Provider, {
|
|
57
51
|
value: contextValue
|
|
@@ -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","
|
|
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","useSharedValue","useMemo","getDomain","length","contextValue","createElement","Provider"],"sourceRoot":"../../../../src","sources":["charts/candle/Context.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeGestureHandler","_reactNativeReanimated","_reactNativeRedash","_Chart","_Line","_useCandlestickChart","_CrosshairTooltip","_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","CandlestickChartCrosshair","color","onCurrentXChange","children","horizontalCrosshairProps","verticalCrosshairProps","lineProps","props","width","height","useContext","CandlestickChartDimensionsContext","currentX","currentY","step","useCandlestickChart","tooltipPosition","useSharedValue","opacity","onGestureEvent","useAnimatedGestureHandler","onActive","x","y","boundedX","value","clamp","onEnd","horizontal","useAnimatedStyle","transform","translateY","vertical","translateX","useAnimatedReaction","data","prevData","runOnJS","createElement","LongPressGestureHandler","minDurationMs","maxDist","View","style","StyleSheet","absoluteFill","CandlestickChartLine","CandlestickChartCrosshairTooltipContext","Provider","position"],"sourceRoot":"../../../../src","sources":["charts/candle/Crosshair.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,0BAAA,GAAAF,OAAA;AAMA,IAAAG,sBAAA,GAAAJ,uBAAA,CAAAC,OAAA;AAOA,IAAAI,kBAAA,GAAAJ,OAAA;AAEA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AACA,IAAAO,oBAAA,GAAAP,OAAA;AACA,IAAAQ,iBAAA,GAAAR,OAAA;AAA6E,SAAAS,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,SAAAX,wBAAAW,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,SAAAW,SAAA,IAAAA,QAAA,GAAAR,MAAA,CAAAS,MAAA,GAAAT,MAAA,CAAAS,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAL,CAAA,MAAAA,CAAA,GAAAM,SAAA,CAAAC,MAAA,EAAAP,CAAA,UAAAQ,MAAA,GAAAF,SAAA,CAAAN,CAAA,YAAAS,GAAA,IAAAD,MAAA,QAAAd,MAAA,CAAAgB,SAAA,CAAAZ,cAAA,CAAAC,IAAA,CAAAS,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAS,KAAA,OAAAL,SAAA;
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeGestureHandler","_reactNativeReanimated","_reactNativeRedash","_Chart","_Line","_useCandlestickChart","_CrosshairTooltip","_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","CandlestickChartCrosshair","color","onCurrentXChange","children","horizontalCrosshairProps","verticalCrosshairProps","lineProps","props","width","height","useContext","CandlestickChartDimensionsContext","currentX","currentY","step","useCandlestickChart","tooltipPosition","useSharedValue","opacity","onGestureEvent","useAnimatedGestureHandler","onActive","x","y","boundedX","value","clamp","onEnd","horizontal","useAnimatedStyle","transform","translateY","vertical","translateX","useAnimatedReaction","data","prevData","runOnJS","createElement","LongPressGestureHandler","minDurationMs","maxDist","View","style","StyleSheet","absoluteFill","CandlestickChartLine","CandlestickChartCrosshairTooltipContext","Provider","position"],"sourceRoot":"../../../../src","sources":["charts/candle/Crosshair.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -61,7 +61,7 @@ function LineChartProvider({
|
|
|
61
61
|
};
|
|
62
62
|
}, [currentIndex, currentX, data, domain, isActive, yRange?.max, yRange?.min, xLength, xDomain]);
|
|
63
63
|
(0, _reactNativeReanimated.useAnimatedReaction)(() => currentIndex.value, (x, prevX) => {
|
|
64
|
-
if (x !==
|
|
64
|
+
if (x !== prevX && onCurrentIndexChange) {
|
|
65
65
|
(0, _reactNativeReanimated.runOnJS)(onCurrentIndexChange)(x);
|
|
66
66
|
}
|
|
67
67
|
}, [currentIndex]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNativeReanimated","_Data","_utils","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","LineChartContext","exports","createContext","currentX","value","currentIndex","domain","isActive","yDomain","min","max","xDomain","undefined","xLength","LineChartProvider","displayName","children","data","yRange","onCurrentIndexChange","useSharedValue","useMemo","getDomain","Array","isArray","values","contextValue","lineChartDataPropToArray","map","domainRows","Math","length","useAnimatedReaction","x","prevX","runOnJS","createElement","LineChartDataProvider","Provider"],"sourceRoot":"../../../../src","sources":["charts/line/Context.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNativeReanimated","_Data","_utils","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","LineChartContext","exports","createContext","currentX","value","currentIndex","domain","isActive","yDomain","min","max","xDomain","undefined","xLength","LineChartProvider","displayName","children","data","yRange","onCurrentIndexChange","useSharedValue","useMemo","getDomain","Array","isArray","values","contextValue","lineChartDataPropToArray","map","domainRows","Math","length","useAnimatedReaction","x","prevX","runOnJS","createElement","LineChartDataProvider","Provider"],"sourceRoot":"../../../../src","sources":["charts/line/Context.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -24,6 +24,7 @@ function LineChartTooltip({
|
|
|
24
24
|
yGutter = 8,
|
|
25
25
|
cursorGutter = 48,
|
|
26
26
|
position = 'top',
|
|
27
|
+
withHorizontalFloating = false,
|
|
27
28
|
textProps,
|
|
28
29
|
textStyle,
|
|
29
30
|
at,
|
|
@@ -42,35 +43,61 @@ function LineChartTooltip({
|
|
|
42
43
|
currentY,
|
|
43
44
|
isActive
|
|
44
45
|
} = (0, _useLineChart.useLineChart)();
|
|
45
|
-
const x = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
46
46
|
const elementWidth = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
47
47
|
const elementHeight = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
48
48
|
const handleLayout = React.useCallback(event => {
|
|
49
|
-
x.value = event.nativeEvent.layout.x;
|
|
50
49
|
elementWidth.value = event.nativeEvent.layout.width;
|
|
51
50
|
elementHeight.value = event.nativeEvent.layout.height;
|
|
52
|
-
}, [elementHeight, elementWidth
|
|
51
|
+
}, [elementHeight, elementWidth]);
|
|
53
52
|
|
|
54
53
|
// When the user set a `at` index, get the index's y & x positions
|
|
55
54
|
const atXPosition = (0, _react.useMemo)(() => at !== null && at !== undefined ? (0, _getXPositionForCurve.getXPositionForCurve)(parsedPath, at) : undefined, [at, parsedPath]);
|
|
56
55
|
const atYPosition = (0, _reactNativeReanimated.useDerivedValue)(() => {
|
|
57
56
|
return atXPosition == null ? undefined : (0, _reactNativeRedash.getYForX)(parsedPath, atXPosition) ?? 0;
|
|
58
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]);
|
|
59
65
|
const animatedCursorStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
60
|
-
let translateXOffset = elementWidth.value / 2;
|
|
61
66
|
// the tooltip is considered static when the user specified an `at` prop
|
|
62
67
|
const isStatic = atYPosition.value != null;
|
|
63
68
|
|
|
64
69
|
// Calculate X position:
|
|
70
|
+
let translateXOffset = getInitialTranslateXOffset(elementWidth.value);
|
|
65
71
|
const x = atXPosition ?? currentX.value;
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
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
|
+
}
|
|
73
99
|
}
|
|
100
|
+
const translateX = x - translateXOffset;
|
|
74
101
|
|
|
75
102
|
// Calculate Y position:
|
|
76
103
|
let translateYOffset = 0;
|
|
@@ -85,6 +112,8 @@ function LineChartTooltip({
|
|
|
85
112
|
if (y - translateYOffset + elementHeight.value > height - yGutter) {
|
|
86
113
|
translateYOffset = y - (height - yGutter) + elementHeight.value;
|
|
87
114
|
}
|
|
115
|
+
} else if (position === 'right' || position === 'left') {
|
|
116
|
+
translateYOffset = elementHeight.value / 2;
|
|
88
117
|
}
|
|
89
118
|
|
|
90
119
|
// determine final translateY value
|
|
@@ -105,9 +134,9 @@ function LineChartTooltip({
|
|
|
105
134
|
}
|
|
106
135
|
return {
|
|
107
136
|
transform: [{
|
|
108
|
-
translateX
|
|
137
|
+
translateX
|
|
109
138
|
}, {
|
|
110
|
-
translateY
|
|
139
|
+
translateY
|
|
111
140
|
}],
|
|
112
141
|
opacity: opacity
|
|
113
142
|
};
|
|
@@ -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","format","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":"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;AAkD3D,OAAO,MAAMO,sBAAsB,GAAGA,CAAC;EACrCC,MAAM;EACNC,SAAS;EACTC,MAAM;EACNC,MAAM,GAAG,CAAC;EACVC,aAAa,GAAG,SAAS;EACzBC,aAAa,GAAG,SAAS;EACzBC,SAAS,EAAEC,iBAAiB;EAC5BC,SAAS,EAAEC,iBAAiB;EAC5BC,KAAK;EACLC,KAAK;EACLC,aAAa,GAAG,IAAI;EACpBC,UAAU,GAAIC,KAAK,IACjBA,KAAK,CAACF,aAAa,gBAAGxB,KAAA,CAAA2B,aAAA,CAACjB,YAAY,EAAKgB,KAAQ,CAAC,gBAAG1B,KAAA,CAAA2B,aAAA,CAACvB,IAAI,EAAKsB,KAAQ,CAAC;EACzEE,UAAU,GAAIF,KAAK,IACjBA,KAAK,CAACF,aAAa,gBAAGxB,KAAA,CAAA2B,aAAA,CAACnB,YAAY,EAAKkB,KAAQ,CAAC,gBAAG1B,KAAA,CAAA2B,aAAA,CAACtB,IAAI,EAAKqB,KAAQ;AAC7C,CAAC,KAAK;EACjC,MAAM;IAAEG,KAAK;IAAEC,IAAI;IAAEC,IAAI;IAAEC;EAAI,CAAC,GAAGpB,MAAM;EACzC,MAAMqB,UAAU,GAAGJ,KAAK,GAAGC,IAAI;EAC/B,MAAMI,IAAI,GAAGD,UAAU,GAAGjB,aAAa,GAAGC,aAAa;EACvD,MAAMkB,CAAC,GAAGb,KAAK,GAAGC,KAAK;EACvB,MAAMa,GAAG,GAAGC,IAAI,CAACD,GAAG,CAACN,IAAI,EAAED,KAAK,CAAC;EACjC,MAAMS,GAAG,GAAGD,IAAI,CAACC,GAAG,CAACR,IAAI,EAAED,KAAK,CAAC;EAEjC,MAAMT,SAAS,GAAGpB,KAAK,CAACuC,OAAO,CAC7B,OAAO;IACLC,MAAM,EAAEN,IAAI;IACZO,WAAW,EAAE,CAAC;IACdC,SAAS,EAAET,UAAU,GAAG,UAAU,GAAG,UAAU;IAC/CU,EAAE,EAAER,CAAC,GAAGZ,KAAK,GAAG,CAAC;IACjBqB,EAAE,EAAEtC,IAAI,CAAC;MAAEO,SAAS;MAAEgC,KAAK,EAAEb,GAAG;MAAElB;IAAO,CAAC,CAAC;IAC3CgC,EAAE,EAAEX,CAAC,GAAGZ,KAAK,GAAG,CAAC;IACjBwB,EAAE,EAAEzC,IAAI,CAAC;MAAEO,SAAS;MAAEgC,KAAK,EAAEd,IAAI;MAAEjB;IAAO,CAAC,CAAC;IAC5CF,MAAM,EAAEA,MAAM;IACd,GAAGS;EACL,CAAC,CAAC,EACF,CACEP,MAAM,EACNoB,IAAI,EACJH,IAAI,EACJE,UAAU,EACVD,GAAG,EACHnB,SAAS,EACTQ,iBAAiB,EACjBE,KAAK,EACLY,CAAC,EACDvB,MAAM,CAEV,CAAC;EACD,MAAMoC,iBAAiB,GAAG7C,gBAAgB,CAAC,OAAO;IAChDwC,EAAE,EAAEzC,UAAU,CAACiC,CAAC,GAAGZ,KAAK,GAAG,CAAC,CAAC;IAC7BqB,EAAE,EAAE1C,UAAU,CAACI,IAAI,CAAC;MAAEO,SAAS;MAAEgC,KAAK,EAAEb,GAAG;MAAElB;IAAO,CAAC,CAAC,CAAC;IACvDgC,EAAE,EAAE5C,UAAU,CAACiC,CAAC,GAAGZ,KAAK,GAAG,CAAC,CAAC;IAC7BwB,EAAE,EAAE7C,UAAU,CAACI,IAAI,CAAC;MAAEO,SAAS;MAAEgC,KAAK,EAAEd,IAAI;MAAEjB;IAAO,CAAC,CAAC;EACzD,CAAC,CAAC,CAAC;EAEH,MAAMI,SAAS,GAAGlB,KAAK,CAACuC,OAAO,CAC7B,OAAO;IACLhB,KAAK,EAAEA,KAAK,GAAGR,MAAM,GAAG,CAAC;IACzBmB,IAAI,EAAEA,IAAI;IACVQ,SAAS,EAAET,UAAU,GAAG,UAAU,GAAG,UAAU;IAC/CE,CAAC,EAAEA,CAAC,GAAGpB,MAAM;IACbkC,CAAC,EAAE3C,IAAI,CAAC;MAAEO,SAAS;MAAEgC,KAAK,EAAET,GAAG;MAAEtB;IAAO,CAAC,CAAC;IAC1CoC,MAAM,EAAE3C,SAAS,CAAC;MAAEM,SAAS;MAAEgC,KAAK,EAAET,GAAG,GAAGE,GAAG;MAAExB;IAAO,CAAC,CAAC;IAC1DF,MAAM,EAAEA,MAAM;IACd,GAAGO;EACL,CAAC,CAAC,EACF,CACEL,MAAM,EACNoB,IAAI,EACJD,UAAU,EACVlB,MAAM,EACNqB,GAAG,EACHvB,SAAS,EACTyB,GAAG,EACHnB,iBAAiB,EACjBI,KAAK,EACLY,CAAC,EACDvB,MAAM,CAEV,CAAC;EACD,MAAMuC,iBAAiB,GAAGhD,gBAAgB,CAAC,OAAO;IAChDgC,CAAC,EAAEjC,UAAU,CAACiC,CAAC,GAAGpB,MAAM,CAAC;IACzBkC,CAAC,EAAE/C,UAAU,CAACI,IAAI,CAAC;MAAEO,SAAS;MAAEgC,KAAK,EAAET,GAAG;MAAEtB;IAAO,CAAC,CAAC,CAAC;IACtDoC,MAAM,EAAEhD,UAAU,CAACK,SAAS,CAAC;MAAEM,SAAS;MAAEgC,KAAK,EAAET,GAAG,GAAGE,GAAG;MAAExB;IAAO,CAAC,CAAC;EACvE,CAAC,CAAC,CAAC;EAEH,oBACEd,KAAA,CAAA2B,aAAA,CAAA3B,KAAA,CAAAoD,QAAA,QACG3B,UAAU,CAAC;IACV,GAAGL,SAAS;IACZI,aAAa;IACb,IAAIA,aAAa,GAAG;MAAE6B,aAAa,EAAEL;IAAkB,CAAC,GAAG,CAAC,CAAC;EAC/D,CAAC,CAAC,EACDpB,UAAU,CAAC;IACV,GAAGV,SAAS;IACZM,aAAa;IACb,IAAIA,aAAa,GAAG;MAAE6B,aAAa,EAAEF;IAAkB,CAAC,GAAG,CAAC,CAAC;EAC/D,CAAC,CACD,CAAC;AAEP,CAAC","ignoreList":[]}
|
|
@@ -18,20 +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
|
-
const [step, setStep] = React.useState(0);
|
|
26
26
|
const currentX = useSharedValue(-1);
|
|
27
27
|
const currentY = useSharedValue(-1);
|
|
28
|
-
const domain = React.useMemo(() => getDomain(data), [data]);
|
|
29
|
-
React.
|
|
30
|
-
if (data.length) {
|
|
31
|
-
const newStep = width / data.length;
|
|
32
|
-
setStep(newStep);
|
|
33
|
-
}
|
|
34
|
-
}, [data.length, width]);
|
|
28
|
+
const domain = React.useMemo(() => valueRangeY ?? getDomain(data), [data, valueRangeY]);
|
|
29
|
+
const step = React.useMemo(() => width / data.length, [data.length, width]);
|
|
35
30
|
const contextValue = React.useMemo(() => ({
|
|
36
31
|
currentX,
|
|
37
32
|
currentY,
|
|
@@ -41,8 +36,7 @@ export function CandlestickChartProvider({
|
|
|
41
36
|
domain,
|
|
42
37
|
step,
|
|
43
38
|
setWidth,
|
|
44
|
-
setHeight
|
|
45
|
-
setStep
|
|
39
|
+
setHeight
|
|
46
40
|
}), [currentX, currentY, data, domain, height, step, width]);
|
|
47
41
|
return /*#__PURE__*/React.createElement(CandlestickChartContext.Provider, {
|
|
48
42
|
value: contextValue
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useSharedValue","getDomain","CandlestickChartContext","createContext","currentX","value","currentY","data","height","width","domain","step","setWidth","undefined","setHeight","CandlestickChartProvider","children","
|
|
1
|
+
{"version":3,"names":["React","useSharedValue","getDomain","CandlestickChartContext","createContext","currentX","value","currentY","data","height","width","domain","step","setWidth","undefined","setHeight","CandlestickChartProvider","children","valueRangeY","useState","useMemo","length","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,MAAMd,QAAQ,GAAGJ,cAAc,CAAC,CAAC,CAAC,CAAC;EACnC,MAAMM,QAAQ,GAAGN,cAAc,CAAC,CAAC,CAAC,CAAC;EACnC,MAAMU,MAAM,GAAGX,KAAK,CAACoB,OAAO,CAAC,MAAMF,WAAW,IAAIhB,SAAS,CAACM,IAAI,CAAC,EAAE,CAACA,IAAI,EAAEU,WAAW,CAAC,CAAC;EAEvF,MAAMN,IAAI,GAAGZ,KAAK,CAACoB,OAAO,CAAC,MAAMV,KAAK,GAAGF,IAAI,CAACa,MAAM,EAAE,CAACb,IAAI,CAACa,MAAM,EAAEX,KAAK,CAAC,CAAC;EAE3E,MAAMY,YAAY,GAAGtB,KAAK,CAACoB,OAAO,CAChC,OAAO;IACLf,QAAQ;IACRE,QAAQ;IACRC,IAAI;IACJE,KAAK;IACLD,MAAM;IACNE,MAAM;IACNC,IAAI;IACJC,QAAQ;IACRE;EACF,CAAC,CAAC,EACF,CAACV,QAAQ,EAAEE,QAAQ,EAAEC,IAAI,EAAEG,MAAM,EAAEF,MAAM,EAAEG,IAAI,EAAEF,KAAK,CACxD,CAAC;EAED,oBACEV,KAAA,CAAAuB,aAAA,CAACpB,uBAAuB,CAACqB,QAAQ;IAAClB,KAAK,EAAEgB;EAAa,GACnDL,QAC+B,CAAC;AAEvC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","LongPressGestureHandler","Animated","useAnimatedGestureHandler","useSharedValue","useAnimatedStyle","useAnimatedReaction","runOnJS","clamp","CandlestickChartDimensionsContext","CandlestickChartLine","useCandlestickChart","CandlestickChartCrosshairTooltipContext","CandlestickChartCrosshair","color","onCurrentXChange","children","horizontalCrosshairProps","verticalCrosshairProps","lineProps","props","width","height","useContext","currentX","currentY","step","tooltipPosition","opacity","onGestureEvent","onActive","x","y","boundedX","value","onEnd","horizontal","transform","translateY","vertical","translateX","data","prevData","createElement","_extends","minDurationMs","maxDist","View","style","absoluteFill","Provider","position"],"sourceRoot":"../../../../src","sources":["charts/candle/Crosshair.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAmB,cAAc;AACpD,SAEEC,uBAAuB,QAGlB,8BAA8B;AACrC,OAAOC,QAAQ,IACbC,yBAAyB,EACzBC,cAAc,EACdC,gBAAgB,EAChBC,mBAAmB,EACnBC,OAAO,QACF,yBAAyB;AAChC,SAASC,KAAK,QAAQ,qBAAqB;AAE3C,SAASC,iCAAiC,QAAQ,SAAS;AAC3D,SAASC,oBAAoB,QAAmC,QAAQ;AACxE,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,uCAAuC,QAAQ,oBAAoB;
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","LongPressGestureHandler","Animated","useAnimatedGestureHandler","useSharedValue","useAnimatedStyle","useAnimatedReaction","runOnJS","clamp","CandlestickChartDimensionsContext","CandlestickChartLine","useCandlestickChart","CandlestickChartCrosshairTooltipContext","CandlestickChartCrosshair","color","onCurrentXChange","children","horizontalCrosshairProps","verticalCrosshairProps","lineProps","props","width","height","useContext","currentX","currentY","step","tooltipPosition","opacity","onGestureEvent","onActive","x","y","boundedX","value","onEnd","horizontal","transform","translateY","vertical","translateX","data","prevData","createElement","_extends","minDurationMs","maxDist","View","style","absoluteFill","Provider","position"],"sourceRoot":"../../../../src","sources":["charts/candle/Crosshair.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -52,7 +52,7 @@ export function LineChartProvider({
|
|
|
52
52
|
};
|
|
53
53
|
}, [currentIndex, currentX, data, domain, isActive, yRange?.max, yRange?.min, xLength, xDomain]);
|
|
54
54
|
useAnimatedReaction(() => currentIndex.value, (x, prevX) => {
|
|
55
|
-
if (x !==
|
|
55
|
+
if (x !== prevX && onCurrentIndexChange) {
|
|
56
56
|
runOnJS(onCurrentIndexChange)(x);
|
|
57
57
|
}
|
|
58
58
|
}, [currentIndex]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","runOnJS","useAnimatedReaction","useSharedValue","LineChartDataProvider","getDomain","lineChartDataPropToArray","LineChartContext","createContext","currentX","value","currentIndex","domain","isActive","yDomain","min","max","xDomain","undefined","xLength","LineChartProvider","displayName","children","data","yRange","onCurrentIndexChange","useMemo","Array","isArray","Object","values","contextValue","map","domainRows","Math","length","x","prevX","createElement","Provider"],"sourceRoot":"../../../../src","sources":["charts/line/Context.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,OAAO,EACPC,mBAAmB,EACnBC,cAAc,QACT,yBAAyB;AAEhC,SAASC,qBAAqB,QAAQ,QAAQ;AAG9C,SAASC,SAAS,EAAEC,wBAAwB,QAAQ,SAAS;AAE7D,OAAO,MAAMC,gBAAgB,gBAAGP,KAAK,CAACQ,aAAa,CAAoB;EACrEC,QAAQ,EAAE;IAAEC,KAAK,EAAE,CAAC;EAAE,CAAkC;EACxDC,YAAY,EAAE;IAAED,KAAK,EAAE,CAAC;EAAE,CAAsC;EAChEE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;EACdC,QAAQ,EAAE;IAAEH,KAAK,EAAE;EAAM,CAAkC;EAC3DI,OAAO,EAAE;IACPC,GAAG,EAAE,CAAC;IACNC,GAAG,EAAE;EACP,CAAC;EACDC,OAAO,EAAEC,SAAS;EAClBC,OAAO,EAAE;AACX,CAAC,CAAC;AAWFC,iBAAiB,CAACC,WAAW,GAAG,mBAAmB;AAEnD,OAAO,SAASD,iBAAiBA,CAAC;EAChCE,QAAQ;EACRC,IAAI,GAAG,EAAE;EACTC,MAAM;EACNC,oBAAoB;EACpBN,OAAO;EACPF;AACsB,CAAC,EAAE;EACzB,MAAMR,QAAQ,GAAGN,cAAc,CAAC,CAAC,CAAC,CAAC;EACnC,MAAMQ,YAAY,GAAGR,cAAc,CAAC,CAAC,CAAC,CAAC;EACvC,MAAMU,QAAQ,GAAGV,cAAc,CAAC,KAAK,CAAC;EAEtC,MAAMS,MAAM,GAAGZ,KAAK,CAAC0B,OAAO,CAC1B,MAAMrB,SAAS,CACbsB,KAAK,CAACC,OAAO,CAACL,IAAI,CAAC,GAAGA,IAAI,GAAGM,MAAM,CAACC,MAAM,CAACP,IAAI,CAAC,CAAC,CAAC,CACpD,CAAC,EACD,CAACA,IAAI,CACP,CAAC;EAED,MAAMQ,YAAY,GAAG/B,KAAK,CAAC0B,OAAO,CAAoB,MAAM;IAC1D,MAAMI,MAAM,GAAGxB,wBAAwB,CAACiB,IAAI,CAAC,CAACS,GAAG,CAAC,CAAC;MAAEtB;IAAM,CAAC,KAAKA,KAAK,CAAC;IACvE,MAAMuB,UAAU,GACdN,KAAK,CAACC,OAAO,CAACL,IAAI,CAAC,GAAGA,IAAI,GAAGM,MAAM,CAACC,MAAM,CAACP,IAAI,CAAC,CAAC,CAAC,CAAmB;IAEvE,OAAO;MACLd,QAAQ;MACRE,YAAY;MACZE,QAAQ;MACRD,MAAM;MACNE,OAAO,EAAE;QACPC,GAAG,EAAES,MAAM,EAAET,GAAG,IAAImB,IAAI,CAACnB,GAAG,CAAC,GAAGe,MAAM,CAAC;QACvCd,GAAG,EAAEQ,MAAM,EAAER,GAAG,IAAIkB,IAAI,CAAClB,GAAG,CAAC,GAAGc,MAAM;MACxC,CAAC;MACDb,OAAO;MACPE,OAAO,EAAEA,OAAO,IAAIc,UAAU,CAACE;IACjC,CAAC;EACH,CAAC,EAAE,CACDxB,YAAY,EACZF,QAAQ,EACRc,IAAI,EACJX,MAAM,EACNC,QAAQ,EACRW,MAAM,EAAER,GAAG,EACXQ,MAAM,EAAET,GAAG,EACXI,OAAO,EACPF,OAAO,CACR,CAAC;EAEFf,mBAAmB,CACjB,MAAMS,YAAY,CAACD,KAAK,EACxB,CAAC0B,CAAC,EAAEC,KAAK,KAAK;IACZ,IAAID,CAAC,
|
|
1
|
+
{"version":3,"names":["React","runOnJS","useAnimatedReaction","useSharedValue","LineChartDataProvider","getDomain","lineChartDataPropToArray","LineChartContext","createContext","currentX","value","currentIndex","domain","isActive","yDomain","min","max","xDomain","undefined","xLength","LineChartProvider","displayName","children","data","yRange","onCurrentIndexChange","useMemo","Array","isArray","Object","values","contextValue","map","domainRows","Math","length","x","prevX","createElement","Provider"],"sourceRoot":"../../../../src","sources":["charts/line/Context.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,OAAO,EACPC,mBAAmB,EACnBC,cAAc,QACT,yBAAyB;AAEhC,SAASC,qBAAqB,QAAQ,QAAQ;AAG9C,SAASC,SAAS,EAAEC,wBAAwB,QAAQ,SAAS;AAE7D,OAAO,MAAMC,gBAAgB,gBAAGP,KAAK,CAACQ,aAAa,CAAoB;EACrEC,QAAQ,EAAE;IAAEC,KAAK,EAAE,CAAC;EAAE,CAAkC;EACxDC,YAAY,EAAE;IAAED,KAAK,EAAE,CAAC;EAAE,CAAsC;EAChEE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;EACdC,QAAQ,EAAE;IAAEH,KAAK,EAAE;EAAM,CAAkC;EAC3DI,OAAO,EAAE;IACPC,GAAG,EAAE,CAAC;IACNC,GAAG,EAAE;EACP,CAAC;EACDC,OAAO,EAAEC,SAAS;EAClBC,OAAO,EAAE;AACX,CAAC,CAAC;AAWFC,iBAAiB,CAACC,WAAW,GAAG,mBAAmB;AAEnD,OAAO,SAASD,iBAAiBA,CAAC;EAChCE,QAAQ;EACRC,IAAI,GAAG,EAAE;EACTC,MAAM;EACNC,oBAAoB;EACpBN,OAAO;EACPF;AACsB,CAAC,EAAE;EACzB,MAAMR,QAAQ,GAAGN,cAAc,CAAC,CAAC,CAAC,CAAC;EACnC,MAAMQ,YAAY,GAAGR,cAAc,CAAC,CAAC,CAAC,CAAC;EACvC,MAAMU,QAAQ,GAAGV,cAAc,CAAC,KAAK,CAAC;EAEtC,MAAMS,MAAM,GAAGZ,KAAK,CAAC0B,OAAO,CAC1B,MAAMrB,SAAS,CACbsB,KAAK,CAACC,OAAO,CAACL,IAAI,CAAC,GAAGA,IAAI,GAAGM,MAAM,CAACC,MAAM,CAACP,IAAI,CAAC,CAAC,CAAC,CACpD,CAAC,EACD,CAACA,IAAI,CACP,CAAC;EAED,MAAMQ,YAAY,GAAG/B,KAAK,CAAC0B,OAAO,CAAoB,MAAM;IAC1D,MAAMI,MAAM,GAAGxB,wBAAwB,CAACiB,IAAI,CAAC,CAACS,GAAG,CAAC,CAAC;MAAEtB;IAAM,CAAC,KAAKA,KAAK,CAAC;IACvE,MAAMuB,UAAU,GACdN,KAAK,CAACC,OAAO,CAACL,IAAI,CAAC,GAAGA,IAAI,GAAGM,MAAM,CAACC,MAAM,CAACP,IAAI,CAAC,CAAC,CAAC,CAAmB;IAEvE,OAAO;MACLd,QAAQ;MACRE,YAAY;MACZE,QAAQ;MACRD,MAAM;MACNE,OAAO,EAAE;QACPC,GAAG,EAAES,MAAM,EAAET,GAAG,IAAImB,IAAI,CAACnB,GAAG,CAAC,GAAGe,MAAM,CAAC;QACvCd,GAAG,EAAEQ,MAAM,EAAER,GAAG,IAAIkB,IAAI,CAAClB,GAAG,CAAC,GAAGc,MAAM;MACxC,CAAC;MACDb,OAAO;MACPE,OAAO,EAAEA,OAAO,IAAIc,UAAU,CAACE;IACjC,CAAC;EACH,CAAC,EAAE,CACDxB,YAAY,EACZF,QAAQ,EACRc,IAAI,EACJX,MAAM,EACNC,QAAQ,EACRW,MAAM,EAAER,GAAG,EACXQ,MAAM,EAAET,GAAG,EACXI,OAAO,EACPF,OAAO,CACR,CAAC;EAEFf,mBAAmB,CACjB,MAAMS,YAAY,CAACD,KAAK,EACxB,CAAC0B,CAAC,EAAEC,KAAK,KAAK;IACZ,IAAID,CAAC,KAAKC,KAAK,IAAIZ,oBAAoB,EAAE;MACvCxB,OAAO,CAACwB,oBAAoB,CAAC,CAACW,CAAC,CAAC;IAClC;EACF,CAAC,EACD,CAACzB,YAAY,CACf,CAAC;EAED,oBACEX,KAAA,CAAAsC,aAAA,CAAClC,qBAAqB;IAACmB,IAAI,EAAEA;EAAK,gBAChCvB,KAAA,CAAAsC,aAAA,CAAC/B,gBAAgB,CAACgC,QAAQ;IAAC7B,KAAK,EAAEqB;EAAa,GAC5CT,QACwB,CACN,CAAC;AAE5B","ignoreList":[]}
|
|
@@ -16,6 +16,7 @@ export function LineChartTooltip({
|
|
|
16
16
|
yGutter = 8,
|
|
17
17
|
cursorGutter = 48,
|
|
18
18
|
position = 'top',
|
|
19
|
+
withHorizontalFloating = false,
|
|
19
20
|
textProps,
|
|
20
21
|
textStyle,
|
|
21
22
|
at,
|
|
@@ -34,35 +35,61 @@ export function LineChartTooltip({
|
|
|
34
35
|
currentY,
|
|
35
36
|
isActive
|
|
36
37
|
} = useLineChart();
|
|
37
|
-
const x = useSharedValue(0);
|
|
38
38
|
const elementWidth = useSharedValue(0);
|
|
39
39
|
const elementHeight = useSharedValue(0);
|
|
40
40
|
const handleLayout = React.useCallback(event => {
|
|
41
|
-
x.value = event.nativeEvent.layout.x;
|
|
42
41
|
elementWidth.value = event.nativeEvent.layout.width;
|
|
43
42
|
elementHeight.value = event.nativeEvent.layout.height;
|
|
44
|
-
}, [elementHeight, elementWidth
|
|
43
|
+
}, [elementHeight, elementWidth]);
|
|
45
44
|
|
|
46
45
|
// When the user set a `at` index, get the index's y & x positions
|
|
47
46
|
const atXPosition = useMemo(() => at !== null && at !== undefined ? getXPositionForCurve(parsedPath, at) : undefined, [at, parsedPath]);
|
|
48
47
|
const atYPosition = useDerivedValue(() => {
|
|
49
48
|
return atXPosition == null ? undefined : getYForX(parsedPath, atXPosition) ?? 0;
|
|
50
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]);
|
|
51
57
|
const animatedCursorStyle = useAnimatedStyle(() => {
|
|
52
|
-
let translateXOffset = elementWidth.value / 2;
|
|
53
58
|
// the tooltip is considered static when the user specified an `at` prop
|
|
54
59
|
const isStatic = atYPosition.value != null;
|
|
55
60
|
|
|
56
61
|
// Calculate X position:
|
|
62
|
+
let translateXOffset = getInitialTranslateXOffset(elementWidth.value);
|
|
57
63
|
const x = atXPosition ?? currentX.value;
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
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
|
+
}
|
|
65
91
|
}
|
|
92
|
+
const translateX = x - translateXOffset;
|
|
66
93
|
|
|
67
94
|
// Calculate Y position:
|
|
68
95
|
let translateYOffset = 0;
|
|
@@ -77,6 +104,8 @@ export function LineChartTooltip({
|
|
|
77
104
|
if (y - translateYOffset + elementHeight.value > height - yGutter) {
|
|
78
105
|
translateYOffset = y - (height - yGutter) + elementHeight.value;
|
|
79
106
|
}
|
|
107
|
+
} else if (position === 'right' || position === 'left') {
|
|
108
|
+
translateYOffset = elementHeight.value / 2;
|
|
80
109
|
}
|
|
81
110
|
|
|
82
111
|
// determine final translateY value
|
|
@@ -97,9 +126,9 @@ export function LineChartTooltip({
|
|
|
97
126
|
}
|
|
98
127
|
return {
|
|
99
128
|
transform: [{
|
|
100
|
-
translateX
|
|
129
|
+
translateX
|
|
101
130
|
}, {
|
|
102
|
-
translateY
|
|
131
|
+
translateY
|
|
103
132
|
}],
|
|
104
133
|
opacity: opacity
|
|
105
134
|
};
|
|
@@ -1 +1 @@
|
|
|
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","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,qBA6B/B"}
|
|
@@ -1,9 +1,27 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { ViewProps } from 'react-native';
|
|
3
|
-
import { LongPressGestureHandlerProps } from 'react-native-gesture-handler';
|
|
3
|
+
import { LongPressGestureHandler, LongPressGestureHandlerProps } from 'react-native-gesture-handler';
|
|
4
4
|
import Animated from 'react-native-reanimated';
|
|
5
5
|
import { CandlestickChartLineProps } from './Line';
|
|
6
|
-
type
|
|
6
|
+
type MinDurationOverride = LongPressGestureHandlerProps['minDurationMs'];
|
|
7
|
+
type MaxDistOverride = LongPressGestureHandlerProps['maxDist'];
|
|
8
|
+
type LongPressGestureHandlerOverride = Omit<LongPressGestureHandler, 'minDuration' | 'maxDist'> & {
|
|
9
|
+
/**
|
|
10
|
+
* Minimum time, expressed in milliseconds, that a finger must remain
|
|
11
|
+
* pressed on the corresponding view.
|
|
12
|
+
* @default 0
|
|
13
|
+
*/
|
|
14
|
+
minDuration?: MinDurationOverride;
|
|
15
|
+
/**
|
|
16
|
+
* Maximum distance, expressed in points, that defines how far the finger is
|
|
17
|
+
* allowed to travel during a long press gesture. If the finger travels
|
|
18
|
+
* further than the defined distance and the handler hasn't yet activated,
|
|
19
|
+
* it will fail to recognize the gesture.
|
|
20
|
+
* @default 999999
|
|
21
|
+
*/
|
|
22
|
+
maxDist?: MaxDistOverride;
|
|
23
|
+
};
|
|
24
|
+
type CandlestickChartCrosshairProps = LongPressGestureHandlerOverride & {
|
|
7
25
|
color?: string;
|
|
8
26
|
children?: React.ReactNode;
|
|
9
27
|
onCurrentXChange?: (value: number) => unknown;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Crosshair.d.ts","sourceRoot":"","sources":["../../../../../src/charts/candle/Crosshair.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAc,SAAS,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,
|
|
1
|
+
{"version":3,"file":"Crosshair.d.ts","sourceRoot":"","sources":["../../../../../src/charts/candle/Crosshair.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAc,SAAS,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAEL,uBAAuB,EAEvB,4BAA4B,EAC7B,MAAM,8BAA8B,CAAC;AACtC,OAAO,QAMN,MAAM,yBAAyB,CAAC;AAIjC,OAAO,EAAwB,yBAAyB,EAAE,MAAM,QAAQ,CAAC;AAIzE,KAAK,mBAAmB,GAAG,4BAA4B,CAAC,eAAe,CAAC,CAAC;AACzE,KAAK,eAAe,GAAG,4BAA4B,CAAC,SAAS,CAAC,CAAC;AAE/D,KAAK,+BAA+B,GAAG,IAAI,CAAC,uBAAuB,EAAE,aAAa,GAAG,SAAS,CAAC,GAAG;IAChG;;;;OAIG;IACH,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B,CAAC;AAEF,KAAK,8BAA8B,GAAG,+BAA+B,GAAG;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAC9C,wBAAwB,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IAC5D,sBAAsB,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC,yBAAyB,CAAC,CAAC;CAChD,CAAC;AAEF,wBAAgB,yBAAyB,CAAC,EACxC,KAAK,EACL,gBAAgB,EAChB,QAAQ,EACR,wBAA6B,EAC7B,sBAA2B,EAC3B,SAAc,EACd,GAAG,KAAK,EACT,EAAE,8BAA8B,qBAgFhC"}
|
|
@@ -3,13 +3,15 @@ import Animated from 'react-native-reanimated';
|
|
|
3
3
|
import { LineChartPriceTextProps } from './PriceText';
|
|
4
4
|
import type { ViewProps } from 'react-native';
|
|
5
5
|
import type { TFormatterFn } from '../candle/types';
|
|
6
|
+
export type LineChartTooltipPosition = 'top' | 'bottom' | 'left' | 'right';
|
|
6
7
|
export type LineChartTooltipProps = Animated.AnimateProps<ViewProps> & {
|
|
7
8
|
children?: React.ReactNode;
|
|
8
9
|
format?: TFormatterFn<string>;
|
|
9
10
|
xGutter?: number;
|
|
10
11
|
yGutter?: number;
|
|
11
12
|
cursorGutter?: number;
|
|
12
|
-
position?:
|
|
13
|
+
position?: LineChartTooltipPosition;
|
|
14
|
+
withHorizontalFloating?: boolean;
|
|
13
15
|
textProps?: LineChartPriceTextProps;
|
|
14
16
|
textStyle?: LineChartPriceTextProps['style'];
|
|
15
17
|
/**
|
|
@@ -21,7 +23,7 @@ export type LineChartTooltipProps = Animated.AnimateProps<ViewProps> & {
|
|
|
21
23
|
*/
|
|
22
24
|
at?: number;
|
|
23
25
|
};
|
|
24
|
-
export declare function LineChartTooltip({ children, format, 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;
|
|
25
27
|
export declare namespace LineChartTooltip {
|
|
26
28
|
var displayName: string;
|
|
27
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;AAKjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,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,
|
|
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,25 +21,21 @@ 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
|
-
const [step, setStep] = React.useState(0);
|
|
33
34
|
const currentX = useSharedValue(-1);
|
|
34
35
|
const currentY = useSharedValue(-1);
|
|
35
|
-
const domain = React.useMemo(() => getDomain(data), [data]);
|
|
36
|
+
const domain = React.useMemo(() => valueRangeY ?? getDomain(data), [data, valueRangeY]);
|
|
36
37
|
|
|
37
|
-
React.
|
|
38
|
-
if (data.length) {
|
|
39
|
-
const newStep = width / data.length;
|
|
40
|
-
setStep(newStep);
|
|
41
|
-
}
|
|
42
|
-
}, [data.length, width]);
|
|
38
|
+
const step = React.useMemo(() => width / data.length, [data.length, width])
|
|
43
39
|
|
|
44
40
|
const contextValue = React.useMemo(
|
|
45
41
|
() => ({
|
|
@@ -52,7 +48,6 @@ export function CandlestickChartProvider({
|
|
|
52
48
|
step,
|
|
53
49
|
setWidth,
|
|
54
50
|
setHeight,
|
|
55
|
-
setStep,
|
|
56
51
|
}),
|
|
57
52
|
[currentX, currentY, data, domain, height, step, width]
|
|
58
53
|
);
|
|
@@ -20,7 +20,27 @@ import { CandlestickChartLine, CandlestickChartLineProps } from './Line';
|
|
|
20
20
|
import { useCandlestickChart } from './useCandlestickChart';
|
|
21
21
|
import { CandlestickChartCrosshairTooltipContext } from './CrosshairTooltip';
|
|
22
22
|
|
|
23
|
-
type
|
|
23
|
+
type MinDurationOverride = LongPressGestureHandlerProps['minDurationMs'];
|
|
24
|
+
type MaxDistOverride = LongPressGestureHandlerProps['maxDist'];
|
|
25
|
+
|
|
26
|
+
type LongPressGestureHandlerOverride = Omit<LongPressGestureHandler, 'minDuration' | 'maxDist'> & {
|
|
27
|
+
/**
|
|
28
|
+
* Minimum time, expressed in milliseconds, that a finger must remain
|
|
29
|
+
* pressed on the corresponding view.
|
|
30
|
+
* @default 0
|
|
31
|
+
*/
|
|
32
|
+
minDuration?: MinDurationOverride;
|
|
33
|
+
/**
|
|
34
|
+
* Maximum distance, expressed in points, that defines how far the finger is
|
|
35
|
+
* allowed to travel during a long press gesture. If the finger travels
|
|
36
|
+
* further than the defined distance and the handler hasn't yet activated,
|
|
37
|
+
* it will fail to recognize the gesture.
|
|
38
|
+
* @default 999999
|
|
39
|
+
*/
|
|
40
|
+
maxDist?: MaxDistOverride;
|
|
41
|
+
};
|
|
42
|
+
|
|
43
|
+
type CandlestickChartCrosshairProps = LongPressGestureHandlerOverride & {
|
|
24
44
|
color?: string;
|
|
25
45
|
children?: React.ReactNode;
|
|
26
46
|
onCurrentXChange?: (value: number) => unknown;
|
|
@@ -17,13 +17,16 @@ import { useLineChart } from './useLineChart';
|
|
|
17
17
|
import { useMemo } from 'react';
|
|
18
18
|
import type { TFormatterFn } from '../candle/types';
|
|
19
19
|
|
|
20
|
+
export type LineChartTooltipPosition = 'top' | 'bottom' | 'left' | 'right';
|
|
21
|
+
|
|
20
22
|
export type LineChartTooltipProps = Animated.AnimateProps<ViewProps> & {
|
|
21
23
|
children?: React.ReactNode;
|
|
22
24
|
format?: TFormatterFn<string>;
|
|
23
25
|
xGutter?: number;
|
|
24
26
|
yGutter?: number;
|
|
25
27
|
cursorGutter?: number;
|
|
26
|
-
position?:
|
|
28
|
+
position?: LineChartTooltipPosition;
|
|
29
|
+
withHorizontalFloating?: boolean;
|
|
27
30
|
textProps?: LineChartPriceTextProps;
|
|
28
31
|
textStyle?: LineChartPriceTextProps['style'];
|
|
29
32
|
/**
|
|
@@ -45,6 +48,7 @@ export function LineChartTooltip({
|
|
|
45
48
|
yGutter = 8,
|
|
46
49
|
cursorGutter = 48,
|
|
47
50
|
position = 'top',
|
|
51
|
+
withHorizontalFloating = false,
|
|
48
52
|
textProps,
|
|
49
53
|
textStyle,
|
|
50
54
|
at,
|
|
@@ -56,17 +60,15 @@ export function LineChartTooltip({
|
|
|
56
60
|
const { type } = React.useContext(CursorContext);
|
|
57
61
|
const { currentX, currentY, isActive } = useLineChart();
|
|
58
62
|
|
|
59
|
-
const x = useSharedValue(0);
|
|
60
63
|
const elementWidth = useSharedValue(0);
|
|
61
64
|
const elementHeight = useSharedValue(0);
|
|
62
65
|
|
|
63
66
|
const handleLayout = React.useCallback(
|
|
64
67
|
(event: LayoutChangeEvent) => {
|
|
65
|
-
x.value = event.nativeEvent.layout.x;
|
|
66
68
|
elementWidth.value = event.nativeEvent.layout.width;
|
|
67
69
|
elementHeight.value = event.nativeEvent.layout.height;
|
|
68
70
|
},
|
|
69
|
-
[elementHeight, elementWidth
|
|
71
|
+
[elementHeight, elementWidth]
|
|
70
72
|
);
|
|
71
73
|
|
|
72
74
|
// When the user set a `at` index, get the index's y & x positions
|
|
@@ -84,22 +86,55 @@ export function LineChartTooltip({
|
|
|
84
86
|
: getYForX(parsedPath, atXPosition) ?? 0;
|
|
85
87
|
}, [atXPosition]);
|
|
86
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
|
+
|
|
87
99
|
const animatedCursorStyle = useAnimatedStyle(() => {
|
|
88
|
-
let translateXOffset = elementWidth.value / 2;
|
|
89
100
|
// the tooltip is considered static when the user specified an `at` prop
|
|
90
101
|
const isStatic = atYPosition.value != null;
|
|
91
102
|
|
|
92
103
|
// Calculate X position:
|
|
104
|
+
let translateXOffset = getInitialTranslateXOffset(elementWidth.value);
|
|
93
105
|
const x = atXPosition ?? currentX.value;
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
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
|
+
}
|
|
101
134
|
}
|
|
102
135
|
|
|
136
|
+
const translateX = x - translateXOffset;
|
|
137
|
+
|
|
103
138
|
// Calculate Y position:
|
|
104
139
|
let translateYOffset = 0;
|
|
105
140
|
const y = atYPosition.value ?? currentY.value;
|
|
@@ -113,6 +148,8 @@ export function LineChartTooltip({
|
|
|
113
148
|
if (y - translateYOffset + elementHeight.value > height - yGutter) {
|
|
114
149
|
translateYOffset = y - (height - yGutter) + elementHeight.value;
|
|
115
150
|
}
|
|
151
|
+
} else if (position === 'right' || position === 'left') {
|
|
152
|
+
translateYOffset = elementHeight.value / 2;
|
|
116
153
|
}
|
|
117
154
|
|
|
118
155
|
// determine final translateY value
|
|
@@ -134,12 +171,7 @@ export function LineChartTooltip({
|
|
|
134
171
|
}
|
|
135
172
|
|
|
136
173
|
return {
|
|
137
|
-
transform: [
|
|
138
|
-
{ translateX: x - translateXOffset },
|
|
139
|
-
{
|
|
140
|
-
translateY: translateY,
|
|
141
|
-
},
|
|
142
|
-
],
|
|
174
|
+
transform: [{ translateX }, { translateY }],
|
|
143
175
|
opacity: opacity,
|
|
144
176
|
};
|
|
145
177
|
}, [
|
|
@@ -174,7 +206,12 @@ export function LineChartTooltip({
|
|
|
174
206
|
]}
|
|
175
207
|
>
|
|
176
208
|
{children || (
|
|
177
|
-
<LineChartPriceText
|
|
209
|
+
<LineChartPriceText
|
|
210
|
+
format={format}
|
|
211
|
+
index={at}
|
|
212
|
+
style={[textStyle]}
|
|
213
|
+
{...textProps}
|
|
214
|
+
/>
|
|
178
215
|
)}
|
|
179
216
|
</Animated.View>
|
|
180
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
|
/>
|