@lodev09/react-native-true-sheet 3.4.0-beta.0 → 3.4.0-beta.2

package/README.md

@@ -91,10 +91,23 @@ export const App = () => {
 
 ## Testing
 
-TrueSheet includes built-in Jest mocks for easy testing. Simply mock the package in your tests:
+TrueSheet exports mocks for easy testing:
 
 ```tsx
-jest.mock('@lodev09/react-native-true-sheet');
+// Main component
+jest.mock('@lodev09/react-native-true-sheet', () =>
+  require('@lodev09/react-native-true-sheet/mock')
+);
+
+// Navigation (if using)
+jest.mock('@lodev09/react-native-true-sheet/navigation', () =>
+  require('@lodev09/react-native-true-sheet/navigation/mock')
+);
+
+// Reanimated (if using)
+jest.mock('@lodev09/react-native-true-sheet/reanimated', () =>
+  require('@lodev09/react-native-true-sheet/reanimated/mock')
+);
 ```
 
 All methods (`present`, `dismiss`, `resize`) are mocked as Jest functions, allowing you to test your components without native dependencies.

package/android/src/main/java/com/lodev09/truesheet/TrueSheetView.kt

@@ -368,8 +368,8 @@ class TrueSheetView(private val reactContext: ThemedReactContext) :
     isSheetUpdatePending = true
     viewController.post {
       isSheetUpdatePending = false
-      viewController.setupSheetDetents()
-      viewController.positionFooter()
+      viewController.setupSheetDetentsForSizeChange()
+      TrueSheetDialogObserver.onSheetSizeChanged(this)
     }
   }
 
@@ -384,11 +384,39 @@ class TrueSheetView(private val reactContext: ThemedReactContext) :
   }
 
   override fun containerViewFooterDidChangeSize(width: Int, height: Int) {
-    if (viewController.isPresented) {
-      viewController.positionFooter()
+    viewController.positionFooter()
+  }
+
+  // ==================== Stack Translation ====================
+
+  /**
+   * Updates this sheet's translation based on its direct child's position.
+   * Propagates additional translation to parent so it stays behind this sheet.
+   */
+  fun updateTranslationForChild(childSheetTop: Int) {
+    if (!viewController.isDialogVisible || viewController.isExpanded) return
+
+    val mySheetTop = viewController.getExpectedSheetTop(viewController.currentDetentIndex)
+    val newTranslation = maxOf(0, childSheetTop - mySheetTop)
+    val additionalTranslation = newTranslation - viewController.currentTranslationY
+
+    viewController.translateDialog(newTranslation)
+
+    if (additionalTranslation > 0) {
+      TrueSheetDialogObserver.getParentSheet(this)?.addTranslation(additionalTranslation)
     }
   }
 
+  /**
+   * Adds translation to this sheet and propagates to parent.
+   */
+  private fun addTranslation(amount: Int) {
+    if (!viewController.isDialogVisible || viewController.isExpanded) return
+
+    viewController.translateDialog(viewController.currentTranslationY + amount)
+    TrueSheetDialogObserver.getParentSheet(this)?.addTranslation(amount)
+  }
+
   companion object {
     const val TAG_NAME = "TrueSheet"
   }

package/android/src/main/java/com/lodev09/truesheet/TrueSheetViewController.kt

@@ -76,6 +76,7 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
     // Animation durations from res/anim/true_sheet_slide_in.xml and true_sheet_slide_out.xml
     private const val PRESENT_ANIMATION_DURATION = 250L
     private const val DISMISS_ANIMATION_DURATION = 150L
+    private const val TRANSLATE_ANIMATION_DURATION = 100L
   }
 
   // ====================================================================
@@ -408,6 +409,8 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
           isDialogVisible = false
           dialog?.window?.setWindowAnimations(com.lodev09.truesheet.R.style.TrueSheetFadeOutAnimation)
           dialog?.window?.decorView?.visibility = INVISIBLE
+          dimView?.visibility = INVISIBLE
+          parentDimView?.visibility = INVISIBLE
           wasHiddenByModal = true
         }
       },
@@ -416,6 +419,8 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
         if (isPresented && wasHiddenByModal) {
           isDialogVisible = true
           dialog?.window?.decorView?.visibility = VISIBLE
+          dimView?.visibility = VISIBLE
+          parentDimView?.visibility = VISIBLE
           // Restore animation after visibility change to avoid slide animation
           sheetContainer?.post {
             dialog?.window?.setWindowAnimations(windowAnimation)
@@ -470,6 +475,9 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
   val currentSheetTop: Int
     get() = bottomSheetView?.top ?: screenHeight
 
+  val currentTranslationY: Int
+    get() = bottomSheetView?.translationY?.toInt() ?: 0
+
   fun getExpectedSheetTop(detentIndex: Int): Int {
     if (detentIndex < 0 || detentIndex >= detents.size) return screenHeight
     return realScreenHeight - getDetentHeight(detents[detentIndex])
@@ -478,11 +486,10 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
   /** Translates the sheet when stacking. Pass 0 to reset. */
   fun translateDialog(translationY: Int) {
     val bottomSheet = bottomSheetView ?: return
-    val duration = if (translationY > 0) PRESENT_ANIMATION_DURATION else DISMISS_ANIMATION_DURATION
 
     bottomSheet.animate()
       .translationY(translationY.toFloat())
-      .setDuration(duration)
+      .setDuration(TRANSLATE_ANIMATION_DURATION)
       .setUpdateListener {
         val effectiveTop = bottomSheet.top + bottomSheet.translationY.toInt()
         emitChangePositionDelegate(effectiveTop)
@@ -589,6 +596,11 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
     }
   }
 
+  fun setupSheetDetentsForSizeChange() {
+    setupSheetDetents()
+    positionFooter()
+  }
+
   fun setupGrabber() {
     val bottomSheet = bottomSheetView ?: return
 

package/android/src/main/java/com/lodev09/truesheet/core/TrueSheetDialogObserver.kt

@@ -20,18 +20,8 @@ object TrueSheetDialogObserver {
       val parentSheet = presentedSheetStack.lastOrNull()
         ?.takeIf { it.viewController.isPresented && it.viewController.isDialogVisible }
 
-      // Translate parent sheets down to match the new sheet's position
-      val newSheetTop = sheetView.viewController.getExpectedSheetTop(detentIndex)
-      for (sheet in presentedSheetStack) {
-        if (!sheet.viewController.isDialogVisible) continue
-        if (sheet.viewController.isExpanded) continue
-
-        val sheetTop = sheet.viewController.currentSheetTop
-        if (sheetTop < newSheetTop) {
-          val translationY = newSheetTop - sheetTop
-          sheet.viewController.translateDialog(translationY)
-        }
-      }
+      val childSheetTop = sheetView.viewController.getExpectedSheetTop(detentIndex)
+      parentSheet?.updateTranslationForChild(childSheetTop)
 
       if (!presentedSheetStack.contains(sheetView)) {
         presentedSheetStack.add(sheetView)
@@ -43,7 +33,7 @@ object TrueSheetDialogObserver {
 
   /**
    * Called when a sheet has been dismissed.
-   * Shows the parent sheet if this sheet was stacked on it.
+   * Resets parent sheet translation if this sheet was stacked on it.
    */
   @JvmStatic
   fun onSheetDidDismiss(sheetView: TrueSheetView, hadParent: Boolean) {
@@ -55,6 +45,29 @@ object TrueSheetDialogObserver {
     }
   }
 
+  /**
+   * Called when a presented sheet's size changes (e.g., after setupSheetDetents).
+   * Updates parent sheet translations to match the new sheet position.
+   */
+  @JvmStatic
+  fun onSheetSizeChanged(sheetView: TrueSheetView) {
+    synchronized(presentedSheetStack) {
+      val index = presentedSheetStack.indexOf(sheetView)
+      if (index <= 0) return
+
+      val parentSheet = presentedSheetStack[index - 1]
+
+      // Post to ensure layout is complete before reading position
+      sheetView.viewController.post {
+        val childMinSheetTop = sheetView.viewController.getExpectedSheetTop(0)
+        val childCurrentSheetTop = sheetView.viewController.getExpectedSheetTop(sheetView.viewController.currentDetentIndex)
+        // Cap to minimum detent position
+        val childSheetTop = maxOf(childMinSheetTop, childCurrentSheetTop)
+        parentSheet.updateTranslationForChild(childSheetTop)
+      }
+    }
+  }
+
   /**
    * Returns all sheets presented on top of the given sheet (children/descendants).
    * Returns them in reverse order (top-most first) for proper dismissal.
@@ -81,4 +94,16 @@ object TrueSheetDialogObserver {
       presentedSheetStack.clear()
     }
   }
+
+  /**
+   * Gets the parent sheet of the given sheet, if any.
+   */
+  @JvmStatic
+  fun getParentSheet(sheetView: TrueSheetView): TrueSheetView? {
+    synchronized(presentedSheetStack) {
+      val index = presentedSheetStack.indexOf(sheetView)
+      if (index <= 0) return null
+      return presentedSheetStack[index - 1]
+    }
+  }
 }

package/ios/TrueSheetView.mm

@@ -403,10 +403,7 @@ using namespace facebook::react;
 
   dispatch_async(dispatch_get_main_queue(), ^{
     self->_isSheetUpdatePending = NO;
-
-    [self->_controller.sheetPresentationController animateChanges:^{
-      [self->_controller setupSheetDetentsForSizeChange];
-    }];
+    [self->_controller setupSheetDetentsForSizeChange];
   });
 }
 

package/ios/TrueSheetViewController.mm

@@ -594,8 +594,10 @@
 #pragma mark - Sheet Configuration
 
 - (void)setupSheetDetentsForSizeChange {
-  _pendingContentSizeChange = YES;
-  [self setupSheetDetents];
+  [self.sheetPresentationController animateChanges:^{
+    _pendingContentSizeChange = YES;
+    [self setupSheetDetents];
+  }];
 }
 
 - (void)setupSheetDetentsForDetentsChange {

package/lib/module/mocks/index.js

@@ -0,0 +1,78 @@
+"use strict";
+
+import React, { createElement, isValidElement } from 'react';
+import { View } from 'react-native';
+/**
+ * Mock TrueSheet component for testing.
+ * Import from '@lodev09/react-native-true-sheet/mock' in your test setup.
+ */
+export class TrueSheet extends React.Component {
+  static instances = {};
+  static dismiss = jest.fn((_name, _animated) => Promise.resolve());
+  static present = jest.fn((_name, _index, _animated) => Promise.resolve());
+  static resize = jest.fn((_name, _index) => Promise.resolve());
+  dismiss = jest.fn(_animated => Promise.resolve());
+  present = jest.fn((_index, _animated) => Promise.resolve());
+  resize = jest.fn(_index => Promise.resolve());
+  componentDidMount() {
+    const {
+      name
+    } = this.props;
+    if (name) {
+      TrueSheet.instances[name] = this;
+    }
+  }
+  componentWillUnmount() {
+    const {
+      name
+    } = this.props;
+    if (name) {
+      delete TrueSheet.instances[name];
+    }
+  }
+  renderHeader() {
+    const {
+      header
+    } = this.props;
+    if (!header) return null;
+    return /*#__PURE__*/isValidElement(header) ? header : /*#__PURE__*/createElement(header);
+  }
+  renderFooter() {
+    const {
+      footer
+    } = this.props;
+    if (!footer) return null;
+    return /*#__PURE__*/isValidElement(footer) ? footer : /*#__PURE__*/createElement(footer);
+  }
+  render() {
+    const {
+      children,
+      style
+    } = this.props;
+    return /*#__PURE__*/React.createElement(View, {
+      style
+    }, this.renderHeader(), children, this.renderFooter());
+  }
+}
+
+/**
+ * Mock TrueSheetProvider for testing.
+ */
+export function TrueSheetProvider({
+  children
+}) {
+  return children;
+}
+
+/**
+ * Mock useTrueSheet hook for testing.
+ */
+export function useTrueSheet() {
+  return {
+    present: TrueSheet.present,
+    dismiss: TrueSheet.dismiss,
+    resize: TrueSheet.resize
+  };
+}
+export * from "../TrueSheet.types.js";
+//# sourceMappingURL=index.js.map

package/lib/module/mocks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createElement","isValidElement","View","TrueSheet","Component","instances","dismiss","jest","fn","_name","_animated","Promise","resolve","present","_index","resize","componentDidMount","name","props","componentWillUnmount","renderHeader","header","renderFooter","footer","render","children","style","TrueSheetProvider","useTrueSheet"],"sourceRoot":"../../../src","sources":["mocks/index.ts"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,cAAc,QAAwB,OAAO;AAC5E,SAASC,IAAI,QAAQ,cAAc;AAQnC;AACA;AACA;AACA;AACA,OAAO,MAAMC,SAAS,SACZJ,KAAK,CAACK,SAAS,CAEzB;EACE,OAAOC,SAAS,GAA8B,CAAC,CAAC;EAEhD,OAAOC,OAAO,GAAGC,IAAI,CAACC,EAAE,CAAC,CAACC,KAAa,EAAEC,SAAmB,KAAKC,OAAO,CAACC,OAAO,CAAC,CAAC,CAAC;EACnF,OAAOC,OAAO,GAAGN,IAAI,CAACC,EAAE,CAAC,CAACC,KAAa,EAAEK,MAAe,EAAEJ,SAAmB,KAC3EC,OAAO,CAACC,OAAO,CAAC,CAClB,CAAC;EACD,OAAOG,MAAM,GAAGR,IAAI,CAACC,EAAE,CAAC,CAACC,KAAa,EAAEK,MAAc,KAAKH,OAAO,CAACC,OAAO,CAAC,CAAC,CAAC;EAE7EN,OAAO,GAAGC,IAAI,CAACC,EAAE,CAAEE,SAAmB,IAAKC,OAAO,CAACC,OAAO,CAAC,CAAC,CAAC;EAC7DC,OAAO,GAAGN,IAAI,CAACC,EAAE,CAAC,CAACM,MAAe,EAAEJ,SAAmB,KAAKC,OAAO,CAACC,OAAO,CAAC,CAAC,CAAC;EAC9EG,MAAM,GAAGR,IAAI,CAACC,EAAE,CAAEM,MAAc,IAAKH,OAAO,CAACC,OAAO,CAAC,CAAC,CAAC;EAEvDI,iBAAiBA,CAAA,EAAG;IAClB,MAAM;MAAEC;IAAK,CAAC,GAAG,IAAI,CAACC,KAAK;IAC3B,IAAID,IAAI,EAAE;MACRd,SAAS,CAACE,SAAS,CAACY,IAAI,CAAC,GAAG,IAAI;IAClC;EACF;EAEAE,oBAAoBA,CAAA,EAAG;IACrB,MAAM;MAAEF;IAAK,CAAC,GAAG,IAAI,CAACC,KAAK;IAC3B,IAAID,IAAI,EAAE;MACR,OAAOd,SAAS,CAACE,SAAS,CAACY,IAAI,CAAC;IAClC;EACF;EAEQG,YAAYA,CAAA,EAAc;IAChC,MAAM;MAAEC;IAAO,CAAC,GAAG,IAAI,CAACH,KAAK;IAC7B,IAAI,CAACG,MAAM,EAAE,OAAO,IAAI;IACxB,OAAO,aAAApB,cAAc,CAACoB,MAAM,CAAC,GAAGA,MAAM,gBAAGrB,aAAa,CAACqB,MAAM,CAAC;EAChE;EAEQC,YAAYA,CAAA,EAAc;IAChC,MAAM;MAAEC;IAAO,CAAC,GAAG,IAAI,CAACL,KAAK;IAC7B,IAAI,CAACK,MAAM,EAAE,OAAO,IAAI;IACxB,OAAO,aAAAtB,cAAc,CAACsB,MAAM,CAAC,GAAGA,MAAM,gBAAGvB,aAAa,CAACuB,MAAM,CAAC;EAChE;EAEAC,MAAMA,CAAA,EAAG;IACP,MAAM;MAAEC,QAAQ;MAAEC;IAAM,CAAC,GAAG,IAAI,CAACR,KAAK;IACtC,oBAAOnB,KAAK,CAACC,aAAa,CAACE,IAAI,EAAE;MAAEwB;IAAM,CAAC,EAAE,IAAI,CAACN,YAAY,CAAC,CAAC,EAAEK,QAAQ,EAAE,IAAI,CAACH,YAAY,CAAC,CAAC,CAAC;EACjG;AACF;;AAEA;AACA;AACA;AACA,OAAO,SAASK,iBAAiBA,CAAC;EAAEF;AAAwC,CAAC,EAAE;EAC7E,OAAOA,QAAQ;AACjB;;AAEA;AACA;AACA;AACA,OAAO,SAASG,YAAYA,CAAA,EAA4B;EACtD,OAAO;IACLf,OAAO,EAAEV,SAAS,CAACU,OAAO;IAC1BP,OAAO,EAAEH,SAAS,CAACG,OAAO;IAC1BS,MAAM,EAAEZ,SAAS,CAACY;EACpB,CAAC;AACH;AAEA,cAAc,uBAAoB","ignoreList":[]}

package/lib/module/mocks/navigation.js

@@ -0,0 +1,85 @@
+"use strict";
+
+/**
+ * Mock createTrueSheetNavigator for testing.
+ * Import from '@lodev09/react-native-true-sheet/navigation/mock' in your test setup.
+ */
+export const createTrueSheetNavigator = jest.fn(() => ({
+  Navigator: jest.fn(({
+    children
+  }) => children),
+  Screen: jest.fn(() => null),
+  Group: jest.fn(() => null)
+}));
+
+/**
+ * Mock TrueSheetActions for testing.
+ */
+export const TrueSheetActions = {
+  push: jest.fn((name, params) => ({
+    type: 'PUSH',
+    payload: {
+      name,
+      params
+    }
+  })),
+  pop: jest.fn(count => ({
+    type: 'POP',
+    payload: {
+      count
+    }
+  })),
+  popTo: jest.fn((name, params) => ({
+    type: 'POP_TO',
+    payload: {
+      name,
+      params
+    }
+  })),
+  popToTop: jest.fn(() => ({
+    type: 'POP_TO_TOP'
+  })),
+  replace: jest.fn((name, params) => ({
+    type: 'REPLACE',
+    payload: {
+      name,
+      params
+    }
+  })),
+  resize: jest.fn(index => ({
+    type: 'RESIZE',
+    index
+  })),
+  dismiss: jest.fn(() => ({
+    type: 'DISMISS'
+  })),
+  remove: jest.fn(() => ({
+    type: 'REMOVE'
+  }))
+};
+
+/**
+ * Mock useTrueSheetNavigation hook for testing.
+ */
+export const useTrueSheetNavigation = jest.fn(() => ({
+  navigate: jest.fn(),
+  goBack: jest.fn(),
+  reset: jest.fn(),
+  setParams: jest.fn(),
+  dispatch: jest.fn(),
+  isFocused: jest.fn(() => true),
+  canGoBack: jest.fn(() => true),
+  getId: jest.fn(),
+  getParent: jest.fn(),
+  getState: jest.fn(),
+  addListener: jest.fn(() => jest.fn()),
+  removeListener: jest.fn(),
+  setOptions: jest.fn(),
+  push: jest.fn(),
+  pop: jest.fn(),
+  popTo: jest.fn(),
+  popToTop: jest.fn(),
+  replace: jest.fn(),
+  resize: jest.fn()
+}));
+//# sourceMappingURL=navigation.js.map

package/lib/module/mocks/navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createTrueSheetNavigator","jest","fn","Navigator","children","Screen","Group","TrueSheetActions","push","name","params","type","payload","pop","count","popTo","popToTop","replace","resize","index","dismiss","remove","useTrueSheetNavigation","navigate","goBack","reset","setParams","dispatch","isFocused","canGoBack","getId","getParent","getState","addListener","removeListener","setOptions"],"sourceRoot":"../../../src","sources":["mocks/navigation.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/mocks/reanimated.js

@@ -0,0 +1,89 @@
+"use strict";
+
+import React, { createElement, isValidElement } from 'react';
+import { View } from 'react-native';
+const createMockSharedValue = initialValue => ({
+  value: initialValue,
+  get: () => initialValue,
+  set: () => {},
+  addListener: () => () => {},
+  removeListener: () => {},
+  modify: () => {}
+});
+
+/**
+ * Mock ReanimatedTrueSheet component for testing.
+ * Import from '@lodev09/react-native-true-sheet/reanimated/mock' in your test setup.
+ */
+export class ReanimatedTrueSheet extends React.Component {
+  static instances = {};
+  static dismiss = jest.fn((_name, _animated) => Promise.resolve());
+  static present = jest.fn((_name, _index, _animated) => Promise.resolve());
+  static resize = jest.fn((_name, _index) => Promise.resolve());
+  dismiss = jest.fn(_animated => Promise.resolve());
+  present = jest.fn((_index, _animated) => Promise.resolve());
+  resize = jest.fn(_index => Promise.resolve());
+  componentDidMount() {
+    const {
+      name
+    } = this.props;
+    if (name) {
+      ReanimatedTrueSheet.instances[name] = this;
+    }
+  }
+  componentWillUnmount() {
+    const {
+      name
+    } = this.props;
+    if (name) {
+      delete ReanimatedTrueSheet.instances[name];
+    }
+  }
+  renderHeader() {
+    const {
+      header
+    } = this.props;
+    if (!header) return null;
+    return /*#__PURE__*/isValidElement(header) ? header : /*#__PURE__*/createElement(header);
+  }
+  renderFooter() {
+    const {
+      footer
+    } = this.props;
+    if (!footer) return null;
+    return /*#__PURE__*/isValidElement(footer) ? footer : /*#__PURE__*/createElement(footer);
+  }
+  render() {
+    const {
+      children,
+      style
+    } = this.props;
+    return /*#__PURE__*/React.createElement(View, {
+      style
+    }, this.renderHeader(), children, this.renderFooter());
+  }
+}
+
+/**
+ * Mock ReanimatedTrueSheetProvider for testing.
+ */
+export function ReanimatedTrueSheetProvider({
+  children
+}) {
+  return children;
+}
+
+/**
+ * Mock useReanimatedTrueSheet hook for testing.
+ */
+export const useReanimatedTrueSheet = jest.fn(() => ({
+  animatedPosition: createMockSharedValue(0),
+  animatedIndex: createMockSharedValue(-1),
+  animatedDetent: createMockSharedValue(0)
+}));
+
+/**
+ * Mock useReanimatedPositionChangeHandler hook for testing.
+ */
+export const useReanimatedPositionChangeHandler = jest.fn((_handler, _dependencies) => jest.fn());
+//# sourceMappingURL=reanimated.js.map

package/lib/module/mocks/reanimated.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createElement","isValidElement","View","createMockSharedValue","initialValue","value","get","set","addListener","removeListener","modify","ReanimatedTrueSheet","Component","instances","dismiss","jest","fn","_name","_animated","Promise","resolve","present","_index","resize","componentDidMount","name","props","componentWillUnmount","renderHeader","header","renderFooter","footer","render","children","style","ReanimatedTrueSheetProvider","useReanimatedTrueSheet","animatedPosition","animatedIndex","animatedDetent","useReanimatedPositionChangeHandler","_handler","_dependencies"],"sourceRoot":"../../../src","sources":["mocks/reanimated.ts"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/mocks/index.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { TrueSheetProps, TrueSheetRef, TrueSheetContextMethods } from '../TrueSheet.types';
+interface TrueSheetState {
+    shouldRenderNativeView: boolean;
+}
+/**
+ * Mock TrueSheet component for testing.
+ * Import from '@lodev09/react-native-true-sheet/mock' in your test setup.
+ */
+export declare class TrueSheet extends React.Component<TrueSheetProps, TrueSheetState> implements TrueSheetRef {
+    static instances: Record<string, TrueSheet>;
+    static dismiss: jest.Mock<Promise<void>, [_name: string, _animated?: boolean | undefined], any>;
+    static present: jest.Mock<Promise<void>, [_name: string, _index?: number | undefined, _animated?: boolean | undefined], any>;
+    static resize: jest.Mock<Promise<void>, [_name: string, _index: number], any>;
+    dismiss: jest.Mock<Promise<void>, [_animated?: boolean | undefined], any>;
+    present: jest.Mock<Promise<void>, [_index?: number | undefined, _animated?: boolean | undefined], any>;
+    resize: jest.Mock<Promise<void>, [_index: number], any>;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    private renderHeader;
+    private renderFooter;
+    render(): React.CElement<import("react-native").ViewProps, View>;
+}
+/**
+ * Mock TrueSheetProvider for testing.
+ */
+export declare function TrueSheetProvider({ children }: {
+    children: React.ReactNode;
+}): React.ReactNode;
+/**
+ * Mock useTrueSheet hook for testing.
+ */
+export declare function useTrueSheet(): TrueSheetContextMethods;
+export * from '../TrueSheet.types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/mocks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/mocks/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAwD,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAEhG,UAAU,cAAc;IACtB,sBAAsB,EAAE,OAAO,CAAC;CACjC;AAED;;;GAGG;AACH,qBAAa,SACX,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,EAAE,cAAc,CACtD,YAAW,YAAY;IAEvB,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAM;IAEjD,MAAM,CAAC,OAAO,kFAAsE;IACpF,MAAM,CAAC,OAAO,+GAEZ;IACF,MAAM,CAAC,MAAM,iEAAiE;IAE9E,OAAO,mEAAuD;IAC9D,OAAO,gGAAwE;IAC/E,MAAM,kDAAkD;IAExD,iBAAiB;IAOjB,oBAAoB;IAOpB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,YAAY;IAMpB,MAAM;CAIP;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,mBAE5E;AAED;;GAEG;AACH,wBAAgB,YAAY,IAAI,uBAAuB,CAMtD;AAED,cAAc,oBAAoB,CAAC"}

package/lib/typescript/src/mocks/navigation.d.ts

@@ -0,0 +1,66 @@
+import type { ParamListBase } from '@react-navigation/native';
+import type { TrueSheetNavigationProp } from '../navigation/types';
+/**
+ * Mock createTrueSheetNavigator for testing.
+ * Import from '@lodev09/react-native-true-sheet/navigation/mock' in your test setup.
+ */
+export declare const createTrueSheetNavigator: jest.Mock<{
+    Navigator: jest.Mock<import("react").ReactNode, [{
+        children: React.ReactNode;
+    }], any>;
+    Screen: jest.Mock<null, [], any>;
+    Group: jest.Mock<null, [], any>;
+}, [], any>;
+/**
+ * Mock TrueSheetActions for testing.
+ */
+export declare const TrueSheetActions: {
+    push: jest.Mock<{
+        type: string;
+        payload: {
+            name: string;
+            params: object | undefined;
+        };
+    }, [name: string, params?: object | undefined], any>;
+    pop: jest.Mock<{
+        type: string;
+        payload: {
+            count: number | undefined;
+        };
+    }, [count?: number | undefined], any>;
+    popTo: jest.Mock<{
+        type: string;
+        payload: {
+            name: string;
+            params: object | undefined;
+        };
+    }, [name: string, params?: object | undefined], any>;
+    popToTop: jest.Mock<{
+        type: string;
+    }, [], any>;
+    replace: jest.Mock<{
+        type: string;
+        payload: {
+            name: string;
+            params: object | undefined;
+        };
+    }, [name: string, params?: object | undefined], any>;
+    resize: jest.Mock<{
+        type: string;
+        index: number;
+    }, [index: number], any>;
+    dismiss: jest.Mock<{
+        type: string;
+    }, [], any>;
+    remove: jest.Mock<{
+        type: string;
+    }, [], any>;
+};
+/**
+ * Mock useTrueSheetNavigation hook for testing.
+ */
+export declare const useTrueSheetNavigation: jest.Mock<TrueSheetNavigationProp<ParamListBase>, [], any>;
+export type { TrueSheetActionType } from '../navigation/TrueSheetRouter';
+export type { DetentInfoEventPayload, PositionChangeEventPayload } from '../TrueSheet.types';
+export type { TrueSheetNavigationEventMap, TrueSheetNavigationHelpers, TrueSheetNavigationOptions, TrueSheetNavigationProp, TrueSheetNavigationState, TrueSheetScreenProps, } from '../navigation/types';
+//# sourceMappingURL=navigation.d.ts.map

package/lib/typescript/src/mocks/navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../../../src/mocks/navigation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAE9D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAEnE;;;GAGG;AACH,eAAO,MAAM,wBAAwB;;kBACW,KAAK,CAAC,SAAS;;;;WAG5D,CAAC;AAEJ;;GAEG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAe5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,4DAuBlC,CAAC;AAEF,YAAY,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACzE,YAAY,EAAE,sBAAsB,EAAE,0BAA0B,EAAE,MAAM,oBAAoB,CAAC;AAC7F,YAAY,EACV,2BAA2B,EAC3B,0BAA0B,EAC1B,0BAA0B,EAC1B,uBAAuB,EACvB,wBAAwB,EACxB,oBAAoB,GACrB,MAAM,qBAAqB,CAAC"}

package/lib/typescript/src/mocks/reanimated.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { SharedValue } from 'react-native-reanimated';
+import type { TrueSheetProps, TrueSheetRef, PositionChangeEventPayload } from '../TrueSheet.types';
+interface TrueSheetState {
+    shouldRenderNativeView: boolean;
+}
+interface MockReanimatedTrueSheetContextValue {
+    animatedPosition: SharedValue<number>;
+    animatedIndex: SharedValue<number>;
+    animatedDetent: SharedValue<number>;
+}
+/**
+ * Mock ReanimatedTrueSheet component for testing.
+ * Import from '@lodev09/react-native-true-sheet/reanimated/mock' in your test setup.
+ */
+export declare class ReanimatedTrueSheet extends React.Component<TrueSheetProps, TrueSheetState> implements TrueSheetRef {
+    static instances: Record<string, ReanimatedTrueSheet>;
+    static dismiss: jest.Mock<Promise<void>, [_name: string, _animated?: boolean | undefined], any>;
+    static present: jest.Mock<Promise<void>, [_name: string, _index?: number | undefined, _animated?: boolean | undefined], any>;
+    static resize: jest.Mock<Promise<void>, [_name: string, _index: number], any>;
+    dismiss: jest.Mock<Promise<void>, [_animated?: boolean | undefined], any>;
+    present: jest.Mock<Promise<void>, [_index?: number | undefined, _animated?: boolean | undefined], any>;
+    resize: jest.Mock<Promise<void>, [_index: number], any>;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    private renderHeader;
+    private renderFooter;
+    render(): React.CElement<import("react-native").ViewProps, View>;
+}
+/**
+ * Mock ReanimatedTrueSheetProvider for testing.
+ */
+export declare function ReanimatedTrueSheetProvider({ children }: {
+    children: React.ReactNode;
+}): React.ReactNode;
+/**
+ * Mock useReanimatedTrueSheet hook for testing.
+ */
+export declare const useReanimatedTrueSheet: jest.Mock<MockReanimatedTrueSheetContextValue, [], any>;
+/**
+ * Mock useReanimatedPositionChangeHandler hook for testing.
+ */
+export declare const useReanimatedPositionChangeHandler: jest.Mock<jest.Mock<any, any, any>, [_handler: (payload: PositionChangeEventPayload) => void, _dependencies?: unknown[] | undefined], any>;
+export {};
+//# sourceMappingURL=reanimated.d.ts.map

package/lib/typescript/src/mocks/reanimated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reanimated.d.ts","sourceRoot":"","sources":["../../../../src/mocks/reanimated.ts"],"names":[],"mappings":"AAAA,OAAO,KAAwD,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,0BAA0B,EAAE,MAAM,oBAAoB,CAAC;AAEnG,UAAU,cAAc;IACtB,sBAAsB,EAAE,OAAO,CAAC;CACjC;AAED,UAAU,mCAAmC;IAC3C,gBAAgB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACtC,aAAa,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACnC,cAAc,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CACrC;AAYD;;;GAGG;AACH,qBAAa,mBACX,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,EAAE,cAAc,CACtD,YAAW,YAAY;IAEvB,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAM;IAE3D,MAAM,CAAC,OAAO,kFAAsE;IACpF,MAAM,CAAC,OAAO,+GAEZ;IACF,MAAM,CAAC,MAAM,iEAAiE;IAE9E,OAAO,mEAAuD;IAC9D,OAAO,gGAAwE;IAC/E,MAAM,kDAAkD;IAExD,iBAAiB;IAOjB,oBAAoB;IAOpB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,YAAY;IAMpB,MAAM;CAIP;AAED;;GAEG;AACH,wBAAgB,2BAA2B,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,mBAEtF;AAED;;GAEG;AACH,eAAO,MAAM,sBAAsB,yDAMlC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kCAAkC,2DACxB,0BAA0B,KAAK,IAAI,8CACzD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lodev09/react-native-true-sheet",
-  "version": "3.4.0-beta.0",
+  "version": "3.4.0-beta.2",
   "description": "The true native bottom sheet experience for your React Native Apps.",
   "source": "./src/index.ts",
   "main": "./lib/module/index.js",
@@ -11,6 +11,9 @@
       "types": "./lib/typescript/src/index.d.ts",
       "default": "./lib/module/index.js"
     },
+    "./mock": "./lib/module/mocks/index.js",
+    "./navigation/mock": "./lib/module/mocks/navigation.js",
+    "./reanimated/mock": "./lib/module/mocks/reanimated.js",
     "./reanimated": {
       "source": "./src/reanimated/index.ts",
       "types": "./lib/typescript/src/reanimated/index.d.ts",
@@ -164,7 +167,6 @@
     ],
     "testPathIgnorePatterns": [
       "/node_modules/",
-      "<rootDir>/src/__mocks__/",
       "<rootDir>/example/"
     ]
   },
@@ -214,7 +216,6 @@
   "react-native-builder-bob": {
     "source": "src",
     "output": "lib",
-    "exclude": "**/{__tests__,__fixtures__}/**",
     "targets": [
       [
         "module",

package/src/mocks/index.ts

@@ -0,0 +1,80 @@
+import React, { createElement, isValidElement, type ReactNode } from 'react';
+import { View } from 'react-native';
+
+import type { TrueSheetProps, TrueSheetRef, TrueSheetContextMethods } from '../TrueSheet.types';
+
+interface TrueSheetState {
+  shouldRenderNativeView: boolean;
+}
+
+/**
+ * Mock TrueSheet component for testing.
+ * Import from '@lodev09/react-native-true-sheet/mock' in your test setup.
+ */
+export class TrueSheet
+  extends React.Component<TrueSheetProps, TrueSheetState>
+  implements TrueSheetRef
+{
+  static instances: Record<string, TrueSheet> = {};
+
+  static dismiss = jest.fn((_name: string, _animated?: boolean) => Promise.resolve());
+  static present = jest.fn((_name: string, _index?: number, _animated?: boolean) =>
+    Promise.resolve()
+  );
+  static resize = jest.fn((_name: string, _index: number) => Promise.resolve());
+
+  dismiss = jest.fn((_animated?: boolean) => Promise.resolve());
+  present = jest.fn((_index?: number, _animated?: boolean) => Promise.resolve());
+  resize = jest.fn((_index: number) => Promise.resolve());
+
+  componentDidMount() {
+    const { name } = this.props;
+    if (name) {
+      TrueSheet.instances[name] = this;
+    }
+  }
+
+  componentWillUnmount() {
+    const { name } = this.props;
+    if (name) {
+      delete TrueSheet.instances[name];
+    }
+  }
+
+  private renderHeader(): ReactNode {
+    const { header } = this.props;
+    if (!header) return null;
+    return isValidElement(header) ? header : createElement(header);
+  }
+
+  private renderFooter(): ReactNode {
+    const { footer } = this.props;
+    if (!footer) return null;
+    return isValidElement(footer) ? footer : createElement(footer);
+  }
+
+  render() {
+    const { children, style } = this.props;
+    return React.createElement(View, { style }, this.renderHeader(), children, this.renderFooter());
+  }
+}
+
+/**
+ * Mock TrueSheetProvider for testing.
+ */
+export function TrueSheetProvider({ children }: { children: React.ReactNode }) {
+  return children;
+}
+
+/**
+ * Mock useTrueSheet hook for testing.
+ */
+export function useTrueSheet(): TrueSheetContextMethods {
+  return {
+    present: TrueSheet.present,
+    dismiss: TrueSheet.dismiss,
+    resize: TrueSheet.resize,
+  };
+}
+
+export * from '../TrueSheet.types';

package/src/mocks/navigation.ts

@@ -0,0 +1,72 @@
+import type { ParamListBase } from '@react-navigation/native';
+
+import type { TrueSheetNavigationProp } from '../navigation/types';
+
+/**
+ * Mock createTrueSheetNavigator for testing.
+ * Import from '@lodev09/react-native-true-sheet/navigation/mock' in your test setup.
+ */
+export const createTrueSheetNavigator = jest.fn(() => ({
+  Navigator: jest.fn(({ children }: { children: React.ReactNode }) => children),
+  Screen: jest.fn(() => null),
+  Group: jest.fn(() => null),
+}));
+
+/**
+ * Mock TrueSheetActions for testing.
+ */
+export const TrueSheetActions = {
+  push: jest.fn((name: string, params?: object) => ({ type: 'PUSH', payload: { name, params } })),
+  pop: jest.fn((count?: number) => ({ type: 'POP', payload: { count } })),
+  popTo: jest.fn((name: string, params?: object) => ({
+    type: 'POP_TO',
+    payload: { name, params },
+  })),
+  popToTop: jest.fn(() => ({ type: 'POP_TO_TOP' })),
+  replace: jest.fn((name: string, params?: object) => ({
+    type: 'REPLACE',
+    payload: { name, params },
+  })),
+  resize: jest.fn((index: number) => ({ type: 'RESIZE', index })),
+  dismiss: jest.fn(() => ({ type: 'DISMISS' })),
+  remove: jest.fn(() => ({ type: 'REMOVE' })),
+};
+
+/**
+ * Mock useTrueSheetNavigation hook for testing.
+ */
+export const useTrueSheetNavigation = jest.fn(
+  <T extends ParamListBase = ParamListBase>() =>
+    ({
+      navigate: jest.fn(),
+      goBack: jest.fn(),
+      reset: jest.fn(),
+      setParams: jest.fn(),
+      dispatch: jest.fn(),
+      isFocused: jest.fn(() => true),
+      canGoBack: jest.fn(() => true),
+      getId: jest.fn(),
+      getParent: jest.fn(),
+      getState: jest.fn(),
+      addListener: jest.fn(() => jest.fn()),
+      removeListener: jest.fn(),
+      setOptions: jest.fn(),
+      push: jest.fn(),
+      pop: jest.fn(),
+      popTo: jest.fn(),
+      popToTop: jest.fn(),
+      replace: jest.fn(),
+      resize: jest.fn(),
+    }) as unknown as TrueSheetNavigationProp<T>
+);
+
+export type { TrueSheetActionType } from '../navigation/TrueSheetRouter';
+export type { DetentInfoEventPayload, PositionChangeEventPayload } from '../TrueSheet.types';
+export type {
+  TrueSheetNavigationEventMap,
+  TrueSheetNavigationHelpers,
+  TrueSheetNavigationOptions,
+  TrueSheetNavigationProp,
+  TrueSheetNavigationState,
+  TrueSheetScreenProps,
+} from '../navigation/types';

package/src/mocks/reanimated.ts

@@ -0,0 +1,102 @@
+import React, { createElement, isValidElement, type ReactNode } from 'react';
+import { View } from 'react-native';
+import type { SharedValue } from 'react-native-reanimated';
+
+import type { TrueSheetProps, TrueSheetRef, PositionChangeEventPayload } from '../TrueSheet.types';
+
+interface TrueSheetState {
+  shouldRenderNativeView: boolean;
+}
+
+interface MockReanimatedTrueSheetContextValue {
+  animatedPosition: SharedValue<number>;
+  animatedIndex: SharedValue<number>;
+  animatedDetent: SharedValue<number>;
+}
+
+const createMockSharedValue = <T>(initialValue: T): SharedValue<T> =>
+  ({
+    value: initialValue,
+    get: () => initialValue,
+    set: () => {},
+    addListener: () => () => {},
+    removeListener: () => {},
+    modify: () => {},
+  }) as unknown as SharedValue<T>;
+
+/**
+ * Mock ReanimatedTrueSheet component for testing.
+ * Import from '@lodev09/react-native-true-sheet/reanimated/mock' in your test setup.
+ */
+export class ReanimatedTrueSheet
+  extends React.Component<TrueSheetProps, TrueSheetState>
+  implements TrueSheetRef
+{
+  static instances: Record<string, ReanimatedTrueSheet> = {};
+
+  static dismiss = jest.fn((_name: string, _animated?: boolean) => Promise.resolve());
+  static present = jest.fn((_name: string, _index?: number, _animated?: boolean) =>
+    Promise.resolve()
+  );
+  static resize = jest.fn((_name: string, _index: number) => Promise.resolve());
+
+  dismiss = jest.fn((_animated?: boolean) => Promise.resolve());
+  present = jest.fn((_index?: number, _animated?: boolean) => Promise.resolve());
+  resize = jest.fn((_index: number) => Promise.resolve());
+
+  componentDidMount() {
+    const { name } = this.props;
+    if (name) {
+      ReanimatedTrueSheet.instances[name] = this;
+    }
+  }
+
+  componentWillUnmount() {
+    const { name } = this.props;
+    if (name) {
+      delete ReanimatedTrueSheet.instances[name];
+    }
+  }
+
+  private renderHeader(): ReactNode {
+    const { header } = this.props;
+    if (!header) return null;
+    return isValidElement(header) ? header : createElement(header);
+  }
+
+  private renderFooter(): ReactNode {
+    const { footer } = this.props;
+    if (!footer) return null;
+    return isValidElement(footer) ? footer : createElement(footer);
+  }
+
+  render() {
+    const { children, style } = this.props;
+    return React.createElement(View, { style }, this.renderHeader(), children, this.renderFooter());
+  }
+}
+
+/**
+ * Mock ReanimatedTrueSheetProvider for testing.
+ */
+export function ReanimatedTrueSheetProvider({ children }: { children: React.ReactNode }) {
+  return children;
+}
+
+/**
+ * Mock useReanimatedTrueSheet hook for testing.
+ */
+export const useReanimatedTrueSheet = jest.fn(
+  (): MockReanimatedTrueSheetContextValue => ({
+    animatedPosition: createMockSharedValue(0),
+    animatedIndex: createMockSharedValue(-1),
+    animatedDetent: createMockSharedValue(0),
+  })
+);
+
+/**
+ * Mock useReanimatedPositionChangeHandler hook for testing.
+ */
+export const useReanimatedPositionChangeHandler = jest.fn(
+  (_handler: (payload: PositionChangeEventPayload) => void, _dependencies?: unknown[]) => jest.fn()
+);

package/lib/module/__mocks__/index.js

@@ -1,81 +0,0 @@
-"use strict";
-
-import React from 'react';
-import { View } from 'react-native';
-
-// Mock TrueSheet class component
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-export class TrueSheet extends React.Component {
-  static instances = {};
-
-  // Static methods
-  static dismiss = jest.fn((name, animated = true) => Promise.resolve());
-  static present = jest.fn((name, index = 0, animated = true) => Promise.resolve());
-  static resize = jest.fn((name, index) => Promise.resolve());
-
-  // Instance methods
-  dismiss = jest.fn((animated = true) => Promise.resolve());
-  present = jest.fn((index = 0, animated = true) => Promise.resolve());
-  resize = jest.fn(index => Promise.resolve());
-  componentDidMount() {
-    const {
-      name
-    } = this.props;
-    if (name) {
-      TrueSheet.instances[name] = this;
-    }
-  }
-  componentWillUnmount() {
-    const {
-      name
-    } = this.props;
-    if (name) {
-      delete TrueSheet.instances[name];
-    }
-  }
-  render() {
-    const {
-      children,
-      header,
-      footer,
-      style,
-      ...rest
-    } = this.props;
-    return /*#__PURE__*/_jsxs(View, {
-      style: style,
-      ...rest,
-      children: [header, children, footer]
-    });
-  }
-}
-
-// Mock ReanimatedTrueSheet
-export class ReanimatedTrueSheet extends TrueSheet {
-  render() {
-    return /*#__PURE__*/_jsx(TrueSheet, {
-      ...this.props
-    });
-  }
-}
-
-// Mock ReanimatedTrueSheetProvider
-export const ReanimatedTrueSheetProvider = ({
-  children
-}) => /*#__PURE__*/_jsx(_Fragment, {
-  children: children
-});
-
-// Mock hooks
-export const useReanimatedTrueSheet = jest.fn(() => ({
-  animatedPosition: {
-    value: 0
-  },
-  animatedIndex: {
-    value: -1
-  }
-}));
-export const useReanimatedPositionChangeHandler = jest.fn(callback => jest.fn());
-
-// Re-export types (these will be no-ops in JS but useful for TS consumers)
-export * from "../TrueSheet.types.js";
-//# sourceMappingURL=index.js.map

package/lib/module/__mocks__/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","View","jsxs","_jsxs","jsx","_jsx","Fragment","_Fragment","TrueSheet","Component","instances","dismiss","jest","fn","name","animated","Promise","resolve","present","index","resize","componentDidMount","props","componentWillUnmount","render","children","header","footer","style","rest","ReanimatedTrueSheet","ReanimatedTrueSheetProvider","useReanimatedTrueSheet","animatedPosition","value","animatedIndex","useReanimatedPositionChangeHandler","callback"],"sourceRoot":"../../../src","sources":["__mocks__/index.js"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;;AAEnC;AAAA,SAAAC,IAAA,IAAAC,KAAA,EAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AACA,OAAO,MAAMC,SAAS,SAASR,KAAK,CAACS,SAAS,CAAC;EAC7C,OAAOC,SAAS,GAAG,CAAC,CAAC;;EAErB;EACA,OAAOC,OAAO,GAAGC,IAAI,CAACC,EAAE,CAAC,CAACC,IAAI,EAAEC,QAAQ,GAAG,IAAI,KAAKC,OAAO,CAACC,OAAO,CAAC,CAAC,CAAC;EACtE,OAAOC,OAAO,GAAGN,IAAI,CAACC,EAAE,CAAC,CAACC,IAAI,EAAEK,KAAK,GAAG,CAAC,EAAEJ,QAAQ,GAAG,IAAI,KAAKC,OAAO,CAACC,OAAO,CAAC,CAAC,CAAC;EACjF,OAAOG,MAAM,GAAGR,IAAI,CAACC,EAAE,CAAC,CAACC,IAAI,EAAEK,KAAK,KAAKH,OAAO,CAACC,OAAO,CAAC,CAAC,CAAC;;EAE3D;EACAN,OAAO,GAAGC,IAAI,CAACC,EAAE,CAAC,CAACE,QAAQ,GAAG,IAAI,KAAKC,OAAO,CAACC,OAAO,CAAC,CAAC,CAAC;EACzDC,OAAO,GAAGN,IAAI,CAACC,EAAE,CAAC,CAACM,KAAK,GAAG,CAAC,EAAEJ,QAAQ,GAAG,IAAI,KAAKC,OAAO,CAACC,OAAO,CAAC,CAAC,CAAC;EACpEG,MAAM,GAAGR,IAAI,CAACC,EAAE,CAAEM,KAAK,IAAKH,OAAO,CAACC,OAAO,CAAC,CAAC,CAAC;EAE9CI,iBAAiBA,CAAA,EAAG;IAClB,MAAM;MAAEP;IAAK,CAAC,GAAG,IAAI,CAACQ,KAAK;IAC3B,IAAIR,IAAI,EAAE;MACRN,SAAS,CAACE,SAAS,CAACI,IAAI,CAAC,GAAG,IAAI;IAClC;EACF;EAEAS,oBAAoBA,CAAA,EAAG;IACrB,MAAM;MAAET;IAAK,CAAC,GAAG,IAAI,CAACQ,KAAK;IAC3B,IAAIR,IAAI,EAAE;MACR,OAAON,SAAS,CAACE,SAAS,CAACI,IAAI,CAAC;IAClC;EACF;EAEAU,MAAMA,CAAA,EAAG;IACP,MAAM;MAAEC,QAAQ;MAAEC,MAAM;MAAEC,MAAM;MAAEC,KAAK;MAAE,GAAGC;IAAK,CAAC,GAAG,IAAI,CAACP,KAAK;IAC/D,oBACEnB,KAAA,CAACF,IAAI;MAAC2B,KAAK,EAAEA,KAAM;MAAA,GAAKC,IAAI;MAAAJ,QAAA,GACzBC,MAAM,EACND,QAAQ,EACRE,MAAM;IAAA,CACH,CAAC;EAEX;AACF;;AAEA;AACA,OAAO,MAAMG,mBAAmB,SAAStB,SAAS,CAAC;EACjDgB,MAAMA,CAAA,EAAG;IACP,oBAAOnB,IAAA,CAACG,SAAS;MAAA,GAAK,IAAI,CAACc;IAAK,CAAG,CAAC;EACtC;AACF;;AAEA;AACA,OAAO,MAAMS,2BAA2B,GAAGA,CAAC;EAAEN;AAAS,CAAC,kBAAKpB,IAAA,CAAAE,SAAA;EAAAkB,QAAA,EAAGA;AAAQ,CAAG,CAAC;;AAE5E;AACA,OAAO,MAAMO,sBAAsB,GAAGpB,IAAI,CAACC,EAAE,CAAC,OAAO;EACnDoB,gBAAgB,EAAE;IAAEC,KAAK,EAAE;EAAE,CAAC;EAC9BC,aAAa,EAAE;IAAED,KAAK,EAAE,CAAC;EAAE;AAC7B,CAAC,CAAC,CAAC;AAEH,OAAO,MAAME,kCAAkC,GAAGxB,IAAI,CAACC,EAAE,CAAEwB,QAAQ,IAAKzB,IAAI,CAACC,EAAE,CAAC,CAAC,CAAC;;AAElF;AACA,cAAc,uBAAoB","ignoreList":[]}

package/src/__mocks__/index.js

@@ -1,63 +0,0 @@
-import React from 'react';
-import { View } from 'react-native';
-
-// Mock TrueSheet class component
-export class TrueSheet extends React.Component {
-  static instances = {};
-
-  // Static methods
-  static dismiss = jest.fn((name, animated = true) => Promise.resolve());
-  static present = jest.fn((name, index = 0, animated = true) => Promise.resolve());
-  static resize = jest.fn((name, index) => Promise.resolve());
-
-  // Instance methods
-  dismiss = jest.fn((animated = true) => Promise.resolve());
-  present = jest.fn((index = 0, animated = true) => Promise.resolve());
-  resize = jest.fn((index) => Promise.resolve());
-
-  componentDidMount() {
-    const { name } = this.props;
-    if (name) {
-      TrueSheet.instances[name] = this;
-    }
-  }
-
-  componentWillUnmount() {
-    const { name } = this.props;
-    if (name) {
-      delete TrueSheet.instances[name];
-    }
-  }
-
-  render() {
-    const { children, header, footer, style, ...rest } = this.props;
-    return (
-      <View style={style} {...rest}>
-        {header}
-        {children}
-        {footer}
-      </View>
-    );
-  }
-}
-
-// Mock ReanimatedTrueSheet
-export class ReanimatedTrueSheet extends TrueSheet {
-  render() {
-    return <TrueSheet {...this.props} />;
-  }
-}
-
-// Mock ReanimatedTrueSheetProvider
-export const ReanimatedTrueSheetProvider = ({ children }) => <>{children}</>;
-
-// Mock hooks
-export const useReanimatedTrueSheet = jest.fn(() => ({
-  animatedPosition: { value: 0 },
-  animatedIndex: { value: -1 },
-}));
-
-export const useReanimatedPositionChangeHandler = jest.fn((callback) => jest.fn());
-
-// Re-export types (these will be no-ops in JS but useful for TS consumers)
-export * from '../TrueSheet.types';