@lodev09/react-native-true-sheet 0.11.2 → 0.12.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lodev09/react-native-true-sheet",
-  "version": "0.11.2",
+  "version": "0.12.0",
   "description": "The true native bottom sheet experience for your React Native Apps.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -60,7 +60,7 @@
   "devDependencies": {
     "@commitlint/config-conventional": "^19.0.3",
     "@evilmartians/lefthook": "^1.6.5",
-    "@react-native/eslint-config": "^0.73.2",
+    "@react-native/eslint-config": "^0.74.83",
     "@release-it/conventional-changelog": "^8.0.1",
     "@types/jest": "^29.5.12",
     "@types/react": "^18.2.64",
@@ -78,14 +78,11 @@
     "jest": "^29.7.0",
     "prettier": "^3.2.5",
     "react": "^18.2.0",
-    "react-native": "^0.73.5",
+    "react-native": "^0.74.1",
     "react-native-builder-bob": "^0.23.2",
     "release-it": "^17.1.1",
     "typescript": "~5.3.3"
   },
-  "resolutions": {
-    "@types/react": "^18.2.44"
-  },
   "peerDependencies": {
     "react": "*",
     "react-native": "*"
@@ -94,7 +91,7 @@
     "example",
     "docs"
   ],
-  "packageManager": "yarn@4.1.1",
+  "packageManager": "yarn@4.2.2",
   "jest": {
     "preset": "react-native",
     "modulePathIgnorePatterns": [

package/src/TrueSheet.tsx

@@ -10,7 +10,7 @@ import {
   type LayoutChangeEvent,
 } from 'react-native'
 
-import type { TrueSheetProps, SizeInfo } from './types'
+import type { TrueSheetProps, SizeInfo } from './TrueSheet.types'
 import { TrueSheetModule } from './TrueSheetModule'
 import { TrueSheetGrabber } from './TrueSheetGrabber'
 import { TrueSheetFooter } from './TrueSheetFooter'
@@ -59,6 +59,7 @@ export class TrueSheet extends PureComponent<TrueSheetProps, TrueSheetState> {
 
     this.ref = createRef<NativeRef>()
 
+    this.onMount = this.onMount.bind(this)
     this.onDismiss = this.onDismiss.bind(this)
     this.onPresent = this.onPresent.bind(this)
     this.onSizeChange = this.onSizeChange.bind(this)
@@ -159,6 +160,10 @@ export class TrueSheet extends PureComponent<TrueSheetProps, TrueSheetState> {
     this.props.onDismiss?.()
   }
 
+  private onMount(): void {
+    this.props.onMount?.()
+  }
+
   /**
    * Present the sheet. Optionally accepts a size `index`.
    * See `sizes` prop
@@ -203,6 +208,8 @@ export class TrueSheet extends PureComponent<TrueSheetProps, TrueSheetState> {
       dismissible = true,
       grabber = true,
       dimmed = true,
+      initialIndexAnimated = true,
+      initialIndex,
       dimmedIndex,
       grabberProps,
       blurTint,
@@ -228,8 +235,11 @@ export class TrueSheet extends PureComponent<TrueSheetProps, TrueSheetState> {
         grabber={grabber}
         dimmed={dimmed}
         dimmedIndex={dimmedIndex}
+        initialIndex={initialIndex}
+        initialIndexAnimated={initialIndexAnimated}
         dismissible={dismissible}
         maxHeight={maxHeight}
+        onMount={this.onMount}
         onPresent={this.onPresent}
         onDismiss={this.onDismiss}
         onSizeChange={this.onSizeChange}
@@ -267,6 +277,7 @@ export class TrueSheet extends PureComponent<TrueSheetProps, TrueSheetState> {
 
 const $nativeSheet: ViewStyle = {
   position: 'absolute',
+  width: '100%',
   left: -9999,
   zIndex: -9999,
 }

package/src/{types.ts → TrueSheet.types.ts}

@@ -130,6 +130,22 @@ export interface TrueSheetProps extends ViewProps {
    */
   dimmed?: boolean
 
+  /**
+   * Initially present the sheet, after mounting, at a given size index.
+   *
+   * @note This property is only used during the initial mount.
+   * @default -1
+   */
+  initialIndex?: number
+
+  /**
+   * Specify whether the sheet should animate after mounting.
+   * Used with `initialIndex`.
+   *
+   * @default true
+   */
+  initialIndexAnimated?: boolean
+
   /**
    * The size index that the sheet should start to dim the background.
    * This is ignored if `dimmed` is set to `false`.
@@ -205,6 +221,11 @@ export interface TrueSheetProps extends ViewProps {
    */
   FooterComponent?: ComponentType<unknown> | ReactElement
 
+  /**
+   * This is called when the sheet is ready to present.
+   */
+  onMount?: () => void
+
   /**
    * Called when the Sheet has been presented.
    * Comes with the size info.

package/src/TrueSheetFooter.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import type { TrueSheetProps } from './types'
+import type { TrueSheetProps } from './TrueSheet.types'
 
 interface TrueSheetFooterProps {
   Component?: TrueSheetProps['FooterComponent']

package/src/index.ts

@@ -1,3 +1,3 @@
-export * from './types'
 export * from './TrueSheet'
+export * from './TrueSheet.types'
 export * from './TrueSheetGrabber'

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

@@ -1,51 +0,0 @@
-package com.lodev09.truesheet.core
-
-import com.facebook.react.bridge.Arguments
-import com.facebook.react.bridge.WritableMap
-import com.facebook.react.uimanager.events.Event
-import com.lodev09.truesheet.SizeInfo
-
-// onPresent
-class PresentEvent(surfaceId: Int, viewId: Int, private val sizeInfo: SizeInfo) : Event<PresentEvent>(surfaceId, viewId) {
-  override fun getEventName() = EVENT_NAME
-
-  override fun getEventData(): WritableMap {
-    val data = Arguments.createMap()
-    data.putInt("index", sizeInfo.index)
-    data.putDouble("value", sizeInfo.value.toDouble())
-
-    return data
-  }
-
-  companion object {
-    const val EVENT_NAME = "present"
-  }
-}
-
-// onDismiss
-class DismissEvent(surfaceId: Int, viewId: Int) : Event<PresentEvent>(surfaceId, viewId) {
-  override fun getEventName() = EVENT_NAME
-
-  override fun getEventData(): WritableMap = Arguments.createMap()
-
-  companion object {
-    const val EVENT_NAME = "dismiss"
-  }
-}
-
-// onSizeChange
-class SizeChangeEvent(surfaceId: Int, viewId: Int, private val sizeInfo: SizeInfo) : Event<SizeChangeEvent>(surfaceId, viewId) {
-  override fun getEventName() = EVENT_NAME
-
-  override fun getEventData(): WritableMap {
-    val data = Arguments.createMap()
-    data.putInt("index", sizeInfo.index)
-    data.putDouble("value", sizeInfo.value.toDouble())
-
-    return data
-  }
-
-  companion object {
-    const val EVENT_NAME = "sizeChange"
-  }
-}

package/lib/commonjs/types.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sourceRoot":"../../src","sources":["types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/lib/module/types.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sourceRoot":"../../src","sources":["types.ts"],"mappings":"","ignoreList":[]}

package/lib/typescript/src/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAC9E,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE/E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAE/D,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED;;;;GAIG;AACH,MAAM,MAAM,QAAQ,GAChB,OAAO,GACP,MAAM,GACN,SAAS,GACT,YAAY,GACZ,SAAS,GACT,WAAW,GACX,yBAAyB,GACzB,oBAAoB,GACpB,gBAAgB,GAChB,qBAAqB,GACrB,sBAAsB,GACtB,8BAA8B,GAC9B,yBAAyB,GACzB,qBAAqB,GACrB,0BAA0B,GAC1B,2BAA2B,GAC3B,6BAA6B,GAC7B,wBAAwB,GACxB,oBAAoB,GACpB,yBAAyB,GACzB,0BAA0B,CAAA;AAE9B;;;;;GAKG;AACH,MAAM,MAAM,SAAS;AACnB;;;;;GAKG;AACD,MAAM;AAER;;;;;GAKG;GACD,MAAM;AAER;;;;;GAKG;GACD,GAAG,MAAM,GAAG;AAEd;;;;;GAKG;GACD,OAAO;AAET;;;;;GAKG;GACD,QAAQ;AAEV;;;;;GAKG;GACD,OAAO,CAAA;AAEX,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C;;;;;;;;;;;;;OAaG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;;;;;;;;OAUG;IACH,KAAK,CAAC,EAAE,SAAS,EAAE,CAAA;IAEnB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;;;OAIG;IACH,eAAe,CAAC,EAAE,UAAU,CAAA;IAE5B;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,qBAAqB,CAAA;IAEpC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAA;IAEnB;;OAEG;IACH,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAE5C;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IAEzC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,eAAe,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,GAAG,YAAY,CAAA;IAEvD;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAA;IAEpC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IAEtB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAA;CACxC"}