@madeja-studio/telar/src/animation/withDrag.ts

UI component library by Madeja Studio

/**
 * This interpolation is used for pan gestures where we want the panned node to
 * feel like it's fighting a resistance that prevents it from moving further.
 */
export const withDrag = ({
  threshold,
  value,
}: {
  threshold: number;
  value: number;
}) => {
  if (value > threshold) {
    return threshold + (value - threshold) * (threshold / value);
  } else {
    return value;
  }
};