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

A sweet candlestick chart for React Native

'use strict';

Object.defineProperty(exports, '__esModule', {
  value: true,
});
exports.useAnimatedPath = useAnimatedPath;
var _reactNativeReanimated = require('react-native-reanimated');
var _utils = require('./utils');
var _utils2 = require('../../utils');
function useAnimatedPath({ enabled = true, path }) {
  const transition = (0, _reactNativeReanimated.useSharedValue)(0);
  const previousPath = (0, _utils2.usePrevious)(path);
  (0, _reactNativeReanimated.useAnimatedReaction)(
    () => {
      return path;
    },
    (result, previous) => {
      if (result !== previous) {
        transition.value = 0;
        transition.value = (0, _reactNativeReanimated.withTiming)(1);
      }
    },
    [path]
  );
  const animatedProps = (0, _reactNativeReanimated.useAnimatedProps)(() => {
    let d = path || '';
    if (previousPath && enabled) {
      const pathInterpolator = (0, _utils.interpolatePath)(
        previousPath,
        path,
        null
      );
      d = pathInterpolator(transition.value);
    }
    return {
      d,
    };
  });
  return {
    animatedProps,
  };
}
//# sourceMappingURL=useAnimatedPath.js.map