react-native-wagmi-charts 2.8.0 → 2.8.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-wagmi-charts",
-  "version": "2.8.0",
+  "version": "2.8.2",
   "description": "A sweet candlestick chart for React Native",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",

package/src/charts/candle/utils/getDomain.ts

@@ -2,6 +2,7 @@ import type { TCandle } from '../types';
 
 export function getDomain(rows: TCandle[]): [min: number, max: number] {
   'worklet';
+  if (rows.length === 0) return [0, 0];
   const values = rows.map(({ high, low }) => [high, low]).flat();
   const min = Math.min(...values);
   const max = Math.max(...values);

package/src/charts/line/Chart.tsx

@@ -20,12 +20,12 @@ export const LineChartDimensionsContext = React.createContext({
   pathWidth: 0,
 });
 
-type LineChartProps = ViewProps & {
+export type LineChartProps = ViewProps & {
   children: React.ReactNode;
   yGutter?: number;
   width?: number;
   height?: number;
-  shape?: unknown;
+  shape?: d3Shape.CurveFactory;
   /**
    * If your `LineChart.Provider` uses a dictionary with multiple IDs for multiple paths, then this field is required.
    */
@@ -110,7 +110,7 @@ export function LineChart({
       width,
       height,
       pathWidth,
-      shape: shape as d3Shape.CurveFactory,
+      shape
     }),
     [
       yGutter,

package/src/charts/line/Group.tsx

@@ -2,7 +2,7 @@ import React, { ReactNode, Children, cloneElement } from 'react';
 import { ViewProps, View } from 'react-native';
 import flattenChildren from 'react-keyed-flatten-children';
 
-import { LineChart } from './Chart';
+import { LineChart, LineChartProps } from './Chart';
 
 type Props = {
   children: ReactNode;
@@ -13,13 +13,16 @@ export function LineChartGroup({ children, ...props }: Props) {
   const flatChildrenCount = Children.count(flatChildren);
   return (
     <View {...props}>
-      {/* eslint-disable-next-line @typescript-eslint/no-explicit-any */}
-      {Children.map(flatChildren, (child: any, index) => {
+      {Children.map(flatChildren, (child, index) => {
         const isLast = index === flatChildrenCount - 1;
-        if (!isLast && child.type === LineChart) {
+        if (
+          !isLast &&
+          React.isValidElement(child) &&
+          child.type === LineChart
+        ) {
           return cloneElement(child, {
             absolute: true,
-          });
+          } as Partial<LineChartProps>);
         }
         return child;
       })}

package/src/charts/line/Tooltip.tsx

@@ -240,16 +240,16 @@ export function LineChartTooltip({
     };
   }, [
     atXPosition,
-    atYPosition.value,
+    atYPosition,
     calculateXTranslateOffset,
     calculateYTranslateOffset,
-    currentX.value,
-    currentY.value,
+    currentX,
+    currentY,
     cursorGutter,
-    elementHeight.value,
-    elementWidth.value,
+    elementHeight,
+    elementWidth,
     height,
-    isActive.value,
+    isActive,
     position,
     type,
     width,

package/src/charts/line/utils/getDomain.ts

@@ -2,6 +2,7 @@ import type { TLineChartPoint } from '../types';
 
 export function getDomain(rows: TLineChartPoint[]): [number, number] {
   'worklet';
+  if (rows.length === 0) return [0, 0];
   const values = rows.map(({ value }) => value);
   return [Math.min(...values), Math.max(...values)];
 }