@shaquillehinds/react-native-bottom-sheet 0.0.1

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

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useBottomSheetUtils = useBottomSheetUtils;
+var _reactNativeEssentials = require("@shaquillehinds/react-native-essentials");
+var _bottomSheetConstants = require("../../config/bottomSheet.constants.js");
+function useBottomSheetUtils() {
+  const deviceOrientation = (0, _reactNativeEssentials.useDeviceOrientation)();
+  const extraHeight = deviceOrientation.relativeY(_bottomSheetConstants.extraHeightPercent);
+  const modalHeight = deviceOrientation.relativeY(100) + extraHeight;
+  const modalBottomOffset = -modalHeight * 2;
+  const getMaxMinSnapPoints = snapPoints => {
+    const firstSnapPoint = snapPoints[0];
+    let maxSnapPoint = firstSnapPoint.offset;
+    let minSnapPoint = firstSnapPoint.offset;
+    for (const snapPoint of snapPoints) {
+      if (snapPoint.offset < maxSnapPoint) maxSnapPoint = snapPoint.offset;
+      if (snapPoint.offset > minSnapPoint) minSnapPoint = snapPoint.offset;
+    }
+    return {
+      maxSnapPoint,
+      minSnapPoint,
+      firstSnapPoint
+    };
+  };
+  const getMaxMinSnapPointsWorklet = snapPoints => {
+    'worklet';
+
+    const firstSnapPoint = snapPoints.value[0];
+    let maxSnapPoint = firstSnapPoint.offset;
+    let minSnapPoint = firstSnapPoint.offset;
+    for (const snapPoint of snapPoints.value) {
+      if (snapPoint.offset < maxSnapPoint) maxSnapPoint = snapPoint.offset;
+      if (snapPoint.offset > minSnapPoint) minSnapPoint = snapPoint.offset;
+    }
+    return {
+      maxSnapPoint,
+      minSnapPoint,
+      firstSnapPoint
+    };
+  };
+  const percentageToSnapPoint = p => {
+    const percentage = (0, _reactNativeEssentials.strToNumPercentage)(p);
+    return {
+      percentage: percentage / 100,
+      offset: -(deviceOrientation.relativeY(percentage) + extraHeight)
+    };
+  };
+  const percentageToSnapPointWorklet = (p, screenHeight) => {
+    'worklet';
+
+    const percentage = (0, _reactNativeEssentials.strToNumPercentageWorklet)(p);
+    const decimal = percentage / 100;
+    const snapPointOffset = screenHeight * decimal;
+    const extraSnapPointHeight = screenHeight * (_bottomSheetConstants.extraHeightPercent / 100);
+    return {
+      percentage: decimal,
+      offset: -(snapPointOffset + extraSnapPointHeight)
+    };
+  };
+  return {
+    ...deviceOrientation,
+    extraHeight,
+    modalHeight,
+    modalBottomOffset,
+    getMaxMinSnapPoints,
+    getMaxMinSnapPointsWorklet,
+    percentageToSnapPoint,
+    percentageToSnapPointWorklet
+  };
+}
+//# sourceMappingURL=useBottomSheetUtils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeEssentials","require","_bottomSheetConstants","useBottomSheetUtils","deviceOrientation","useDeviceOrientation","extraHeight","relativeY","extraHeightPercent","modalHeight","modalBottomOffset","getMaxMinSnapPoints","snapPoints","firstSnapPoint","maxSnapPoint","offset","minSnapPoint","snapPoint","getMaxMinSnapPointsWorklet","value","percentageToSnapPoint","p","percentage","strToNumPercentage","percentageToSnapPointWorklet","screenHeight","strToNumPercentageWorklet","decimal","snapPointOffset","extraSnapPointHeight"],"sourceRoot":"../../../../../src","sources":["BottomSheet/controller/hooks/useBottomSheetUtils.ts"],"mappings":";;;;;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AAOA,IAAAC,qBAAA,GAAAD,OAAA;AAEO,SAASE,mBAAmBA,CAAA,EAAG;EACpC,MAAMC,iBAAiB,GAAG,IAAAC,2CAAoB,EAAC,CAAC;EAEhD,MAAMC,WAAW,GAAGF,iBAAiB,CAACG,SAAS,CAACC,wCAAkB,CAAC;EACnE,MAAMC,WAAW,GAAGL,iBAAiB,CAACG,SAAS,CAAC,GAAG,CAAC,GAAGD,WAAW;EAClE,MAAMI,iBAAiB,GAAG,CAACD,WAAW,GAAG,CAAC;EAE1C,MAAME,mBAAmB,GAAIC,UAAuB,IAAK;IACvD,MAAMC,cAAc,GAAGD,UAAU,CAAC,CAAC,CAAE;IACrC,IAAIE,YAAY,GAAGD,cAAc,CAACE,MAAM;IACxC,IAAIC,YAAY,GAAGH,cAAc,CAACE,MAAM;IACxC,KAAK,MAAME,SAAS,IAAIL,UAAU,EAAE;MAClC,IAAIK,SAAS,CAACF,MAAM,GAAGD,YAAY,EAAEA,YAAY,GAAGG,SAAS,CAACF,MAAM;MACpE,IAAIE,SAAS,CAACF,MAAM,GAAGC,YAAY,EAAEA,YAAY,GAAGC,SAAS,CAACF,MAAM;IACtE;IACA,OAAO;MAAED,YAAY;MAAEE,YAAY;MAAEH;IAAe,CAAC;EACvD,CAAC;EAED,MAAMK,0BAA0B,GAAIN,UAAoC,IAAK;IAC3E,SAAS;;IACT,MAAMC,cAAc,GAAGD,UAAU,CAACO,KAAK,CAAC,CAAC,CAAE;IAC3C,IAAIL,YAAY,GAAGD,cAAc,CAACE,MAAM;IACxC,IAAIC,YAAY,GAAGH,cAAc,CAACE,MAAM;IACxC,KAAK,MAAME,SAAS,IAAIL,UAAU,CAACO,KAAK,EAAE;MACxC,IAAIF,SAAS,CAACF,MAAM,GAAGD,YAAY,EAAEA,YAAY,GAAGG,SAAS,CAACF,MAAM;MACpE,IAAIE,SAAS,CAACF,MAAM,GAAGC,YAAY,EAAEA,YAAY,GAAGC,SAAS,CAACF,MAAM;IACtE;IACA,OAAO;MAAED,YAAY;MAAEE,YAAY;MAAEH;IAAe,CAAC;EACvD,CAAC;EAED,MAAMO,qBAAqB,GAAIC,CAAkB,IAAK;IACpD,MAAMC,UAAU,GAAG,IAAAC,yCAAkB,EAACF,CAAC,CAAC;IACxC,OAAO;MACLC,UAAU,EAAEA,UAAU,GAAG,GAAG;MAC5BP,MAAM,EAAE,EAAEX,iBAAiB,CAACG,SAAS,CAACe,UAAU,CAAC,GAAGhB,WAAW;IACjE,CAAC;EACH,CAAC;EAED,MAAMkB,4BAA4B,GAAGA,CACnCH,CAAkB,EAClBI,YAAoB,KACjB;IACH,SAAS;;IACT,MAAMH,UAAU,GAAG,IAAAI,gDAAyB,EAACL,CAAC,CAAC;IAC/C,MAAMM,OAAO,GAAGL,UAAU,GAAG,GAAG;IAChC,MAAMM,eAAe,GAAGH,YAAY,GAAGE,OAAO;IAC9C,MAAME,oBAAoB,GAAGJ,YAAY,IAAIjB,wCAAkB,GAAG,GAAG,CAAC;IACtE,OAAO;MACLc,UAAU,EAAEK,OAAO;MACnBZ,MAAM,EAAE,EAAEa,eAAe,GAAGC,oBAAoB;IAClD,CAAC;EACH,CAAC;EAED,OAAO;IACL,GAAGzB,iBAAiB;IACpBE,WAAW;IACXG,WAAW;IACXC,iBAAiB;IACjBC,mBAAmB;IACnBO,0BAA0B;IAC1BE,qBAAqB;IACrBI;EACF,CAAC;AACH","ignoreList":[]}

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _bottomSheetController = require("./bottomSheet.controller.js");
+Object.keys(_bottomSheetController).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _bottomSheetController[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _bottomSheetController[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_bottomSheetController","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../../src","sources":["BottomSheet/controller/index.ts"],"mappings":";;;;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,sBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,sBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,sBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

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

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.keyboardAnimationController = keyboardAnimationController;
+var _react = require("react");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _bottomSheetConstants = require("../config/bottomSheet.constants.js");
+var _reactNativeEssentials = require("@shaquillehinds/react-native-essentials");
+function keyboardAnimationController(props) {
+  const {
+    translationY,
+    prevTranslationY,
+    modalContentTranslateY,
+    keyboardHeight
+  } = props;
+  const keyboardHeightRef = (0, _react.useRef)(0);
+  const setKeyboardHeight = (0, _react.useCallback)(height => {
+    keyboardHeight.value = height;
+    keyboardHeightRef.current = height;
+  }, []);
+  const adjustForKeyboardHeight = (0, _react.useCallback)((currentKeyboardHeight, previousKeyboardHeight, screenHeight) => {
+    'worklet';
+
+    const maxModalY = screenHeight * -1;
+    if (currentKeyboardHeight > 10) {
+      if (translationY.value <= maxModalY) {
+        modalContentTranslateY.value = (0, _reactNativeReanimated.withTiming)(-currentKeyboardHeight, _bottomSheetConstants.openKeyboardTimingConfig);
+      } else {
+        const maxGap = maxModalY - translationY.value;
+        const height = translationY.value - currentKeyboardHeight;
+        if (height < maxModalY) {
+          const modalShift = translationY.value + maxGap;
+          translationY.value = (0, _reactNativeReanimated.withTiming)(modalShift, _bottomSheetConstants.openKeyboardTimingConfig);
+          prevTranslationY.value = modalShift;
+          modalContentTranslateY.value = (0, _reactNativeReanimated.withTiming)(-currentKeyboardHeight - maxGap, _bottomSheetConstants.openKeyboardTimingConfig);
+        } else {
+          translationY.value = (0, _reactNativeReanimated.withTiming)(height, _bottomSheetConstants.openKeyboardTimingConfig);
+          prevTranslationY.value = height;
+        }
+      }
+    } else {
+      const newTranslationY = translationY.value + (previousKeyboardHeight + modalContentTranslateY.value);
+      translationY.value = (0, _reactNativeReanimated.withTiming)(newTranslationY, _bottomSheetConstants.closeKeyboardTimingConfig);
+      prevTranslationY.value = newTranslationY;
+      modalContentTranslateY.value = (0, _reactNativeReanimated.withTiming)(0, _bottomSheetConstants.closeKeyboardTimingConfig);
+    }
+  }, []);
+  const keyBoardShowListener = (0, _react.useCallback)(async (e, shouldAdjust) => {
+    await (0, _reactNativeEssentials.wait)(10);
+    if (keyboardHeightRef.current) return;
+    setKeyboardHeight(e.endCoordinates.height);
+    if (!shouldAdjust) return;
+    if (props.inputsForKeyboardToAvoid && !props.inputsForKeyboardToAvoid.find(input => {
+      return input.current?.isFocused();
+    })) return;
+    props.setDisableLayoutAnimation(true);
+    (0, _reactNativeReanimated.runOnUI)(adjustForKeyboardHeight)(keyboardHeightRef.current, 0, props.screenHeight);
+  }, [props.screenHeight]);
+  const keyboardHideListener = (0, _react.useCallback)(async shouldAdjust => {
+    if (!keyboardHeightRef.current) return;
+    const previousKeyboardHeight = keyboardHeightRef.current;
+    setKeyboardHeight(0);
+    if (!shouldAdjust) return;
+    props.setDisableLayoutAnimation(false);
+    (0, _reactNativeReanimated.runOnUI)(adjustForKeyboardHeight)(keyboardHeightRef.current, previousKeyboardHeight, props.screenHeight);
+  }, [props.screenHeight]);
+  const shouldAdjustForKeyboard = !!(props.avoidKeyboard || props.inputsForKeyboardToAvoid?.length);
+  (0, _reactNativeEssentials.useKeyboardListeners)({
+    listeners: {
+      keyboardWillShow: e => {
+        _reactNativeEssentials.isIOS && keyBoardShowListener(e, shouldAdjustForKeyboard);
+      },
+      keyboardWillHide: () => {
+        _reactNativeEssentials.isIOS && keyboardHideListener(shouldAdjustForKeyboard);
+      },
+      keyboardDidShow: e => {
+        _reactNativeEssentials.isAndroid && keyBoardShowListener(e, shouldAdjustForKeyboard);
+      },
+      keyboardDidHide: async () => {
+        _reactNativeEssentials.isAndroid && keyboardHideListener(shouldAdjustForKeyboard);
+      }
+    },
+    subscribeCondition: () => true
+  });
+}
+//# sourceMappingURL=keyboardAnimation.controller.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNativeReanimated","_bottomSheetConstants","_reactNativeEssentials","keyboardAnimationController","props","translationY","prevTranslationY","modalContentTranslateY","keyboardHeight","keyboardHeightRef","useRef","setKeyboardHeight","useCallback","height","value","current","adjustForKeyboardHeight","currentKeyboardHeight","previousKeyboardHeight","screenHeight","maxModalY","withTiming","openKeyboardTimingConfig","maxGap","modalShift","newTranslationY","closeKeyboardTimingConfig","keyBoardShowListener","e","shouldAdjust","wait","endCoordinates","inputsForKeyboardToAvoid","find","input","isFocused","setDisableLayoutAnimation","runOnUI","keyboardHideListener","shouldAdjustForKeyboard","avoidKeyboard","length","useKeyboardListeners","listeners","keyboardWillShow","isIOS","keyboardWillHide","keyboardDidShow","isAndroid","keyboardDidHide","subscribeCondition"],"sourceRoot":"../../../../src","sources":["BottomSheet/controller/keyboardAnimation.controller.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.scrollContentController = scrollContentController;
+var _reactNativeReanimated = require("react-native-reanimated");
+var _react = require("react");
+//$lf-ignore
+
+function scrollContentController({
+  scrollActive,
+  scrollY,
+  onDragStartGesture,
+  onDragEndGesture,
+  onDragGesture,
+  maxScrollOffset,
+  inverted,
+  scrollableComponentRef
+}) {
+  const enableScroll = (scrollEnabled, timeout) => {
+    if (timeout) setTimeout(() => scrollableComponentRef?.current?.setNativeProps({
+      scrollEnabled
+    }), timeout);else scrollableComponentRef?.current?.setNativeProps({
+      scrollEnabled
+    });
+  };
+  const dragEnabled = (0, _reactNativeReanimated.useSharedValue)(false);
+  const initDragPos = (0, _reactNativeReanimated.useSharedValue)(0);
+  const beginDragInit = (0, _reactNativeReanimated.useSharedValue)(false);
+  const scrollEnabled = (0, _reactNativeReanimated.useSharedValue)(true);
+  const onBeginScroll = (0, _react.useCallback)(e => {
+    'worklet';
+
+    const maxPositionFromTopToEnableScroll = 15;
+    const isPositionFarFromTop = inverted.value ? scrollY.value < maxScrollOffset.value - maxPositionFromTopToEnableScroll : scrollY.value > maxPositionFromTopToEnableScroll;
+    if (isPositionFarFromTop) {
+      scrollActive.value = true;
+    } else {
+      beginDragInit.value = true;
+      onDragStartGesture(e);
+    }
+  }, []);
+  const onUpdateScroll = (0, _react.useCallback)(e => {
+    'worklet';
+
+    if (scrollActive.value) return;
+    if (dragEnabled.value) {
+      if (scrollEnabled.value) {
+        if (e.translationY < initDragPos.value) {
+          scrollEnabled.value = false;
+          (0, _reactNativeReanimated.runOnJS)(enableScroll)(false);
+        }
+        initDragPos.value = e.translationY;
+      }
+      return onDragGesture(e);
+    }
+    if (beginDragInit.value) {
+      beginDragInit.value = false;
+      return;
+    }
+    if (e.translationY > -400 && (inverted.value ? Math.round(scrollY.value) >= Math.round(maxScrollOffset.value) : scrollY.value <= 0)) {
+      if (!dragEnabled.value) {
+        initDragPos.value = e.translationY;
+        dragEnabled.value = true;
+        onDragGesture(e);
+      }
+    } else if (scrollY.value > 0) {
+      scrollActive.value = true;
+    }
+  }, [enableScroll]);
+  const onEndScroll = (0, _react.useCallback)(e => {
+    'worklet';
+
+    if (!scrollActive.value) {
+      onDragEndGesture(e);
+      (0, _reactNativeReanimated.runOnJS)(enableScroll)(true);
+    } else (0, _reactNativeReanimated.runOnJS)(enableScroll)(true);
+    scrollActive.value = false;
+    dragEnabled.value = false;
+    scrollEnabled.value = true;
+  }, [enableScroll]);
+  return {
+    onBeginScroll,
+    onUpdateScroll,
+    onEndScroll
+  };
+}
+//# sourceMappingURL=scrollContent.controller.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeReanimated","require","_react","scrollContentController","scrollActive","scrollY","onDragStartGesture","onDragEndGesture","onDragGesture","maxScrollOffset","inverted","scrollableComponentRef","enableScroll","scrollEnabled","timeout","setTimeout","current","setNativeProps","dragEnabled","useSharedValue","initDragPos","beginDragInit","onBeginScroll","useCallback","e","maxPositionFromTopToEnableScroll","isPositionFarFromTop","value","onUpdateScroll","translationY","runOnJS","Math","round","onEndScroll"],"sourceRoot":"../../../../src","sources":["BottomSheet/controller/scrollContent.controller.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/BottomSheet/index.js

@@ -0,0 +1,130 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BottomSheet = exports.BottomModalContext = void 0;
+Object.defineProperty(exports, "BottomSheetFlatlist", {
+  enumerable: true,
+  get: function () {
+    return _BottomSheetFlatlist.BottomSheetFlatlist;
+  }
+});
+exports.BottomSheetModal = void 0;
+Object.defineProperty(exports, "BottomSheetScrollView", {
+  enumerable: true,
+  get: function () {
+    return _BottomSheetScrollView.BottomSheetScrollView;
+  }
+});
+exports.useBottomSheetRef = void 0;
+var _react = require("react");
+var _BottomSheetModal = require("./components/BottomSheetModal.js");
+var _BottomSheet = require("./components/BottomSheet.js");
+var _BottomSheetFlatlist = require("./components/BottomSheetFlatlist.js");
+var _BottomSheetScrollView = require("./components/BottomSheetScrollView.js");
+var _index = require("./controller/index.js");
+var _useBottomSheetRef = require("./controller/hooks/useBottomSheetRef.js");
+var _bottomSheetConstants = require("./config/bottomSheet.constants.js");
+var _reactNativeEssentials = require("@shaquillehinds/react-native-essentials");
+var _jsxRuntime = require("react/jsx-runtime");
+const BottomModalContext = exports.BottomModalContext = /*#__PURE__*/(0, _react.createContext)(null);
+const BottomSheetModal = exports.BottomSheetModal = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    mounterRef,
+    sheetRef,
+    modalRef
+  } = (0, _useBottomSheetRef.useBottomSheetRef)({
+    ref,
+    showModal: props.showModal,
+    setShowModal: props.setShowModal
+  });
+  const Modal = /*#__PURE__*/(0, _jsxRuntime.jsx)(BottomModalContext.Provider, {
+    value: {
+      modalRef
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeEssentials.ComponentMounter, {
+      ref: mounterRef,
+      showComponent: props.showModal,
+      setShowComponent: props.setShowModal,
+      unMountDelayInMilliSeconds: _bottomSheetConstants.animateCloseTimingConfig.duration,
+      onComponentShow: props.onModalShow,
+      onComponentClose: props.onModalClose,
+      component: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BottomSheetModal.BottomSheetModal, {
+        ...props,
+        _unMounter: () => mounterRef.current?.unMountComponent(),
+        ref: sheetRef
+      })
+    })
+  });
+  const portal = (0, _reactNativeEssentials.usePortalComponent)({
+    Component: Modal,
+    name: 'smooth-bottom-modal',
+    disable: props.disablePortal || props.useNativeModal,
+    CustomPortalContext: props.CustomPortalContext
+  });
+  if (portal && !props.disablePortal && !props.useNativeModal) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
+  } else {
+    return Modal;
+  }
+});
+const BottomSheetControl = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const controller = (0, _index.bottomSheetController)(props);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeEssentials.ModalWrapper, {
+    enableBackgroundContentPress: true,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BottomSheet.BottomSheet, {
+      ...props,
+      controller: controller,
+      ref: ref
+    })
+  });
+});
+const BottomSheet = exports.BottomSheet = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    mounterRef,
+    sheetRef,
+    modalRef
+  } = (0, _useBottomSheetRef.useBottomSheetRef)({
+    ref,
+    showModal: props.showModal,
+    setShowModal: props.setShowModal
+  });
+  const Modal = /*#__PURE__*/(0, _jsxRuntime.jsx)(BottomModalContext.Provider, {
+    value: {
+      modalRef
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeEssentials.ComponentMounter, {
+      ref: mounterRef,
+      showComponent: props.showModal,
+      setShowComponent: props.setShowModal,
+      unMountDelayInMilliSeconds: _bottomSheetConstants.animateCloseTimingConfig.duration,
+      onComponentShow: props.onModalShow,
+      onComponentClose: props.onModalClose,
+      component: /*#__PURE__*/(0, _jsxRuntime.jsx)(BottomSheetControl, {
+        ...props,
+        _unMounter: () => mounterRef.current?.unMountComponent(),
+        ref: sheetRef
+      })
+    })
+  });
+  const portal = (0, _reactNativeEssentials.usePortalComponent)({
+    Component: Modal,
+    name: 'smooth-bottom-modal',
+    disable: props.disablePortal || props.useNativeModal,
+    CustomPortalContext: props.CustomPortalContext
+  });
+  if (portal && !props.disablePortal && !props.useNativeModal) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
+  } else {
+    return Modal;
+  }
+});
+const useBottomSheetRef = () => {
+  const context = (0, _react.useContext)(BottomModalContext);
+  return {
+    modalRef: context?.modalRef
+  };
+};
+exports.useBottomSheetRef = useBottomSheetRef;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/BottomSheet/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_BottomSheetModal","_BottomSheet","_BottomSheetFlatlist","_BottomSheetScrollView","_index","_useBottomSheetRef","_bottomSheetConstants","_reactNativeEssentials","_jsxRuntime","BottomModalContext","exports","createContext","BottomSheetModal","forwardRef","props","ref","mounterRef","sheetRef","modalRef","useBottomSheetRefs","showModal","setShowModal","Modal","jsx","Provider","value","children","ComponentMounter","showComponent","setShowComponent","unMountDelayInMilliSeconds","animateCloseTimingConfig","duration","onComponentShow","onModalShow","onComponentClose","onModalClose","component","_unMounter","current","unMountComponent","portal","usePortalComponent","Component","name","disable","disablePortal","useNativeModal","CustomPortalContext","Fragment","BottomSheetControl","controller","bottomSheetController","ModalWrapper","enableBackgroundContentPress","BottomSheet","useBottomSheetRef","context","useContext"],"sourceRoot":"../../../src","sources":["BottomSheet/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _index = require("./BottomSheet/index.js");
+Object.keys(_index).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_index","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/commonjs/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}

package/lib/module/BottomSheet/animations/drag.animation.js

@@ -0,0 +1,68 @@
+"use strict";
+
+//$lf-ignore
+import { useSharedValue, useAnimatedStyle } from 'react-native-reanimated';
+import { useCallback } from 'react';
+
+// function clamp(val: number, min: number, max: number) {
+//   'worklet';
+//   return Math.min(Math.max(val, min), max);
+// }
+
+//prettier-ignore
+// function stretch(val: number,min: number,max: number,maxStretch: number,stretchOn: 'min' | 'max') {
+//   'worklet';
+//   const isMax = stretchOn === 'max';
+//   const limit = isMax ? max : min;
+//   const direction = isMax ? 1 : -1;
+//   const inBounds = isMax ? val <= max : val >= min;
+//   if (inBounds) return val;
+//   const overshoot = Math.abs(val - limit);
+//   const resistance = maxStretch * (1 - 1 / (overshoot / maxStretch + 1));
+//   return limit + resistance * direction;
+// }
+
+// function maxStretch(val:number, max: number, stretch: number){
+//   'worklet';
+//   return val <= max ? val : max - stretch + stretch / ((val - max) / stretch + 1);
+// }
+function minStretch(val, min, stretch) {
+  'worklet';
+
+  //prettier-ignore
+  return val >= min ? val : min - stretch + stretch / ((min - val) / stretch + 1);
+}
+export function useDragAnimation(props) {
+  const translationX = props?.translationX || useSharedValue(0);
+  const translationY = props?.translationY || useSharedValue(0);
+  const prevTranslationX = props?.prevTranslationX || useSharedValue(0);
+  const prevTranslationY = props?.prevTranslationY || useSharedValue(0);
+  const dragAnimatedStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateX: translationX.value
+    }, {
+      translateY: translationY.value
+    }]
+  }));
+  const onDragStart = useCallback(() => {
+    'worklet';
+
+    prevTranslationX.value = translationX.value;
+    prevTranslationY.value = translationY.value;
+  }, []);
+  const onDrag = useCallback(dragProps => {
+    'worklet';
+
+    translationY.value = minStretch(prevTranslationY.value + dragProps.posY, dragProps.minPosY, 100);
+  }, []);
+  return {
+    onDrag,
+    onDragStart,
+    dragAnimatedStyle,
+    translationX,
+    translationY,
+    prevTranslationX,
+    prevTranslationY
+  };
+}
+//# sourceMappingURL=drag.animation.js.map

package/lib/module/BottomSheet/animations/drag.animation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSharedValue","useAnimatedStyle","useCallback","minStretch","val","min","stretch","useDragAnimation","props","translationX","translationY","prevTranslationX","prevTranslationY","dragAnimatedStyle","transform","translateX","value","translateY","onDragStart","onDrag","dragProps","posY","minPosY"],"sourceRoot":"../../../../src","sources":["BottomSheet/animations/drag.animation.ts"],"mappings":";;AAAA;AACA,SACEA,cAAc,EACdC,gBAAgB,QAEX,yBAAyB;AAChC,SAASC,WAAW,QAAQ,OAAO;;AAEnC;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,SAASC,UAAUA,CAACC,GAAW,EAAEC,GAAW,EAAEC,OAAe,EAAE;EAC7D,SAAS;;EACT;EACA,OAAOF,GAAG,IAAIC,GAAG,GAAGD,GAAG,GAAGC,GAAG,GAAGC,OAAO,GAAGA,OAAO,IAAI,CAACD,GAAG,GAAGD,GAAG,IAAIE,OAAO,GAAG,CAAC,CAAC;AACjF;AAgBA,OAAO,SAASC,gBAAgBA,CAACC,KAA4B,EAAE;EAC7D,MAAMC,YAAY,GAAGD,KAAK,EAAEC,YAAY,IAAIT,cAAc,CAAC,CAAC,CAAC;EAC7D,MAAMU,YAAY,GAAGF,KAAK,EAAEE,YAAY,IAAIV,cAAc,CAAC,CAAC,CAAC;EAC7D,MAAMW,gBAAgB,GAAGH,KAAK,EAAEG,gBAAgB,IAAIX,cAAc,CAAC,CAAC,CAAC;EACrE,MAAMY,gBAAgB,GAAGJ,KAAK,EAAEI,gBAAgB,IAAIZ,cAAc,CAAC,CAAC,CAAC;EAErE,MAAMa,iBAAiB,GAAGZ,gBAAgB,CAAC,OAAO;IAChDa,SAAS,EAAE,CACT;MAAEC,UAAU,EAAEN,YAAY,CAACO;IAAM,CAAC,EAClC;MAAEC,UAAU,EAAEP,YAAY,CAACM;IAAM,CAAC;EAEtC,CAAC,CAAC,CAAC;EAEH,MAAME,WAAW,GAAGhB,WAAW,CAAC,MAAM;IACpC,SAAS;;IACTS,gBAAgB,CAACK,KAAK,GAAGP,YAAY,CAACO,KAAK;IAC3CJ,gBAAgB,CAACI,KAAK,GAAGN,YAAY,CAACM,KAAK;EAC7C,CAAC,EAAE,EAAE,CAAC;EACN,MAAMG,MAAM,GAAGjB,WAAW,CAAEkB,SAA+B,IAAK;IAC9D,SAAS;;IACTV,YAAY,CAACM,KAAK,GAAGb,UAAU,CAC7BS,gBAAgB,CAACI,KAAK,GAAGI,SAAS,CAACC,IAAI,EACvCD,SAAS,CAACE,OAAO,EACjB,GACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EACN,OAAO;IACLH,MAAM;IACND,WAAW;IACXL,iBAAiB;IACjBJ,YAAY;IACZC,YAAY;IACZC,gBAAgB;IAChBC;EACF,CAAC;AACH","ignoreList":[]}

package/lib/module/BottomSheet/components/BottomSheet.js

@@ -0,0 +1,87 @@
+"use strict";
+
+import Animated, { FadeIn, runOnUI } from 'react-native-reanimated';
+import { View } from 'react-native';
+import { forwardRef, createContext, useImperativeHandle } from 'react';
+import { bottomModalStyle as styles } from "../config/bottomSheet.styles.js";
+import { ModalForegroundWrapper, ComponentMounter, DragGesture } from '@shaquillehinds/react-native-essentials';
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const BottomSheetContext = /*#__PURE__*/createContext(null);
+export const BottomSheet = /*#__PURE__*/forwardRef((props, ref) => {
+  const controller = props.controller;
+  useImperativeHandle(ref, () => ({
+    animateCloseModal: prop => {
+      controller.disableLayoutAnimation.current = true;
+      runOnUI(controller.animateModalClose)(prop);
+    },
+    snapToIndex: snapPointIndex => {
+      runOnUI(controller.animateToSnapPointIndex)(snapPointIndex);
+    },
+    snapToPercentage: percentage => {
+      runOnUI(controller.animateToPercentage)(percentage, controller.screenHeight);
+    },
+    getModalState: () => controller.modalState.current
+  }), [controller.screenHeight, controller.modalState.current]);
+  return /*#__PURE__*/_jsx(ModalForegroundWrapper, {
+    children: /*#__PURE__*/_jsx(DragGesture, {
+      minDistance: 15,
+      disable: props.dragArea !== 'full',
+      onDrag: controller.onDragGesture,
+      onDragStart: controller.onDragStartGesture,
+      onDragEnd: controller.onDragEndGesture,
+      children: /*#__PURE__*/_jsxs(Animated.View, {
+        style: [styles.bottomSheet, props.style, controller.modalDimensionsStyle, controller.dragAnimatedStyle, {
+          backgroundColor: props.backgroundColor,
+          bottom: controller.modalDimensionsStyle.bottom + (props.bottomOffset || 0)
+        }],
+        children: [props.hideBumper ? /*#__PURE__*/_jsx(_Fragment, {}) : props.dragArea === 'bumper' || !props.dragArea ? /*#__PURE__*/_jsx(DragGesture, {
+          onDrag: controller.onDragGesture,
+          onDragStart: controller.onDragStartGesture,
+          onDragEnd: controller.onDragEndGesture,
+          children: props.BumperComponent ? /*#__PURE__*/_jsx(props.BumperComponent, {}) : /*#__PURE__*/_jsx(Bumper, {
+            ...props
+          })
+        }) : props.BumperComponent ? /*#__PURE__*/_jsx(props.BumperComponent, {}) : /*#__PURE__*/_jsx(Bumper, {
+          ...props
+        }), /*#__PURE__*/_jsx(Animated.View, {
+          onLayout: controller.onModalContentLayout,
+          style: [styles.contentContainer, controller.modalContentAnimatedStyle, props.contentContainerStyle],
+          children: /*#__PURE__*/_jsx(BottomSheetContext.Provider, {
+            value: {
+              scrollY: controller.scrollY,
+              onBeginScroll: controller.onBeginScroll,
+              onUpdateScroll: controller.onUpdateScroll,
+              onEndScroll: controller.onEndScroll,
+              scrollableComponentRef: controller.scrollableComponentRef,
+              maxScrollOffset: controller.maxScrollOffset,
+              inverted: controller.inverted
+            },
+            children: !props.showContentDelay ? props.children : !props.showContentDelay.type || props.showContentDelay.type === 'opacity' ? /*#__PURE__*/_jsx(Animated.View, {
+              style: [controller.contentOpacityStyle],
+              children: props.children
+            }) : /*#__PURE__*/_jsx(ComponentMounter, {
+              component: /*#__PURE__*/_jsx(Animated.View, {
+                entering: FadeIn.delay(50).duration(200),
+                children: props.children
+              }),
+              mountDelayInMilliSeconds: props.showContentDelay.timeInMilliSecs,
+              showComponent: true,
+              setShowComponent: () => true
+            })
+          })
+        })]
+      })
+    })
+  });
+});
+function Bumper(props) {
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.bumperContainer, {
+      backgroundColor: props.backgroundColor
+    }, props.bumperContainerStyle],
+    children: /*#__PURE__*/_jsx(View, {
+      style: [styles.bumper, props.bumperStyle]
+    })
+  });
+}
+//# sourceMappingURL=BottomSheet.js.map

package/lib/module/BottomSheet/components/BottomSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Animated","FadeIn","runOnUI","View","forwardRef","createContext","useImperativeHandle","bottomModalStyle","styles","ModalForegroundWrapper","ComponentMounter","DragGesture","Fragment","_Fragment","jsx","_jsx","jsxs","_jsxs","BottomSheetContext","BottomSheet","props","ref","controller","animateCloseModal","prop","disableLayoutAnimation","current","animateModalClose","snapToIndex","snapPointIndex","animateToSnapPointIndex","snapToPercentage","percentage","animateToPercentage","screenHeight","getModalState","modalState","children","minDistance","disable","dragArea","onDrag","onDragGesture","onDragStart","onDragStartGesture","onDragEnd","onDragEndGesture","style","bottomSheet","modalDimensionsStyle","dragAnimatedStyle","backgroundColor","bottom","bottomOffset","hideBumper","BumperComponent","Bumper","onLayout","onModalContentLayout","contentContainer","modalContentAnimatedStyle","contentContainerStyle","Provider","value","scrollY","onBeginScroll","onUpdateScroll","onEndScroll","scrollableComponentRef","maxScrollOffset","inverted","showContentDelay","type","contentOpacityStyle","component","entering","delay","duration","mountDelayInMilliSeconds","timeInMilliSecs","showComponent","setShowComponent","bumperContainer","bumperContainerStyle","bumper","bumperStyle"],"sourceRoot":"../../../../src","sources":["BottomSheet/components/BottomSheet.tsx"],"mappings":"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","ignoreList":[]}