@gorhom/bottom-sheet/lib/module/components/bottomSheetGestureHandlersProvider/BottomSheetGestureHandlersProvider.js

A performant interactive bottom sheet with fully configurable options 🚀

import React, { useMemo } from 'react';
import { GESTURE_SOURCE } from '../../constants';
import { useGestureHandler, useBottomSheetInternal, useGestureEventsHandlersDefault } from '../../hooks';
import { BottomSheetGestureHandlersContext } from '../../contexts';
import { useSharedValue } from 'react-native-reanimated';

const BottomSheetGestureHandlersProvider = ({
  gestureEventsHandlersHook: useGestureEventsHandlers = useGestureEventsHandlersDefault,
  children
}) => {
  //#region variables
  const animatedGestureSource = useSharedValue(GESTURE_SOURCE.UNDETERMINED); //#endregion
  //#region hooks

  const {
    animatedContentGestureState,
    animatedHandleGestureState
  } = useBottomSheetInternal();
  const {
    handleOnStart,
    handleOnActive,
    handleOnEnd
  } = useGestureEventsHandlers(); //#endregion
  //#region gestures

  const contentPanGestureHandler = useGestureHandler(GESTURE_SOURCE.CONTENT, animatedContentGestureState, animatedGestureSource, handleOnStart, handleOnActive, handleOnEnd);
  const scrollablePanGestureHandler = useGestureHandler(GESTURE_SOURCE.SCROLLABLE, animatedContentGestureState, animatedGestureSource, handleOnStart, handleOnActive, handleOnEnd);
  const handlePanGestureHandler = useGestureHandler(GESTURE_SOURCE.HANDLE, animatedHandleGestureState, animatedGestureSource, handleOnStart, handleOnActive, handleOnEnd); //#endregion
  //#region context

  const contextValue = useMemo(() => ({
    contentPanGestureHandler,
    handlePanGestureHandler,
    scrollablePanGestureHandler,
    animatedGestureSource
  }), [contentPanGestureHandler, handlePanGestureHandler, scrollablePanGestureHandler, animatedGestureSource]); //#endregion

  return /*#__PURE__*/React.createElement(BottomSheetGestureHandlersContext.Provider, {
    value: contextValue
  }, children);
};

export default BottomSheetGestureHandlersProvider;
//# sourceMappingURL=BottomSheetGestureHandlersProvider.js.map