react-native-sortables/dist/module/providers/shared/AutoScrollProvider/hooks.js

Powerful Sortable Components for Flexible Content Reordering in React Native

"use strict";

import { measure, useAnimatedReaction, useDerivedValue, useSharedValue } from 'react-native-reanimated';
import { useDebugContext } from '../../../debug';
import { useAnimatableValue } from '../../../hooks';
import { useCommonValuesContext } from '../CommonValuesProvider';
import { handleMeasurementsHorizontal, handleMeasurementsVertical } from './utils';
export function useTargetScrollOffset(
// eslint-disable-next-line @typescript-eslint/no-explicit-any
scrollableRef, enabled, horizontal, autoScrollActivationOffset, dragStartScrollOffset) {
  const {
    activeItemKey,
    containerRef,
    itemDimensions,
    touchPosition
  } = useCommonValuesContext();
  const debugContext = useDebugContext();
  const debugRects = debugContext?.useDebugRects(['start', 'end']);
  const debugLine = debugContext?.useDebugLine();
  const targetScrollOffset = useSharedValue(null);
  const startContainerPagePosition = useSharedValue(null);
  const activeItemHeight = useDerivedValue(() => {
    const key = activeItemKey.value;
    return (key ? itemDimensions.value[key]?.height : null) ?? null;
  });
  const offsetThreshold = useAnimatableValue(autoScrollActivationOffset, v => {
    'worklet';

    return typeof v === 'number' ? [v, v] : v;
  });
  const handleMeasurements = horizontal ? handleMeasurementsHorizontal : handleMeasurementsVertical;
  useAnimatedReaction(() => {
    if (!enabled.value || activeItemHeight.value === null || !touchPosition.value) {
      startContainerPagePosition.value = null;
      targetScrollOffset.value = null;
      return null;
    }
    return {
      itemHeight: activeItemHeight.value,
      threshold: offsetThreshold.value,
      touchOffset: touchPosition.value?.[horizontal ? 'x' : 'y']
    };
  }, props => {
    const hideDebugViews = () => {
      debugRects?.start?.hide();
      debugRects?.end?.hide();
      debugLine?.hide();
    };
    if (!props) {
      hideDebugViews();
      return;
    }
    const scrollableMeasurements = measure(scrollableRef);
    const containerMeasurements = measure(containerRef);
    if (!scrollableMeasurements || !containerMeasurements || dragStartScrollOffset.value === null) {
      hideDebugViews();
      return;
    }
    const {
      containerPosition,
      endDistance,
      endOverflow,
      startDistance,
      startOverflow
    } = handleMeasurements(props.threshold, props.touchOffset, scrollableMeasurements, containerMeasurements, debugRects, debugLine);
    startContainerPagePosition.value ??= containerPosition;
    const offsetDelta = startContainerPagePosition.value - containerPosition;
    const currentOffset = dragStartScrollOffset.value + offsetDelta;
    // Scroll up (vertical) / left (horizontal)
    if (startDistance > 0 && startOverflow > 0) {
      targetScrollOffset.value = currentOffset - Math.min(startOverflow, startDistance);
    }
    // Scroll down (vertical) / right (horizontal)
    else if (endDistance > 0 && endOverflow > 0) {
      targetScrollOffset.value = currentOffset + Math.min(endOverflow, endDistance);
    }
  });
  return targetScrollOffset;
}
//# sourceMappingURL=hooks.js.map