@lodev09/react-native-true-sheet 4.0.0-beta.0 → 4.0.0-beta.10

package/lib/typescript/src/web/vaul/use-prevent-scroll.d.ts

@@ -0,0 +1,18 @@
+import { useEffect } from 'react';
+export declare const useIsomorphicLayoutEffect: typeof useEffect;
+interface PreventScrollOptions {
+    /** Whether the scroll lock is disabled. */
+    isDisabled?: boolean;
+    focusCallback?: () => void;
+}
+export declare function isScrollable(node: Element): boolean;
+export declare function getScrollParent(node: Element): Element;
+/**
+ * Prevents scrolling on the document body on mount, and
+ * restores it on unmount. Also ensures that content does not
+ * shift due to the scrollbars disappearing.
+ */
+export declare function usePreventScroll(options?: PreventScrollOptions): void;
+export declare function isInput(target: Element): boolean;
+export {};
+//# sourceMappingURL=use-prevent-scroll.d.ts.map

package/lib/typescript/src/web/vaul/use-prevent-scroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-prevent-scroll.d.ts","sourceRoot":"","sources":["../../../../../src/web/vaul/use-prevent-scroll.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAmB,MAAM,OAAO,CAAC;AAKnD,eAAO,MAAM,yBAAyB,kBACuB,CAAC;AAE9D,UAAU,oBAAoB;IAC5B,2CAA2C;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAeD,wBAAgB,YAAY,CAAC,IAAI,EAAE,OAAO,GAAG,OAAO,CAGnD;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,OAAO,GAAG,OAAO,CAUtD;AAmBD;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,GAAE,oBAAyB,QAsBlE;AAoND,wBAAgB,OAAO,CAAC,MAAM,EAAE,OAAO,WAMtC"}

package/lib/typescript/src/web/vaul/use-scale-background.d.ts

@@ -0,0 +1,2 @@
+export declare function useScaleBackground(): void;
+//# sourceMappingURL=use-scale-background.d.ts.map

package/lib/typescript/src/web/vaul/use-scale-background.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-scale-background.d.ts","sourceRoot":"","sources":["../../../../../src/web/vaul/use-scale-background.ts"],"names":[],"mappings":"AAQA,wBAAgB,kBAAkB,SAuDjC"}

package/lib/typescript/src/web/vaul/use-snap-points.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import type { DrawerDirection } from './types';
+export declare function useSnapPoints({ activeSnapPointProp, setActiveSnapPointProp, snapPoints, drawerRef, overlayRef, fadeFromIndex, onSnapPointChange, direction, container, snapToSequentialPoint, isOpen, contentHeight, detachedOffset, maxContentHeight, peekHeight, initialAnimated, }: {
+    activeSnapPointProp?: number | string | null;
+    setActiveSnapPointProp?(snapPoint: number | null | string): void;
+    snapPoints?: (number | string)[];
+    fadeFromIndex?: number;
+    drawerRef: React.RefObject<HTMLDivElement | null>;
+    overlayRef: React.RefObject<HTMLDivElement | null>;
+    onSnapPointChange(activeSnapPointIndex: number): void;
+    direction?: DrawerDirection;
+    container?: HTMLElement | null | undefined;
+    snapToSequentialPoint?: boolean;
+    isOpen?: boolean;
+    contentHeight?: number;
+    detachedOffset?: number;
+    maxContentHeight?: number;
+    peekHeight?: number;
+    initialAnimated?: boolean;
+}): {
+    isLastSnapPoint: true | null;
+    activeSnapPoint: string | number | null | undefined;
+    shouldFade: boolean;
+    getPercentageDragged: (absDraggedDistance: number, isDraggingDown: boolean) => number | null;
+    setActiveSnapPoint: React.Dispatch<React.SetStateAction<string | number | null | undefined>>;
+    activeSnapPointIndex: number | null;
+    onRelease: ({ draggedDistance, closeDrawer, velocity, dismissible, }: {
+        draggedDistance: number;
+        closeDrawer: () => void;
+        velocity: number;
+        dismissible: boolean;
+    }) => void;
+    onDrag: ({ draggedDistance }: {
+        draggedDistance: number;
+    }) => void;
+    snapPointsOffset: number[];
+};
+//# sourceMappingURL=use-snap-points.d.ts.map

package/lib/typescript/src/web/vaul/use-snap-points.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-snap-points.d.ts","sourceRoot":"","sources":["../../../../../src/web/vaul/use-snap-points.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,wBAAgB,aAAa,CAAC,EAC5B,mBAAmB,EACnB,sBAAsB,EACtB,UAAU,EACV,SAAS,EACT,UAAU,EACV,aAAa,EACb,iBAAiB,EACjB,SAAoB,EACpB,SAAS,EACT,qBAAqB,EACrB,MAAM,EACN,aAAa,EACb,cAAkB,EAClB,gBAAgB,EAChB,UAAU,EACV,eAAsB,GACvB,EAAE;IACD,mBAAmB,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC7C,sBAAsB,CAAC,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC;IACjE,UAAU,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAClD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD,iBAAiB,CAAC,oBAAoB,EAAE,MAAM,GAAG,IAAI,CAAC;IACtD,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3C,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;;;;+CA0VmD,MAAM,kBAAkB,OAAO;;;0EAhI9E;QACD,eAAe,EAAE,MAAM,CAAC;QACxB,WAAW,EAAE,MAAM,IAAI,CAAC;QACxB,QAAQ,EAAE,MAAM,CAAC;QACjB,WAAW,EAAE,OAAO,CAAC;KACtB;kCA4EoC;QAAE,eAAe,EAAE,MAAM,CAAA;KAAE;;EAkHjE"}

package/package.json

@@ -1,16 +1,35 @@
 {
   "name": "@lodev09/react-native-true-sheet",
-  "version": "4.0.0-beta.0",
+  "version": "4.0.0-beta.10",
   "description": "The true native bottom sheet experience for your React Native Apps.",
   "source": "./src/index.ts",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
   "exports": {
     ".": {
-      "source": "./src/index.tsx",
+      "source": "./src/index.ts",
       "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",
+    "./navigation/expo-router/mock": "./lib/module/mocks/navigationExpoRouter.js",
+    "./reanimated/mock": "./lib/module/mocks/reanimated.js",
+    "./reanimated": {
+      "source": "./src/reanimated/index.ts",
+      "types": "./lib/typescript/src/reanimated/index.d.ts",
+      "default": "./lib/module/reanimated/index.js"
+    },
+    "./navigation": {
+      "source": "./src/navigation/index.ts",
+      "types": "./lib/typescript/src/navigation/index.d.ts",
+      "default": "./lib/module/navigation/index.js"
+    },
+    "./navigation/expo-router": {
+      "source": "./src/navigation/expo-router/index.ts",
+      "types": "./lib/typescript/src/navigation/expo-router/index.d.ts",
+      "default": "./lib/module/navigation/expo-router/index.js"
+    },
     "./package.json": "./package.json"
   },
   "files": [
@@ -18,7 +37,7 @@
     "lib",
     "android",
     "ios",
-    "cpp",
+    "common",
     "*.podspec",
     "react-native.config.js",
     "!ios/build",
@@ -32,16 +51,18 @@
     "!**/.*"
   ],
   "scripts": {
-    "example": "yarn workspace react-native-true-sheet-example",
+    "bare": "yarn workspace @example/bare",
+    "expo": "yarn workspace @example/expo",
     "docs": "yarn workspace docs",
     "test": "jest",
     "typecheck": "tsc",
     "lint": "eslint --fix \"**/*.{ts,tsx}\"",
     "format": "prettier --write \"**/*.{ts,tsx}\"",
-    "tidy": "yarn typecheck && yarn lint && yarn format && scripts/objc-lint.sh && scripts/ktlint.sh",
+    "tidy": "yarn typecheck && yarn lint && yarn format && scripts/objclint.sh && scripts/ktlint.sh",
     "clean": "scripts/clean.sh",
     "prepare": "bob build",
-    "release": "yarn tidy && release-it --only-version"
+    "release": "release-it",
+    "release:beta": "yarn release --preRelease=beta --no-github.release"
   },
   "keywords": [
     "react-native",
@@ -73,69 +94,107 @@
     "@eslint/eslintrc": "^3.3.1",
     "@eslint/js": "^9.35.0",
     "@evilmartians/lefthook": "^2.0.4",
-    "@react-native/babel-preset": "^0.82.1",
-    "@react-native/eslint-config": "^0.81.1",
-    "@release-it/conventional-changelog": "^10.0.1",
+    "@radix-ui/react-dialog": "^1.1.1",
+    "@radix-ui/react-presence": "^1",
+    "@react-native/babel-preset": "^0.86.0",
+    "@react-native/eslint-config": "^0.86.0",
+    "@react-native/jest-preset": "^0.86.0",
+    "@react-navigation/core": "^7.21.12",
+    "@react-navigation/native": "^7.3.16",
+    "@release-it/conventional-changelog": "^11.0.0",
     "@testing-library/react-native": "^13.3.3",
     "@types/babel__core": "^7",
     "@types/jest": "^29.5.14",
-    "@types/react": "19.1.1",
+    "@types/react": "~19.2.14",
+    "@types/react-dom": "~19.2.0",
     "commitlint": "^19.8.1",
     "del-cli": "^6.0.0",
     "eslint": "^9.35.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-prettier": "^5.5.4",
+    "expo-router": "~57.0.7",
     "jest": "^29.7.0",
     "prettier": "^3.0.3",
-    "react": "19.1.1",
-    "react-native": "0.82.1",
-    "react-native-builder-bob": "^0.40.15",
-    "react-native-reanimated": "^4.1.5",
-    "react-native-worklets": "^0.6.1",
-    "react-test-renderer": "19.1.1",
-    "release-it": "^19.0.4",
+    "react": "19.2.3",
+    "react-native": "0.86.0",
+    "react-native-builder-bob": "^0.41.0",
+    "react-native-reanimated": "4.5.0",
+    "react-native-worklets": "0.10.0",
+    "react-test-renderer": "19.2.3",
+    "release-it": "^20.0.1",
+    "standard-navigation": "^0.0.9",
     "turbo": "^2.5.6",
-    "typescript": "^5.9.2"
+    "typescript": "~6.0.3"
   },
   "resolutions": {
-    "@types/react": "19.1.1"
+    "@types/react": "~19.2.14",
+    "react-native-reanimated": "4.5.0",
+    "react-native-worklets": "0.10.0"
   },
   "peerDependencies": {
+    "@radix-ui/react-dialog": ">=1",
+    "@radix-ui/react-presence": ">=1",
+    "@react-navigation/native": ">=7.3.0",
+    "expo-router": ">=57.0.0",
     "react": "*",
-    "react-native": "*",
-    "react-native-reanimated": ">=4.0.0",
-    "react-native-worklets": "*"
+    "react-dom": "*",
+    "react-native": ">=0.82.0",
+    "react-native-reanimated": ">=4",
+    "react-native-worklets": "*",
+    "standard-navigation": ">=0.0.9"
   },
   "peerDependenciesMeta": {
+    "@radix-ui/react-dialog": {
+      "optional": true
+    },
+    "@radix-ui/react-presence": {
+      "optional": true
+    },
+    "@react-navigation/native": {
+      "optional": true
+    },
+    "expo-router": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    },
     "react-native-reanimated": {
       "optional": true
     },
     "react-native-worklets": {
       "optional": true
+    },
+    "standard-navigation": {
+      "optional": true
     }
   },
   "workspaces": [
-    "example",
+    "example/bare",
+    "example/expo",
+    "example/shared",
     "docs"
   ],
   "packageManager": "yarn@4.11.0",
   "jest": {
-    "preset": "react-native",
+    "preset": "@react-native/jest-preset",
     "setupFilesAfterEnv": [
       "<rootDir>/jest.setup.js"
     ],
     "transformIgnorePatterns": [
-      "node_modules/(?!(react-native|@react-native|react-native-reanimated|react-native-worklets|react-native-worklets-core)/)"
+      "node_modules/(?!(react-native|@react-native|@react-navigation|react-native-reanimated|react-native-worklets|react-native-worklets-core|standard-navigation)/)"
     ],
     "modulePathIgnorePatterns": [
-      "<rootDir>/example/node_modules",
+      "<rootDir>/example/bare/node_modules",
+      "<rootDir>/example/expo/node_modules",
+      "<rootDir>/example/shared/node_modules",
       "<rootDir>/lib/",
       "<rootDir>/docs/node_modules",
-      "<rootDir>/docs/build"
+      "<rootDir>/docs/.next"
     ],
     "testPathIgnorePatterns": [
       "/node_modules/",
-      "<rootDir>/src/__mocks__/"
+      "<rootDir>/example/"
     ]
   },
   "commitlint": {
@@ -146,10 +205,16 @@
   "release-it": {
     "git": {
       "commitMessage": "chore: release ${version}",
-      "tagName": "v${version}"
+      "tagName": "v${version}",
+      "tagExclude": "*-beta*",
+      "addUntrackedFiles": true
     },
     "npm": {
-      "publish": true
+      "publish": false
+    },
+    "hooks": {
+      "before:init": "yarn test",
+      "after:bump": "scripts/release.sh ${version}"
     },
     "github": {
       "release": true,
@@ -158,13 +223,6 @@
         "issue": ":rocket: _This issue has been resolved in v${version}. See [${releaseName}](${releaseUrl}) for release notes._",
         "pr": ":rocket: _This pull request is included in v${version}. See [${releaseName}](${releaseUrl}) for release notes._"
       }
-    },
-    "plugins": {
-      "@release-it/conventional-changelog": {
-        "preset": {
-          "name": "angular"
-        }
-      }
     }
   },
   "prettier": {
@@ -222,8 +280,17 @@
         "TrueSheetContentView": {
           "className": "TrueSheetContentView"
         },
+        "TrueSheetHeaderView": {
+          "className": "TrueSheetHeaderView"
+        },
         "TrueSheetFooterView": {
           "className": "TrueSheetFooterView"
+        },
+        "TrueSheetPeekView": {
+          "className": "TrueSheetPeekView"
+        },
+        "TrueSheetOverlayView": {
+          "className": "TrueSheetOverlayView"
         }
       }
     }

package/react-native.config.js

@@ -2,7 +2,15 @@ module.exports = {
   dependency: {
     platforms: {
       ios: {},
-      android: {},
+      android: {
+        componentDescriptors: [
+          'TrueSheetViewComponentDescriptor',
+          'TrueSheetContentViewComponentDescriptor',
+          'TrueSheetFooterViewComponentDescriptor',
+          'TrueSheetOverlayViewComponentDescriptor',
+        ],
+        cmakeListsPath: '../android/src/main/jni/CMakeLists.txt',
+      },
     },
   },
   dependencies: {
@@ -14,4 +22,4 @@ module.exports = {
       },
     },
   },
-}
+};