react-native-wagmi-charts 2.5.1 → 2.5.3
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 +13 -0
- package/lib/commonjs/charts/candle/DatetimeText.js +3 -1
- package/lib/commonjs/charts/candle/DatetimeText.js.map +1 -1
- package/lib/commonjs/charts/candle/Line.js +4 -2
- package/lib/commonjs/charts/candle/Line.js.map +1 -1
- package/lib/commonjs/charts/candle/PriceText.js +3 -1
- package/lib/commonjs/charts/candle/PriceText.js.map +1 -1
- package/lib/commonjs/charts/line/ChartPath.js +8 -2
- package/lib/commonjs/charts/line/ChartPath.js.map +1 -1
- package/lib/commonjs/charts/line/Cursor.js +12 -1
- package/lib/commonjs/charts/line/Cursor.js.map +1 -1
- package/lib/commonjs/charts/line/Data.js +5 -3
- package/lib/commonjs/charts/line/Data.js.map +1 -1
- package/lib/commonjs/charts/line/DatetimeText.js +3 -1
- package/lib/commonjs/charts/line/DatetimeText.js.map +1 -1
- package/lib/commonjs/charts/line/Dot.js +2 -2
- package/lib/commonjs/charts/line/Dot.js.map +1 -1
- package/lib/commonjs/charts/line/Group.js +4 -2
- package/lib/commonjs/charts/line/Group.js.map +1 -1
- package/lib/commonjs/charts/line/HoverTrap/index.js +3 -1
- package/lib/commonjs/charts/line/HoverTrap/index.js.map +1 -1
- package/lib/commonjs/charts/line/PriceText.js +3 -1
- package/lib/commonjs/charts/line/PriceText.js.map +1 -1
- package/lib/module/charts/candle/DatetimeText.js +1 -0
- package/lib/module/charts/candle/DatetimeText.js.map +1 -1
- package/lib/module/charts/candle/Line.js +1 -0
- package/lib/module/charts/candle/Line.js.map +1 -1
- package/lib/module/charts/candle/PriceText.js +1 -0
- package/lib/module/charts/candle/PriceText.js.map +1 -1
- package/lib/module/charts/line/ChartPath.js +8 -2
- package/lib/module/charts/line/ChartPath.js.map +1 -1
- package/lib/module/charts/line/Cursor.js +11 -0
- package/lib/module/charts/line/Cursor.js.map +1 -1
- package/lib/module/charts/line/Data.js +1 -1
- package/lib/module/charts/line/Data.js.map +1 -1
- package/lib/module/charts/line/DatetimeText.js +1 -0
- package/lib/module/charts/line/DatetimeText.js.map +1 -1
- package/lib/module/charts/line/Dot.js +2 -2
- package/lib/module/charts/line/Dot.js.map +1 -1
- package/lib/module/charts/line/Group.js +1 -1
- package/lib/module/charts/line/Group.js.map +1 -1
- package/lib/module/charts/line/HoverTrap/index.js +1 -0
- package/lib/module/charts/line/HoverTrap/index.js.map +1 -1
- package/lib/module/charts/line/PriceText.js +1 -0
- package/lib/module/charts/line/PriceText.js.map +1 -1
- package/lib/typescript/src/charts/candle/Candle.d.ts +1 -1
- package/lib/typescript/src/charts/candle/Candle.d.ts.map +1 -1
- package/lib/typescript/src/charts/candle/Candles.d.ts +2 -1
- package/lib/typescript/src/charts/candle/Candles.d.ts.map +1 -1
- package/lib/typescript/src/charts/candle/Chart.d.ts +1 -1
- package/lib/typescript/src/charts/candle/Chart.d.ts.map +1 -1
- package/lib/typescript/src/charts/candle/Context.d.ts +1 -1
- package/lib/typescript/src/charts/candle/Context.d.ts.map +1 -1
- package/lib/typescript/src/charts/candle/Crosshair.d.ts +1 -1
- package/lib/typescript/src/charts/candle/Crosshair.d.ts.map +1 -1
- package/lib/typescript/src/charts/candle/CrosshairTooltip.d.ts +1 -1
- package/lib/typescript/src/charts/candle/CrosshairTooltip.d.ts.map +1 -1
- package/lib/typescript/src/charts/candle/DatetimeText.d.ts +2 -1
- package/lib/typescript/src/charts/candle/DatetimeText.d.ts.map +1 -1
- package/lib/typescript/src/charts/candle/Line.d.ts +2 -1
- package/lib/typescript/src/charts/candle/Line.d.ts.map +1 -1
- package/lib/typescript/src/charts/candle/PriceText.d.ts +2 -1
- package/lib/typescript/src/charts/candle/PriceText.d.ts.map +1 -1
- package/lib/typescript/src/charts/candle/index.d.ts +3 -2
- package/lib/typescript/src/charts/candle/index.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/Chart.d.ts +1 -1
- package/lib/typescript/src/charts/line/Chart.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/ChartPath.d.ts +1 -1
- package/lib/typescript/src/charts/line/ChartPath.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/Context.d.ts +1 -1
- package/lib/typescript/src/charts/line/Context.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/Cursor.d.ts +2 -1
- package/lib/typescript/src/charts/line/Cursor.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/CursorCrosshair.d.ts +1 -1
- package/lib/typescript/src/charts/line/CursorCrosshair.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/CursorLine.d.ts +1 -1
- package/lib/typescript/src/charts/line/CursorLine.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/Data.d.ts +4 -4
- package/lib/typescript/src/charts/line/Data.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/DatetimeText.d.ts +2 -1
- package/lib/typescript/src/charts/line/DatetimeText.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/Dot.d.ts +2 -1
- package/lib/typescript/src/charts/line/Dot.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/Gradient.d.ts +1 -1
- package/lib/typescript/src/charts/line/Gradient.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/Group.d.ts +2 -2
- package/lib/typescript/src/charts/line/Group.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/Highlight.d.ts +2 -1
- package/lib/typescript/src/charts/line/Highlight.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/HorizontalLine.d.ts +2 -1
- package/lib/typescript/src/charts/line/HorizontalLine.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/HoverTrap/index.d.ts +2 -1
- package/lib/typescript/src/charts/line/HoverTrap/index.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/HoverTrap/index.web.d.ts +2 -1
- package/lib/typescript/src/charts/line/HoverTrap/index.web.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/Path.d.ts +2 -1
- package/lib/typescript/src/charts/line/Path.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/PriceText.d.ts +2 -1
- package/lib/typescript/src/charts/line/PriceText.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/Tooltip.d.ts +1 -1
- package/lib/typescript/src/charts/line/Tooltip.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/index.d.ts +2 -1
- package/lib/typescript/src/charts/line/index.d.ts.map +1 -1
- package/lib/typescript/src/components/AnimatedText.d.ts +2 -1
- package/lib/typescript/src/components/AnimatedText.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/charts/candle/DatetimeText.tsx +1 -0
- package/src/charts/candle/Line.tsx +1 -0
- package/src/charts/candle/PriceText.tsx +2 -1
- package/src/charts/line/ChartPath.tsx +4 -0
- package/src/charts/line/Cursor.tsx +12 -3
- package/src/charts/line/Data.tsx +7 -9
- package/src/charts/line/DatetimeText.tsx +1 -0
- package/src/charts/line/Dot.tsx +2 -0
- package/src/charts/line/Group.tsx +1 -1
- package/src/charts/line/HoverTrap/index.tsx +2 -0
- package/src/charts/line/PriceText.tsx +1 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Gradient.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/Gradient.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,QAAQ,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAoC,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAQ/E,MAAM,MAAM,sBAAsB,GAAG,QAAQ,CAAC,YAAY,CAAC,SAAS,CAAC,GAAG;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAMF,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EAAE,aAAyB,EAChC,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,sBAAsB,
|
|
1
|
+
{"version":3,"file":"Gradient.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/Gradient.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,QAAQ,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAoC,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAQ/E,MAAM,MAAM,sBAAsB,GAAG,QAAQ,CAAC,YAAY,CAAC,SAAS,CAAC,GAAG;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAMF,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EAAE,aAAyB,EAChC,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,sBAAsB,qBAyDxB;yBA7De,iBAAiB"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
2
|
import { ViewProps } from 'react-native';
|
|
3
3
|
type Props = {
|
|
4
4
|
children: ReactNode;
|
|
5
5
|
} & ViewProps;
|
|
6
|
-
export declare function LineChartGroup({ children, ...props }: Props):
|
|
6
|
+
export declare function LineChartGroup({ children, ...props }: Props): React.JSX.Element;
|
|
7
7
|
export {};
|
|
8
8
|
//# sourceMappingURL=Group.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/Group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA0B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/Group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAA0B,MAAM,OAAO,CAAC;AACjE,OAAO,EAAE,SAAS,EAAQ,MAAM,cAAc,CAAC;AAK/C,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,SAAS,CAAC;AAEd,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,qBAiB3D"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
1
2
|
import Animated from 'react-native-reanimated';
|
|
2
3
|
import { PathProps } from 'react-native-svg';
|
|
3
4
|
export type LineChartColorProps = Animated.AnimateProps<PathProps> & {
|
|
@@ -8,7 +9,7 @@ export type LineChartColorProps = Animated.AnimateProps<PathProps> & {
|
|
|
8
9
|
inactiveColor?: string;
|
|
9
10
|
width?: number;
|
|
10
11
|
};
|
|
11
|
-
export declare function LineChartHighlight({ color, inactiveColor, showInactiveColor, from, to, width: strokeWidth, ...props }: LineChartColorProps):
|
|
12
|
+
export declare function LineChartHighlight({ color, inactiveColor, showInactiveColor, from, to, width: strokeWidth, ...props }: LineChartColorProps): React.JSX.Element;
|
|
12
13
|
export declare namespace LineChartHighlight {
|
|
13
14
|
var displayName: string;
|
|
14
15
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Highlight.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/Highlight.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Highlight.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/Highlight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,QAAQ,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAA2B,SAAS,EAAQ,MAAM,kBAAkB,CAAC;AAS5E,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC,YAAY,CAAC,SAAS,CAAC,GAAG;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAIF,wBAAgB,kBAAkB,CAAC,EACjC,KAAe,EACf,aAAa,EACb,iBAAwB,EACxB,IAAI,EACJ,EAAE,EACF,KAAK,EAAE,WAAe,EACtB,GAAG,KAAK,EACT,EAAE,mBAAmB,qBA4CrB;yBApDe,kBAAkB"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { LineProps } from 'react-native-svg';
|
|
2
|
+
import React from 'react';
|
|
2
3
|
type HorizontalLineProps = {
|
|
3
4
|
color?: string;
|
|
4
5
|
lineProps?: Partial<LineProps>;
|
|
@@ -28,7 +29,7 @@ type HorizontalLineProps = {
|
|
|
28
29
|
value: number;
|
|
29
30
|
} | number;
|
|
30
31
|
};
|
|
31
|
-
export declare function LineChartHorizontalLine({ color, lineProps, at, offsetY, }: HorizontalLineProps):
|
|
32
|
+
export declare function LineChartHorizontalLine({ color, lineProps, at, offsetY, }: HorizontalLineProps): React.JSX.Element;
|
|
32
33
|
export declare namespace LineChartHorizontalLine {
|
|
33
34
|
var displayName: string;
|
|
34
35
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HorizontalLine.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/HorizontalLine.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAmB,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"HorizontalLine.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/HorizontalLine.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAmB,MAAM,kBAAkB,CAAC;AAG9D,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,KAAK,mBAAmB,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;;;;;;;;;;;;OAgBG;IACH,EAAE,CAAC,EACC;QACE,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,KAAK,CAAC;KACf,GACD;QACE,KAAK,CAAC,EAAE,KAAK,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,GACD,MAAM,CAAC;CACZ,CAAC;AAIF,wBAAgB,uBAAuB,CAAC,EACtC,KAAc,EACd,SAAc,EACd,EAAiB,EACjB,OAAW,GACZ,EAAE,mBAAmB,qBAoDrB;yBAzDe,uBAAuB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/charts/line/HoverTrap/index.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/charts/line/HoverTrap/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,kBAAkB,yBAAc,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../../../src/charts/line/HoverTrap/index.web.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../../../src/charts/line/HoverTrap/index.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiD/B,eAAO,MAAM,kBAAkB,yBAqD9B,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
1
2
|
import Animated from 'react-native-reanimated';
|
|
2
3
|
import { PathProps } from 'react-native-svg';
|
|
3
4
|
export type LineChartPathProps = Animated.AnimateProps<PathProps> & {
|
|
@@ -22,7 +23,7 @@ export type LineChartPathProps = Animated.AnimateProps<PathProps> & {
|
|
|
22
23
|
*/
|
|
23
24
|
isTransitionEnabled?: boolean;
|
|
24
25
|
};
|
|
25
|
-
export declare function LineChartPath({ color, inactiveColor, width: strokeWidth, ...props }: LineChartPathProps):
|
|
26
|
+
export declare function LineChartPath({ color, inactiveColor, width: strokeWidth, ...props }: LineChartPathProps): React.JSX.Element;
|
|
26
27
|
export declare namespace LineChartPath {
|
|
27
28
|
var displayName: string;
|
|
28
29
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Path.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/Path.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Path.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/Path.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,QAAQ,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAQ,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAQnD,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CAAC,YAAY,CAAC,SAAS,CAAC,GAAG;IAClE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;;;;;;;;;OAcG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAIF,wBAAgB,aAAa,CAAC,EAC5B,KAAe,EACf,aAAa,EACb,KAAK,EAAE,WAAe,EACtB,GAAG,KAAK,EACT,EAAE,kBAAkB,qBA0BpB;yBA/Be,aAAa"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import type { TextProps as RNTextProps } from 'react-native';
|
|
2
3
|
import type Animated from 'react-native-reanimated';
|
|
3
4
|
import type { TFormatterFn } from '../candle/types';
|
|
@@ -12,7 +13,7 @@ export type LineChartPriceTextProps = {
|
|
|
12
13
|
*/
|
|
13
14
|
index?: number;
|
|
14
15
|
};
|
|
15
|
-
export declare function LineChartPriceText({ format, precision, variant, style, index, }: LineChartPriceTextProps):
|
|
16
|
+
export declare function LineChartPriceText({ format, precision, variant, style, index, }: LineChartPriceTextProps): React.JSX.Element;
|
|
16
17
|
export declare namespace LineChartPriceText {
|
|
17
18
|
var displayName: string;
|
|
18
19
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PriceText.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/PriceText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AAGpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC;IAChC,KAAK,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC;IACpD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAIF,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,SAAa,EACb,OAAqB,EACrB,KAAK,EACL,KAAK,GACN,EAAE,uBAAuB,
|
|
1
|
+
{"version":3,"file":"PriceText.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/PriceText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AAGpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC;IAChC,KAAK,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC;IACpD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAIF,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,SAAa,EACb,OAAqB,EACrB,KAAK,EACL,KAAK,GACN,EAAE,uBAAuB,qBAGzB;yBATe,kBAAkB"}
|
|
@@ -19,7 +19,7 @@ export type LineChartTooltipProps = Animated.AnimateProps<ViewProps> & {
|
|
|
19
19
|
*/
|
|
20
20
|
at?: number;
|
|
21
21
|
};
|
|
22
|
-
export declare function LineChartTooltip({ children, xGutter, yGutter, cursorGutter, position, textProps, textStyle, at, ...props }: LineChartTooltipProps):
|
|
22
|
+
export declare function LineChartTooltip({ children, xGutter, yGutter, cursorGutter, position, textProps, textStyle, at, ...props }: LineChartTooltipProps): React.JSX.Element;
|
|
23
23
|
export declare namespace LineChartTooltip {
|
|
24
24
|
var displayName: string;
|
|
25
25
|
}
|
|
@@ -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;AAMjE,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC,YAAY,CAAC,SAAS,CAAC,GAAG;IACrE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC5B,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,OAAW,EACX,OAAW,EACX,YAAiB,EACjB,QAAgB,EAChB,SAAS,EACT,SAAS,EACT,EAAE,EACF,GAAG,KAAK,EACT,EAAE,qBAAqB,
|
|
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;AAMjE,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC,YAAY,CAAC,SAAS,CAAC,GAAG;IACrE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC5B,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,OAAW,EACX,OAAW,EACX,YAAiB,EACjB,QAAgB,EAChB,SAAS,EACT,SAAS,EACT,EAAE,EACF,GAAG,KAAK,EACT,EAAE,qBAAqB,qBAiIvB;yBA3Ie,gBAAgB"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import { LineChart as _LineChart } from './Chart';
|
|
2
3
|
import { LineChartPathWrapper } from './ChartPath';
|
|
3
4
|
import { LineChartHighlight } from './Highlight';
|
|
@@ -50,6 +51,6 @@ export declare const LineChart: typeof _LineChart & {
|
|
|
50
51
|
useDatetime: typeof useLineChartDatetime;
|
|
51
52
|
usePrice: typeof useLineChartPrice;
|
|
52
53
|
useChart: typeof useLineChart;
|
|
53
|
-
HoverTrap: () => import("react
|
|
54
|
+
HoverTrap: () => import("react").JSX.Element;
|
|
54
55
|
};
|
|
55
56
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,UAAU,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AAExB,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;CAmBpB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,IAAI,UAAU,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AAExB,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;CAmBpB,CAAC"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { TextProps as RNTextProps } from 'react-native';
|
|
2
3
|
import type { SharedValue, AnimatedProps } from 'react-native-reanimated';
|
|
3
4
|
interface AnimatedTextProps {
|
|
4
5
|
text: SharedValue<string>;
|
|
5
6
|
style?: AnimatedProps<RNTextProps>['style'];
|
|
6
7
|
}
|
|
7
|
-
export declare const AnimatedText: ({ text, style }: AnimatedTextProps) =>
|
|
8
|
+
export declare const AnimatedText: ({ text, style }: AnimatedTextProps) => React.JSX.Element;
|
|
8
9
|
export {};
|
|
9
10
|
//# sourceMappingURL=AnimatedText.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnimatedText.d.ts","sourceRoot":"","sources":["../../../../src/components/AnimatedText.tsx"],"names":[],"mappings":"
|
|
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,sBAuC9D,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import type { TextProps as RNTextProps } from 'react-native';
|
|
2
3
|
import type Animated from 'react-native-reanimated';
|
|
3
|
-
import type { TFormatterFn, TPriceType } from './types';
|
|
4
4
|
|
|
5
|
+
import type { TFormatterFn, TPriceType } from './types';
|
|
5
6
|
import { useCandlestickChartPrice } from './usePrice';
|
|
6
7
|
import { AnimatedText } from '../../components/AnimatedText';
|
|
7
8
|
|
|
@@ -152,6 +152,8 @@ export function LineChartPathWrapper({
|
|
|
152
152
|
width={strokeWidth}
|
|
153
153
|
{...pathProps}
|
|
154
154
|
/>
|
|
155
|
+
</Svg>
|
|
156
|
+
<Svg style={StyleSheet.absoluteFill}>
|
|
155
157
|
{backgroundChildren}
|
|
156
158
|
</Svg>
|
|
157
159
|
</View>
|
|
@@ -166,6 +168,8 @@ export function LineChartPathWrapper({
|
|
|
166
168
|
<View style={StyleSheet.absoluteFill}>
|
|
167
169
|
<AnimatedSVG animatedProps={svgProps} height={height}>
|
|
168
170
|
<LineChartPath color={color} width={strokeWidth} {...pathProps} />
|
|
171
|
+
</AnimatedSVG>
|
|
172
|
+
<AnimatedSVG animatedProps={svgProps} height={height} style={StyleSheet.absoluteFill}>
|
|
169
173
|
{foregroundChildren}
|
|
170
174
|
</AnimatedSVG>
|
|
171
175
|
</View>
|
|
@@ -16,12 +16,14 @@ import { StyleSheet } from 'react-native';
|
|
|
16
16
|
import { bisectCenter } from 'd3-array';
|
|
17
17
|
import { scaleLinear } from 'd3-scale';
|
|
18
18
|
import { useLineChart } from './useLineChart';
|
|
19
|
+
import { useEffect } from "react";
|
|
19
20
|
|
|
20
21
|
export type LineChartCursorProps = LongPressGestureHandlerProps & {
|
|
21
22
|
children: React.ReactNode;
|
|
22
23
|
type: 'line' | 'crosshair';
|
|
23
24
|
// Does not work on web due to how the Cursor operates on web
|
|
24
25
|
snapToPoint?: boolean;
|
|
26
|
+
at?: number;
|
|
25
27
|
};
|
|
26
28
|
|
|
27
29
|
export const CursorContext = React.createContext({ type: '' });
|
|
@@ -32,6 +34,7 @@ export function LineChartCursor({
|
|
|
32
34
|
children,
|
|
33
35
|
snapToPoint,
|
|
34
36
|
type,
|
|
37
|
+
at,
|
|
35
38
|
...props
|
|
36
39
|
}: LineChartCursorProps) {
|
|
37
40
|
const { pathWidth: width, parsedPath } = React.useContext(
|
|
@@ -78,9 +81,15 @@ export function LineChartCursor({
|
|
|
78
81
|
currentX.value = newXPosition;
|
|
79
82
|
};
|
|
80
83
|
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
+
useEffect(() => {
|
|
85
|
+
if (at !== undefined) {
|
|
86
|
+
const xPosition = scaleX(at);
|
|
87
|
+
runOnJS(linearScalePositionAndIndex)({ xPosition });
|
|
88
|
+
isActive.value = true;
|
|
89
|
+
}
|
|
90
|
+
}, [at, scaleX]);
|
|
91
|
+
|
|
92
|
+
const onGestureEvent = useAnimatedGestureHandler<GestureEvent<LongPressGestureHandlerEventPayload>>({
|
|
84
93
|
onActive: ({ x }) => {
|
|
85
94
|
if (parsedPath) {
|
|
86
95
|
const xPosition = Math.max(0, x <= width ? x : width);
|
package/src/charts/line/Data.tsx
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { createContext, useContext, useMemo } from 'react';
|
|
1
|
+
import React, { createContext, useContext, useMemo } from 'react';
|
|
3
2
|
import type { ReactNode } from 'react';
|
|
4
|
-
|
|
3
|
+
|
|
4
|
+
import type { TLineChartData, TLineChartDataProp } from './types';
|
|
5
5
|
|
|
6
6
|
export const DefaultLineChartId = '__LineChartData';
|
|
7
7
|
|
|
@@ -76,9 +76,8 @@ function validateLineChartId(dataContext: LineChartDataContext, id?: string) {
|
|
|
76
76
|
const joinedIds = otherIds.join(', ');
|
|
77
77
|
|
|
78
78
|
const suggestion = otherIds.length
|
|
79
|
-
? `Did you mean to use ${
|
|
80
|
-
|
|
81
|
-
}: ${joinedIds}`
|
|
79
|
+
? `Did you mean to use ${singular ? 'this ID' : 'one of these IDs'
|
|
80
|
+
}: ${joinedIds}`
|
|
82
81
|
: `You didn't pass any IDs to your <LineChart.Provider />'s data prop. Did you mean to pass an array instead?`;
|
|
83
82
|
|
|
84
83
|
console.warn(
|
|
@@ -92,9 +91,8 @@ ${suggestion}`
|
|
|
92
91
|
|
|
93
92
|
const joinedIds = otherIds.join(', ');
|
|
94
93
|
const suggestion = otherIds.length
|
|
95
|
-
? `Did you mean to use ${
|
|
96
|
-
|
|
97
|
-
}: ${joinedIds}`
|
|
94
|
+
? `Did you mean to use ${singular ? 'this ID' : 'one of these IDs'
|
|
95
|
+
}: ${joinedIds}`
|
|
98
96
|
: `You didn't pass any IDs to your <LineChart.Provider />'s data prop. Did you mean to pass an array instead?`;
|
|
99
97
|
|
|
100
98
|
console.error(`[react-native-wagmi-charts] Missing data "id" prop on LineChart. You must pass an id prop to <LineChart /> when using a dictionary for your data.
|
package/src/charts/line/Dot.tsx
CHANGED
|
@@ -113,6 +113,7 @@ export function LineChartDot({
|
|
|
113
113
|
const easing = Easing.out(Easing.sin);
|
|
114
114
|
const animatedOpacity = withRepeat(
|
|
115
115
|
withSequence(
|
|
116
|
+
withTiming(0),
|
|
116
117
|
withTiming(0.8),
|
|
117
118
|
withTiming(0, {
|
|
118
119
|
duration: pulseDurationMs,
|
|
@@ -124,6 +125,7 @@ export function LineChartDot({
|
|
|
124
125
|
);
|
|
125
126
|
const scale = withRepeat(
|
|
126
127
|
withSequence(
|
|
128
|
+
withTiming(0),
|
|
127
129
|
withTiming(0),
|
|
128
130
|
withTiming(outerSize, {
|
|
129
131
|
duration: pulseDurationMs,
|