react-native-wagmi-charts 1.0.4 → 1.2.1

package/src/charts/line/utils.ts

@@ -4,7 +4,6 @@ import * as shape from 'd3-shape';
 import { scaleLinear } from 'd3-scale';
 
 import type { TLineChartData, TLineChartPoint } from './types';
-import type { Path } from 'react-native-redash';
 
 export function getDomain(rows: TLineChartPoint[]): [number, number] {
   'worklet';
@@ -35,84 +34,8 @@ export function getPath({
     .range([height - gutter, gutter]);
   const path = shape
     .line()
-    .x((_: any, i: number) => scaleX(i))
-    .y((data: any) => scaleY(data.value))
+    .x((_: unknown, i: number) => scaleX(i))
+    .y((d: { value: unknown }) => scaleY(d.value))
     .curve(_shape)(data);
   return path;
 }
-
-export function syncChangingPaths({
-  pointsToAdd,
-  parsedPath,
-  curves,
-}: {
-  pointsToAdd: number;
-  parsedPath: Path;
-  curves: Path['curves'];
-}) {
-  'worklet';
-  const firstPoint = curves?.[0];
-
-  let newParsedPath = parsedPath;
-  for (let i = 0; i < Math.abs(pointsToAdd); i++) {
-    newParsedPath = {
-      ...newParsedPath,
-      curves: [
-        {
-          c1: {
-            x: firstPoint.c1.x,
-            y: firstPoint.c1.y,
-          },
-          c2: {
-            x: firstPoint.c2.x,
-            y: firstPoint.c2.y,
-          },
-          to: {
-            x: firstPoint.to.x,
-            y: firstPoint.to.y,
-          },
-        },
-        ...newParsedPath.curves,
-      ],
-    };
-  }
-  return newParsedPath;
-}
-
-export function syncPaths({
-  parsedPath,
-  previousParsedPath,
-}: {
-  parsedPath: Path;
-  previousParsedPath: Path | undefined;
-}) {
-  'worklet';
-  const previousCurves = (previousParsedPath as any)?.curves;
-  const nextCurves = parsedPath?.curves;
-
-  let newPreviousParsedPath = previousParsedPath || parsedPath;
-  let newParsedPath = parsedPath;
-
-  if (previousCurves?.length !== nextCurves?.length) {
-    const pointsToAdd = nextCurves?.length - previousCurves?.length || 0;
-
-    if (pointsToAdd > 0) {
-      newPreviousParsedPath = syncChangingPaths({
-        pointsToAdd,
-        parsedPath: newPreviousParsedPath,
-        curves: previousCurves,
-      });
-    } else if (pointsToAdd < 0) {
-      newParsedPath = syncChangingPaths({
-        pointsToAdd,
-        parsedPath: newParsedPath,
-        curves: nextCurves,
-      });
-    }
-  }
-
-  return {
-    previousParsedPath: newPreviousParsedPath,
-    parsedPath: newParsedPath,
-  };
-}

package/src/components/AnimatedText.tsx

@@ -0,0 +1,53 @@
+// forked from https://github.com/wcandillon/react-native-redash/blob/master/src/ReText.tsx
+
+import React from 'react';
+import { Platform, TextProps as RNTextProps } from 'react-native';
+import { TextInput } from 'react-native';
+import Animated, {
+  useAnimatedProps,
+  useAnimatedReaction,
+} from 'react-native-reanimated';
+
+Animated.addWhitelistedNativeProps({ text: true });
+
+interface AnimatedTextProps {
+  text: Animated.SharedValue<string>;
+  style?: Animated.AnimateProps<RNTextProps>['style'];
+}
+
+const AnimatedTextInput = Animated.createAnimatedComponent(TextInput);
+
+export const AnimatedText = ({ text, style }: AnimatedTextProps) => {
+  const inputRef = React.useRef<TextInput>(null);
+
+  useAnimatedReaction(
+    () => {
+      // always return false unless web to prevent unnecessary reactions
+      return Platform.OS === 'web' && text.value;
+    },
+    (data, prevData) => {
+      if (Platform.OS === 'web' && data !== prevData && inputRef.current) {
+        inputRef.current.setNativeProps({
+          value: data,
+        });
+      }
+    }
+  );
+  const animatedProps = useAnimatedProps(() => {
+    return {
+      text: text.value,
+      // Here we use any because the text prop is not available in the type
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    } as any;
+  });
+  return (
+    <AnimatedTextInput
+      underlineColorAndroid="transparent"
+      editable={false}
+      ref={Platform.select({ web: inputRef })}
+      value={text.value}
+      style={style}
+      animatedProps={animatedProps}
+    />
+  );
+};

package/src/utils.ts

@@ -45,17 +45,17 @@ export function formatDatetime({
 }: {
   value: number;
   locale?: string;
-  options?: { [key: string]: string };
+  options?: Intl.DateTimeFormatOptions;
 }) {
   'worklet';
   const d = new Date(value);
   return d.toLocaleString(locale, options);
 }
 
-export function usePrevious(value: any) {
+export function usePrevious<T>(value: T) {
   // The ref object is a generic container whose current property is mutable ...
   // ... and can hold any value, similar to an instance property on a class
-  const ref = React.useRef();
+  const ref = React.useRef<T>();
   // Store current value in ref
   React.useEffect(() => {
     ref.current = value;

package/yarn.lock

@@ -2752,6 +2752,11 @@ d3-format@1:
   resolved "https://registry.yarnpkg.com/d3-format/-/d3-format-1.4.5.tgz#374f2ba1320e3717eb74a9356c67daee17a7edb4"
   integrity sha512-J0piedu6Z8iB6TbIGfZgDzfXxUFN3qQRMofy2oPdXzQibYGqPB/9iMcxr/TGalU+2RsyDO+U4f33id8tbnSRMQ==
 
+d3-interpolate-path@^2.2.3:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/d3-interpolate-path/-/d3-interpolate-path-2.2.3.tgz#7a2a906231c316c5166872c13400aae918e604fa"
+  integrity sha512-1i1WUmOzSHI7nYqhjnL9v/gA5VQNgMMfX4u1Emv2vKmUUQsRPx/Ghl/AvcyOq3GRINW8iSz5elCdoHX0imyWCg==
+
 d3-interpolate@1:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/d3-interpolate/-/d3-interpolate-1.4.0.tgz#526e79e2d80daa383f9e0c1c1c7dcc0f0583e987"
@@ -6210,11 +6215,6 @@ react-native-gesture-handler@^1.10.3:
     invariant "^2.2.4"
     prop-types "^15.7.2"
 
-react-native-haptic-feedback@^1.11.0:
-  version "1.11.0"
-  resolved "https://registry.yarnpkg.com/react-native-haptic-feedback/-/react-native-haptic-feedback-1.11.0.tgz#adfd841f3b67046532f912c6ec827aea0037d8ad"
-  integrity sha512-KTIy7lExwMtB6pOpCARyUzFj5EzYTh+A1GN/FB5Eb0LrW5C6hbb1kdj9K2/RHyZC+wyAJD1M823ZaDCU6n6cLA==
-
 react-native-reanimated@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/react-native-reanimated/-/react-native-reanimated-2.2.0.tgz#a6412c56b4e591d1f00fac949f62d0c72c357c78"