@mustmove/bottom-sheet 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Mo Gorhom
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,66 @@
+# React Native Bottom Sheet
+
+[![Reanimated v3 version](https://img.shields.io/github/package-json/v/gorhom/react-native-bottom-sheet/master?label=Reanimated%20v3&style=flat-square)](https://www.npmjs.com/package/@gorhom/bottom-sheet) [![Reanimated v2 version](https://img.shields.io/github/package-json/v/gorhom/react-native-bottom-sheet/v4?label=Reanimated%20v2&style=flat-square)](https://www.npmjs.com/package/@gorhom/bottom-sheet)  [![Reanimated v1 version](https://img.shields.io/github/package-json/v/gorhom/react-native-bottom-sheet/v2?label=Reanimated%20v1&style=flat-square)](https://www.npmjs.com/package/@gorhom/bottom-sheet)<br>
+[![license](https://img.shields.io/npm/l/@gorhom/bottom-sheet?style=flat-square)](https://www.npmjs.com/package/@gorhom/bottom-sheet) [![npm](https://img.shields.io/badge/types-included-blue?style=flat-square)](https://www.npmjs.com/package/@gorhom/bottom-sheet) [![runs with expo](https://img.shields.io/badge/Runs%20with%20Expo-4630EB.svg?style=flat-square&logo=EXPO&labelColor=f3f3f3&logoColor=000)](https://expo.io/) <br> ![NPM Downloads](https://img.shields.io/npm/dw/%40gorhom%2Fbottom-sheet?style=flat-square)
+
+
+A performant interactive bottom sheet with fully configurable options 🚀
+
+![React Native Bottom Sheet](./preview.gif)
+
+---
+
+## Features
+- ⭐️ Support React Native Web, [read more](https://gorhom.dev/react-native-bottom-sheet/web-support).
+- ⭐️ Dynamic Sizing, [read more](https://gorhom.dev/react-native-bottom-sheet/dynamic-sizing).
+- ⭐️ Support FlashList, [read more](https://gorhom.dev/react-native-bottom-sheet/components/bottomsheetflashlist).
+- Modal presentation view, [Bottom Sheet Modal](https://gorhom.dev/react-native-bottom-sheet/modal).
+- Smooth gesture interactions & snapping animations.
+- Seamless [keyboard handling](https://gorhom.dev/react-native-bottom-sheet/keyboard-handling) for iOS & Android.
+- Support [pull to refresh](https://gorhom.dev/react-native-bottom-sheet/pull-to-refresh) for scrollables.
+- Support `FlatList`, `SectionList`, `ScrollView` & `View` scrolling interactions, [read more](https://gorhom.dev/react-native-bottom-sheet/scrollables).
+- Support `React Navigation` Integration, [read more](https://gorhom.dev/react-native-bottom-sheet/react-navigation-integration).
+- Compatible with `Reanimated` v1-3.
+- Compatible with `Expo`.
+- Accessibility support.
+- Written in `TypeScript`.
+- [Read more](https://gorhom.dev/react-native-bottom-sheet).
+
+## Getting Started
+
+Check out [the documentation website](https://gorhom.dev/react-native-bottom-sheet).
+
+## Versioning
+
+This library been written in 3 versions of `Reanimated`, and kept all implementation in separate branches:
+
+- **`v5`** | [branch](https://github.com/gorhom/react-native-bottom-sheet/tree/master) | [changelog](https://github.com/gorhom/react-native-bottom-sheet/blob/master/CHANGELOG.md) : written with `Reanimated v3` & `Gesture Handler v2`.
+
+- `v4` (not maintained) | [branch](https://github.com/gorhom/react-native-bottom-sheet/tree/v4) | [changelog](https://github.com/gorhom/react-native-bottom-sheet/blob/v4/CHANGELOG.md) : written with `Reanimated v2`.
+
+- `v2` (not maintained) | [branch](https://github.com/gorhom/react-native-bottom-sheet/tree/v2) | [changelog](https://github.com/gorhom/react-native-bottom-sheet/blob/v2/CHANGELOG.md) : written with `Reanimated v1` & compatible with `Reanimated v2`.
+
+> I highly recommend to use `v5` which provides more stability with all latest features.
+
+## Author
+
+- [Mo Gorhom](https://gorhom.dev/)
+
+## Sponsor & Support
+
+To keep this library maintained and up-to-date please consider [sponsoring it on GitHub](https://github.com/sponsors/gorhom). Or if you are looking for a private support or help in customizing the experience, then reach out to me on Twitter [@gorhom](https://twitter.com/gorhom).
+
+## License
+
+[MIT](./LICENSE)
+
+---
+
+<p align="center">
+  <a href="https://gorhom.dev/#gh-light-mode-only" target="_blank">
+    <img height="18" alt="Mo Gorhom" src="./mogorhom-light.png">
+  </a>
+  <a href="https://gorhom.dev/#gh-dark-mode-only" target="_blank">
+    <img height="18" alt="Mo Gorhom" src="./mogorhom-dark.png">
+  </a>
+</p>

package/mock.js

@@ -0,0 +1,231 @@
+/**
+ * Mock implementation for test runners.
+ *
+ * Example:
+ *
+ * ```js
+ * jest.mock('@gorhom/bottom-sheet', () => require('@gorhom/bottom-sheet/mock'));
+ * ```
+ */
+
+const React = require('react');
+const ReactNative = require('react-native');
+
+const NOOP = () => {};
+const NOOP_VALUE = { value: 0, set: NOOP, get: () => 0 };
+
+const BottomSheetModalProvider = ({ children }) => {
+  return children;
+};
+
+const BottomSheetBackdrop = NOOP;
+
+const BottomSheetComponent = props => {
+  return props.children;
+};
+
+class BottomSheetModal extends React.Component {
+  // Store mock data passed via present
+  data = null;
+
+  snapToIndex() {}
+  snapToPosition() {}
+  expand() {}
+  collapse() {}
+  close() {
+    this.data = null;
+  }
+  forceClose() {
+    this.data = null;
+  }
+  present(data) {
+    // Store data passed to present
+    this.data = data;
+    // Need to trigger a re-render somehow if component depends on this state,
+    // but for basic mock, just storing is often enough.
+  }
+  dismiss() {
+    this.data = null;
+  }
+
+  render() {
+    const { children: Content } = this.props;
+    return typeof Content === 'function'
+      ? React.createElement(Content, { data: this.data })
+      : Content;
+  }
+}
+
+class BottomSheet extends React.Component {
+  snapToIndex() {}
+  snapToPosition() {}
+  expand() {}
+  collapse() {}
+  close() {}
+  forceClose() {}
+
+  render() {
+    return this.props.children;
+  }
+}
+
+const useBottomSheet = () => ({
+  snapToIndex: NOOP,
+  snapToPosition: NOOP,
+  expand: NOOP,
+  collapse: NOOP,
+  close: NOOP,
+  forceClose: NOOP,
+
+  animatedIndex: NOOP_VALUE,
+  animatedPosition: NOOP_VALUE,
+});
+
+const useBottomSheetModal = () => ({
+  dismiss: NOOP,
+  dismissAll: NOOP,
+});
+
+const useBottomSheetAnimationConfigs = configs => configs;
+
+const bottomSheetInternal = {
+  stopAnimation: NOOP,
+  animateToPosition: NOOP,
+  setScrollableRef: NOOP,
+  removeScrollableRef: NOOP,
+};
+
+const bottomSheetModalInternal = {
+  mountSheet: NOOP,
+  unmountSheet: NOOP,
+  willUnmountSheet: NOOP,
+};
+
+const internalProxy = {
+  get(target, prop) {
+    return prop in target ? target[prop] : NOOP_VALUE;
+  },
+};
+
+const useBottomSheetInternal = () =>
+  new Proxy(bottomSheetInternal, internalProxy);
+
+const useBottomSheetModalInternal = () =>
+  new Proxy(bottomSheetModalInternal, internalProxy);
+
+const useBottomSheetDynamicSnapPoints = () => ({
+  animatedSnapPoints: NOOP_VALUE,
+  animatedHandleHeight: NOOP_VALUE,
+  animatedContentHeight: NOOP_VALUE,
+  handleContentLayout: NOOP,
+});
+
+const GESTURE_SOURCE = {
+  UNDETERMINED: 0,
+  SCROLLABLE: 1,
+  HANDLE: 2,
+  CONTENT: 3,
+};
+
+const SHEET_STATE = {
+  CLOSED: 0,
+  OPENED: 1,
+  EXTENDED: 2,
+  OVER_EXTENDED: 3,
+  FILL_PARENT: 4,
+};
+
+const SCROLLABLE_STATE = {
+  LOCKED: 0,
+  UNLOCKED: 1,
+  UNDETERMINED: 2,
+};
+
+const SCROLLABLE_TYPE = {
+  UNDETERMINED: 0,
+  VIEW: 1,
+  FLATLIST: 2,
+  SCROLLVIEW: 3,
+  SECTIONLIST: 4,
+  VIRTUALIZEDLIST: 5,
+};
+
+const ANIMATION_STATE = {
+  UNDETERMINED: 0,
+  RUNNING: 1,
+  STOPPED: 2,
+  INTERRUPTED: 3,
+};
+
+const ANIMATION_SOURCE = {
+  NONE: 0,
+  MOUNT: 1,
+  GESTURE: 2,
+  USER: 3,
+  CONTAINER_RESIZE: 4,
+  SNAP_POINT_CHANGE: 5,
+  KEYBOARD: 6,
+};
+
+const ANIMATION_METHOD = {
+  TIMING: 0,
+  SPRING: 1,
+};
+
+const KEYBOARD_STATE = {
+  UNDETERMINED: 0,
+  SHOWN: 1,
+  HIDDEN: 2,
+};
+
+const SNAP_POINT_TYPE = {
+  PROVIDED: 0,
+  DYNAMIC: 1,
+};
+
+const ENUMS = {
+  GESTURE_SOURCE,
+  SHEET_STATE,
+  SCROLLABLE_STATE,
+  SCROLLABLE_TYPE,
+  ANIMATION_STATE,
+  ANIMATION_SOURCE,
+  ANIMATION_METHOD,
+  KEYBOARD_STATE,
+  SNAP_POINT_TYPE,
+};
+
+const createBottomSheetScrollableComponent = (_type, ScrollableComponent) => {
+  return ScrollableComponent;
+};
+
+module.exports = {
+  BottomSheetView: BottomSheetComponent,
+  BottomSheetTextInput: ReactNative.TextInput,
+  BottomSheetScrollView: ReactNative.ScrollView,
+  BottomSheetSectionList: ReactNative.SectionList,
+  BottomSheetFlatList: ReactNative.FlatList,
+  BottomSheetFlashList: ReactNative.FlatList,
+  BottomSheetVirtualizedList: ReactNative.VirtualizedList,
+
+  TouchableOpacity: ReactNative.TouchableOpacity,
+  TouchableHighlight: ReactNative.TouchableHighlight,
+  TouchableWithoutFeedback: ReactNative.TouchableWithoutFeedback,
+
+  BottomSheetModalProvider,
+  BottomSheetModal,
+  BottomSheetBackdrop,
+
+  default: BottomSheet,
+
+  useBottomSheet,
+  useBottomSheetModal,
+  useBottomSheetSpringConfigs: useBottomSheetAnimationConfigs,
+  useBottomSheetTimingConfigs: useBottomSheetAnimationConfigs,
+  useBottomSheetInternal,
+  useBottomSheetModalInternal,
+  useBottomSheetDynamicSnapPoints,
+
+  ...ENUMS,
+  createBottomSheetScrollableComponent,
+};

package/package.json

@@ -0,0 +1,107 @@
+{
+  "name": "@mustmove/bottom-sheet",
+  "version": "1.0.0",
+  "description": "A performant interactive bottom sheet with fully configurable options 🚀",
+  "main": "lib/commonjs/index",
+  "module": "lib/module/index",
+  "types": "lib/typescript/index.d.ts",
+  "react-native": "src/index.ts",
+  "source": "src/index.ts",
+  "files": [
+    "src",
+    "lib",
+    "mock.js"
+  ],
+  "keywords": [
+    "react-native",
+    "ios",
+    "android",
+    "web",
+    "bottom-sheet",
+    "bottomsheet",
+    "reanimated",
+    "sheet"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/mustmove/react-native-bottom-sheet.git"
+  },
+  "author": "Mo Gorhom (https://mustmove.dev)",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "bugs": {
+    "url": "https://github.com/mustmove/react-native-bottom-sheet/issues"
+  },
+  "homepage": "https://mustmove.dev/react-native-bottom-sheet/",
+  "scripts": {
+    "typescript": "tsc --skipLibCheck --noEmit",
+    "lint": "biome lint --error-on-warnings ./src",
+    "build": "bob build && yarn copy-dts && yarn delete-dts.js && yarn delete-debug-view",
+    "copy-dts": "copyfiles -u 1 \"src/**/*.d.ts\" lib/typescript",
+    "delete-debug-view": "rm -r ./lib/commonjs/components/bottomSheetDebugView && rm -r ./lib/module/components/bottomSheetDebugView && rm -r ./lib/typescript/components/bottomSheetDebugView",
+    "delete-dts.js": "find ./lib/commonjs -name '*.d.js*' -delete && find ./lib/module -name '*.d.js*' -delete",
+    "release": "rm -rf lib && yarn build && release-it",
+    "example": "yarn --cwd example",
+    "bootstrap": "yarn install && yarn example"
+  },
+  "dependencies": {
+    "@gorhom/portal": "1.0.14",
+    "invariant": "^2.2.4"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "2.2.2",
+    "@commitlint/cli": "^19.8.1",
+    "@commitlint/config-conventional": "^19.8.1",
+    "@release-it/conventional-changelog": "^10.0.1",
+    "@types/invariant": "^2.2.34",
+    "@types/react": "~18.3.12",
+    "@types/react-native": "~0.73.0",
+    "copyfiles": "^2.4.1",
+    "husky": "^4.3.8",
+    "lint-staged": "^13.2.2",
+    "metro-react-native-babel-preset": "^0.77.0",
+    "react": "18.3.1",
+    "react-native": "0.76.0",
+    "react-native-builder-bob": "^0.30.3",
+    "react-native-gesture-handler": "~2.20.2",
+    "react-native-reanimated": "~3.19.1",
+    "release-it": "^19.0.4",
+    "typescript": "^5.8.3"
+  },
+  "peerDependencies": {
+    "@types/react": "*",
+    "@types/react-native": "*",
+    "react": "*",
+    "react-native": "*",
+    "react-native-gesture-handler": ">=2.16.1",
+    "react-native-reanimated": ">=3.16.0 || >=4.0.0-"
+  },
+  "peerDependenciesMeta": {
+    "@types/react-native": {
+      "optional": true
+    },
+    "@types/react": {
+      "optional": true
+    }
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "commonjs",
+      "module",
+      "typescript"
+    ]
+  },
+  "resolutions": {
+    "conventional-changelog-conventionalcommits": "8.0.0"
+  },
+  "overrides": {
+    "conventional-changelog-conventionalcommits": "8.0.0"
+  },
+  "directories": {
+    "example": "example"
+  }
+}