@shaquillehinds/react-native-bottom-sheet 0.0.1

package/lib/commonjs/BottomSheet/controller/bottomSheet.controller.js

@@ -0,0 +1,216 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.bottomSheetController = bottomSheetController;
+var _dragAnimation = require("../animations/drag.animation.js");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _react = require("react");
+var _bottomSheetTypes = require("../config/bottomSheet.types.js");
+var _keyboardAnimationController = require("./keyboardAnimation.controller.js");
+var _dragAnimationController = require("./dragAnimation.controller.js");
+var _callbacksController = require("./callbacks.controller.js");
+var _scrollContentController = require("./scrollContent.controller.js");
+var _reactNativeEssentials = require("@shaquillehinds/react-native-essentials");
+var _useBottomSheetUtils = require("./hooks/useBottomSheetUtils.js");
+function bottomSheetController(props) {
+  const utils = (0, _useBottomSheetUtils.useBottomSheetUtils)();
+  const modalState = (0, _react.useRef)(_bottomSheetTypes.ModalState.CLOSED);
+  const fullyOpenYPosition = (0, _reactNativeReanimated.useSharedValue)(0);
+  const lowestSnapPointPosition = (0, _reactNativeReanimated.useSharedValue)(0);
+  const closedYPosition = (0, _reactNativeReanimated.useSharedValue)(0);
+  const currentSnapPoint = (0, _reactNativeReanimated.useSharedValue)({
+    offset: 0
+  });
+  const snapPoints = (0, _reactNativeReanimated.useSharedValue)((props.snapPoints || []).map(p => utils.percentageToSnapPoint(p)));
+  const translationX = (0, _reactNativeReanimated.useSharedValue)(0);
+  const translationY = (0, _reactNativeReanimated.useSharedValue)(0);
+  const prevTranslationY = (0, _reactNativeReanimated.useSharedValue)(0);
+  const keyboardHeight = (0, _reactNativeReanimated.useSharedValue)(0);
+  const backdropOpacity = (0, _reactNativeReanimated.useSharedValue)(0);
+  const contentOpacity = (0, _reactNativeReanimated.useSharedValue)(0);
+  const modalContentTranslateY = (0, _reactNativeReanimated.useSharedValue)(0);
+  const scrollY = (0, _reactNativeReanimated.useSharedValue)(0);
+  const scrollActive = (0, _reactNativeReanimated.useSharedValue)(false);
+  const inverted = (0, _reactNativeReanimated.useSharedValue)(false);
+  const maxScrollOffset = (0, _reactNativeReanimated.useSharedValue)(0);
+  const scrollableComponentRef = (0, _react.useRef)(null);
+  const disableLayoutAnimation = (0, _react.useRef)(false);
+  const setDisableLayoutAnimation = (0, _react.useCallback)(bool => {
+    disableLayoutAnimation.current = bool;
+  }, []);
+  const backdropOpacityStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: backdropOpacity.value
+  }));
+  const contentOpacityStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: contentOpacity.value
+  }));
+  const modalContentAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    transform: [{
+      translateY: modalContentTranslateY.value
+    }]
+  }));
+  const {
+    dragAnimatedStyle,
+    onDrag,
+    onDragStart
+  } = (0, _dragAnimation.useDragAnimation)({
+    translationX,
+    translationY,
+    prevTranslationY
+  });
+  const {
+    closeModal,
+    animateModalOpen,
+    animateModalClose,
+    animateToPercentage,
+    animateToSnapPointIndex,
+    onModalBackdropPress,
+    onModalContentLayout,
+    onPlatformViewLayout,
+    onRequestClose
+  } = (0, _callbacksController.callbackController)({
+    utils,
+    unMounter: props._unMounter,
+    snapPoints,
+    modalState,
+    translationX,
+    translationY,
+    onBackDropPress: props.onBackDropPress,
+    backdropOpacity,
+    closedYPosition,
+    currentSnapPoint,
+    prevTranslationY,
+    fullyOpenYPosition,
+    disableLayoutAnimation,
+    setDisableLayoutAnimation,
+    onSnapPointReach: props.onSnapPointReach,
+    disableCloseOnBackdropPress: props.disableCloseOnBackdropPress,
+    setShowModal: props.setShowModal
+  });
+  const [modalDimensionsStyle, setModalDimensionsStyle] = (0, _react.useState)({
+    width: utils.screenWidth,
+    height: utils.modalHeight,
+    bottom: utils.modalBottomOffset
+  });
+  (0, _react.useEffect)(() => {
+    const percentToSnapPoint = p => {
+      const percentage = (0, _reactNativeEssentials.strToNumPercentage)(p);
+      return {
+        percentage: percentage / 100,
+        offset: -(utils.relativeY(percentage) + utils.extraHeight)
+      };
+    };
+    const newSnapPoints = (props.snapPoints || []).map(p => percentToSnapPoint(p));
+    snapPoints.value = newSnapPoints;
+    setModalDimensionsStyle({
+      height: utils.modalHeight,
+      bottom: -utils.modalHeight * 2,
+      width: utils.relativeX(100)
+    });
+    if (newSnapPoints.length) {
+      const {
+        firstSnapPoint,
+        maxSnapPoint,
+        minSnapPoint
+      } = utils.getMaxMinSnapPoints(newSnapPoints);
+      currentSnapPoint.value = firstSnapPoint;
+      fullyOpenYPosition.value = maxSnapPoint;
+      lowestSnapPointPosition.value = minSnapPoint;
+      setTimeout(() => {
+        if (!modalState.current || modalState.current === _bottomSheetTypes.ModalState.CLOSING) return;
+        animateToSnapPointIndex(0);
+      }, 500);
+    }
+  }, [utils.orientation]);
+  const {
+    onDragEndGesture,
+    onDragGesture,
+    onDragStartGesture
+  } = (0, _dragAnimationController.dragAnimationController)({
+    onDrag,
+    onDragStart,
+    closeModal,
+    snapPoints,
+    currentSnapPoint,
+    keyboardHeight,
+    translationY,
+    prevTranslationY,
+    closedYPosition,
+    fullyOpenYPosition,
+    backdropOpacity,
+    keepMounted: props.keepMounted,
+    onSnapPointReach: props.onSnapPointReach,
+    lowestSnapPointPosition,
+    allowDragWhileKeyboardVisible: props.allowDragWhileKeyboardVisible
+  });
+  (0, _keyboardAnimationController.keyboardAnimationController)({
+    keyboardHeight,
+    translationY,
+    screenHeight: utils.screenHeight,
+    prevTranslationY,
+    modalContentTranslateY,
+    setDisableLayoutAnimation,
+    avoidKeyboard: props.avoidKeyboard,
+    inputsForKeyboardToAvoid: props.inputsForKeyboardToAvoid
+  });
+  const {
+    onBeginScroll,
+    onUpdateScroll,
+    onEndScroll
+  } = (0, _scrollContentController.scrollContentController)({
+    scrollableComponentRef,
+    onDragStartGesture,
+    onDragGesture,
+    onDragEndGesture,
+    maxScrollOffset,
+    scrollActive,
+    inverted,
+    scrollY
+  });
+  (0, _react.useEffect)(() => {
+    const animateContentDelay = () => {
+      if (props.showContentDelay) {
+        setTimeout(() => {
+          contentOpacity.value = (0, _reactNativeReanimated.withTiming)(1, {
+            duration: 500
+          });
+        }, props.showContentDelay.timeInMilliSecs);
+      }
+    };
+    if (props.showModal === undefined) animateContentDelay();else if (!props.showModal && !disableLayoutAnimation.current) {
+      setDisableLayoutAnimation(true);
+      (0, _reactNativeReanimated.runOnUI)(animateModalClose)();
+    } else if (props.showModal) animateContentDelay();
+  }, [props.showModal]);
+  return {
+    modalState,
+    scrollY,
+    inverted,
+    onEndScroll,
+    onBeginScroll,
+    onUpdateScroll,
+    maxScrollOffset,
+    scrollableComponentRef,
+    disableLayoutAnimation,
+    animateModalOpen,
+    animateModalClose,
+    animateToPercentage,
+    animateToSnapPointIndex,
+    onDragGesture,
+    onDragStartGesture,
+    onDragEndGesture,
+    onPlatformViewLayout,
+    onModalContentLayout,
+    onRequestClose,
+    onModalBackdropPress,
+    dragAnimatedStyle,
+    modalContentAnimatedStyle,
+    backdropOpacityStyle,
+    contentOpacityStyle,
+    modalDimensionsStyle,
+    screenHeight: utils.screenHeight
+  };
+}
+//# sourceMappingURL=bottomSheet.controller.js.map

package/lib/commonjs/BottomSheet/controller/bottomSheet.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_dragAnimation","require","_reactNativeReanimated","_react","_bottomSheetTypes","_keyboardAnimationController","_dragAnimationController","_callbacksController","_scrollContentController","_reactNativeEssentials","_useBottomSheetUtils","bottomSheetController","props","utils","useBottomSheetUtils","modalState","useRef","ModalState","CLOSED","fullyOpenYPosition","useSharedValue","lowestSnapPointPosition","closedYPosition","currentSnapPoint","offset","snapPoints","map","p","percentageToSnapPoint","translationX","translationY","prevTranslationY","keyboardHeight","backdropOpacity","contentOpacity","modalContentTranslateY","scrollY","scrollActive","inverted","maxScrollOffset","scrollableComponentRef","disableLayoutAnimation","setDisableLayoutAnimation","useCallback","bool","current","backdropOpacityStyle","useAnimatedStyle","opacity","value","contentOpacityStyle","modalContentAnimatedStyle","transform","translateY","dragAnimatedStyle","onDrag","onDragStart","useDragAnimation","closeModal","animateModalOpen","animateModalClose","animateToPercentage","animateToSnapPointIndex","onModalBackdropPress","onModalContentLayout","onPlatformViewLayout","onRequestClose","callbackController","unMounter","_unMounter","onBackDropPress","onSnapPointReach","disableCloseOnBackdropPress","setShowModal","modalDimensionsStyle","setModalDimensionsStyle","useState","width","screenWidth","height","modalHeight","bottom","modalBottomOffset","useEffect","percentToSnapPoint","percentage","strToNumPercentage","relativeY","extraHeight","newSnapPoints","relativeX","length","firstSnapPoint","maxSnapPoint","minSnapPoint","getMaxMinSnapPoints","setTimeout","CLOSING","orientation","onDragEndGesture","onDragGesture","onDragStartGesture","dragAnimationController","keepMounted","allowDragWhileKeyboardVisible","keyboardAnimationController","screenHeight","avoidKeyboard","inputsForKeyboardToAvoid","onBeginScroll","onUpdateScroll","onEndScroll","scrollContentController","animateContentDelay","showContentDelay","withTiming","duration","timeInMilliSecs","showModal","undefined","runOnUI"],"sourceRoot":"../../../../src","sources":["BottomSheet/controller/bottomSheet.controller.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/BottomSheet/controller/callbacks.controller.js

@@ -0,0 +1,135 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.callbackController = callbackController;
+var _reactNativeReanimated = require("react-native-reanimated");
+var _react = require("react");
+var _bottomSheetConstants = require("../config/bottomSheet.constants.js");
+var _bottomSheetTypes = require("../config/bottomSheet.types.js");
+//$lf-ignore
+
+function callbackController(props) {
+  const {
+    unMounter,
+    snapPoints,
+    modalState,
+    backdropOpacity,
+    translationX,
+    translationY,
+    onBackDropPress,
+    closedYPosition,
+    currentSnapPoint,
+    prevTranslationY,
+    onSnapPointReach,
+    fullyOpenYPosition,
+    disableLayoutAnimation,
+    disableCloseOnBackdropPress
+  } = props;
+  const {
+    orientation,
+    getMaxMinSnapPointsWorklet,
+    percentageToSnapPointWorklet
+  } = props.utils;
+  const setModalState = (0, _react.useCallback)(state => {
+    if (modalState.current === _bottomSheetTypes.ModalState.CLOSING && state !== _bottomSheetTypes.ModalState.CLOSED) return;
+    modalState.current = state;
+  }, []);
+  const animateModalOpen = (0, _react.useCallback)((height, modalHeight) => {
+    'worklet';
+
+    if (height > modalHeight) height = modalHeight;
+    const translateYHeight = -height;
+    translationY.value = (0, _reactNativeReanimated.withTiming)(translateYHeight, _bottomSheetConstants.animateOpenTimingConfig, () => {
+      prevTranslationY.value = translateYHeight;
+      (0, _reactNativeReanimated.runOnJS)(setModalState)(_bottomSheetTypes.ModalState.OPEN);
+    });
+    if (snapPoints.value.length) {
+      let maxOpenPosition = fullyOpenYPosition.value;
+      if (!maxOpenPosition) maxOpenPosition = getMaxMinSnapPointsWorklet(snapPoints).maxSnapPoint;
+      backdropOpacity.value = (0, _reactNativeReanimated.withTiming)(translateYHeight / maxOpenPosition, _bottomSheetConstants.animateOpenTimingConfig);
+    } else backdropOpacity.value = (0, _reactNativeReanimated.withTiming)(1, _bottomSheetConstants.animateOpenTimingConfig);
+  }, [orientation]);
+  const animateModalClose = (0, _react.useCallback)(prop => {
+    'worklet';
+
+    const timing = {
+      duration: prop?.duration || _bottomSheetConstants.animateCloseTimingConfig.duration,
+      easing: prop?.easing || _bottomSheetConstants.animateCloseTimingConfig.easing
+    };
+    translationY.value = (0, _reactNativeReanimated.withTiming)(closedYPosition.value, timing);
+    backdropOpacity.value = (0, _reactNativeReanimated.withTiming)(0, timing);
+  }, []);
+  const onPlatformViewLayout = (0, _react.useCallback)(e => {
+    translationX.value = -e.nativeEvent.layout.x;
+  }, []);
+  const animateToSnapPoint = (0, _react.useCallback)((snapPoint, index) => {
+    'worklet';
+
+    if (!snapPoint) return;
+    currentSnapPoint.value = {
+      offset: snapPoint.offset
+    };
+    translationY.value = (0, _reactNativeReanimated.withTiming)(snapPoint.offset, _bottomSheetConstants.modalTransitionTimingConfig, () => {
+      typeof index === 'number' && onSnapPointReach && (0, _reactNativeReanimated.runOnJS)(onSnapPointReach)(index);
+    });
+    backdropOpacity.value = (0, _reactNativeReanimated.withTiming)(snapPoint.offset / fullyOpenYPosition.value, _bottomSheetConstants.modalTransitionTimingConfig);
+  }, []);
+  const animateToSnapPointIndex = (0, _react.useCallback)(snapPointIndex => {
+    'worklet';
+
+    const snapPoint = snapPoints.value[snapPointIndex];
+    animateToSnapPoint(snapPoint, snapPointIndex);
+  }, []);
+  const animateToPercentage = (0, _react.useCallback)((percentage, screenHeight) => {
+    'worklet';
+
+    const snapPoint = percentageToSnapPointWorklet(percentage, screenHeight);
+    animateToSnapPoint(snapPoint);
+  }, [orientation]);
+  const onModalContentLayout = (0, _react.useCallback)(e => {
+    if (modalState.current === _bottomSheetTypes.ModalState.OPENING) return;
+    if (!modalState.current) setModalState(_bottomSheetTypes.ModalState.OPENING);
+    if (snapPoints.value.length && modalState.current === _bottomSheetTypes.ModalState.OPEN) return;
+    if (!snapPoints.value.length) {
+      if (e.nativeEvent.layout.height > props.utils.modalHeight) fullyOpenYPosition.value = -props.utils.modalHeight;else fullyOpenYPosition.value = -e.nativeEvent.layout.height;
+    }
+    if (!disableLayoutAnimation.current) (0, _reactNativeReanimated.runOnUI)(animateModalOpen)(Math.abs(snapPoints.value[0]?.offset || e.nativeEvent.layout.height), props.utils.modalHeight);
+  }, [orientation]);
+  const closeModal = (0, _react.useCallback)(delayMS => {
+    setModalState(_bottomSheetTypes.ModalState.CLOSING);
+    delayMS ? setTimeout(() => props.setShowModal ? props.setShowModal(false) : unMounter?.(), delayMS) : props.setShowModal ? props.setShowModal(false) : unMounter?.();
+    props.setDisableLayoutAnimation(true);
+    setTimeout(() => {
+      setModalState(_bottomSheetTypes.ModalState.CLOSED);
+    }, delayMS || _bottomSheetConstants.animateCloseTimingConfig.duration);
+  }, [unMounter]);
+  const onModalBackdropPress = (0, _react.useCallback)(() => {
+    onBackDropPress?.();
+    if (disableCloseOnBackdropPress) return;
+    closeModal();
+    (0, _reactNativeReanimated.runOnUI)(animateModalClose)();
+  }, []);
+  const onRequestClose = (0, _react.useCallback)(() => {
+    disableLayoutAnimation.current = true;
+    (0, _reactNativeReanimated.runOnUI)(animateModalClose)();
+    if (props.setShowModal) {
+      props.setShowModal(false);
+    } else {
+      props.unMounter?.();
+    }
+  }, []);
+  return {
+    closeModal,
+    animateModalOpen,
+    animateModalClose,
+    animateToPercentage,
+    animateToSnapPointIndex,
+    onRequestClose,
+    onPlatformViewLayout,
+    onModalContentLayout,
+    onModalBackdropPress
+  };
+}
+//# sourceMappingURL=callbacks.controller.js.map

package/lib/commonjs/BottomSheet/controller/callbacks.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeReanimated","require","_react","_bottomSheetConstants","_bottomSheetTypes","callbackController","props","unMounter","snapPoints","modalState","backdropOpacity","translationX","translationY","onBackDropPress","closedYPosition","currentSnapPoint","prevTranslationY","onSnapPointReach","fullyOpenYPosition","disableLayoutAnimation","disableCloseOnBackdropPress","orientation","getMaxMinSnapPointsWorklet","percentageToSnapPointWorklet","utils","setModalState","useCallback","state","current","ModalState","CLOSING","CLOSED","animateModalOpen","height","modalHeight","translateYHeight","value","withTiming","animateOpenTimingConfig","runOnJS","OPEN","length","maxOpenPosition","maxSnapPoint","animateModalClose","prop","timing","duration","animateCloseTimingConfig","easing","onPlatformViewLayout","e","nativeEvent","layout","x","animateToSnapPoint","snapPoint","index","offset","modalTransitionTimingConfig","animateToSnapPointIndex","snapPointIndex","animateToPercentage","percentage","screenHeight","onModalContentLayout","OPENING","runOnUI","Math","abs","closeModal","delayMS","setTimeout","setShowModal","setDisableLayoutAnimation","onModalBackdropPress","onRequestClose"],"sourceRoot":"../../../../src","sources":["BottomSheet/controller/callbacks.controller.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/BottomSheet/controller/dragAnimation.controller.js

@@ -0,0 +1,127 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.dragAnimationController = dragAnimationController;
+var _reactNativeReanimated = require("react-native-reanimated");
+var _react = require("react");
+var _bottomSheetConstants = require("../config/bottomSheet.constants.js");
+//$lf-ignore
+
+function dragAnimationController(props) {
+  const {
+    snapPoints,
+    currentSnapPoint,
+    allowDragWhileKeyboardVisible,
+    keyboardHeight,
+    backdropOpacity,
+    closeModal,
+    keepMounted,
+    closedYPosition,
+    onSnapPointReach,
+    onDragStart,
+    lowestSnapPointPosition,
+    translationY,
+    prevTranslationY,
+    fullyOpenYPosition
+  } = props;
+  // Gesture event handlers
+  const onDragStartGesture = (0, _react.useCallback)(() => {
+    'worklet';
+
+    if (keyboardHeight.value && !allowDragWhileKeyboardVisible) return;
+    onDragStart();
+  }, []);
+  const onDragGesture = (0, _react.useCallback)(e => {
+    'worklet';
+
+    if (keyboardHeight.value && !allowDragWhileKeyboardVisible) return;
+    const val = prevTranslationY.value + e.translationY;
+    const stretch = 100;
+    translationY.value = val >= fullyOpenYPosition.value ? val : fullyOpenYPosition.value - stretch + stretch / ((fullyOpenYPosition.value - val) / stretch + 1);
+    if (snapPoints.value.length) backdropOpacity.value = -(currentSnapPoint.value.offset + e.translationY) / -fullyOpenYPosition.value;else {
+      if (prevTranslationY.value === fullyOpenYPosition.value) backdropOpacity.value = -(e.translationY + fullyOpenYPosition.value) / -fullyOpenYPosition.value;else if (e.translationY < 0) backdropOpacity.value = e.translationY / -fullyOpenYPosition.value;
+    }
+  }, []);
+  const onDragEndGesture = (0, _react.useCallback)(e => {
+    'worklet';
+
+    if (keyboardHeight.value && !allowDragWhileKeyboardVisible) return;
+    const animate = (to, timing, opacity, index) => {
+      translationY.value = (0, _reactNativeReanimated.withTiming)(to, timing, () => {
+        typeof index === 'number' && onSnapPointReach && (0, _reactNativeReanimated.runOnJS)(onSnapPointReach)(index);
+      });
+      backdropOpacity.value = (0, _reactNativeReanimated.withTiming)(opacity, _bottomSheetConstants.modalTransitionTimingConfig);
+    };
+    if (snapPoints.value.length) {
+      const fullyOpenIndex = snapPoints.value.length - 1;
+      if (e.velocityY > 1500) {
+        if (currentSnapPoint.value.offset === lowestSnapPointPosition.value && !keepMounted) {
+          animate(closedYPosition.value, _bottomSheetConstants.modalTransitionTimingConfig, 0);
+          return (0, _reactNativeReanimated.runOnJS)(closeModal)(175);
+        }
+        if (e.velocityY > 3500 && !keepMounted) {
+          animate(closedYPosition.value, _bottomSheetConstants.modalTransitionTimingConfig, 0);
+          return (0, _reactNativeReanimated.runOnJS)(closeModal)(175);
+        }
+        if (e.velocityY > 1500) {
+          animate(lowestSnapPointPosition.value, _bottomSheetConstants.modalTransitionTimingConfig, lowestSnapPointPosition.value / fullyOpenYPosition.value, 0);
+          currentSnapPoint.value = {
+            offset: lowestSnapPointPosition.value
+          };
+          return;
+        }
+      } else if (e.velocityY < -1500) {
+        animate(fullyOpenYPosition.value, _bottomSheetConstants.modalTransitionTimingConfig, 1, fullyOpenIndex);
+        currentSnapPoint.value = {
+          offset: fullyOpenYPosition.value
+        };
+        return;
+      }
+      let closestSnapPointValue = Math.abs(currentSnapPoint.value.offset + e.translationY + 100);
+      let closestSnapPointOffset = 0;
+      let closestSnapPointIndex = 0;
+      for (let i = 0; i < snapPoints.value.length; i++) {
+        const snapPoint = snapPoints.value[i];
+        if (!snapPoint) return animate(fullyOpenYPosition.value, _bottomSheetConstants.modalTransitionTimingConfig, 1, fullyOpenIndex);
+        const currSnapPointValue = Math.abs(currentSnapPoint.value.offset + e.translationY - snapPoint.offset);
+        if (currSnapPointValue < closestSnapPointValue) {
+          closestSnapPointValue = currSnapPointValue;
+          closestSnapPointOffset = snapPoint.offset;
+          closestSnapPointIndex = i;
+        }
+      }
+      if (closestSnapPointOffset) {
+        currentSnapPoint.value = {
+          offset: closestSnapPointOffset
+        };
+        return animate(closestSnapPointOffset, _bottomSheetConstants.modalTransitionTimingConfig, closestSnapPointOffset / fullyOpenYPosition.value, closestSnapPointIndex);
+      }
+      if (!keepMounted) {
+        (0, _reactNativeReanimated.runOnJS)(closeModal)(175);
+        return animate(closedYPosition.value, _bottomSheetConstants.modalTransitionTimingConfig, 0);
+      } else return animate(lowestSnapPointPosition.value, _bottomSheetConstants.modalTransitionTimingConfig, lowestSnapPointPosition.value / fullyOpenYPosition.value, 0);
+    }
+    const halfContentHeight = -(fullyOpenYPosition.value / 2);
+    const isClosed = prevTranslationY.value === closedYPosition.value;
+    const isMovedPastHalf = Math.abs(e.translationY) > halfContentHeight;
+    const isHighVelocity = isClosed ? e.velocityY < -1000 : e.velocityY > 1000;
+    if (isClosed) {
+      if (e.translationY > 50 || isMovedPastHalf) animate(fullyOpenYPosition.value, _bottomSheetConstants.modalTransitionTimingConfig, 1);else if (isHighVelocity) animate(fullyOpenYPosition.value, _bottomSheetConstants.modalTransitionTimingConfig, 1);else animate(closedYPosition.value, _bottomSheetConstants.modalTransitionTimingConfig, 0);
+      return;
+    }
+    if (isMovedPastHalf || isHighVelocity) {
+      if (e.velocityY > 1000) animate(closedYPosition.value, _bottomSheetConstants.modalTransitionTimingConfig, 0);else animate(closedYPosition.value, _bottomSheetConstants.modalTransitionTimingConfig, 0);
+      (0, _reactNativeReanimated.runOnJS)(closeModal)(175);
+    } else if (e.translationY <= halfContentHeight) {
+      animate(fullyOpenYPosition.value, _bottomSheetConstants.modalTransitionTimingConfig, 1);
+    }
+  }, []);
+  return {
+    onDragGesture,
+    onDragEndGesture,
+    onDragStartGesture
+  };
+}
+//# sourceMappingURL=dragAnimation.controller.js.map

package/lib/commonjs/BottomSheet/controller/dragAnimation.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeReanimated","require","_react","_bottomSheetConstants","dragAnimationController","props","snapPoints","currentSnapPoint","allowDragWhileKeyboardVisible","keyboardHeight","backdropOpacity","closeModal","keepMounted","closedYPosition","onSnapPointReach","onDragStart","lowestSnapPointPosition","translationY","prevTranslationY","fullyOpenYPosition","onDragStartGesture","useCallback","value","onDragGesture","e","val","stretch","length","offset","onDragEndGesture","animate","to","timing","opacity","index","withTiming","runOnJS","modalTransitionTimingConfig","fullyOpenIndex","velocityY","closestSnapPointValue","Math","abs","closestSnapPointOffset","closestSnapPointIndex","i","snapPoint","currSnapPointValue","halfContentHeight","isClosed","isMovedPastHalf","isHighVelocity"],"sourceRoot":"../../../../src","sources":["BottomSheet/controller/dragAnimation.controller.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/BottomSheet/controller/hooks/useBottomSheetRef.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useBottomSheetRef = useBottomSheetRef;
+var _react = require("react");
+var _bottomSheetConstants = require("../../config/bottomSheet.constants.js");
+function useBottomSheetRef({
+  ref,
+  showModal,
+  setShowModal
+}) {
+  const mounterRef = (0, _react.useRef)(null);
+  const sheetRef = (0, _react.useRef)(null);
+  const modalRef = (0, _react.useMemo)(() => {
+    const hasState = setShowModal && typeof showModal === 'boolean';
+    return {
+      getModalState: () => sheetRef.current?.getModalState(),
+      openModal: openModalProps => {
+        if (hasState && !openModalProps?.onOpen) setShowModal(true);else mounterRef.current?.mountComponent(openModalProps);
+      },
+      closeModal: closeModalProps => {
+        if (closeModalProps?.skipAnimation) {
+          mounterRef.current?.hardUnMountComponent(closeModalProps);
+          hasState && setShowModal(false);
+          return;
+        }
+        if (closeModalProps?.isNavigating) {
+          const closeProps = {
+            duration: closeModalProps.duration || 100,
+            easing: closeModalProps?.easing,
+            onClose: closeModalProps?.onClose
+          };
+          sheetRef.current?.animateCloseModal(closeProps);
+          mounterRef.current?.unMountComponent(closeProps);
+          if (hasState) setTimeout(() => setShowModal(false), closeProps.duration);
+          return;
+        }
+        if (hasState && !closeModalProps?.duration && !closeModalProps?.onClose) return setShowModal(false);
+        sheetRef.current?.animateCloseModal(closeModalProps);
+        mounterRef.current?.unMountComponent(closeModalProps);
+        if (hasState) setTimeout(() => setShowModal(false), _bottomSheetConstants.animateCloseTimingConfig.duration);
+      },
+      closeWithoutAnimation: () => {
+        mounterRef.current?.hardUnMountComponent();
+        hasState && setShowModal(false);
+      },
+      snapToIndex: index => sheetRef.current?.snapToIndex(index),
+      snapToPercentage: percentage => sheetRef.current?.snapToPercentage(percentage)
+    };
+  }, []);
+  (0, _react.useImperativeHandle)(ref, () => modalRef, []);
+  return {
+    mounterRef,
+    sheetRef,
+    modalRef
+  };
+}
+//# sourceMappingURL=useBottomSheetRef.js.map

package/lib/commonjs/BottomSheet/controller/hooks/useBottomSheetRef.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_bottomSheetConstants","useBottomSheetRef","ref","showModal","setShowModal","mounterRef","useRef","sheetRef","modalRef","useMemo","hasState","getModalState","current","openModal","openModalProps","onOpen","mountComponent","closeModal","closeModalProps","skipAnimation","hardUnMountComponent","isNavigating","closeProps","duration","easing","onClose","animateCloseModal","unMountComponent","setTimeout","animateCloseTimingConfig","closeWithoutAnimation","snapToIndex","index","snapToPercentage","percentage","useImperativeHandle"],"sourceRoot":"../../../../../src","sources":["BottomSheet/controller/hooks/useBottomSheetRef.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAQA,IAAAC,qBAAA,GAAAD,OAAA;AAMO,SAASE,iBAAiBA,CAAC;EAChCC,GAAG;EACHC,SAAS;EACTC;AACsB,CAAC,EAAE;EACzB,MAAMC,UAAU,GAAG,IAAAC,aAAM,EAAoC,IAAI,CAAC;EAClE,MAAMC,QAAQ,GAAG,IAAAD,aAAM,EAAwB,IAAI,CAAC;EACpD,MAAME,QAAwB,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC7C,MAAMC,QAAQ,GAAGN,YAAY,IAAI,OAAOD,SAAS,KAAK,SAAS;IAC/D,OAAO;MACLQ,aAAa,EAAEA,CAAA,KAAMJ,QAAQ,CAACK,OAAO,EAAED,aAAa,CAAC,CAAC;MACtDE,SAAS,EAAGC,cAAc,IAAK;QAC7B,IAAIJ,QAAQ,IAAI,CAACI,cAAc,EAAEC,MAAM,EAAEX,YAAY,CAAC,IAAI,CAAC,CAAC,KACvDC,UAAU,CAACO,OAAO,EAAEI,cAAc,CAACF,cAAc,CAAC;MACzD,CAAC;MACDG,UAAU,EAAGC,eAAe,IAAK;QAC/B,IAAIA,eAAe,EAAEC,aAAa,EAAE;UAClCd,UAAU,CAACO,OAAO,EAAEQ,oBAAoB,CAACF,eAAe,CAAC;UACzDR,QAAQ,IAAIN,YAAY,CAAC,KAAK,CAAC;UAC/B;QACF;QACA,IAAIc,eAAe,EAAEG,YAAY,EAAE;UACjC,MAAMC,UAAU,GAAG;YACjBC,QAAQ,EAAEL,eAAe,CAACK,QAAQ,IAAI,GAAG;YACzCC,MAAM,EAAEN,eAAe,EAAEM,MAAM;YAC/BC,OAAO,EAAEP,eAAe,EAAEO;UAC5B,CAAC;UACDlB,QAAQ,CAACK,OAAO,EAAEc,iBAAiB,CAACJ,UAAU,CAAC;UAC/CjB,UAAU,CAACO,OAAO,EAAEe,gBAAgB,CAACL,UAAU,CAAC;UAChD,IAAIZ,QAAQ,EACVkB,UAAU,CAAC,MAAMxB,YAAY,CAAC,KAAK,CAAC,EAAEkB,UAAU,CAACC,QAAQ,CAAC;UAC5D;QACF;QACA,IAAIb,QAAQ,IAAI,CAACQ,eAAe,EAAEK,QAAQ,IAAI,CAACL,eAAe,EAAEO,OAAO,EACrE,OAAOrB,YAAY,CAAC,KAAK,CAAC;QAC5BG,QAAQ,CAACK,OAAO,EAAEc,iBAAiB,CAACR,eAAe,CAAC;QACpDb,UAAU,CAACO,OAAO,EAAEe,gBAAgB,CAACT,eAAe,CAAC;QACrD,IAAIR,QAAQ,EACVkB,UAAU,CACR,MAAMxB,YAAY,CAAC,KAAK,CAAC,EACzByB,8CAAwB,CAACN,QAC3B,CAAC;MACL,CAAC;MACDO,qBAAqB,EAAEA,CAAA,KAAM;QAC3BzB,UAAU,CAACO,OAAO,EAAEQ,oBAAoB,CAAC,CAAC;QAC1CV,QAAQ,IAAIN,YAAY,CAAC,KAAK,CAAC;MACjC,CAAC;MACD2B,WAAW,EAAGC,KAAK,IAAKzB,QAAQ,CAACK,OAAO,EAAEmB,WAAW,CAACC,KAAK,CAAC;MAC5DC,gBAAgB,EAAGC,UAAU,IAC3B3B,QAAQ,CAACK,OAAO,EAAEqB,gBAAgB,CAACC,UAAU;IACjD,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EACN,IAAAC,0BAAmB,EAACjC,GAAG,EAAE,MAAMM,QAAQ,EAAE,EAAE,CAAC;EAC5C,OAAO;IACLH,UAAU;IACVE,QAAQ;IACRC;EACF,CAAC;AACH","ignoreList":[]}