react-native-wagmi-charts 2.8.1 → 2.8.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-wagmi-charts",
-  "version": "2.8.1",
+  "version": "2.8.3",
   "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/candle/utils/getHeight.ts

@@ -1,4 +1,4 @@
-import { interpolate, Extrapolate } from 'react-native-reanimated';
+import { interpolate, Extrapolation } from 'react-native-reanimated';
 
 import type { TDomain } from '../types';
 
@@ -16,6 +16,6 @@ export function getHeight({
     value,
     [0, Math.max(...domain) - Math.min(...domain)],
     [0, maxHeight],
-    Extrapolate.CLAMP
+    Extrapolation.CLAMP
   );
 }

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

@@ -1,4 +1,4 @@
-import { interpolate, Extrapolate } from 'react-native-reanimated';
+import { interpolate, Extrapolation } from 'react-native-reanimated';
 
 import type { TDomain } from '../types';
 
@@ -13,5 +13,5 @@ export function getPrice({
 }) {
   'worklet';
   if (y === -1) return -1;
-  return interpolate(y, [0, maxHeight], domain.reverse(), Extrapolate.CLAMP);
+  return interpolate(y, [0, maxHeight], domain.reverse(), Extrapolation.CLAMP);
 }

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

@@ -1,4 +1,4 @@
-import { interpolate, Extrapolate } from 'react-native-reanimated';
+import { interpolate, Extrapolation } from 'react-native-reanimated';
 
 import type { TDomain } from '../types';
 
@@ -12,5 +12,5 @@ export function getY({
   maxHeight: number;
 }) {
   'worklet';
-  return interpolate(value, domain, [maxHeight, 0], Extrapolate.CLAMP);
+  return interpolate(value, domain, [maxHeight, 0], Extrapolation.CLAMP);
 }

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/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)];
 }