@amazon-devices/react-native-screens 2.0.9000000000 → 3.0.9000000000-rn-83

package/android/src/main/java/com/swmansion/rnscreens/SearchBarManager.kt

@@ -1,12 +1,15 @@
 package com.swmansion.rnscreens
 
+import android.util.Log
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException
-import com.facebook.react.bridge.ReadableArray
 import com.facebook.react.common.MapBuilder
 import com.facebook.react.module.annotations.ReactModule
 import com.facebook.react.uimanager.ThemedReactContext
 import com.facebook.react.uimanager.ViewGroupManager
+import com.facebook.react.uimanager.ViewManagerDelegate
 import com.facebook.react.uimanager.annotations.ReactProp
+import com.facebook.react.viewmanagers.RNSSearchBarManagerDelegate
+import com.facebook.react.viewmanagers.RNSSearchBarManagerInterface
 import com.swmansion.rnscreens.events.SearchBarBlurEvent
 import com.swmansion.rnscreens.events.SearchBarChangeTextEvent
 import com.swmansion.rnscreens.events.SearchBarCloseEvent
@@ -15,119 +18,223 @@ import com.swmansion.rnscreens.events.SearchBarOpenEvent
 import com.swmansion.rnscreens.events.SearchBarSearchButtonPressEvent
 
 @ReactModule(name = SearchBarManager.REACT_CLASS)
-class SearchBarManager : ViewGroupManager<SearchBarView>() {
-    override fun getName(): String {
-        return REACT_CLASS
-    }
+class SearchBarManager :
+    ViewGroupManager<SearchBarView>(),
+    RNSSearchBarManagerInterface<SearchBarView> {
+    private val delegate: ViewManagerDelegate<SearchBarView>
 
-    override fun createViewInstance(context: ThemedReactContext): SearchBarView {
-        return SearchBarView(context)
+    init {
+        delegate = RNSSearchBarManagerDelegate<SearchBarView, SearchBarManager>(this)
     }
 
+    protected override fun getDelegate(): ViewManagerDelegate<SearchBarView> = delegate
+
+    override fun getName(): String = REACT_CLASS
+
+    override fun createViewInstance(context: ThemedReactContext): SearchBarView = SearchBarView(context)
+
     override fun onAfterUpdateTransaction(view: SearchBarView) {
         super.onAfterUpdateTransaction(view)
         view.onUpdate()
     }
 
     @ReactProp(name = "autoCapitalize")
-    fun setAutoCapitalize(view: SearchBarView, autoCapitalize: String?) {
-        view.autoCapitalize = when (autoCapitalize) {
-            null, "none" -> SearchBarView.SearchBarAutoCapitalize.NONE
-            "words" -> SearchBarView.SearchBarAutoCapitalize.WORDS
-            "sentences" -> SearchBarView.SearchBarAutoCapitalize.SENTENCES
-            "characters" -> SearchBarView.SearchBarAutoCapitalize.CHARACTERS
-            else -> throw JSApplicationIllegalArgumentException(
-                "Forbidden auto capitalize value passed"
-            )
-        }
+    override fun setAutoCapitalize(
+        view: SearchBarView,
+        autoCapitalize: String?,
+    ) {
+        view.autoCapitalize =
+            when (autoCapitalize) {
+                null, "none" -> SearchBarView.SearchBarAutoCapitalize.NONE
+                "words" -> SearchBarView.SearchBarAutoCapitalize.WORDS
+                "sentences" -> SearchBarView.SearchBarAutoCapitalize.SENTENCES
+                "characters" -> SearchBarView.SearchBarAutoCapitalize.CHARACTERS
+                else -> throw JSApplicationIllegalArgumentException(
+                    "Forbidden auto capitalize value passed",
+                )
+            }
     }
 
     @ReactProp(name = "autoFocus")
-    fun setAutoFocus(view: SearchBarView, autoFocus: Boolean?) {
+    fun setAutoFocus(
+        view: SearchBarView,
+        autoFocus: Boolean?,
+    ) {
         view.autoFocus = autoFocus ?: false
     }
 
     @ReactProp(name = "barTintColor", customType = "Color")
-    fun setTintColor(view: SearchBarView, color: Int?) {
+    override fun setBarTintColor(
+        view: SearchBarView,
+        color: Int?,
+    ) {
         view.tintColor = color
     }
 
     @ReactProp(name = "disableBackButtonOverride")
-    fun setDisableBackButtonOverride(view: SearchBarView, disableBackButtonOverride: Boolean?) {
+    override fun setDisableBackButtonOverride(
+        view: SearchBarView,
+        disableBackButtonOverride: Boolean,
+    ) {
         view.shouldOverrideBackButton = disableBackButtonOverride != true
     }
 
     @ReactProp(name = "inputType")
-    fun setInputType(view: SearchBarView, inputType: String?) {
-        view.inputType = when (inputType) {
-            null, "text" -> SearchBarView.SearchBarInputTypes.TEXT
-            "phone" -> SearchBarView.SearchBarInputTypes.PHONE
-            "number" -> SearchBarView.SearchBarInputTypes.NUMBER
-            "email" -> SearchBarView.SearchBarInputTypes.EMAIL
-            else -> throw JSApplicationIllegalArgumentException(
-                "Forbidden input type value"
-            )
-        }
+    override fun setInputType(
+        view: SearchBarView,
+        inputType: String?,
+    ) {
+        view.inputType =
+            when (inputType) {
+                null, "text" -> SearchBarView.SearchBarInputTypes.TEXT
+                "phone" -> SearchBarView.SearchBarInputTypes.PHONE
+                "number" -> SearchBarView.SearchBarInputTypes.NUMBER
+                "email" -> SearchBarView.SearchBarInputTypes.EMAIL
+                else -> throw JSApplicationIllegalArgumentException(
+                    "Forbidden input type value",
+                )
+            }
     }
 
     @ReactProp(name = "placeholder")
-    fun setPlaceholder(view: SearchBarView, placeholder: String?) {
+    override fun setPlaceholder(
+        view: SearchBarView,
+        placeholder: String?,
+    ) {
         if (placeholder != null) {
             view.placeholder = placeholder
         }
     }
 
     @ReactProp(name = "textColor", customType = "Color")
-    fun setTextColor(view: SearchBarView, color: Int?) {
+    override fun setTextColor(
+        view: SearchBarView,
+        color: Int?,
+    ) {
         view.textColor = color
     }
 
     @ReactProp(name = "headerIconColor", customType = "Color")
-    fun setHeaderIconColor(view: SearchBarView, color: Int?) {
+    override fun setHeaderIconColor(
+        view: SearchBarView,
+        color: Int?,
+    ) {
         view.headerIconColor = color
     }
 
     @ReactProp(name = "hintTextColor", customType = "Color")
-    fun setHintTextColor(view: SearchBarView, color: Int?) {
+    override fun setHintTextColor(
+        view: SearchBarView,
+        color: Int?,
+    ) {
         view.hintTextColor = color
     }
 
     @ReactProp(name = "shouldShowHintSearchIcon")
-    fun setShouldShowHintSearchIcon(view: SearchBarView, shouldShowHintSearchIcon: Boolean?) {
+    override fun setShouldShowHintSearchIcon(
+        view: SearchBarView,
+        shouldShowHintSearchIcon: Boolean,
+    ) {
         view.shouldShowHintSearchIcon = shouldShowHintSearchIcon ?: true
     }
 
-    fun setPlacement(view: SearchBarView, placeholder: String?) = Unit
-
-    override fun receiveCommand(root: SearchBarView, commandId: String?, args: ReadableArray?) {
-        when (commandId) {
-            "focus" -> root.handleFocusJsRequest()
-            "blur" -> root.handleBlurJsRequest()
-            "clearText" -> root.handleClearTextJsRequest()
-            "toggleCancelButton" -> root.handleToggleCancelButtonJsRequest(false) // just a dummy argument
-            "setText" -> root.handleSetTextJsRequest(args?.getString(0))
-            else -> throw JSApplicationIllegalArgumentException("Unsupported native command received: $commandId")
-        }
-    }
-
-    override fun getExportedCustomDirectEventTypeConstants(): Map<String, Any>? {
-        return MapBuilder.of(
+    override fun getExportedCustomDirectEventTypeConstants(): Map<String, Any>? =
+        MapBuilder.of(
             SearchBarBlurEvent.EVENT_NAME,
-            MapBuilder.of("registrationName", "onBlur"),
+            MapBuilder.of("registrationName", "onSearchBlur"),
             SearchBarChangeTextEvent.EVENT_NAME,
             MapBuilder.of("registrationName", "onChangeText"),
             SearchBarCloseEvent.EVENT_NAME,
             MapBuilder.of("registrationName", "onClose"),
             SearchBarFocusEvent.EVENT_NAME,
-            MapBuilder.of("registrationName", "onFocus"),
+            MapBuilder.of("registrationName", "onSearchFocus"),
             SearchBarOpenEvent.EVENT_NAME,
             MapBuilder.of("registrationName", "onOpen"),
             SearchBarSearchButtonPressEvent.EVENT_NAME,
             MapBuilder.of("registrationName", "onSearchButtonPress"),
         )
-    }
 
     companion object {
         const val REACT_CLASS = "RNSSearchBar"
     }
+
+    private fun logNotAvailable(propName: String) {
+        Log.w("[RNScreens]", "$propName prop is not available on Android")
+    }
+
+    // NativeCommands
+
+    override fun blur(view: SearchBarView?) {
+        view?.handleBlurJsRequest()
+    }
+
+    override fun focus(view: SearchBarView?) {
+        view?.handleFocusJsRequest()
+    }
+
+    override fun clearText(view: SearchBarView?) {
+        view?.handleClearTextJsRequest()
+    }
+
+    override fun toggleCancelButton(
+        view: SearchBarView?,
+        flag: Boolean,
+    ) {
+        view?.handleToggleCancelButtonJsRequest(flag)
+    }
+
+    override fun setText(
+        view: SearchBarView?,
+        text: String?,
+    ) {
+        view?.handleSetTextJsRequest(text)
+    }
+
+    override fun cancelSearch(view: SearchBarView?) {
+        view?.handleFocusJsRequest()
+    }
+
+    // iOS only
+
+    override fun setPlacement(
+        view: SearchBarView,
+        placeholder: String?,
+    ) {
+        logNotAvailable("setPlacement")
+    }
+
+    override fun setHideWhenScrolling(
+        view: SearchBarView?,
+        value: Boolean,
+    ) {
+        logNotAvailable("hideWhenScrolling")
+    }
+
+    override fun setObscureBackground(
+        view: SearchBarView?,
+        value: Boolean,
+    ) {
+        logNotAvailable("hideNavigationBar")
+    }
+
+    override fun setHideNavigationBar(
+        view: SearchBarView?,
+        value: Boolean,
+    ) {
+        logNotAvailable("hideNavigationBar")
+    }
+
+    override fun setCancelButtonText(
+        view: SearchBarView?,
+        value: String?,
+    ) {
+        logNotAvailable("cancelButtonText")
+    }
+
+    override fun setTintColor(
+        view: SearchBarView?,
+        value: Int?,
+    ) {
+        logNotAvailable("tintColor")
+    }
 }

package/android/src/main/java/com/swmansion/rnscreens/SearchBarView.kt

@@ -16,7 +16,9 @@ import com.swmansion.rnscreens.events.SearchBarOpenEvent
 import com.swmansion.rnscreens.events.SearchBarSearchButtonPressEvent
 
 @SuppressLint("ViewConstructor")
-class SearchBarView(reactContext: ReactContext?) : ReactViewGroup(reactContext) {
+class SearchBarView(
+    reactContext: ReactContext?,
+) : ReactViewGroup(reactContext) {
     var inputType: SearchBarInputTypes = SearchBarInputTypes.TEXT
     var autoCapitalize: SearchBarAutoCapitalize = SearchBarAutoCapitalize.NONE
     var textColor: Int? = null
@@ -28,19 +30,23 @@ class SearchBarView(reactContext: ReactContext?) : ReactViewGroup(reactContext)
     var autoFocus: Boolean = false
     var shouldShowHintSearchIcon: Boolean = true
 
-    private var mSearchViewFormatter: SearchViewFormatter? = null
+    private var searchViewFormatter: SearchViewFormatter? = null
 
-    private var mAreListenersSet: Boolean = false
+    private var areListenersSet: Boolean = false
 
-    private val screenStackFragment: ScreenStackFragment?
+    private val headerConfig: ScreenStackHeaderConfig?
         get() {
             val currentParent = parent
             if (currentParent is ScreenStackHeaderSubview) {
-                return currentParent.config?.screenFragment
+                return currentParent.config
             }
+
             return null
         }
 
+    private val screenStackFragment: ScreenStackFragment?
+        get() = headerConfig?.screenFragment
+
     fun onUpdate() {
         setSearchViewProps()
     }
@@ -48,17 +54,17 @@ class SearchBarView(reactContext: ReactContext?) : ReactViewGroup(reactContext)
     private fun setSearchViewProps() {
         val searchView = screenStackFragment?.searchView
         if (searchView != null) {
-            if (!mAreListenersSet) {
+            if (!areListenersSet) {
                 setSearchViewListeners(searchView)
-                mAreListenersSet = true
+                areListenersSet = true
             }
 
             searchView.inputType = inputType.toAndroidInputType(autoCapitalize)
-            mSearchViewFormatter?.setTextColor(textColor)
-            mSearchViewFormatter?.setTintColor(tintColor)
-            mSearchViewFormatter?.setHeaderIconColor(headerIconColor)
-            mSearchViewFormatter?.setHintTextColor(hintTextColor)
-            mSearchViewFormatter?.setPlaceholder(placeholder, shouldShowHintSearchIcon)
+            searchViewFormatter?.setTextColor(textColor)
+            searchViewFormatter?.setTintColor(tintColor)
+            searchViewFormatter?.setHeaderIconColor(headerIconColor)
+            searchViewFormatter?.setHintTextColor(hintTextColor)
+            searchViewFormatter?.setPlaceholder(placeholder, shouldShowHintSearchIcon)
             searchView.overrideBackAction = shouldOverrideBackButton
         }
     }
@@ -67,8 +73,10 @@ class SearchBarView(reactContext: ReactContext?) : ReactViewGroup(reactContext)
         super.onAttachedToWindow()
 
         screenStackFragment?.onSearchViewCreate = { newSearchView ->
-            if (mSearchViewFormatter == null) mSearchViewFormatter =
-                SearchViewFormatter(newSearchView)
+            if (searchViewFormatter == null) {
+                searchViewFormatter =
+                    SearchViewFormatter(newSearchView)
+            }
             setSearchViewProps()
             if (autoFocus) {
                 screenStackFragment?.searchView?.focus()
@@ -77,17 +85,19 @@ class SearchBarView(reactContext: ReactContext?) : ReactViewGroup(reactContext)
     }
 
     private fun setSearchViewListeners(searchView: SearchView) {
-        searchView.setOnQueryTextListener(object : SearchView.OnQueryTextListener {
-            override fun onQueryTextChange(newText: String?): Boolean {
-                handleTextChange(newText)
-                return true
-            }
+        searchView.setOnQueryTextListener(
+            object : SearchView.OnQueryTextListener {
+                override fun onQueryTextChange(newText: String?): Boolean {
+                    handleTextChange(newText)
+                    return true
+                }
 
-            override fun onQueryTextSubmit(query: String?): Boolean {
-                handleTextSubmit(query)
-                return true
-            }
-        })
+                override fun onQueryTextSubmit(query: String?): Boolean {
+                    handleTextSubmit(query)
+                    return true
+                }
+            },
+        )
         searchView.setOnQueryTextFocusChangeListener { _, hasFocus ->
             handleFocusChange(hasFocus)
         }
@@ -110,10 +120,12 @@ class SearchBarView(reactContext: ReactContext?) : ReactViewGroup(reactContext)
 
     private fun handleClose() {
         sendEvent(SearchBarCloseEvent(surfaceId, id))
+        setToolbarElementsVisibility(VISIBLE)
     }
 
     private fun handleOpen() {
         sendEvent(SearchBarOpenEvent(surfaceId, id))
+        setToolbarElementsVisibility(GONE)
     }
 
     private fun handleTextSubmit(newText: String?) {
@@ -144,10 +156,26 @@ class SearchBarView(reactContext: ReactContext?) : ReactViewGroup(reactContext)
         text?.let { screenStackFragment?.searchView?.setText(it) }
     }
 
+    fun handleCancelSearchJsRequest() {
+        screenStackFragment?.searchView?.cancelSearch()
+    }
+
+    private fun setToolbarElementsVisibility(visibility: Int) {
+        for (i in 0..(headerConfig?.configSubviewsCount?.minus(1) ?: 0)) {
+            val subview = headerConfig?.getConfigSubview(i)
+            if (subview?.type != ScreenStackHeaderSubview.Type.SEARCH_BAR) {
+                subview?.visibility = visibility
+            }
+        }
+    }
+
     private val surfaceId = UIManagerHelper.getSurfaceId(this)
 
     enum class SearchBarAutoCapitalize {
-        NONE, WORDS, SENTENCES, CHARACTERS
+        NONE,
+        WORDS,
+        SENTENCES,
+        CHARACTERS,
     }
 
     enum class SearchBarInputTypes {
@@ -161,17 +189,14 @@ class SearchBarView(reactContext: ReactContext?) : ReactViewGroup(reactContext)
                 }
         },
         PHONE {
-            override fun toAndroidInputType(capitalize: SearchBarAutoCapitalize) =
-                InputType.TYPE_CLASS_PHONE
+            override fun toAndroidInputType(capitalize: SearchBarAutoCapitalize) = InputType.TYPE_CLASS_PHONE
         },
         NUMBER {
-            override fun toAndroidInputType(capitalize: SearchBarAutoCapitalize) =
-                InputType.TYPE_CLASS_NUMBER
+            override fun toAndroidInputType(capitalize: SearchBarAutoCapitalize) = InputType.TYPE_CLASS_NUMBER
         },
         EMAIL {
-            override fun toAndroidInputType(capitalize: SearchBarAutoCapitalize) =
-                InputType.TYPE_TEXT_VARIATION_EMAIL_ADDRESS
-        };
+            override fun toAndroidInputType(capitalize: SearchBarAutoCapitalize) = InputType.TYPE_TEXT_VARIATION_EMAIL_ADDRESS
+        }, ;
 
         abstract fun toAndroidInputType(capitalize: SearchBarAutoCapitalize): Int
     }

package/android/src/main/java/com/swmansion/rnscreens/SearchViewFormatter.kt

@@ -7,9 +7,11 @@ import android.widget.ImageView
 import androidx.appcompat.R
 import androidx.appcompat.widget.SearchView
 
-class SearchViewFormatter(var searchView: SearchView) {
-    private var mDefaultTextColor: Int? = null
-    private var mDefaultTintBackground: Drawable? = null
+class SearchViewFormatter(
+    var searchView: SearchView,
+) {
+    private var defaultTextColor: Int? = null
+    private var defaultTintBackground: Drawable? = null
 
     private val searchEditText
         get() = searchView.findViewById<View>(R.id.search_src_text) as? EditText
@@ -21,10 +23,10 @@ class SearchViewFormatter(var searchView: SearchView) {
         get() = searchView.findViewById<ImageView>(R.id.search_close_btn)
 
     fun setTextColor(textColor: Int?) {
-        val currentDefaultTextColor = mDefaultTextColor
+        val currentDefaultTextColor = defaultTextColor
         if (textColor != null) {
-            if (mDefaultTextColor == null) {
-                mDefaultTextColor = searchEditText?.textColors?.defaultColor
+            if (defaultTextColor == null) {
+                defaultTextColor = searchEditText?.textColors?.defaultColor
             }
             searchEditText?.setTextColor(textColor)
         } else if (currentDefaultTextColor != null) {
@@ -33,10 +35,10 @@ class SearchViewFormatter(var searchView: SearchView) {
     }
 
     fun setTintColor(tintColor: Int?) {
-        val currentDefaultTintColor = mDefaultTintBackground
+        val currentDefaultTintColor = defaultTintBackground
         if (tintColor != null) {
-            if (mDefaultTintBackground == null) {
-                mDefaultTintBackground = searchTextPlate.background
+            if (defaultTintBackground == null) {
+                defaultTintBackground = searchTextPlate.background
             }
             searchTextPlate.setBackgroundColor(tintColor)
         } else if (currentDefaultTintColor != null) {
@@ -57,7 +59,10 @@ class SearchViewFormatter(var searchView: SearchView) {
         }
     }
 
-    fun setPlaceholder(placeholder: String, shouldShowHintSearchIcon: Boolean) {
+    fun setPlaceholder(
+        placeholder: String,
+        shouldShowHintSearchIcon: Boolean,
+    ) {
         if (shouldShowHintSearchIcon) {
             searchView.queryHint = placeholder
         } else {

package/android/src/main/java/com/swmansion/rnscreens/bottomsheet/BottomSheetBehaviorExt.kt

@@ -0,0 +1,42 @@
+package com.swmansion.rnscreens.bottomsheet
+
+import android.view.View
+import com.google.android.material.bottomsheet.BottomSheetBehavior
+
+internal fun <T : View> BottomSheetBehavior<T>.useSingleDetent(height: Int? = null, forceExpandedState: Boolean = true): BottomSheetBehavior<T> {
+    this.skipCollapsed = true
+    this.isFitToContents = true
+    if (forceExpandedState) {
+        this.state = BottomSheetBehavior.STATE_EXPANDED
+    }
+    height?.let { maxHeight = height }
+    return this
+}
+
+internal fun <T : View> BottomSheetBehavior<T>.useTwoDetents(
+    @BottomSheetBehavior.StableState state: Int? = null,
+    firstHeight: Int? = null,
+    secondHeight: Int? = null
+): BottomSheetBehavior<T> {
+    skipCollapsed = false
+    isFitToContents = true
+    state?.let { this.state = state }
+    firstHeight?.let { peekHeight = firstHeight }
+    secondHeight?.let { maxHeight = secondHeight }
+    return this
+}
+
+internal fun <T : View> BottomSheetBehavior<T>.useThreeDetents(
+    @BottomSheetBehavior.StableState state: Int? = null,
+    firstHeight: Int? = null,
+    halfExpandedRatio: Float? = null,
+    expandedOffsetFromTop: Int? = null
+): BottomSheetBehavior<T> {
+    skipCollapsed = false
+    isFitToContents = false
+    state?.let { this.state = state }
+    firstHeight?.let { this.peekHeight = firstHeight }
+    halfExpandedRatio?.let { this.halfExpandedRatio = halfExpandedRatio }
+    expandedOffsetFromTop?.let { this.expandedOffset = expandedOffsetFromTop }
+    return this
+}

package/android/src/main/java/com/swmansion/rnscreens/bottomsheet/BottomSheetDialogRootView.kt

@@ -0,0 +1,104 @@
+package com.swmansion.rnscreens.bottomsheet
+
+import android.annotation.SuppressLint
+import android.view.MotionEvent
+import android.view.View
+import com.facebook.react.bridge.ReactContext
+import com.facebook.react.config.ReactFeatureFlags
+import com.facebook.react.uimanager.JSPointerDispatcher
+import com.facebook.react.uimanager.JSTouchDispatcher
+import com.facebook.react.uimanager.RootView
+import com.facebook.react.uimanager.events.EventDispatcher
+import com.facebook.react.views.view.ReactViewGroup
+
+@SuppressLint("ViewConstructor")
+class BottomSheetDialogRootView(
+    val reactContext: ReactContext?,
+    private val eventDispatcher: EventDispatcher,
+) : ReactViewGroup(reactContext),
+    RootView {
+    private val jsTouchDispatcher: JSTouchDispatcher = JSTouchDispatcher(this)
+    private var jsPointerDispatcher: JSPointerDispatcher? = null
+
+    init {
+        // Can we safely use ReactFeatureFlags?
+        if (ReactFeatureFlags.dispatchPointerEvents) {
+            jsPointerDispatcher = JSPointerDispatcher(this)
+        }
+    }
+
+    override fun onLayout(
+        changed: Boolean,
+        l: Int,
+        t: Int,
+        r: Int,
+        b: Int,
+    ) {
+        if (changed) {
+            // This view is used right now only in ScreenModalFragment, where it is injected
+            // to view hierarchy as a parent of a Screen.
+            assert(childCount == 1) { "[RNScreens] Expected only a single child view under ${TAG}, received: ${childCount}"}
+            getChildAt(0).layout(l, t, r, b)
+        }
+    }
+
+    override fun onInterceptTouchEvent(event: MotionEvent): Boolean {
+        jsTouchDispatcher.handleTouchEvent(event, eventDispatcher)
+        jsPointerDispatcher?.handleMotionEvent(event, eventDispatcher, true)
+        return super.onInterceptTouchEvent(event)
+    }
+
+    override fun onTouchEvent(event: MotionEvent): Boolean {
+        jsTouchDispatcher.handleTouchEvent(event, eventDispatcher)
+        jsPointerDispatcher?.handleMotionEvent(event, eventDispatcher, false)
+        super.onTouchEvent(event)
+        return true
+    }
+
+    override fun onInterceptHoverEvent(event: MotionEvent): Boolean {
+        jsPointerDispatcher?.handleMotionEvent(event, eventDispatcher, true)
+        // This is how DialogRootViewGroup implements this, it might be a copy-paste mistake
+        // on their side.
+        return super.onHoverEvent(event)
+    }
+
+    override fun onHoverEvent(event: MotionEvent): Boolean {
+        jsPointerDispatcher?.handleMotionEvent(event, eventDispatcher, false)
+        return super.onHoverEvent(event)
+    }
+
+    override fun onChildStartedNativeGesture(
+        view: View,
+        event: MotionEvent,
+    ) {
+        jsTouchDispatcher.onChildStartedNativeGesture(event, eventDispatcher)
+        jsPointerDispatcher?.onChildStartedNativeGesture(view, event, eventDispatcher)
+    }
+
+    @Deprecated("Deprecated by React Native")
+    override fun onChildStartedNativeGesture(event: MotionEvent): Unit =
+        throw IllegalStateException("Deprecated onChildStartedNativeGesture was called")
+
+    override fun onChildEndedNativeGesture(
+        view: View,
+        event: MotionEvent,
+    ) {
+        jsTouchDispatcher.onChildEndedNativeGesture(event, eventDispatcher)
+        jsPointerDispatcher?.onChildEndedNativeGesture()
+    }
+
+    override fun requestDisallowInterceptTouchEvent(disallowIntercept: Boolean) {
+        // We do not pass through request of our child up the view hierarchy, as we
+        // need to keep receiving events.
+    }
+
+    override fun handleException(throwable: Throwable?) {
+        // TODO: I need ThemedReactContext here.
+        // TODO: Determine where it is initially created & verify its lifecycle
+        //        reactContext?.reactApplicationContext?.handleException(RuntimeException(throwable))
+    }
+
+    companion object {
+        const val TAG = "BottomSheetDialogRootView"
+    }
+}