@bashem/rn-charts 0.0.3 → 0.0.5
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 +1 -1
- package/lib/module/skia/AreaChart/AreaChart.js +60 -51
- package/lib/module/skia/AreaChart/AreaChart.js.map +1 -1
- package/lib/module/skia/AreaChart/useAreaChart.js +18 -14
- package/lib/module/skia/AreaChart/useAreaChart.js.map +1 -1
- package/lib/module/skia/BarChart/BarChart.js +156 -69
- package/lib/module/skia/BarChart/BarChart.js.map +1 -1
- package/lib/module/skia/BarChart/useBarChart.js +53 -41
- package/lib/module/skia/BarChart/useBarChart.js.map +1 -1
- package/lib/module/skia/Common/HorizontalLabelView.js +121 -0
- package/lib/module/skia/Common/HorizontalLabelView.js.map +1 -0
- package/lib/module/skia/Common/VerticalLabelView.js +100 -0
- package/lib/module/skia/Common/VerticalLabelView.js.map +1 -0
- package/lib/module/skia/Common/useComponentLayout.js +13 -0
- package/lib/module/skia/Common/useComponentLayout.js.map +1 -0
- package/lib/module/skia/HeatMap/DateHeatMap.js +472 -0
- package/lib/module/skia/HeatMap/DateHeatMap.js.map +1 -0
- package/lib/module/skia/HeatMap/HeatMap.js +121 -33
- package/lib/module/skia/HeatMap/HeatMap.js.map +1 -1
- package/lib/module/skia/HeatMap/useHeatMap.js +132 -48
- package/lib/module/skia/HeatMap/useHeatMap.js.map +1 -1
- package/lib/module/skia/PieChart/PieChart.js +21 -17
- package/lib/module/skia/PieChart/PieChart.js.map +1 -1
- package/lib/module/skia/PieChart/usePieChart.js +241 -30
- package/lib/module/skia/PieChart/usePieChart.js.map +1 -1
- package/lib/module/skia/Popup.js +7 -5
- package/lib/module/skia/Popup.js.map +1 -1
- package/lib/module/skia/common.js +4 -41
- package/lib/module/skia/common.js.map +1 -1
- package/lib/typescript/src/index.d.ts +1 -0
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/skia/AreaChart/AreaChart.d.ts +15 -3
- package/lib/typescript/src/skia/AreaChart/AreaChart.d.ts.map +1 -1
- package/lib/typescript/src/skia/AreaChart/useAreaChart.d.ts +13 -14
- package/lib/typescript/src/skia/AreaChart/useAreaChart.d.ts.map +1 -1
- package/lib/typescript/src/skia/BarChart/BarChart.d.ts +16 -2
- package/lib/typescript/src/skia/BarChart/BarChart.d.ts.map +1 -1
- package/lib/typescript/src/skia/BarChart/useBarChart.d.ts +17 -5
- package/lib/typescript/src/skia/BarChart/useBarChart.d.ts.map +1 -1
- package/lib/typescript/src/skia/Common/HorizontalLabelView.d.ts +33 -0
- package/lib/typescript/src/skia/Common/HorizontalLabelView.d.ts.map +1 -0
- package/lib/typescript/src/skia/Common/VerticalLabelView.d.ts +24 -0
- package/lib/typescript/src/skia/Common/VerticalLabelView.d.ts.map +1 -0
- package/lib/typescript/src/skia/Common/useComponentLayout.d.ts +4 -0
- package/lib/typescript/src/skia/Common/useComponentLayout.d.ts.map +1 -0
- package/lib/typescript/src/skia/HeatMap/DateHeatMap.d.ts +1 -0
- package/lib/typescript/src/skia/HeatMap/DateHeatMap.d.ts.map +1 -0
- package/lib/typescript/src/skia/HeatMap/HeatMap.d.ts +28 -12
- package/lib/typescript/src/skia/HeatMap/HeatMap.d.ts.map +1 -1
- package/lib/typescript/src/skia/HeatMap/useHeatMap.d.ts +15 -4
- package/lib/typescript/src/skia/HeatMap/useHeatMap.d.ts.map +1 -1
- package/lib/typescript/src/skia/PieChart/PieChart.d.ts +5 -1
- package/lib/typescript/src/skia/PieChart/PieChart.d.ts.map +1 -1
- package/lib/typescript/src/skia/PieChart/usePieChart.d.ts +6 -1
- package/lib/typescript/src/skia/PieChart/usePieChart.d.ts.map +1 -1
- package/lib/typescript/src/skia/Popup.d.ts.map +1 -1
- package/lib/typescript/src/skia/common.d.ts +3 -10
- package/lib/typescript/src/skia/common.d.ts.map +1 -1
- package/package.json +11 -8
- package/src/index.tsx +6 -4
- package/src/skia/AreaChart/AreaChart.tsx +85 -62
- package/src/skia/AreaChart/useAreaChart.ts +25 -26
- package/src/skia/BarChart/BarChart.tsx +163 -95
- package/src/skia/BarChart/useBarChart.ts +55 -44
- package/src/skia/Common/HorizontalLabelView.tsx +153 -0
- package/src/skia/Common/VerticalLabelView.tsx +113 -0
- package/src/skia/Common/useComponentLayout.ts +14 -0
- package/src/skia/HeatMap/DateHeatMap.tsx +470 -0
- package/src/skia/HeatMap/HeatMap.tsx +168 -54
- package/src/skia/HeatMap/useHeatMap.ts +139 -65
- package/src/skia/PieChart/PieChart.tsx +16 -11
- package/src/skia/PieChart/usePieChart.ts +316 -66
- package/src/skia/Popup.tsx +38 -36
- package/src/skia/common.ts +8 -46
- package/lib/module/skia/Common/VerticalLabel.js +0 -73
- package/lib/module/skia/Common/VerticalLabel.js.map +0 -1
- package/lib/typescript/src/skia/Common/VerticalLabel.d.ts +0 -17
- package/lib/typescript/src/skia/Common/VerticalLabel.d.ts.map +0 -1
- package/src/skia/Common/VerticalLabel.tsx +0 -91
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BarChart.d.ts","sourceRoot":"","sources":["../../../../../src/skia/BarChart/BarChart.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"BarChart.d.ts","sourceRoot":"","sources":["../../../../../src/skia/BarChart/BarChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAQzD,OAAO,EAAqB,KAAK,UAAU,EAA4D,MAAM,4BAA4B,CAAC;AAE1I,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C,OAAc,EAAE,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAA0B,EAAE,KAAK,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACzF,OAA4B,EAAE,KAAK,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAG/F,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,OAAO;IACtB,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,aAAc,SAAQ,WAAW;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,oBAAoB,CAAC,EAAE,oBAAoB,CAAC;CAC7C;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,CAAC;IAC3C,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IACjF,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC;IAC1F,UAAU,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IACnD,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC;IAC7F,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC;IAC3G,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC;IACnH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;IACpC,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,iBAAS,QAAQ,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,WAAW,EAAE,mBAAmB,EAAE,eAAe,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,qBAuMvI;AAED,eAAe,QAAQ,CAAC"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
+
import { type SkHostRect } from "@shopify/react-native-skia";
|
|
1
2
|
import type { StackValue, BarChartProps } from "./BarChart";
|
|
2
|
-
export default function useBarChart({ data, style, maxValue, minValue }: BarChartProps): {
|
|
3
|
+
export default function useBarChart({ data, style, maxValue, minValue, yLabels, overscanRatio }: BarChartProps): {
|
|
4
|
+
offset: import("react-native-reanimated").SharedValue<number>;
|
|
3
5
|
maxValueCalculated: number;
|
|
4
6
|
minValueCalculated: number;
|
|
5
|
-
canvasHeight: number;
|
|
6
7
|
canvasWidth: number;
|
|
7
8
|
steps: number[];
|
|
8
9
|
scrollAreaWidth: number;
|
|
@@ -12,11 +13,14 @@ export default function useBarChart({ data, style, maxValue, minValue }: BarChar
|
|
|
12
13
|
paddingLeft: number;
|
|
13
14
|
paddingRight: number;
|
|
14
15
|
verticalLabelWidth: number;
|
|
16
|
+
setVerticalLabelWidth: import("react").Dispatch<import("react").SetStateAction<number>>;
|
|
15
17
|
chartBarWidth: number;
|
|
16
18
|
chartBarSpacing: number;
|
|
17
|
-
strokeWidth: number;
|
|
18
19
|
rectangles: {
|
|
19
|
-
bars:
|
|
20
|
+
bars: {
|
|
21
|
+
rect: SkHostRect;
|
|
22
|
+
stackValue: StackValue;
|
|
23
|
+
}[];
|
|
20
24
|
label: string | undefined;
|
|
21
25
|
dataIndex: number;
|
|
22
26
|
x: number;
|
|
@@ -24,18 +28,26 @@ export default function useBarChart({ data, style, maxValue, minValue }: BarChar
|
|
|
24
28
|
tooltip: {
|
|
25
29
|
centerX: number;
|
|
26
30
|
centerY: number;
|
|
31
|
+
rect: SkHostRect;
|
|
27
32
|
data: StackValue;
|
|
33
|
+
xLabel?: string;
|
|
28
34
|
} | undefined;
|
|
29
35
|
bottomLabelHeight: number;
|
|
30
|
-
|
|
36
|
+
setBottomLabelHeight: import("react").Dispatch<import("react").SetStateAction<number>>;
|
|
31
37
|
setTooltip: import("react").Dispatch<import("react").SetStateAction<{
|
|
32
38
|
centerX: number;
|
|
33
39
|
centerY: number;
|
|
40
|
+
rect: SkHostRect;
|
|
34
41
|
data: StackValue;
|
|
42
|
+
xLabel?: string;
|
|
35
43
|
} | undefined>>;
|
|
36
44
|
touchHandler: (touchedX: number, touchedY: number) => void;
|
|
37
45
|
onScroll: (translateX: number) => void;
|
|
46
|
+
startX: number;
|
|
38
47
|
totalHeight: number;
|
|
39
48
|
totalWidth: number;
|
|
49
|
+
yLabels: number[];
|
|
50
|
+
verticalStrokeWidth: number;
|
|
51
|
+
horizontalStrokeWidth: number;
|
|
40
52
|
};
|
|
41
53
|
//# sourceMappingURL=useBarChart.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useBarChart.d.ts","sourceRoot":"","sources":["../../../../../src/skia/BarChart/useBarChart.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useBarChart.d.ts","sourceRoot":"","sources":["../../../../../src/skia/BarChart/useBarChart.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAEnE,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAM5D,MAAM,CAAC,OAAO,UAAU,WAAW,CAClC,EACC,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,aAAa,EACb,EAAE,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;iBAoCkC,MAAM;iBAAW,MAAM;cAAQ,UAAU;cAAQ,UAAU;iBAAW,MAAM;;;;;iBAA5E,MAAM;iBAAW,MAAM;cAAQ,UAAU;cAAQ,UAAU;iBAAW,MAAM;;6BAmE9F,MAAM,YAAY,MAAM;2BA2D1B,MAAM;;;;;;;EAyCpC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { type LayoutChangeEvent } from "react-native";
|
|
2
|
+
import { type CommonStyle } from '../common';
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { type AnimatedProp, type Transforms3d } from "@shopify/react-native-skia";
|
|
5
|
+
import { type SharedValue } from "react-native-reanimated";
|
|
6
|
+
export interface HorizontalLabelStyle {
|
|
7
|
+
height?: number;
|
|
8
|
+
backgroundColor?: string;
|
|
9
|
+
strokeWidth?: number;
|
|
10
|
+
strokeColor?: string;
|
|
11
|
+
strokePosition?: "top" | "bottom";
|
|
12
|
+
}
|
|
13
|
+
export interface HorizontalLabelStyleExtended extends HorizontalLabelStyle {
|
|
14
|
+
viewPosition?: "top" | "bottom";
|
|
15
|
+
}
|
|
16
|
+
interface HorizontalLabelViewStyle extends CommonStyle {
|
|
17
|
+
width: number;
|
|
18
|
+
left?: number;
|
|
19
|
+
horizontalLabelStyle?: HorizontalLabelStyleExtended;
|
|
20
|
+
}
|
|
21
|
+
interface HorizontalLabelProps<T> {
|
|
22
|
+
labels: T[];
|
|
23
|
+
positions: number[];
|
|
24
|
+
style: HorizontalLabelViewStyle;
|
|
25
|
+
onLayout?: (event: LayoutChangeEvent) => void;
|
|
26
|
+
children?: (index: number, data: T) => React.JSX.Element | undefined;
|
|
27
|
+
labelSkiaView?: (yPosition: number, index: number, data: T) => React.JSX.Element | undefined;
|
|
28
|
+
transform?: AnimatedProp<Transforms3d>;
|
|
29
|
+
xOffset?: SharedValue<number>;
|
|
30
|
+
}
|
|
31
|
+
declare function HorizontalLabelView<T>({ labels, positions, style, onLayout, children, labelSkiaView, transform, xOffset }: HorizontalLabelProps<T>): React.JSX.Element;
|
|
32
|
+
export default HorizontalLabelView;
|
|
33
|
+
//# sourceMappingURL=HorizontalLabelView.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HorizontalLabelView.d.ts","sourceRoot":"","sources":["../../../../../src/skia/Common/HorizontalLabelView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAC5D,OAAO,EAAe,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAC1D,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAuB,KAAK,YAAY,EAAE,KAAK,YAAY,EAAE,MAAM,4BAA4B,CAAC;AACvG,OAAiB,EAAoB,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEvF,MAAM,WAAW,oBAAoB;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CAClC;AAED,MAAM,WAAW,4BAA6B,SAAQ,oBAAoB;IACzE,YAAY,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CAChC;AAED,UAAU,wBAAyB,SAAQ,WAAW;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB,CAAC,EAAE,4BAA4B,CAAC;CACpD;AAED,UAAU,oBAAoB,CAAC,CAAC;IAC/B,MAAM,EAAE,CAAC,EAAE,CAAC;IACZ,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,KAAK,EAAE,wBAAwB,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC;IACrE,aAAa,CAAC,EAAE,CACf,SAAS,EAAE,MAAM,EACjB,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,CAAC,KACH,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC;IACnC,SAAS,CAAC,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC;IACvC,OAAO,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC9B;AAED,iBAAS,mBAAmB,CAAC,CAAC,EAAE,EAC/B,MAAM,EACN,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,SAAS,EACT,OAAO,EACP,EAAE,oBAAoB,CAAC,CAAC,CAAC,qBAgFzB;AAwBD,eAAe,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { type LayoutChangeEvent } from "react-native";
|
|
2
|
+
import { type CommonStyle } from '../common';
|
|
3
|
+
import React from "react";
|
|
4
|
+
export interface VerticalLabelStyle {
|
|
5
|
+
width?: number;
|
|
6
|
+
backgroundColor?: string;
|
|
7
|
+
strokeWidth?: number;
|
|
8
|
+
strokeColor?: string;
|
|
9
|
+
}
|
|
10
|
+
interface VerticalLabelViewStyles extends CommonStyle {
|
|
11
|
+
height: number;
|
|
12
|
+
top?: number;
|
|
13
|
+
verticalLabelStyle?: VerticalLabelStyle;
|
|
14
|
+
}
|
|
15
|
+
interface VerticalLabelProps {
|
|
16
|
+
labelPercentages: number[];
|
|
17
|
+
styles: VerticalLabelViewStyles;
|
|
18
|
+
onLayout?: (event: LayoutChangeEvent) => void;
|
|
19
|
+
children: (percentage: number, index: number) => React.JSX.Element | undefined;
|
|
20
|
+
labelSkiaView?: (percentage: number, yPosition: number, index: number) => React.JSX.Element | undefined;
|
|
21
|
+
}
|
|
22
|
+
declare function VerticalLabelView({ labelSkiaView, labelPercentages, styles, onLayout, children }: VerticalLabelProps): React.JSX.Element;
|
|
23
|
+
export default VerticalLabelView;
|
|
24
|
+
//# sourceMappingURL=VerticalLabelView.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VerticalLabelView.d.ts","sourceRoot":"","sources":["../../../../../src/skia/Common/VerticalLabelView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAE5D,OAAO,EAAe,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAC1D,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,MAAM,WAAW,kBAAkB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,uBAAwB,SAAQ,WAAW;IACpD,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;CACxC;AAED,UAAU,kBAAkB;IAC3B,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,MAAM,EAAE,uBAAuB,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC;IAC/E,aAAa,CAAC,EAAE,CACf,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,EACjB,KAAK,EAAE,MAAM,KACT,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC;CACnC;AAED,iBAAS,iBAAiB,CAAC,EAC1B,aAAa,EACb,gBAAgB,EAChB,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,EAAE,kBAAkB,qBA0EpB;AAED,eAAe,iBAAiB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useComponentLayout.d.ts","sourceRoot":"","sources":["../../../../../src/skia/Common/useComponentLayout.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEvE,iBAAS,kBAAkB,IAAI,CAAC,eAAe,GAAG,SAAS,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC,CAQ/F;AAED,eAAe,kBAAkB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//# sourceMappingURL=DateHeatMap.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DateHeatMap.d.ts","sourceRoot":"","sources":["../../../../../src/skia/HeatMap/DateHeatMap.tsx"],"names":[],"mappings":""}
|
|
@@ -1,33 +1,49 @@
|
|
|
1
1
|
import React, { type Ref } from 'react';
|
|
2
|
-
import type
|
|
2
|
+
import { type SkHostRect } from '@shopify/react-native-skia';
|
|
3
|
+
import type { CommonStyle, HandleOutSideTouch } from '../common';
|
|
3
4
|
import { type PopupStyle } from '../Popup';
|
|
4
|
-
|
|
5
|
-
|
|
5
|
+
import { type VerticalLabelStyle } from "../Common/VerticalLabelView";
|
|
6
|
+
import { type HorizontalLabelStyleExtended } from "../Common/HorizontalLabelView";
|
|
7
|
+
export type CellDatum = {
|
|
8
|
+
rowIndex: number;
|
|
9
|
+
colIndex: number;
|
|
10
|
+
groupIndex: number;
|
|
6
11
|
value: number;
|
|
7
|
-
dayOfWeek: number;
|
|
8
|
-
week: number;
|
|
9
12
|
x: number;
|
|
10
13
|
y: number;
|
|
11
14
|
};
|
|
12
|
-
export interface
|
|
13
|
-
|
|
15
|
+
export interface HeatMapDataGroup {
|
|
16
|
+
cols: number;
|
|
17
|
+
startingRow: number;
|
|
18
|
+
endingRow: number;
|
|
19
|
+
data?: Record<number, Record<number, number>>;
|
|
14
20
|
}
|
|
15
21
|
export interface HeatMapStyle extends CommonStyle {
|
|
16
22
|
cellSize?: number;
|
|
17
23
|
cellGap?: number;
|
|
18
24
|
cellMaxColor?: string;
|
|
19
25
|
cellMinColor?: string;
|
|
26
|
+
horizontalLabelStyle?: HorizontalLabelStyleExtended;
|
|
27
|
+
verticalLabelStyle?: VerticalLabelStyle;
|
|
28
|
+
interGroupSpacing?: number;
|
|
20
29
|
}
|
|
21
30
|
export interface HeatMapProps {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
31
|
+
rows: number;
|
|
32
|
+
data: HeatMapDataGroup[];
|
|
33
|
+
coalesceGroups?: boolean;
|
|
25
34
|
style?: HeatMapStyle;
|
|
26
35
|
minValue?: number;
|
|
27
36
|
maxValue?: number;
|
|
37
|
+
xLabelSkiaView?: (index: number, rect: SkHostRect) => React.JSX.Element | undefined;
|
|
38
|
+
yLabelSkiaView?: (index: number, yPosition: number) => React.JSX.Element | undefined;
|
|
39
|
+
xLabelView?: (index: number, width: number) => React.JSX.Element | undefined;
|
|
40
|
+
yLabelView?: (index: number) => React.JSX.Element | undefined;
|
|
41
|
+
cellSkiaView?: (rect: SkHostRect, day: CellDatum) => React.JSX.Element | undefined;
|
|
42
|
+
onSelectSkiaView?: (rect: SkHostRect, day: CellDatum) => React.JSX.Element | undefined;
|
|
43
|
+
onSelectView?: (rect: SkHostRect, day: CellDatum) => React.JSX.Element | undefined;
|
|
28
44
|
ref?: Ref<HandleOutSideTouch | undefined>;
|
|
29
|
-
popupStyle?: PopupStyle<
|
|
45
|
+
popupStyle?: PopupStyle<CellDatum>;
|
|
30
46
|
}
|
|
31
|
-
declare function HeatMap(props: HeatMapProps): React.JSX.Element;
|
|
47
|
+
declare function HeatMap({ yLabelView, yLabelSkiaView, xLabelView, xLabelSkiaView, cellSkiaView, onSelectView, onSelectSkiaView, ...props }: HeatMapProps): React.JSX.Element;
|
|
32
48
|
export default HeatMap;
|
|
33
49
|
//# sourceMappingURL=HeatMap.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeatMap.d.ts","sourceRoot":"","sources":["../../../../../src/skia/HeatMap/HeatMap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"HeatMap.d.ts","sourceRoot":"","sources":["../../../../../src/skia/HeatMap/HeatMap.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import type { View } from "react-native-reanimated/lib/typescript/Animated";
|
|
2
|
-
import type {
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
import type { CellDatum, HeatMapProps } from "./HeatMap";
|
|
3
|
+
import { type SkHostRect } from "@shopify/react-native-skia";
|
|
4
|
+
declare function useHeatMap({ rows, data, style, minValue, maxValue, coalesceGroups, ref, popupStyle }: HeatMapProps): {
|
|
5
|
+
cellData: CellDatum[];
|
|
5
6
|
computedMin: number;
|
|
6
7
|
computedMax: number;
|
|
7
8
|
totalWidth: number;
|
|
@@ -9,7 +10,7 @@ declare function useHeatMap({ startDate, endDate, data, style, minValue, maxValu
|
|
|
9
10
|
popupData: {
|
|
10
11
|
x: number;
|
|
11
12
|
y: number;
|
|
12
|
-
|
|
13
|
+
data: CellDatum;
|
|
13
14
|
} | undefined;
|
|
14
15
|
popupRef: import("react").RefObject<View | null>;
|
|
15
16
|
popupDimension: {
|
|
@@ -20,6 +21,16 @@ declare function useHeatMap({ startDate, endDate, data, style, minValue, maxValu
|
|
|
20
21
|
getColor: (value: number) => string;
|
|
21
22
|
cellSize: number;
|
|
22
23
|
onTouchOutside: () => void;
|
|
24
|
+
verticalLabelWidth: number;
|
|
25
|
+
setVerticalLabelWidth: import("react").Dispatch<import("react").SetStateAction<number>>;
|
|
26
|
+
horizontalLabelHeight: number;
|
|
27
|
+
setHorizontalLabelHeight: import("react").Dispatch<import("react").SetStateAction<number>>;
|
|
28
|
+
numberOfRows: number;
|
|
29
|
+
paddingLeft: number;
|
|
30
|
+
paddingRight: number;
|
|
31
|
+
paddingTop: number;
|
|
32
|
+
paddingBottom: number;
|
|
33
|
+
xLabelsRect: SkHostRect[];
|
|
23
34
|
};
|
|
24
35
|
export default useHeatMap;
|
|
25
36
|
//# sourceMappingURL=useHeatMap.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useHeatMap.d.ts","sourceRoot":"","sources":["../../../../../src/skia/HeatMap/useHeatMap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,iDAAiD,CAAC;AAC5E,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"useHeatMap.d.ts","sourceRoot":"","sources":["../../../../../src/skia/HeatMap/useHeatMap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,iDAAiD,CAAC;AAC5E,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAGzD,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAEnE,iBAAS,UAAU,CAAC,EAClB,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,GAAG,EACH,UAAU,EACX,EAAE,YAAY;;;;;;;WAkBN,MAAM;WAAK,MAAM;cAAQ,SAAS;;;;;;;sBAwHhB,MAAM,KAAK,MAAM;sBAhCjB,MAAM;;;;;;;;;;;;;EA6HhC;AAED,eAAe,UAAU,CAAC"}
|
|
@@ -9,19 +9,23 @@ export type PieSlice = {
|
|
|
9
9
|
value: number;
|
|
10
10
|
color?: string;
|
|
11
11
|
label?: string;
|
|
12
|
+
radius?: number;
|
|
12
13
|
};
|
|
13
14
|
export type PieChartProps = {
|
|
14
15
|
slices: PieSlice[];
|
|
15
16
|
style: PieChartStyles;
|
|
16
17
|
centerView?: React.ReactNode;
|
|
18
|
+
centerSkiaView?: (centerX: number, centerY: number, radius: number) => React.ReactNode;
|
|
17
19
|
onSliceTouch?: (slice: PieSlice | undefined) => void;
|
|
18
20
|
popupStyle?: PopupStyle<PieSlice>;
|
|
19
21
|
};
|
|
20
22
|
export interface PieChartStyles extends CommonStyle {
|
|
23
|
+
startAngle?: number;
|
|
21
24
|
radius?: number;
|
|
22
25
|
innerRadius?: number;
|
|
23
26
|
innerColor?: string;
|
|
27
|
+
interSliceGap?: number;
|
|
24
28
|
}
|
|
25
|
-
declare function PieChart(props: PieChartProps): import("react").JSX.Element;
|
|
29
|
+
declare function PieChart({ popupStyle, centerSkiaView, centerView, ...props }: PieChartProps): import("react").JSX.Element;
|
|
26
30
|
export default PieChart;
|
|
27
31
|
//# sourceMappingURL=PieChart.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PieChart.d.ts","sourceRoot":"","sources":["../../../../../src/skia/PieChart/PieChart.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAG7C,OAAc,EAAE,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAGlD,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED,MAAM,MAAM,QAAQ,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"PieChart.d.ts","sourceRoot":"","sources":["../../../../../src/skia/PieChart/PieChart.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAG7C,OAAc,EAAE,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAGlD,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED,MAAM,MAAM,QAAQ,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE,QAAQ,EAAE,CAAC;IACnB,KAAK,EAAE,cAAc,CAAC;IACtB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACvF,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IACrD,UAAU,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;CACnC,CAAC;AAEF,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,iBAAS,QAAQ,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,+BA+EpF;AAED,eAAe,QAAQ,CAAC"}
|
|
@@ -1,13 +1,18 @@
|
|
|
1
1
|
import type { PieChartProps, PopupData } from "./PieChart";
|
|
2
|
+
import { type SkPath } from "@shopify/react-native-skia";
|
|
2
3
|
export declare function usePieChart({ slices, style, onSliceTouch }: PieChartProps): {
|
|
3
4
|
paths: {
|
|
4
|
-
path:
|
|
5
|
+
path: SkPath;
|
|
5
6
|
color: string;
|
|
6
7
|
}[];
|
|
8
|
+
height: number;
|
|
9
|
+
width: number;
|
|
7
10
|
diameter: number;
|
|
8
11
|
innerRadius: number;
|
|
9
12
|
radius: number;
|
|
10
13
|
popupData: PopupData | undefined;
|
|
11
14
|
touchHandler: (locationX: number, locationY: number) => void;
|
|
15
|
+
cx: number;
|
|
16
|
+
cy: number;
|
|
12
17
|
};
|
|
13
18
|
//# sourceMappingURL=usePieChart.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePieChart.d.ts","sourceRoot":"","sources":["../../../../../src/skia/PieChart/usePieChart.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,
|
|
1
|
+
{"version":3,"file":"usePieChart.d.ts","sourceRoot":"","sources":["../../../../../src/skia/PieChart/usePieChart.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC3D,OAAO,EAAc,KAAK,MAAM,EAAE,MAAM,4BAA4B,CAAC;AA8LrE,wBAAgB,WAAW,CAAC,EAC3B,MAAM,EACN,KAAK,EACL,YAAY,EACZ,EAAE,aAAa;;;;;;;;;;;8BAwJkB,MAAM,aAAa,MAAM;;;EAyD1D"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../../src/skia/Popup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,UAAU,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../../src/skia/Popup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,UAAU,CAAC,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;CAC5C;AAED,UAAU,SAAS,CAAC,CAAC;IACnB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,EAAE,CAAC,CAAC;CACT;AAED,UAAU,UAAU,CAAC,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1C,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,UAAU,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IAC3B,UAAU,EAAE;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;KACX,CAAC;CACH;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,CAAC,EAAE,EAC/B,SAAS,EACT,UAAU,EACV,WAAW,EACX,YAAY,EACZ,cAAc,EACd,UAAU,EACV,UAAU,GACX,EAAE,UAAU,CAAC,CAAC,CAAC,qBA0Ff"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { type SkFont } from "@shopify/react-native-skia";
|
|
2
1
|
export interface CommonStyle {
|
|
3
2
|
padding?: number;
|
|
4
3
|
paddingTop?: number;
|
|
@@ -9,13 +8,7 @@ export interface CommonStyle {
|
|
|
9
8
|
paddingRight?: number;
|
|
10
9
|
backgroundColor?: string;
|
|
11
10
|
disableRTL?: boolean;
|
|
12
|
-
font?: SkFont;
|
|
13
|
-
fontSize?: number;
|
|
14
11
|
}
|
|
15
|
-
export declare function getCommonStyleFont(style?: CommonStyle): {
|
|
16
|
-
font: SkFont;
|
|
17
|
-
fontSize: number;
|
|
18
|
-
};
|
|
19
12
|
export declare function getPaddings(style?: CommonStyle): {
|
|
20
13
|
paddingTop: number;
|
|
21
14
|
paddingBottom: number;
|
|
@@ -25,7 +18,7 @@ export declare function getPaddings(style?: CommonStyle): {
|
|
|
25
18
|
paddingVertical: number;
|
|
26
19
|
};
|
|
27
20
|
export declare function getRandomRGBColor(): string;
|
|
28
|
-
export
|
|
29
|
-
|
|
30
|
-
|
|
21
|
+
export interface HandleOutSideTouch {
|
|
22
|
+
touchedOutside: () => void;
|
|
23
|
+
}
|
|
31
24
|
//# sourceMappingURL=common.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../src/skia/common.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../src/skia/common.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,WAAW;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,WAAW,CAAC,KAAK,CAAC,EAAE,WAAW;;;;;;;EAkB9C;AAED,wBAAgB,iBAAiB,WAKhC;AAED,MAAM,WAAW,kBAAkB;IACjC,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bashem/rn-charts",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.5",
|
|
4
4
|
"description": "Experimental Charts Library",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react-native",
|
|
@@ -63,12 +63,6 @@
|
|
|
63
63
|
"prepare": "bob build",
|
|
64
64
|
"release": "release-it --only-version"
|
|
65
65
|
},
|
|
66
|
-
"peerDependencies": {
|
|
67
|
-
"@shopify/react-native-skia": "^2.2.12",
|
|
68
|
-
"react": "^19.1.0",
|
|
69
|
-
"react-native": "^0.81.5",
|
|
70
|
-
"react-native-gesture-handler": "^2.28.0"
|
|
71
|
-
},
|
|
72
66
|
"devDependencies": {
|
|
73
67
|
"@commitlint/config-conventional": "^20.4.0",
|
|
74
68
|
"@eslint/compat": "^2.0.2",
|
|
@@ -96,6 +90,14 @@
|
|
|
96
90
|
"release-it": "^19.2.2",
|
|
97
91
|
"typescript": "^5.8.3"
|
|
98
92
|
},
|
|
93
|
+
"peerDependencies": {
|
|
94
|
+
"@shopify/react-native-skia": "^2.2.12",
|
|
95
|
+
"react": "^19.1.0",
|
|
96
|
+
"react-native": "^0.81.5",
|
|
97
|
+
"react-native-gesture-handler": "^2.28.0",
|
|
98
|
+
"react-native-reanimated": "^4.1.1",
|
|
99
|
+
"react-native-worklets": "^0.5.1"
|
|
100
|
+
},
|
|
99
101
|
"publishConfig": {
|
|
100
102
|
"registry": "https://registry.npmjs.org/",
|
|
101
103
|
"access": "public"
|
|
@@ -162,5 +164,6 @@
|
|
|
162
164
|
"languages": "js",
|
|
163
165
|
"type": "library",
|
|
164
166
|
"version": "0.52.0"
|
|
165
|
-
}
|
|
167
|
+
},
|
|
168
|
+
"dependencies": {}
|
|
166
169
|
}
|
package/src/index.tsx
CHANGED
|
@@ -5,16 +5,18 @@ export function multiply(a: number, b: number): number {
|
|
|
5
5
|
export { default as BarChart } from "./skia/BarChart/BarChart";
|
|
6
6
|
export * from "./skia/BarChart/BarChart";
|
|
7
7
|
|
|
8
|
-
export { default as PieChart } from "./skia/PieChart/PieChart"
|
|
8
|
+
export { default as PieChart } from "./skia/PieChart/PieChart";
|
|
9
9
|
export * from "./skia/PieChart/PieChart";
|
|
10
10
|
|
|
11
|
-
export { default as AreaChart } from "./skia/AreaChart/AreaChart"
|
|
11
|
+
export { default as AreaChart } from "./skia/AreaChart/AreaChart";
|
|
12
12
|
export * from "./skia/AreaChart/AreaChart";
|
|
13
13
|
|
|
14
14
|
// export * from "./skia/Progress/LinearProgress";
|
|
15
15
|
|
|
16
|
-
export { default as RadarChart } from "./skia/RadarChart/RadarChart"
|
|
16
|
+
export { default as RadarChart } from "./skia/RadarChart/RadarChart";
|
|
17
17
|
export * from "./skia/RadarChart/RadarChart";
|
|
18
18
|
|
|
19
|
-
export { default as HeatMap } from "./skia/HeatMap/HeatMap"
|
|
19
|
+
export { default as HeatMap } from "./skia/HeatMap/HeatMap";
|
|
20
20
|
export * from "./skia/HeatMap/HeatMap";
|
|
21
|
+
|
|
22
|
+
export { type HandleOutSideTouch } from "./skia/common";
|