react-native-sortables/dist/module/components/zones/BaseZone.js

Powerful Sortable Components for Flexible Content Reordering in React Native

"use strict";

import React from "react";
import { View } from 'react-native';
import { useAnimatedRef } from 'react-native-reanimated';
import { useStableCallbackValue } from '../../integrations/reanimated';
import { useZoneHandlers } from '../../providers';
import { jsx as _jsx } from "react/jsx-runtime";
export default function BaseZone({
  minActivationDistance = 0,
  onItemDrop,
  onItemEnter,
  onItemLeave,
  ...rest
}) {
  const containerRef = useAnimatedRef();
  const stableOnItemEnter = useStableCallbackValue(onItemEnter);
  const stableOnItemLeave = useStableCallbackValue(onItemLeave);
  const stableOnItemDrop = useStableCallbackValue(onItemDrop);
  useZoneHandlers(containerRef, minActivationDistance, {
    onItemDrop: stableOnItemDrop,
    onItemEnter: stableOnItemEnter,
    onItemLeave: stableOnItemLeave
  });
  return /*#__PURE__*/_jsx(View, {
    ref: containerRef,
    ...rest
  });
}
//# sourceMappingURL=BaseZone.js.map