react-native-wagmi-charts/lib/module/charts/line/useAnimatedPath.js

A sweet candlestick chart for React Native

import { useAnimatedProps, useAnimatedReaction, useSharedValue, withTiming } from 'react-native-reanimated';
import { interpolatePath } from './utils';
import { usePrevious } from '../../utils';
export function useAnimatedPath({
  enabled = true,
  path
}) {
  const transition = useSharedValue(0);
  const previousPath = usePrevious(path);
  useAnimatedReaction(() => {
    return path;
  }, (result, previous) => {
    if (result !== previous) {
      transition.value = 0;
      transition.value = withTiming(1);
    }
  }, [path]);
  const animatedProps = useAnimatedProps(() => {
    let d = path || '';
    if (previousPath && enabled) {
      const pathInterpolator = interpolatePath(previousPath, path, null);
      d = pathInterpolator(transition.value);
    }
    return {
      d
    };
  });
  return {
    animatedProps
  };
}
//# sourceMappingURL=useAnimatedPath.js.map