react-native-wagmi-charts 2.9.0 → 2.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +143 -66
- package/lib/commonjs/charts/candle/Candle.js +92 -177
- package/lib/commonjs/charts/candle/Candles.js +39 -66
- package/lib/commonjs/charts/candle/Chart.js +26 -37
- package/lib/commonjs/charts/candle/Context.js +49 -69
- package/lib/commonjs/charts/candle/Crosshair.js +82 -183
- package/lib/commonjs/charts/candle/Crosshair.js.map +1 -1
- package/lib/commonjs/charts/candle/CrosshairTooltip.js +61 -140
- package/lib/commonjs/charts/candle/DatetimeText.js +14 -19
- package/lib/commonjs/charts/candle/Line.js +27 -73
- package/lib/commonjs/charts/candle/PriceText.js +14 -19
- package/lib/commonjs/charts/candle/index.js +64 -67
- package/lib/commonjs/charts/candle/types.js +4 -4
- package/lib/commonjs/charts/candle/useCandleData.js +12 -9
- package/lib/commonjs/charts/candle/useCandlestickChart.js +7 -9
- package/lib/commonjs/charts/candle/useDatetime.js +18 -16
- package/lib/commonjs/charts/candle/usePrice.js +22 -21
- package/lib/commonjs/charts/candle/utils/getDomain.js +9 -5
- package/lib/commonjs/charts/candle/utils/getDomain.js.map +1 -1
- package/lib/commonjs/charts/candle/utils/getHeight.js +11 -12
- package/lib/commonjs/charts/candle/utils/getHeight.js.map +1 -1
- package/lib/commonjs/charts/candle/utils/getPrice.js +11 -12
- package/lib/commonjs/charts/candle/utils/getPrice.js.map +1 -1
- package/lib/commonjs/charts/candle/utils/getY.js +11 -12
- package/lib/commonjs/charts/candle/utils/getY.js.map +1 -1
- package/lib/commonjs/charts/candle/utils/index.js +16 -16
- package/lib/commonjs/charts/line/Axis.js +148 -268
- package/lib/commonjs/charts/line/Chart.js +62 -129
- package/lib/commonjs/charts/line/Chart.js.map +1 -1
- package/lib/commonjs/charts/line/ChartPath.js +105 -285
- package/lib/commonjs/charts/line/Context.js +37 -95
- package/lib/commonjs/charts/line/Cursor.js +74 -125
- package/lib/commonjs/charts/line/Cursor.js.map +1 -1
- package/lib/commonjs/charts/line/CursorCrosshair.js +56 -134
- package/lib/commonjs/charts/line/CursorCrosshair.js.map +1 -1
- package/lib/commonjs/charts/line/CursorLine.js +67 -152
- package/lib/commonjs/charts/line/CursorLine.js.map +1 -1
- package/lib/commonjs/charts/line/Data.js +34 -73
- package/lib/commonjs/charts/line/DatetimeText.js +15 -20
- package/lib/commonjs/charts/line/Dot.js +56 -149
- package/lib/commonjs/charts/line/Gradient.js +53 -124
- package/lib/commonjs/charts/line/Group.js +23 -54
- package/lib/commonjs/charts/line/Group.js.map +1 -1
- package/lib/commonjs/charts/line/Highlight.js +47 -115
- package/lib/commonjs/charts/line/HorizontalLine.js +39 -92
- package/lib/commonjs/charts/line/HoverTrap/index.js +7 -10
- package/lib/commonjs/charts/line/HoverTrap/index.web.js +43 -48
- package/lib/commonjs/charts/line/LineChartPathContext.js +11 -14
- package/lib/commonjs/charts/line/Path.js +32 -78
- package/lib/commonjs/charts/line/PriceText.js +36 -78
- package/lib/commonjs/charts/line/Tooltip.js +102 -188
- package/lib/commonjs/charts/line/Tooltip.js.map +1 -1
- package/lib/commonjs/charts/line/index.js +65 -65
- package/lib/commonjs/charts/line/types.js +4 -4
- package/lib/commonjs/charts/line/useAnimatedPath.js +22 -27
- package/lib/commonjs/charts/line/useCurrentY.js +17 -17
- package/lib/commonjs/charts/line/useDatetime.js +28 -32
- package/lib/commonjs/charts/line/useLineChart.js +15 -20
- package/lib/commonjs/charts/line/usePrice.js +26 -28
- package/lib/commonjs/charts/line/utils/getArea.js +14 -47
- package/lib/commonjs/charts/line/utils/getDomain.js +8 -5
- package/lib/commonjs/charts/line/utils/getDomain.js.map +1 -1
- package/lib/commonjs/charts/line/utils/getPath.js +14 -53
- package/lib/commonjs/charts/line/utils/getXPositionForCurve.js +5 -8
- package/lib/commonjs/charts/line/utils/index.js +19 -19
- package/lib/commonjs/charts/line/utils/interpolatePath.js +60 -100
- package/lib/commonjs/charts/line/utils/lineChartDataPropToArray.js +5 -5
- package/lib/commonjs/components/AnimatedText.js +29 -67
- package/lib/commonjs/index.js +19 -19
- package/lib/commonjs/types.js +2 -2
- package/lib/commonjs/utils/formatDatetime.js +9 -5
- package/lib/commonjs/utils/formatPrice.js +6 -10
- package/lib/commonjs/utils/index.js +13 -13
- package/lib/commonjs/utils/usePrevious.js +6 -8
- package/lib/module/charts/candle/Candle.js +76 -126
- package/lib/module/charts/candle/Candles.js +30 -52
- package/lib/module/charts/candle/Chart.js +19 -22
- package/lib/module/charts/candle/Context.js +29 -47
- package/lib/module/charts/candle/Crosshair.js +69 -142
- package/lib/module/charts/candle/Crosshair.js.map +1 -1
- package/lib/module/charts/candle/CrosshairTooltip.js +51 -101
- package/lib/module/charts/candle/DatetimeText.js +5 -5
- package/lib/module/charts/candle/Line.js +19 -37
- package/lib/module/charts/candle/PriceText.js +5 -5
- package/lib/module/charts/candle/index.js +2 -2
- package/lib/module/charts/candle/types.js +1 -1
- package/lib/module/charts/candle/useCandleData.js +7 -3
- package/lib/module/charts/candle/useCandlestickChart.js +1 -1
- package/lib/module/charts/candle/useDatetime.js +12 -10
- package/lib/module/charts/candle/usePrice.js +14 -12
- package/lib/module/charts/candle/utils/getDomain.js +6 -2
- package/lib/module/charts/candle/utils/getDomain.js.map +1 -1
- package/lib/module/charts/candle/utils/getHeight.js +8 -9
- package/lib/module/charts/candle/utils/getHeight.js.map +1 -1
- package/lib/module/charts/candle/utils/getPrice.js +8 -4
- package/lib/module/charts/candle/utils/getPrice.js.map +1 -1
- package/lib/module/charts/candle/utils/getY.js +8 -4
- package/lib/module/charts/candle/utils/getY.js.map +1 -1
- package/lib/module/charts/candle/utils/index.js +1 -1
- package/lib/module/charts/line/Axis.js +113 -189
- package/lib/module/charts/line/Chart.js +40 -73
- package/lib/module/charts/line/Chart.js.map +1 -1
- package/lib/module/charts/line/ChartPath.js +90 -238
- package/lib/module/charts/line/Context.js +29 -61
- package/lib/module/charts/line/Cursor.js +61 -82
- package/lib/module/charts/line/Cursor.js.map +1 -1
- package/lib/module/charts/line/CursorCrosshair.js +47 -99
- package/lib/module/charts/line/CursorCrosshair.js.map +1 -1
- package/lib/module/charts/line/CursorLine.js +52 -107
- package/lib/module/charts/line/CursorLine.js.map +1 -1
- package/lib/module/charts/line/Data.js +28 -41
- package/lib/module/charts/line/DatetimeText.js +5 -5
- package/lib/module/charts/line/Dot.js +39 -93
- package/lib/module/charts/line/Gradient.js +41 -79
- package/lib/module/charts/line/Group.js +14 -15
- package/lib/module/charts/line/Group.js.map +1 -1
- package/lib/module/charts/line/Highlight.js +32 -61
- package/lib/module/charts/line/HorizontalLine.js +27 -49
- package/lib/module/charts/line/HoverTrap/index.js +2 -3
- package/lib/module/charts/line/HoverTrap/index.web.js +34 -34
- package/lib/module/charts/line/LineChartPathContext.js +3 -3
- package/lib/module/charts/line/Path.js +20 -33
- package/lib/module/charts/line/PriceText.js +25 -42
- package/lib/module/charts/line/Tooltip.js +89 -151
- package/lib/module/charts/line/Tooltip.js.map +1 -1
- package/lib/module/charts/line/index.js +2 -2
- package/lib/module/charts/line/types.js +1 -1
- package/lib/module/charts/line/useAnimatedPath.js +16 -22
- package/lib/module/charts/line/useCurrentY.js +9 -4
- package/lib/module/charts/line/useDatetime.js +22 -26
- package/lib/module/charts/line/useLineChart.js +7 -10
- package/lib/module/charts/line/usePrice.js +20 -22
- package/lib/module/charts/line/utils/getArea.js +8 -15
- package/lib/module/charts/line/utils/getDomain.js +5 -2
- package/lib/module/charts/line/utils/getDomain.js.map +1 -1
- package/lib/module/charts/line/utils/getPath.js +8 -21
- package/lib/module/charts/line/utils/getXPositionForCurve.js +2 -5
- package/lib/module/charts/line/utils/index.js +1 -1
- package/lib/module/charts/line/utils/interpolatePath.js +57 -97
- package/lib/module/charts/line/utils/lineChartDataPropToArray.js +2 -2
- package/lib/module/components/AnimatedText.js +21 -25
- package/lib/module/index.js +1 -1
- package/lib/module/types.js +2 -1
- package/lib/module/utils/formatDatetime.js +6 -2
- package/lib/module/utils/formatPrice.js +3 -7
- package/lib/module/utils/index.js +1 -1
- package/lib/module/utils/usePrevious.js +1 -1
- package/lib/typescript/src/charts/candle/Candle.d.ts +31 -45
- package/lib/typescript/src/charts/candle/Candles.d.ts +13 -24
- package/lib/typescript/src/charts/candle/Chart.d.ts +7 -12
- package/lib/typescript/src/charts/candle/Context.d.ts +7 -12
- package/lib/typescript/src/charts/candle/Crosshair.d.ts +9 -17
- package/lib/typescript/src/charts/candle/CrosshairTooltip.d.ts +8 -15
- package/lib/typescript/src/charts/candle/DatetimeText.d.ts +9 -15
- package/lib/typescript/src/charts/candle/Line.d.ts +5 -10
- package/lib/typescript/src/charts/candle/PriceText.d.ts +7 -13
- package/lib/typescript/src/charts/candle/index.d.ts +13 -32
- package/lib/typescript/src/charts/candle/types.d.ts +16 -16
- package/lib/typescript/src/charts/candle/useCandleData.d.ts +1 -1
- package/lib/typescript/src/charts/candle/useCandlestickChart.d.ts +1 -1
- package/lib/typescript/src/charts/candle/useDatetime.d.ts +9 -13
- package/lib/typescript/src/charts/candle/usePrice.d.ts +7 -11
- package/lib/typescript/src/charts/candle/utils/getDomain.d.ts +1 -1
- package/lib/typescript/src/charts/candle/utils/getDomain.d.ts.map +1 -1
- package/lib/typescript/src/charts/candle/utils/getHeight.d.ts +5 -9
- package/lib/typescript/src/charts/candle/utils/getPrice.d.ts +5 -9
- package/lib/typescript/src/charts/candle/utils/getY.d.ts +5 -9
- package/lib/typescript/src/charts/candle/utils/index.d.ts +1 -1
- package/lib/typescript/src/charts/line/Axis.d.ts +14 -27
- package/lib/typescript/src/charts/line/Chart.d.ts +23 -33
- package/lib/typescript/src/charts/line/Chart.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/ChartPath.d.ts +15 -28
- package/lib/typescript/src/charts/line/Context.d.ts +9 -16
- package/lib/typescript/src/charts/line/Cursor.d.ts +14 -22
- package/lib/typescript/src/charts/line/Cursor.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/CursorCrosshair.d.ts +11 -23
- package/lib/typescript/src/charts/line/CursorCrosshair.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/CursorLine.d.ts +9 -15
- package/lib/typescript/src/charts/line/CursorLine.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/Data.d.ts +13 -17
- package/lib/typescript/src/charts/line/DatetimeText.d.ts +8 -14
- package/lib/typescript/src/charts/line/Dot.d.ts +25 -38
- package/lib/typescript/src/charts/line/Gradient.d.ts +5 -9
- package/lib/typescript/src/charts/line/Group.d.ts +3 -6
- package/lib/typescript/src/charts/line/Group.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/Highlight.d.ts +9 -17
- package/lib/typescript/src/charts/line/HorizontalLine.d.ts +22 -30
- package/lib/typescript/src/charts/line/HoverTrap/index.d.ts +1 -1
- package/lib/typescript/src/charts/line/HoverTrap/index.web.d.ts +1 -1
- package/lib/typescript/src/charts/line/LineChartPathContext.d.ts +4 -4
- package/lib/typescript/src/charts/line/Path.d.ts +23 -28
- package/lib/typescript/src/charts/line/PriceText.d.ts +20 -28
- package/lib/typescript/src/charts/line/Tooltip.d.ts +20 -32
- package/lib/typescript/src/charts/line/index.d.ts +20 -33
- package/lib/typescript/src/charts/line/types.d.ts +17 -19
- package/lib/typescript/src/charts/line/useAnimatedPath.d.ts +7 -10
- package/lib/typescript/src/charts/line/useCurrentY.d.ts +2 -2
- package/lib/typescript/src/charts/line/useDatetime.d.ts +7 -11
- package/lib/typescript/src/charts/line/useLineChart.d.ts +10 -10
- package/lib/typescript/src/charts/line/usePrice.d.ts +7 -11
- package/lib/typescript/src/charts/line/utils/getArea.d.ts +9 -17
- package/lib/typescript/src/charts/line/utils/getDomain.d.ts +1 -1
- package/lib/typescript/src/charts/line/utils/getDomain.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/utils/getPath.d.ts +11 -21
- package/lib/typescript/src/charts/line/utils/getXPositionForCurve.d.ts +1 -1
- package/lib/typescript/src/charts/line/utils/index.d.ts +1 -1
- package/lib/typescript/src/charts/line/utils/interpolatePath.d.ts +5 -17
- package/lib/typescript/src/charts/line/utils/lineChartDataPropToArray.d.ts +2 -4
- package/lib/typescript/src/components/AnimatedText.d.ts +4 -7
- package/lib/typescript/src/index.d.ts +1 -1
- package/lib/typescript/src/types.d.ts +4 -7
- package/lib/typescript/src/utils/formatDatetime.d.ts +5 -9
- package/lib/typescript/src/utils/formatPrice.d.ts +5 -9
- package/lib/typescript/src/utils/index.d.ts +1 -1
- package/lib/typescript/src/utils/usePrevious.d.ts +1 -1
- package/package.json +1 -1
- package/src/charts/line/CursorLine.tsx +6 -2
- package/src/charts/line/HorizontalLine.tsx +5 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Cursor.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/Cursor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAiB1B,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,MAAM,GAAG,WAAW,CAAC;IAE3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"Cursor.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/Cursor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAiB1B,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,MAAM,GAAG,WAAW,CAAC;IAE3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,aAAa;;EAAoC,CAAC;AAI/D,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,EAAE,EACF,uBAA+B,EAC/B,YAAoB,EACpB,aAAiB,EACjB,WAAW,EACX,OAAO,GACR,EAAE,oBAAoB,qBAgItB;yBA1Ie,eAAe"}
|
|
@@ -2,30 +2,18 @@ import React from 'react';
|
|
|
2
2
|
import { ViewProps } from 'react-native';
|
|
3
3
|
import { AnimatedProps } from 'react-native-reanimated';
|
|
4
4
|
import { LineChartCursorProps } from './Cursor';
|
|
5
|
-
type LineChartCursorCrosshairProps = Omit<
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
crosshairWrapperProps?: AnimatedProps<ViewProps>;
|
|
14
|
-
crosshairProps?: ViewProps;
|
|
15
|
-
crosshairOuterProps?: ViewProps;
|
|
5
|
+
type LineChartCursorCrosshairProps = Omit<LineChartCursorProps, 'children' | 'type'> & {
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
color?: string;
|
|
8
|
+
size?: number;
|
|
9
|
+
outerSize?: number;
|
|
10
|
+
crosshairWrapperProps?: AnimatedProps<ViewProps>;
|
|
11
|
+
crosshairProps?: ViewProps;
|
|
12
|
+
crosshairOuterProps?: ViewProps;
|
|
16
13
|
};
|
|
17
|
-
export declare function LineChartCursorCrosshair({
|
|
18
|
-
children,
|
|
19
|
-
color,
|
|
20
|
-
size,
|
|
21
|
-
outerSize,
|
|
22
|
-
crosshairWrapperProps,
|
|
23
|
-
crosshairProps,
|
|
24
|
-
crosshairOuterProps,
|
|
25
|
-
...props
|
|
26
|
-
}: LineChartCursorCrosshairProps): React.JSX.Element;
|
|
14
|
+
export declare function LineChartCursorCrosshair({ children, color, size, outerSize, crosshairWrapperProps, crosshairProps, crosshairOuterProps, ...props }: LineChartCursorCrosshairProps): React.JSX.Element;
|
|
27
15
|
export declare namespace LineChartCursorCrosshair {
|
|
28
|
-
|
|
16
|
+
var displayName: string;
|
|
29
17
|
}
|
|
30
18
|
export {};
|
|
31
|
-
//# sourceMappingURL=CursorCrosshair.d.ts.map
|
|
19
|
+
//# sourceMappingURL=CursorCrosshair.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CursorCrosshair.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/CursorCrosshair.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAkB,SAAS,EAAc,MAAM,cAAc,CAAC;AACrE,OAAiB,EAGf,aAAa,EACd,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAmB,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAUjE,KAAK,6BAA6B,GAAG,IAAI,CACvC,oBAAoB,EACpB,UAAU,GAAG,MAAM,CACpB,GAAG;IACF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACjD,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,mBAAmB,CAAC,EAAE,SAAS,CAAC;CACjC,CAAC;AAIF,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,KAAe,EACf,IAAQ,EACR,SAAc,EACd,qBAA0B,EAC1B,cAAmB,EACnB,mBAAwB,EACxB,GAAG,KAAK,EACT,EAAE,6BAA6B,
|
|
1
|
+
{"version":3,"file":"CursorCrosshair.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/CursorCrosshair.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAkB,SAAS,EAAc,MAAM,cAAc,CAAC;AACrE,OAAiB,EAGf,aAAa,EACd,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAmB,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAUjE,KAAK,6BAA6B,GAAG,IAAI,CACvC,oBAAoB,EACpB,UAAU,GAAG,MAAM,CACpB,GAAG;IACF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACjD,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,mBAAmB,CAAC,EAAE,SAAS,CAAC;CACjC,CAAC;AAIF,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,KAAe,EACf,IAAQ,EACR,SAAc,EACd,qBAA0B,EAC1B,cAAmB,EACnB,mBAAwB,EACxB,GAAG,KAAK,EACT,EAAE,6BAA6B,qBA4E/B;yBArFe,wBAAwB"}
|
|
@@ -4,22 +4,16 @@ import { type LineProps } from 'react-native-svg';
|
|
|
4
4
|
import type { TFormatterFn } from '../../types';
|
|
5
5
|
import { type LineChartCursorProps } from './Cursor';
|
|
6
6
|
type LineChartCursorLineProps = {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
color?: string;
|
|
9
|
+
lineProps?: Partial<LineProps>;
|
|
10
|
+
format?: TFormatterFn<string | number>;
|
|
11
|
+
textStyle?: TextStyle;
|
|
12
|
+
persistOnEnd?: boolean;
|
|
12
13
|
} & Omit<LineChartCursorProps, 'type' | 'children'>;
|
|
13
|
-
export declare function LineChartCursorLine({
|
|
14
|
-
children,
|
|
15
|
-
color,
|
|
16
|
-
lineProps,
|
|
17
|
-
format,
|
|
18
|
-
textStyle,
|
|
19
|
-
...cursorProps
|
|
20
|
-
}: LineChartCursorLineProps): React.JSX.Element;
|
|
14
|
+
export declare function LineChartCursorLine({ children, color, lineProps, format, textStyle, ...cursorProps }: LineChartCursorLineProps): React.JSX.Element;
|
|
21
15
|
export declare namespace LineChartCursorLine {
|
|
22
|
-
|
|
16
|
+
var displayName: string;
|
|
23
17
|
}
|
|
24
18
|
export {};
|
|
25
|
-
//# sourceMappingURL=CursorLine.d.ts.map
|
|
19
|
+
//# sourceMappingURL=CursorLine.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CursorLine.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/CursorLine.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAM1D,OAAY,EAAE,KAAK,SAAS,EAAmB,MAAM,kBAAkB,CAAC;AAExE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAKtE,KAAK,wBAAwB,GAAG;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE,YAAY,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"CursorLine.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/CursorLine.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAM1D,OAAY,EAAE,KAAK,SAAS,EAAmB,MAAM,kBAAkB,CAAC;AAExE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAKtE,KAAK,wBAAwB,GAAG;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE,YAAY,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,GAAG,IAAI,CAAC,oBAAoB,EAAE,MAAM,GAAG,UAAU,CAAC,CAAC;AAuBpD,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,KAAc,EACd,SAAS,EACT,MAAM,EACN,SAAS,EACT,GAAG,WAAW,EACf,EAAE,wBAAwB,qBAiK1B;yBAxKe,mBAAmB"}
|
|
@@ -1,27 +1,23 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { ReactNode } from 'react';
|
|
3
3
|
import type { TLineChartData, TLineChartDataProp } from './types';
|
|
4
|
-
export declare const DefaultLineChartId =
|
|
4
|
+
export declare const DefaultLineChartId = "__LineChartData";
|
|
5
5
|
export type LineChartDataContext = {
|
|
6
|
-
|
|
6
|
+
[key: string]: TLineChartData;
|
|
7
7
|
};
|
|
8
8
|
export type LineChartDataProviderProps = {
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
children: ReactNode;
|
|
10
|
+
data: TLineChartDataProp;
|
|
11
11
|
};
|
|
12
|
-
export declare function LineChartDataProvider({
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
export declare function LineChartIdProvider({
|
|
17
|
-
id,
|
|
18
|
-
children,
|
|
19
|
-
}: {
|
|
20
|
-
id?: string;
|
|
21
|
-
children: ReactNode;
|
|
12
|
+
export declare function LineChartDataProvider({ children, data, }: LineChartDataProviderProps): React.JSX.Element;
|
|
13
|
+
export declare function LineChartIdProvider({ id, children, }: {
|
|
14
|
+
id?: string;
|
|
15
|
+
children: ReactNode;
|
|
22
16
|
}): React.JSX.Element;
|
|
23
17
|
export declare const useLineChartId: () => string | undefined;
|
|
24
|
-
export declare function useLineChartData({ id }: {
|
|
25
|
-
|
|
18
|
+
export declare function useLineChartData({ id }: {
|
|
19
|
+
id?: string;
|
|
20
|
+
}): {
|
|
21
|
+
data: TLineChartData | undefined;
|
|
26
22
|
};
|
|
27
|
-
//# sourceMappingURL=Data.d.ts.map
|
|
23
|
+
//# sourceMappingURL=Data.d.ts.map
|
|
@@ -3,21 +3,15 @@ import type { TextProps as RNTextProps } from 'react-native';
|
|
|
3
3
|
import type { AnimatedProps } from 'react-native-reanimated';
|
|
4
4
|
import type { TFormatterFn } from '../../types';
|
|
5
5
|
type LineChartDatetimeProps = {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
6
|
+
locale?: string;
|
|
7
|
+
options?: Intl.DateTimeFormatOptions;
|
|
8
|
+
format?: TFormatterFn<number>;
|
|
9
|
+
variant?: 'formatted' | 'value';
|
|
10
|
+
style?: AnimatedProps<RNTextProps>['style'];
|
|
11
11
|
};
|
|
12
|
-
export declare function LineChartDatetimeText({
|
|
13
|
-
locale,
|
|
14
|
-
options,
|
|
15
|
-
format,
|
|
16
|
-
variant,
|
|
17
|
-
style,
|
|
18
|
-
}: LineChartDatetimeProps): React.JSX.Element;
|
|
12
|
+
export declare function LineChartDatetimeText({ locale, options, format, variant, style, }: LineChartDatetimeProps): React.JSX.Element;
|
|
19
13
|
export declare namespace LineChartDatetimeText {
|
|
20
|
-
|
|
14
|
+
var displayName: string;
|
|
21
15
|
}
|
|
22
16
|
export {};
|
|
23
|
-
//# sourceMappingURL=DatetimeText.d.ts.map
|
|
17
|
+
//# sourceMappingURL=DatetimeText.d.ts.map
|
|
@@ -2,44 +2,31 @@ import React from 'react';
|
|
|
2
2
|
import { AnimatedProps } from 'react-native-reanimated';
|
|
3
3
|
import { CircleProps } from 'react-native-svg';
|
|
4
4
|
export type LineChartDotProps = {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
5
|
+
dotProps?: AnimatedProps<CircleProps>;
|
|
6
|
+
outerDotProps?: AnimatedProps<CircleProps>;
|
|
7
|
+
color?: string;
|
|
8
|
+
inactiveColor?: string;
|
|
9
|
+
showInactiveColor?: boolean;
|
|
10
|
+
at: number;
|
|
11
|
+
size?: number;
|
|
12
|
+
hasPulse?: boolean;
|
|
13
|
+
hasOuterDot?: boolean;
|
|
14
|
+
/**
|
|
15
|
+
* If `always`, the outer dot will still animate when interaction is active.
|
|
16
|
+
*
|
|
17
|
+
* If `while-inactive`, the outer dot will animate only when the interaction is inactive.
|
|
18
|
+
*
|
|
19
|
+
* Default: `while-inactive`
|
|
20
|
+
*/
|
|
21
|
+
pulseBehaviour?: 'always' | 'while-inactive';
|
|
22
|
+
/**
|
|
23
|
+
* Defaults to `size * 4`
|
|
24
|
+
*/
|
|
25
|
+
outerSize?: number;
|
|
26
|
+
pulseDurationMs?: number;
|
|
27
27
|
};
|
|
28
|
-
export declare function LineChartDot({
|
|
29
|
-
at,
|
|
30
|
-
color: defaultColor,
|
|
31
|
-
dotProps,
|
|
32
|
-
hasOuterDot: defaultHasOuterDot,
|
|
33
|
-
hasPulse,
|
|
34
|
-
inactiveColor,
|
|
35
|
-
outerDotProps,
|
|
36
|
-
pulseBehaviour,
|
|
37
|
-
pulseDurationMs,
|
|
38
|
-
showInactiveColor,
|
|
39
|
-
size,
|
|
40
|
-
outerSize,
|
|
41
|
-
}: LineChartDotProps): React.JSX.Element;
|
|
28
|
+
export declare function LineChartDot({ at, color: defaultColor, dotProps, hasOuterDot: defaultHasOuterDot, hasPulse, inactiveColor, outerDotProps, pulseBehaviour, pulseDurationMs, showInactiveColor, size, outerSize, }: LineChartDotProps): React.JSX.Element;
|
|
42
29
|
export declare namespace LineChartDot {
|
|
43
|
-
|
|
30
|
+
var displayName: string;
|
|
44
31
|
}
|
|
45
|
-
//# sourceMappingURL=Dot.d.ts.map
|
|
32
|
+
//# sourceMappingURL=Dot.d.ts.map
|
|
@@ -2,15 +2,11 @@ import * as React from 'react';
|
|
|
2
2
|
import { AnimatedProps } from 'react-native-reanimated';
|
|
3
3
|
import { PathProps } from 'react-native-svg';
|
|
4
4
|
export type LineChartGradientProps = AnimatedProps<PathProps> & {
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
color?: string;
|
|
6
|
+
children?: React.ReactNode;
|
|
7
7
|
};
|
|
8
|
-
export declare function LineChartGradient({
|
|
9
|
-
color: overrideColor,
|
|
10
|
-
children,
|
|
11
|
-
...props
|
|
12
|
-
}: LineChartGradientProps): React.JSX.Element;
|
|
8
|
+
export declare function LineChartGradient({ color: overrideColor, children, ...props }: LineChartGradientProps): React.JSX.Element;
|
|
13
9
|
export declare namespace LineChartGradient {
|
|
14
|
-
|
|
10
|
+
var displayName: string;
|
|
15
11
|
}
|
|
16
|
-
//# sourceMappingURL=Gradient.d.ts.map
|
|
12
|
+
//# sourceMappingURL=Gradient.d.ts.map
|
|
@@ -1,11 +1,8 @@
|
|
|
1
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({
|
|
7
|
-
children,
|
|
8
|
-
...props
|
|
9
|
-
}: Props): React.JSX.Element;
|
|
6
|
+
export declare function LineChartGroup({ children, ...props }: Props): React.JSX.Element;
|
|
10
7
|
export {};
|
|
11
|
-
//# sourceMappingURL=Group.d.ts.map
|
|
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,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,
|
|
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,qBAoB3D"}
|
|
@@ -2,23 +2,15 @@ import * as React from 'react';
|
|
|
2
2
|
import { AnimatedProps } from 'react-native-reanimated';
|
|
3
3
|
import { PathProps } from 'react-native-svg';
|
|
4
4
|
export type LineChartColorProps = AnimatedProps<PathProps> & {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
5
|
+
color?: string;
|
|
6
|
+
from: number;
|
|
7
|
+
to: number;
|
|
8
|
+
showInactiveColor?: boolean;
|
|
9
|
+
inactiveColor?: string;
|
|
10
|
+
width?: number;
|
|
11
11
|
};
|
|
12
|
-
export declare function LineChartHighlight({
|
|
13
|
-
color,
|
|
14
|
-
inactiveColor,
|
|
15
|
-
showInactiveColor,
|
|
16
|
-
from,
|
|
17
|
-
to,
|
|
18
|
-
width: strokeWidth,
|
|
19
|
-
...props
|
|
20
|
-
}: LineChartColorProps): React.JSX.Element;
|
|
12
|
+
export declare function LineChartHighlight({ color, inactiveColor, showInactiveColor, from, to, width: strokeWidth, ...props }: LineChartColorProps): React.JSX.Element;
|
|
21
13
|
export declare namespace LineChartHighlight {
|
|
22
|
-
|
|
14
|
+
var displayName: string;
|
|
23
15
|
}
|
|
24
|
-
//# sourceMappingURL=Highlight.d.ts.map
|
|
16
|
+
//# sourceMappingURL=Highlight.d.ts.map
|
|
@@ -1,41 +1,33 @@
|
|
|
1
1
|
import { LineProps } from 'react-native-svg';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
type HorizontalLineProps = {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
| {
|
|
4
|
+
color?: string;
|
|
5
|
+
lineProps?: Partial<LineProps>;
|
|
6
|
+
offsetY?: number;
|
|
7
|
+
/**
|
|
8
|
+
* (Optional) A pixel value to nudge the line up or down.
|
|
9
|
+
*
|
|
10
|
+
* This may be useful to customize the line's position based on the thickness of your cursor or chart path.
|
|
11
|
+
*
|
|
12
|
+
* ```tsx
|
|
13
|
+
* <LineChart.HorizontalLine at={{ index: 3 }} />
|
|
14
|
+
*
|
|
15
|
+
* // or
|
|
16
|
+
*
|
|
17
|
+
* <LineChart.HorizontalLine at={{ value: 320.32 }} />
|
|
18
|
+
* ```
|
|
19
|
+
*/
|
|
20
|
+
at?: {
|
|
22
21
|
index: number;
|
|
23
22
|
value?: never;
|
|
24
|
-
|
|
25
|
-
| {
|
|
23
|
+
} | {
|
|
26
24
|
index?: never;
|
|
27
25
|
value: number;
|
|
28
|
-
|
|
29
|
-
| number;
|
|
26
|
+
} | number;
|
|
30
27
|
};
|
|
31
|
-
export declare function LineChartHorizontalLine({
|
|
32
|
-
color,
|
|
33
|
-
lineProps,
|
|
34
|
-
at,
|
|
35
|
-
offsetY,
|
|
36
|
-
}: HorizontalLineProps): React.JSX.Element;
|
|
28
|
+
export declare function LineChartHorizontalLine({ color, lineProps, at, offsetY, }: HorizontalLineProps): React.JSX.Element;
|
|
37
29
|
export declare namespace LineChartHorizontalLine {
|
|
38
|
-
|
|
30
|
+
var displayName: string;
|
|
39
31
|
}
|
|
40
32
|
export {};
|
|
41
|
-
//# sourceMappingURL=HorizontalLine.d.ts.map
|
|
33
|
+
//# sourceMappingURL=HorizontalLine.d.ts.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export declare const LineChartPathContext: React.Context<{
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
color: string;
|
|
4
|
+
isInactive: boolean;
|
|
5
|
+
isTransitionEnabled: boolean;
|
|
6
6
|
}>;
|
|
7
|
-
//# sourceMappingURL=LineChartPathContext.d.ts.map
|
|
7
|
+
//# sourceMappingURL=LineChartPathContext.d.ts.map
|
|
@@ -2,34 +2,29 @@ import * as React from 'react';
|
|
|
2
2
|
import { AnimatedProps } from 'react-native-reanimated';
|
|
3
3
|
import { PathProps } from 'react-native-svg';
|
|
4
4
|
export type LineChartPathProps = AnimatedProps<PathProps> & {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
5
|
+
color?: string;
|
|
6
|
+
inactiveColor?: string;
|
|
7
|
+
width?: number;
|
|
8
|
+
isInactive?: boolean;
|
|
9
|
+
/**
|
|
10
|
+
* Default: `true`.
|
|
11
|
+
*
|
|
12
|
+
* If `false`, changes in the chart's path will not animate.
|
|
13
|
+
*
|
|
14
|
+
* While this use case is rare, it may be useful on web, where animations might not work as well.
|
|
15
|
+
*
|
|
16
|
+
***Example**
|
|
17
|
+
*
|
|
18
|
+
* ```tsx
|
|
19
|
+
* <LineChart.Path
|
|
20
|
+
* pathProps={{ isTransitionEnabled: Platform.OS !== 'web' }}
|
|
21
|
+
* />
|
|
22
|
+
* ```
|
|
23
|
+
*/
|
|
24
|
+
isTransitionEnabled?: boolean;
|
|
25
25
|
};
|
|
26
|
-
export declare function LineChartPath({
|
|
27
|
-
color,
|
|
28
|
-
inactiveColor,
|
|
29
|
-
width: strokeWidth,
|
|
30
|
-
...props
|
|
31
|
-
}: LineChartPathProps): React.JSX.Element;
|
|
26
|
+
export declare function LineChartPath({ color, inactiveColor, width: strokeWidth, ...props }: LineChartPathProps): React.JSX.Element;
|
|
32
27
|
export declare namespace LineChartPath {
|
|
33
|
-
|
|
28
|
+
var displayName: string;
|
|
34
29
|
}
|
|
35
|
-
//# sourceMappingURL=Path.d.ts.map
|
|
30
|
+
//# sourceMappingURL=Path.d.ts.map
|
|
@@ -3,34 +3,26 @@ import type { TextProps as RNTextProps } from 'react-native';
|
|
|
3
3
|
import type { AnimatedProps } from 'react-native-reanimated';
|
|
4
4
|
import type { TFormatterFn } from '../../types';
|
|
5
5
|
export type LineChartPriceTextProps = {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
6
|
+
format?: TFormatterFn<string>;
|
|
7
|
+
precision?: number;
|
|
8
|
+
variant?: 'formatted' | 'value';
|
|
9
|
+
style?: AnimatedProps<RNTextProps>['style'];
|
|
10
|
+
/**
|
|
11
|
+
* By default, it will use the current active index from the chart.
|
|
12
|
+
* If this is set it will use the index provided.
|
|
13
|
+
*/
|
|
14
|
+
index?: number;
|
|
15
|
+
/**
|
|
16
|
+
* Use optimized rendering for high-frequency updates (bypasses AnimatedText)
|
|
17
|
+
*/
|
|
18
|
+
useOptimizedRendering?: boolean;
|
|
19
|
+
/**
|
|
20
|
+
* Function to determine text color based on the formatted value
|
|
21
|
+
*/
|
|
22
|
+
getTextColor?: (formattedValue: string) => string;
|
|
23
23
|
};
|
|
24
|
-
export declare function LineChartPriceText({
|
|
25
|
-
format,
|
|
26
|
-
precision,
|
|
27
|
-
variant,
|
|
28
|
-
style,
|
|
29
|
-
index,
|
|
30
|
-
useOptimizedRendering,
|
|
31
|
-
getTextColor,
|
|
32
|
-
}: LineChartPriceTextProps): React.JSX.Element;
|
|
24
|
+
export declare function LineChartPriceText({ format, precision, variant, style, index, useOptimizedRendering, getTextColor, }: LineChartPriceTextProps): React.JSX.Element;
|
|
33
25
|
export declare namespace LineChartPriceText {
|
|
34
|
-
|
|
26
|
+
var displayName: string;
|
|
35
27
|
}
|
|
36
|
-
//# sourceMappingURL=PriceText.d.ts.map
|
|
28
|
+
//# sourceMappingURL=PriceText.d.ts.map
|
|
@@ -5,38 +5,26 @@ import type { ViewProps } from 'react-native';
|
|
|
5
5
|
import type { TFormatterFn } from '../../types';
|
|
6
6
|
export type LineChartTooltipPosition = 'top' | 'bottom' | 'left' | 'right';
|
|
7
7
|
export type LineChartTooltipProps = AnimatedProps<ViewProps> & {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
8
|
+
children?: React.ReactNode;
|
|
9
|
+
format?: TFormatterFn<string>;
|
|
10
|
+
xGutter?: number;
|
|
11
|
+
yGutter?: number;
|
|
12
|
+
cursorGutter?: number;
|
|
13
|
+
position?: LineChartTooltipPosition;
|
|
14
|
+
withHorizontalFloating?: boolean;
|
|
15
|
+
textProps?: LineChartPriceTextProps;
|
|
16
|
+
textStyle?: LineChartPriceTextProps['style'];
|
|
17
|
+
/**
|
|
18
|
+
* When specified the tooltip is considered static, and will
|
|
19
|
+
* always be rendered at the given index, unless there is interaction
|
|
20
|
+
* with the chart (like interacting with a cursor).
|
|
21
|
+
*
|
|
22
|
+
* @default undefined
|
|
23
|
+
*/
|
|
24
|
+
at?: number;
|
|
25
25
|
};
|
|
26
|
-
export declare function LineChartTooltip({
|
|
27
|
-
children,
|
|
28
|
-
format,
|
|
29
|
-
xGutter,
|
|
30
|
-
yGutter,
|
|
31
|
-
cursorGutter,
|
|
32
|
-
position,
|
|
33
|
-
withHorizontalFloating,
|
|
34
|
-
textProps,
|
|
35
|
-
textStyle,
|
|
36
|
-
at,
|
|
37
|
-
...props
|
|
38
|
-
}: LineChartTooltipProps): React.JSX.Element;
|
|
26
|
+
export declare function LineChartTooltip({ children, format, xGutter, yGutter, cursorGutter, position, withHorizontalFloating, textProps, textStyle, at, ...props }: LineChartTooltipProps): React.JSX.Element;
|
|
39
27
|
export declare namespace LineChartTooltip {
|
|
40
|
-
|
|
28
|
+
var displayName: string;
|
|
41
29
|
}
|
|
42
|
-
//# sourceMappingURL=Tooltip.d.ts.map
|
|
30
|
+
//# sourceMappingURL=Tooltip.d.ts.map
|
|
@@ -34,37 +34,24 @@ export * from './useLineChart';
|
|
|
34
34
|
export * from './usePrice';
|
|
35
35
|
export * from './types';
|
|
36
36
|
export declare const LineChart: typeof _LineChart & {
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
CursorLine: typeof LineChartCursorLine;
|
|
57
|
-
Gradient: typeof LineChartGradient;
|
|
58
|
-
Group: typeof LineChartGroup;
|
|
59
|
-
Highlight: typeof LineChartHighlight;
|
|
60
|
-
HorizontalLine: typeof LineChartHorizontalLine;
|
|
61
|
-
Tooltip: typeof LineChartTooltip;
|
|
62
|
-
Provider: typeof LineChartProvider;
|
|
63
|
-
PriceText: typeof LineChartPriceText;
|
|
64
|
-
DatetimeText: typeof LineChartDatetimeText;
|
|
65
|
-
useDatetime: typeof useLineChartDatetime;
|
|
66
|
-
usePrice: typeof useLineChartPrice;
|
|
67
|
-
useChart: typeof useLineChart;
|
|
68
|
-
HoverTrap: () => import('react').JSX.Element;
|
|
37
|
+
Axis: ({ position, orientation, color, strokeWidth, tickCount, domain, hideOnInteraction, format, textStyle, labelPadding, containerStyle, ...props }: import("./Axis").LineChartAxisProps) => import("react").JSX.Element;
|
|
38
|
+
Chart: typeof _LineChart;
|
|
39
|
+
Dot: typeof LineChartDot;
|
|
40
|
+
Path: typeof LineChartPathWrapper;
|
|
41
|
+
Cursor: typeof LineChartCursor;
|
|
42
|
+
CursorCrosshair: typeof LineChartCursorCrosshair;
|
|
43
|
+
CursorLine: typeof LineChartCursorLine;
|
|
44
|
+
Gradient: typeof LineChartGradient;
|
|
45
|
+
Group: typeof LineChartGroup;
|
|
46
|
+
Highlight: typeof LineChartHighlight;
|
|
47
|
+
HorizontalLine: typeof LineChartHorizontalLine;
|
|
48
|
+
Tooltip: typeof LineChartTooltip;
|
|
49
|
+
Provider: typeof LineChartProvider;
|
|
50
|
+
PriceText: typeof LineChartPriceText;
|
|
51
|
+
DatetimeText: typeof LineChartDatetimeText;
|
|
52
|
+
useDatetime: typeof useLineChartDatetime;
|
|
53
|
+
usePrice: typeof useLineChartPrice;
|
|
54
|
+
useChart: typeof useLineChart;
|
|
55
|
+
HoverTrap: () => import("react").JSX.Element;
|
|
69
56
|
};
|
|
70
|
-
//# sourceMappingURL=index.d.ts.map
|
|
57
|
+
//# sourceMappingURL=index.d.ts.map
|