react-native-keyboard-controller 1.0.0-alpha.3 → 1.0.0-beta.0

package/README.md

@@ -2,14 +2,13 @@
 
 Keyboard manager which works in identical way on both iOS and Android.
 
-> **Note**: This library is still in development and in `alpha` stage. So most likely it has bugs/issues - don't hesitate to report if you find them 🙂.
+> **Note**: This library is still in development and in `beta` stage. So most likely it has bugs/issues - don't hesitate to report if you find them 🙂.
 
 ## Demonstration
 
-<div>
-  <img align="right" width="28.65%" style="margin-left: 20px" src="./gifs/ios.gif?raw=true">
-  <img align="right" width="30%" style="margin-left: 20px" src="./gifs/android.gif?raw=true">  
-</div>
+<img src="./gifs/demo.gif?raw=true" width="60%">
+
+## Key features
 
 - mapping keyboard appearance to animated values 😎
 - missing `keyboardWillShow` / `keyboardWillHide` events are available on Android 😍
@@ -18,8 +17,6 @@ Keyboard manager which works in identical way on both iOS and Android.
 - interactive keyboard dismissing (planned) 👆📱
 - and more is coming... Stay tuned! 😊
 
-<br clear="right" />
-
 ## Installation
 
 Install `react-native-keyboard-controller` package from npm:

package/android/build.gradle

@@ -41,7 +41,7 @@ android {
     }
   }
   lintOptions {
-    disable 'GradleCompatible'
+    warningsAsErrors true
   }
   compileOptions {
     sourceCompatibility JavaVersion.VERSION_1_8

package/android/gradle.properties

@@ -1,3 +1,5 @@
 KeyboardController_kotlinVersion=1.3.50
 KeyboardController_compileSdkVersion=29
 KeyboardController_targetSdkVersion=29
+
+android.useAndroidX=true

package/android/src/main/java/com/reactnativekeyboardcontroller/EdgeToEdgeReactViewGroup.kt

@@ -1,9 +1,11 @@
 package com.reactnativekeyboardcontroller
 
+import android.annotation.SuppressLint
 import androidx.core.view.WindowCompat
 import com.facebook.react.uimanager.ThemedReactContext
 import com.facebook.react.views.view.ReactViewGroup
 
+@SuppressLint("ViewConstructor")
 class EdgeToEdgeReactViewGroup(private val reactContext: ThemedReactContext) : ReactViewGroup(reactContext) {
   override fun onAttachedToWindow() {
     super.onAttachedToWindow()

package/android/src/main/java/com/reactnativekeyboardcontroller/KeyboardControllerPackage.kt

@@ -6,11 +6,11 @@ import com.facebook.react.bridge.ReactApplicationContext
 import com.facebook.react.uimanager.ViewManager
 
 class KeyboardControllerPackage : ReactPackage {
-    override fun createNativeModules(reactContext: ReactApplicationContext): List<NativeModule> {
-        return listOf(KeyboardControllerModule(reactContext))
-    }
+  override fun createNativeModules(reactContext: ReactApplicationContext): List<NativeModule> {
+    return listOf(KeyboardControllerModule(reactContext), StatusBarManagerCompatModule(reactContext))
+  }
 
-    override fun createViewManagers(reactContext: ReactApplicationContext): List<ViewManager<*, *>> {
-        return listOf(KeyboardControllerViewManager(reactContext))
-    }
+  override fun createViewManagers(reactContext: ReactApplicationContext): List<ViewManager<*, *>> {
+    return listOf(KeyboardControllerViewManager(reactContext))
+  }
 }

package/android/src/main/java/com/reactnativekeyboardcontroller/KeyboardControllerViewManager.kt

@@ -1,7 +1,9 @@
 package com.reactnativekeyboardcontroller
 
 import androidx.appcompat.widget.FitWindowsLinearLayout
-import androidx.core.view.*
+import androidx.core.view.ViewCompat
+import androidx.core.view.WindowInsetsAnimationCompat
+import androidx.core.view.WindowInsetsCompat
 import com.facebook.react.bridge.ReactApplicationContext
 import com.facebook.react.common.MapBuilder
 import com.facebook.react.uimanager.ThemedReactContext
@@ -18,6 +20,8 @@ class KeyboardControllerViewManager(reactContext: ReactApplicationContext) : Rea
 
   override fun createViewInstance(reactContext: ThemedReactContext): ReactViewGroup {
     val view = EdgeToEdgeReactViewGroup(reactContext)
+    val window = mReactContext.currentActivity!!.window
+    val decorView = window.decorView
 
     ViewCompat.setOnApplyWindowInsetsListener(view) { v, insets ->
       val content =
@@ -33,7 +37,7 @@ class KeyboardControllerViewManager(reactContext: ReactApplicationContext) : Rea
     }
 
     ViewCompat.setWindowInsetsAnimationCallback(
-      reactContext.currentActivity!!.window!!.decorView,
+      decorView,
       TranslateDeferringInsetsAnimationCallback(
         view = view,
         persistentInsetTypes = WindowInsetsCompat.Type.systemBars(),

package/android/src/main/java/com/reactnativekeyboardcontroller/StatusBarManagerCompatModule.kt

@@ -0,0 +1,81 @@
+package com.reactnativekeyboardcontroller
+
+import android.animation.ArgbEvaluator
+import android.animation.ValueAnimator
+import android.os.Build
+import androidx.annotation.RequiresApi
+import androidx.core.view.WindowInsetsCompat
+import androidx.core.view.WindowInsetsControllerCompat
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.bridge.ReactContextBaseJavaModule
+import com.facebook.react.bridge.ReactMethod
+import com.facebook.react.bridge.UiThreadUtil
+
+class StatusBarManagerCompatModule(private val mReactContext: ReactApplicationContext) : ReactContextBaseJavaModule(mReactContext) {
+  private var controller: WindowInsetsControllerCompat? = null
+
+  override fun getName(): String = "StatusBarManagerCompat"
+
+  @ReactMethod
+  private fun setHidden(hidden: Boolean) {
+    UiThreadUtil.runOnUiThread {
+      if (hidden) {
+        getController()?.hide(WindowInsetsCompat.Type.statusBars())
+      } else {
+        getController()?.show(WindowInsetsCompat.Type.statusBars())
+      }
+    }
+  }
+
+  @RequiresApi(Build.VERSION_CODES.LOLLIPOP)
+  @ReactMethod
+  private fun setColor(color: Int, animated: Boolean) {
+    UiThreadUtil.runOnUiThread {
+      val window = mReactContext.currentActivity!!.window
+
+      if (animated) {
+        val curColor: Int = window.statusBarColor
+        val colorAnimation = ValueAnimator.ofObject(ArgbEvaluator(), curColor, color)
+        colorAnimation.addUpdateListener { animator ->
+          window.statusBarColor = animator.animatedValue as Int
+        }
+        colorAnimation.setDuration(300).startDelay = 0
+        colorAnimation.start()
+      } else {
+        window.statusBarColor = color
+      }
+    }
+  }
+
+  @ReactMethod
+  private fun setTranslucent(translucent: Boolean) {
+    // the status bar is translucent by default (once you wrapped App in Provider,
+    // and EdgeToEdgeReactViewGroup has been mounted and called
+    // `setDecorFitsSystemWindows(window, false)`. By default this library applies default padding
+    // which equal to StatusBar height, so it will have a default RN app behavior. Though once you
+    // need to set StatusBar as translucent, you will need to use `statusBarTranslucent` prop on
+    // `KeyboardProvider` (it will preventing of applying additional padding, and status bar will be
+    // translucent. Though it's important to note, that this value is not reactive (i. e. if you change
+    // `statusBarTranslucent` in runtime it will not have any effect. Just theoretically I could make
+    // it reactive, but I know, that most of apps or don't use StatusBar translucency at all or they are
+    // specifying it for entire app, so I don't see a lot of sense to make it reactive as of now. If your
+    // app requires to dynamically manage it - just shoot an issue and I will try to add a support fot that.
+  }
+
+  @ReactMethod
+  private fun setStyle(style: String) {
+    UiThreadUtil.runOnUiThread {
+      getController()?.isAppearanceLightStatusBars = style == "dark-content"
+    }
+  }
+
+  private fun getController(): WindowInsetsControllerCompat? {
+    if (this.controller == null) {
+      val window = mReactContext.currentActivity!!.window
+
+      this.controller = WindowInsetsControllerCompat(window, window.decorView)
+    }
+
+    return this.controller
+  }
+}

package/android/src/main/java/com/reactnativekeyboardcontroller/TranslateDeferringInsetsAnimationCallback.kt

@@ -61,10 +61,10 @@ class TranslateDeferringInsetsAnimationCallback(
   private var persistentKeyboardHeight = 0
 
   init {
-      require(persistentInsetTypes and deferredInsetTypes == 0) {
-          "persistentInsetTypes and deferredInsetTypes can not contain any of " +
-                  " same WindowInsetsCompat.Type values"
-      }
+    require(persistentInsetTypes and deferredInsetTypes == 0) {
+      "persistentInsetTypes and deferredInsetTypes can not contain any of " +
+        " same WindowInsetsCompat.Type values"
+    }
   }
 
   override fun onStart(
@@ -81,9 +81,9 @@ class TranslateDeferringInsetsAnimationCallback(
 
     val params: WritableMap = Arguments.createMap()
     params.putInt("height", keyboardHeight)
-    context?.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter::class.java)?.emit("KeyboardController::" + if(!isKeyboardVisible) "keyboardWillHide" else "keyboardWillShow", params)
+    context?.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter::class.java)?.emit("KeyboardController::" + if (!isKeyboardVisible) "keyboardWillHide" else "keyboardWillShow", params)
 
-    Log.i(TAG, "KeyboardController::" + if(!isKeyboardVisible) "keyboardWillHide" else "keyboardWillShow")
+    Log.i(TAG, "KeyboardController::" + if (!isKeyboardVisible) "keyboardWillHide" else "keyboardWillShow")
     Log.i(TAG, "HEIGHT:: $keyboardHeight")
 
     return super.onStart(animation, bounds)
@@ -95,9 +95,9 @@ class TranslateDeferringInsetsAnimationCallback(
     val isKeyboardVisible = isKeyboardVisible()
 
     val params: WritableMap = Arguments.createMap()
-    context?.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter::class.java)?.emit("KeyboardController::" + if(!isKeyboardVisible) "keyboardDidHide" else "keyboardDidShow", params)
+    context?.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter::class.java)?.emit("KeyboardController::" + if (!isKeyboardVisible) "keyboardDidHide" else "keyboardDidShow", params)
 
-    Log.i(TAG, "KeyboardController::" + if(!isKeyboardVisible) "keyboardDidHide" else "keyboardDidShow")
+    Log.i(TAG, "KeyboardController::" + if (!isKeyboardVisible) "keyboardDidHide" else "keyboardDidShow")
   }
 
   private fun isKeyboardVisible(): Boolean {
@@ -115,38 +115,38 @@ class TranslateDeferringInsetsAnimationCallback(
     return Math.max(toDp((keyboardHeight - navigationBar).toFloat(), context!!), 0)
   }
 
-    override fun onProgress(
-        insets: WindowInsetsCompat,
-        runningAnimations: List<WindowInsetsAnimationCompat>
-    ): WindowInsetsCompat {
-        // onProgress() is called when any of the running animations progress...
-
-        // First we get the insets which are potentially deferred
-        val typesInset = insets.getInsets(deferredInsetTypes)
-        // Then we get the persistent inset types which are applied as padding during layout
-        val otherInset = insets.getInsets(persistentInsetTypes)
-
-        // Now that we subtract the two insets, to calculate the difference. We also coerce
-        // the insets to be >= 0, to make sure we don't use negative insets.
-        val diff = Insets.subtract(typesInset, otherInset).let {
-            Insets.max(it, Insets.NONE)
-        }
-        val diffY = (diff.top - diff.bottom).toFloat()
-        val height = toDp(diffY, context!!)
-
-        var progress = 0.0
-        try {
-          progress = Math.abs((height.toDouble() / persistentKeyboardHeight))
-        } catch (e: ArithmeticException) {
-          // do nothing, send progress as 0
-        }
-        Log.i(TAG, "DiffY: $diffY $height")
-
-        context
-          .getNativeModule(UIManagerModule::class.java)
-          ?.eventDispatcher
-          ?.dispatchEvent(KeyboardTransitionEvent(view.id, height, progress))
-
-        return insets
+  override fun onProgress(
+    insets: WindowInsetsCompat,
+    runningAnimations: List<WindowInsetsAnimationCompat>
+  ): WindowInsetsCompat {
+    // onProgress() is called when any of the running animations progress...
+
+    // First we get the insets which are potentially deferred
+    val typesInset = insets.getInsets(deferredInsetTypes)
+    // Then we get the persistent inset types which are applied as padding during layout
+    val otherInset = insets.getInsets(persistentInsetTypes)
+
+    // Now that we subtract the two insets, to calculate the difference. We also coerce
+    // the insets to be >= 0, to make sure we don't use negative insets.
+    val diff = Insets.subtract(typesInset, otherInset).let {
+      Insets.max(it, Insets.NONE)
+    }
+    val diffY = (diff.top - diff.bottom).toFloat()
+    val height = toDp(diffY, context!!)
+
+    var progress = 0.0
+    try {
+      progress = Math.abs((height.toDouble() / persistentKeyboardHeight))
+    } catch (e: ArithmeticException) {
+      // do nothing, send progress as 0
     }
+    Log.i(TAG, "DiffY: $diffY $height")
+
+    context
+      .getNativeModule(UIManagerModule::class.java)
+      ?.eventDispatcher
+      ?.dispatchEvent(KeyboardTransitionEvent(view.id, height, progress))
+
+    return insets
+  }
 }

package/ios/.swift-version

@@ -0,0 +1 @@
+5.6

package/ios/.swiftformat

@@ -0,0 +1,5 @@
+--indent 2
+
+--disable redundantReturn
+
+--exclude Pods,Generated

package/ios/.swiftlint.yml

@@ -0,0 +1,5 @@
+disabled_rules:
+  - trailing_comma
+
+excluded:
+  - Pods

package/ios/KeyboardControllerModule.swift

@@ -6,15 +6,15 @@
 //  Copyright © 2022 Facebook. All rights reserved.
 //
 
+import AVFoundation
 import Foundation
 import UIKit
-import AVFoundation
 
 @objc(KeyboardController)
 class KeyboardController: RCTEventEmitter {
   public static var shared: KeyboardController?
   private var hasListeners = false
-    
+
   override class func requiresMainQueueSetup() -> Bool {
     return false
   }
@@ -25,29 +25,29 @@ class KeyboardController: RCTEventEmitter {
   }
 
   // Android stubs
-  @objc func setInputMode(_ mode: NSNumber!) {}
+  @objc func setInputMode(_: NSNumber!) {}
   @objc func setDefaultMode() {}
-    
-  @objc open override func supportedEvents() -> [String] {
+
+  @objc override open func supportedEvents() -> [String] {
     return [
-        "KeyboardController::keyboardWillShow",
-        "KeyboardController::keyboardDidShow",
-        "KeyboardController::keyboardWillHide",
-        "KeyboardController::keyboardDidHide"
+      "KeyboardController::keyboardWillShow",
+      "KeyboardController::keyboardDidShow",
+      "KeyboardController::keyboardWillHide",
+      "KeyboardController::keyboardDidHide",
     ]
   }
-    
-  @objc open override func startObserving() {
+
+  @objc override open func startObserving() {
     hasListeners = true
   }
-    
-  @objc open override func stopObserving() {
+
+  @objc override open func stopObserving() {
     hasListeners = false
   }
-    
-  @objc open override func sendEvent(withName name: String!, body: Any!) {
-    if (hasListeners) {
-        super.sendEvent(withName: name, body: body)
+
+  @objc override open func sendEvent(withName name: String!, body: Any!) {
+    if hasListeners {
+      super.sendEvent(withName: name, body: body)
     }
   }
 }

package/ios/KeyboardControllerViewManager.swift

@@ -5,74 +5,102 @@ class KeyboardControllerViewManager: RCTViewManager {
   }
 
   override func view() -> (KeyboardControllerView) {
-      return KeyboardControllerView(frame: CGRect.zero, eventDispatcher: self.bridge.eventDispatcher())
+    return KeyboardControllerView(frame: CGRect.zero, eventDispatcher: bridge.eventDispatcher())
   }
 }
 
-class KeyboardControllerView : UIView {
-    private var eventDispatcher: RCTEventDispatcherProtocol
-    @objc var onKeyboardMove: RCTDirectEventBlock?
-    
-    init(frame: CGRect, eventDispatcher: RCTEventDispatcherProtocol) {
-        self.eventDispatcher = eventDispatcher
-        super.init(frame: frame)
-    }
-    
-    required init?(coder: NSCoder) {
-        fatalError("init(coder:) has not been implemented")
-    }
-    
-    override func willMove(toWindow newWindow: UIWindow?) {
-        if (newWindow == nil) {
-            // Will be removed from a window
-            NotificationCenter.default.removeObserver(self)
-        }
-    }
-    
-    override func didMoveToWindow() {
-        if (self.window != nil) {
-            // Added to a window
-            NotificationCenter.default.addObserver(self, selector: #selector(keyboardWillDisappear), name: UIResponder.keyboardWillHideNotification, object: nil)
-            NotificationCenter.default.addObserver(self, selector: #selector(keyboardWillAppear), name: UIResponder.keyboardWillShowNotification, object: nil)
-            NotificationCenter.default.addObserver(self, selector: #selector(keyboardDidAppear), name: UIResponder.keyboardDidShowNotification, object: nil)
-            NotificationCenter.default.addObserver(self, selector: #selector(keyboardDidDisappear), name: UIResponder.keyboardDidHideNotification, object: nil)
-        }
-    }
+class KeyboardControllerView: UIView {
+  private var eventDispatcher: RCTEventDispatcherProtocol
+  @objc var onKeyboardMove: RCTDirectEventBlock?
 
-    @objc func keyboardWillAppear(_ notification: Notification) {
-        if let keyboardFrame: NSValue = notification.userInfo?[UIResponder.keyboardFrameEndUserInfoKey] as? NSValue {
-            let keyboardHeight = keyboardFrame.cgRectValue.size.height
+  init(frame: CGRect, eventDispatcher: RCTEventDispatcherProtocol) {
+    self.eventDispatcher = eventDispatcher
+    super.init(frame: frame)
+  }
 
-            self.eventDispatcher.send(KeyboardMoveEvent(reactTag: self.reactTag, height: -keyboardHeight as NSNumber, progress: 1))
+  @available(*, unavailable)
+  required init?(coder _: NSCoder) {
+    fatalError("init(coder:) has not been implemented")
+  }
 
-            var data = [AnyHashable: Any]()
-            data["height"] = keyboardHeight
-            KeyboardController.shared?.sendEvent(withName: "KeyboardController::keyboardWillShow", body: data)
-        }
+  override func willMove(toWindow newWindow: UIWindow?) {
+    if newWindow == nil {
+      // Will be removed from a window
+      // swiftlint:disable notification_center_detachment
+      NotificationCenter.default.removeObserver(self)
     }
+  }
 
-    @objc func keyboardWillDisappear() {
-        self.eventDispatcher.send(KeyboardMoveEvent(reactTag: self.reactTag, height: 0, progress: 0))
-        
-        var data = [AnyHashable: Any]()
-        data["height"] = 0
-        KeyboardController.shared?.sendEvent(withName: "KeyboardController::keyboardWillHide", body: data)
+  override func didMoveToWindow() {
+    if window != nil {
+      // Added to a window
+      NotificationCenter.default.addObserver(
+        self,
+        selector: #selector(keyboardWillDisappear),
+        name: UIResponder.keyboardWillHideNotification,
+        object: nil
+      )
+      NotificationCenter.default.addObserver(
+        self,
+        selector: #selector(keyboardWillAppear),
+        name: UIResponder.keyboardWillShowNotification,
+        object: nil
+      )
+      NotificationCenter.default.addObserver(
+        self,
+        selector: #selector(keyboardDidAppear),
+        name: UIResponder.keyboardDidShowNotification,
+        object: nil
+      )
+      NotificationCenter.default.addObserver(
+        self,
+        selector: #selector(keyboardDidDisappear),
+        name: UIResponder.keyboardDidHideNotification,
+        object: nil
+      )
     }
-    
-    @objc func keyboardDidAppear(_ notification: Notification) {
-        if let keyboardFrame: NSValue = notification.userInfo?[UIResponder.keyboardFrameEndUserInfoKey] as? NSValue {
-            let keyboardHeight = keyboardFrame.cgRectValue.size.height
-            
-            var data = [AnyHashable: Any]()
-            data["height"] = keyboardHeight
-            
-            KeyboardController.shared?.sendEvent(withName: "KeyboardController::keyboardDidShow", body: data)
-        }
+  }
+
+  @objc func keyboardWillAppear(_ notification: Notification) {
+    if let keyboardFrame: NSValue = notification.userInfo?[UIResponder.keyboardFrameEndUserInfoKey] as? NSValue {
+      let keyboardHeight = keyboardFrame.cgRectValue.size.height
+
+      eventDispatcher.send(
+        KeyboardMoveEvent(
+          viewTag: reactTag,
+          height: -keyboardHeight as NSNumber,
+          progress: 1
+        )
+      )
+
+      var data = [AnyHashable: Any]()
+      data["height"] = keyboardHeight
+      KeyboardController.shared?.sendEvent(withName: "KeyboardController::keyboardWillShow", body: data)
     }
-    
-    @objc func keyboardDidDisappear() {
-        var data = [AnyHashable: Any]()
-        data["height"] = 0
-        KeyboardController.shared?.sendEvent(withName: "KeyboardController::keyboardDidHide", body: data)
+  }
+
+  @objc func keyboardWillDisappear() {
+    eventDispatcher.send(KeyboardMoveEvent(viewTag: reactTag, height: 0, progress: 0))
+
+    var data = [AnyHashable: Any]()
+    data["height"] = 0
+    KeyboardController.shared?.sendEvent(withName: "KeyboardController::keyboardWillHide", body: data)
+  }
+
+  @objc func keyboardDidAppear(_ notification: Notification) {
+    if let keyboardFrame: NSValue = notification.userInfo?[UIResponder.keyboardFrameEndUserInfoKey] as? NSValue {
+      let keyboardHeight = keyboardFrame.cgRectValue.size.height
+
+      var data = [AnyHashable: Any]()
+      data["height"] = keyboardHeight
+
+      KeyboardController.shared?.sendEvent(withName: "KeyboardController::keyboardDidShow", body: data)
     }
+  }
+
+  @objc func keyboardDidDisappear() {
+    var data = [AnyHashable: Any]()
+    data["height"] = 0
+    KeyboardController.shared?.sendEvent(withName: "KeyboardController::keyboardDidHide", body: data)
+  }
 }

package/ios/KeyboardMoveEvent.swift

@@ -7,31 +7,35 @@
 //
 
 class KeyboardMoveEvent: NSObject, RCTEvent {
-    var viewTag: NSNumber!
-    var eventName: String = "onKeyboardMove"
-    var coalescingKey: UInt16 = 0
-    var height: NSNumber!
-    var progress: NSNumber!
-    
-    func canCoalesce() -> Bool {
-        return false
-    }
-    
-    func coalesce(with newEvent: RCTEvent!) -> RCTEvent! {
-        return newEvent
-    }
-    
-    static func moduleDotMethod() -> String! {
-        return "RCTEventEmitter.receiveEvent"
-    }
-    
-    func arguments() -> [Any]! {
-        return [self.viewTag, RCTNormalizeInputEventName(self.eventName), ["height": self.height, "progress": self.progress]]
-    }
-    
-    init(reactTag: NSNumber, height: NSNumber, progress: NSNumber) {
-        self.viewTag = reactTag
-        self.height = height
-        self.progress = progress
-    }
+  var viewTag: NSNumber!
+  var eventName: String = "onKeyboardMove"
+  var coalescingKey: UInt16 = 0
+  var height: NSNumber!
+  var progress: NSNumber!
+
+  func canCoalesce() -> Bool {
+    return false
+  }
+
+  func coalesce(with newEvent: RCTEvent!) -> RCTEvent! {
+    return newEvent
+  }
+
+  static func moduleDotMethod() -> String! {
+    return "RCTEventEmitter.receiveEvent"
+  }
+
+  func arguments() -> [Any]! {
+    return [
+      viewTag,
+      RCTNormalizeInputEventName(eventName),
+      ["height": height, "progress": progress],
+    ]
+  }
+
+  init(viewTag: NSNumber, height: NSNumber, progress: NSNumber) {
+    self.viewTag = viewTag
+    self.height = height
+    self.progress = progress
+  }
 }

package/lib/commonjs/animated.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useReanimatedKeyboardAnimation = exports.useKeyboardAnimation = exports.styles = exports.KeyboardProvider = void 0;
+exports.useReanimatedKeyboardAnimation = exports.useKeyboardAnimation = exports.styles = exports.KeyboardProvider = exports.KeyboardContext = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -36,6 +36,8 @@ const defaultContext = {
 
 const KeyboardContext = /*#__PURE__*/_react.default.createContext(defaultContext);
 
+exports.KeyboardContext = KeyboardContext;
+
 const useKeyboardAnimation = () => {
   (0, _native.useResizeMode)();
   const context = (0, _react.useContext)(KeyboardContext);
@@ -87,8 +89,8 @@ const KeyboardProvider = _ref => {
     children,
     statusBarTranslucent
   } = _ref;
-  const progress = (0, _react.useMemo)(() => new _reactNative.Animated.Value(0), []);
-  const height = (0, _react.useMemo)(() => new _reactNative.Animated.Value(0), []);
+  const progress = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const height = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
   const progressSV = (0, _reactNativeReanimated.useSharedValue)(0);
   const heightSV = (0, _reactNativeReanimated.useSharedValue)(0);
   const context = (0, _react.useMemo)(() => ({
@@ -101,6 +103,13 @@ const KeyboardProvider = _ref => {
       height: heightSV
     }
   }), []);
+  const style = (0, _react.useMemo)(() => [styles.hidden, {
+    transform: [{
+      translateX: height
+    }, {
+      translateY: progress
+    }]
+  }], []);
   const onKeyboardMove = (0, _react.useMemo)(() => _reactNative.Animated.event([{
     nativeEvent: {
       progress,
@@ -125,7 +134,7 @@ const KeyboardProvider = _ref => {
     statusBarTranslucent: statusBarTranslucent,
     style: styles.container
   }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
-    style: [// we are using this small hack, because if the component (where
+    // we are using this small hack, because if the component (where
     // animated value has been used) is unmounted, then animation will
     // stop receiving events (seems like it's react-native optimization).
     // So we need to keep a reference to the animated value, to keep it's
@@ -133,13 +142,7 @@ const KeyboardProvider = _ref => {
     //
     // To test why it's needed, try to open screen which consumes Animated.Value
     // then close it and open it again (for example 'Animated transition').
-    styles.hidden, {
-      transform: [{
-        translateX: height
-      }, {
-        translateY: progress
-      }]
-    }]
+    style: style
   }), children)));
 };
 

package/lib/commonjs/animated.js.map

@@ -1 +1 @@
-{"version":3,"sources":["animated.tsx"],"names":["KeyboardControllerViewAnimated","Reanimated","createAnimatedComponent","Animated","KeyboardControllerView","defaultContext","animated","progress","Value","height","reanimated","value","KeyboardContext","React","createContext","useKeyboardAnimation","context","useReanimatedKeyboardAnimation","useAnimatedKeyboardHandler","handlers","dependencies","doDependenciesDiffer","event","onKeyboardMove","eventName","endsWith","styles","StyleSheet","create","container","flex","hidden","display","position","KeyboardProvider","children","statusBarTranslucent","progressSV","heightSV","nativeEvent","useNativeDriver","handler","transform","translateX","translateY"],"mappings":"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","sourcesContent":["import React, { useContext, useMemo } from 'react';\nimport { Animated, StyleSheet, ViewStyle } from 'react-native';\nimport Reanimated, {\n  useEvent,\n  useHandler,\n  useSharedValue,\n} from 'react-native-reanimated';\nimport {\n  EventWithName,\n  KeyboardControllerProps,\n  KeyboardControllerView,\n  NativeEvent,\n  useResizeMode,\n} from './native';\n\nconst KeyboardControllerViewAnimated = Reanimated.createAnimatedComponent(\n  Animated.createAnimatedComponent(\n    KeyboardControllerView\n  ) as React.FC<KeyboardControllerProps>\n);\n\ntype AnimatedContext = {\n  progress: Animated.Value;\n  height: Animated.Value;\n};\ntype ReanimatedContext = {\n  progress: Reanimated.SharedValue<number>;\n  height: Reanimated.SharedValue<number>;\n};\ntype KeyboardAnimationContext = {\n  animated: AnimatedContext;\n  reanimated: ReanimatedContext;\n};\nconst defaultContext: KeyboardAnimationContext = {\n  animated: {\n    progress: new Animated.Value(0),\n    height: new Animated.Value(0),\n  },\n  reanimated: {\n    progress: { value: 0 },\n    height: { value: 0 },\n  },\n};\nconst KeyboardContext = React.createContext(defaultContext);\n\nexport const useKeyboardAnimation = (): AnimatedContext => {\n  useResizeMode();\n  const context = useContext(KeyboardContext);\n\n  return context.animated;\n};\n\nexport const useReanimatedKeyboardAnimation = (): ReanimatedContext => {\n  useResizeMode();\n  const context = useContext(KeyboardContext);\n\n  return context.reanimated;\n};\n\nfunction useAnimatedKeyboardHandler<TContext extends Record<string, unknown>>(\n  handlers: {\n    onKeyboardMove?: (e: NativeEvent, context: TContext) => void;\n  },\n  dependencies?: ReadonlyArray<unknown>\n) {\n  const { context, doDependenciesDiffer } = useHandler(handlers, dependencies);\n\n  return useEvent(\n    (event: EventWithName<NativeEvent>) => {\n      'worklet';\n      const { onKeyboardMove } = handlers;\n\n      if (onKeyboardMove && event.eventName.endsWith('onKeyboardMove')) {\n        onKeyboardMove(event, context);\n      }\n    },\n    ['onKeyboardMove'],\n    doDependenciesDiffer\n  );\n}\n\ntype Styles = {\n  container: ViewStyle;\n  hidden: ViewStyle;\n};\n\nexport const styles = StyleSheet.create<Styles>({\n  container: {\n    flex: 1,\n  },\n  hidden: {\n    display: 'none',\n    position: 'absolute',\n  },\n});\n\ntype KeyboardProviderProps = {\n  children: React.ReactNode;\n  /**\n   * Set the value to `true`, if you use translucent status bar on Android.\n   * If you already control status bar translucency via `react-native-screens`\n   * or `StatusBar` component from `react-native`, you can ignore it.\n   * Defaults to `false`.\n   *\n   * @see https://github.com/kirillzyusko/react-native-keyboard-controller/issues/14\n   * @platform android\n   */\n  statusBarTranslucent?: boolean;\n};\n\nexport const KeyboardProvider = ({\n  children,\n  statusBarTranslucent,\n}: KeyboardProviderProps) => {\n  const progress = useMemo(() => new Animated.Value(0), []);\n  const height = useMemo(() => new Animated.Value(0), []);\n  const progressSV = useSharedValue(0);\n  const heightSV = useSharedValue(0);\n  const context = useMemo(\n    () => ({\n      animated: { progress: progress, height: height },\n      reanimated: { progress: progressSV, height: heightSV },\n    }),\n    []\n  );\n\n  const onKeyboardMove = useMemo(\n    () =>\n      Animated.event(\n        [\n          {\n            nativeEvent: {\n              progress,\n              height,\n            },\n          },\n        ],\n        { useNativeDriver: true }\n      ),\n    []\n  );\n\n  const handler = useAnimatedKeyboardHandler(\n    {\n      onKeyboardMove: (event: NativeEvent) => {\n        'worklet';\n        progressSV.value = event.progress;\n        heightSV.value = event.height;\n      },\n    },\n    []\n  );\n\n  return (\n    <KeyboardContext.Provider value={context}>\n      <KeyboardControllerViewAnimated\n        onKeyboardMoveReanimated={handler}\n        onKeyboardMove={onKeyboardMove}\n        statusBarTranslucent={statusBarTranslucent}\n        style={styles.container}\n      >\n        <>\n          <Animated.View\n            style={[\n              // we are using this small hack, because if the component (where\n              // animated value has been used) is unmounted, then animation will\n              // stop receiving events (seems like it's react-native optimization).\n              // So we need to keep a reference to the animated value, to keep it's\n              // always mounted (keep a reference to an animated value).\n              //\n              // To test why it's needed, try to open screen which consumes Animated.Value\n              // then close it and open it again (for example 'Animated transition').\n              styles.hidden,\n              { transform: [{ translateX: height }, { translateY: progress }] },\n            ]}\n          />\n          {children}\n        </>\n      </KeyboardControllerViewAnimated>\n    </KeyboardContext.Provider>\n  );\n};\n"]}
+{"version":3,"sources":["animated.tsx"],"names":["KeyboardControllerViewAnimated","Reanimated","createAnimatedComponent","Animated","KeyboardControllerView","defaultContext","animated","progress","Value","height","reanimated","value","KeyboardContext","React","createContext","useKeyboardAnimation","context","useReanimatedKeyboardAnimation","useAnimatedKeyboardHandler","handlers","dependencies","doDependenciesDiffer","event","onKeyboardMove","eventName","endsWith","styles","StyleSheet","create","container","flex","hidden","display","position","KeyboardProvider","children","statusBarTranslucent","current","progressSV","heightSV","style","transform","translateX","translateY","nativeEvent","useNativeDriver","handler"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAKA;;;;;;AAQA,MAAMA,8BAA8B,GAAGC,+BAAWC,uBAAX,CACrCC,sBAASD,uBAAT,CACEE,8BADF,CADqC,CAAvC;;AAkBA,MAAMC,cAAwC,GAAG;AAC/CC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,QAAQ,EAAE,IAAIJ,sBAASK,KAAb,CAAmB,CAAnB,CADF;AAERC,IAAAA,MAAM,EAAE,IAAIN,sBAASK,KAAb,CAAmB,CAAnB;AAFA,GADqC;AAK/CE,EAAAA,UAAU,EAAE;AACVH,IAAAA,QAAQ,EAAE;AAAEI,MAAAA,KAAK,EAAE;AAAT,KADA;AAEVF,IAAAA,MAAM,EAAE;AAAEE,MAAAA,KAAK,EAAE;AAAT;AAFE;AALmC,CAAjD;;AAUO,MAAMC,eAAe,gBAAGC,eAAMC,aAAN,CAAoBT,cAApB,CAAxB;;;;AAEA,MAAMU,oBAAoB,GAAG,MAAuB;AACzD;AACA,QAAMC,OAAO,GAAG,uBAAWJ,eAAX,CAAhB;AAEA,SAAOI,OAAO,CAACV,QAAf;AACD,CALM;;;;AAOA,MAAMW,8BAA8B,GAAG,MAAyB;AACrE;AACA,QAAMD,OAAO,GAAG,uBAAWJ,eAAX,CAAhB;AAEA,SAAOI,OAAO,CAACN,UAAf;AACD,CALM;;;;AAOP,SAASQ,0BAAT,CACEC,QADF,EAIEC,YAJF,EAKE;AACA,QAAM;AAAEJ,IAAAA,OAAF;AAAWK,IAAAA;AAAX,MAAoC,uCAAWF,QAAX,EAAqBC,YAArB,CAA1C;AAEA,SAAO,qCACJE,KAAD,IAAuC;AACrC;;AACA,UAAM;AAAEC,MAAAA;AAAF,QAAqBJ,QAA3B;;AAEA,QAAII,cAAc,IAAID,KAAK,CAACE,SAAN,CAAgBC,QAAhB,CAAyB,gBAAzB,CAAtB,EAAkE;AAChEF,MAAAA,cAAc,CAACD,KAAD,EAAQN,OAAR,CAAd;AACD;AACF,GARI,EASL,CAAC,gBAAD,CATK,EAULK,oBAVK,CAAP;AAYD;;AAOM,MAAMK,MAAM,GAAGC,wBAAWC,MAAX,CAA0B;AAC9CC,EAAAA,SAAS,EAAE;AACTC,IAAAA,IAAI,EAAE;AADG,GADmC;AAI9CC,EAAAA,MAAM,EAAE;AACNC,IAAAA,OAAO,EAAE,MADH;AAENC,IAAAA,QAAQ,EAAE;AAFJ;AAJsC,CAA1B,CAAf;;;;AAwBA,MAAMC,gBAAgB,GAAG,QAGH;AAAA,MAHI;AAC/BC,IAAAA,QAD+B;AAE/BC,IAAAA;AAF+B,GAGJ;AAC3B,QAAM7B,QAAQ,GAAG,mBAAO,IAAIJ,sBAASK,KAAb,CAAmB,CAAnB,CAAP,EAA8B6B,OAA/C;AACA,QAAM5B,MAAM,GAAG,mBAAO,IAAIN,sBAASK,KAAb,CAAmB,CAAnB,CAAP,EAA8B6B,OAA7C;AACA,QAAMC,UAAU,GAAG,2CAAe,CAAf,CAAnB;AACA,QAAMC,QAAQ,GAAG,2CAAe,CAAf,CAAjB;AACA,QAAMvB,OAAO,GAAG,oBACd,OAAO;AACLV,IAAAA,QAAQ,EAAE;AAAEC,MAAAA,QAAQ,EAAEA,QAAZ;AAAsBE,MAAAA,MAAM,EAAEA;AAA9B,KADL;AAELC,IAAAA,UAAU,EAAE;AAAEH,MAAAA,QAAQ,EAAE+B,UAAZ;AAAwB7B,MAAAA,MAAM,EAAE8B;AAAhC;AAFP,GAAP,CADc,EAKd,EALc,CAAhB;AAOA,QAAMC,KAAK,GAAG,oBACZ,MAAM,CACJd,MAAM,CAACK,MADH,EAEJ;AAAEU,IAAAA,SAAS,EAAE,CAAC;AAAEC,MAAAA,UAAU,EAAEjC;AAAd,KAAD,EAAyB;AAAEkC,MAAAA,UAAU,EAAEpC;AAAd,KAAzB;AAAb,GAFI,CADM,EAKZ,EALY,CAAd;AAQA,QAAMgB,cAAc,GAAG,oBACrB,MACEpB,sBAASmB,KAAT,CACE,CACE;AACEsB,IAAAA,WAAW,EAAE;AACXrC,MAAAA,QADW;AAEXE,MAAAA;AAFW;AADf,GADF,CADF,EASE;AAAEoC,IAAAA,eAAe,EAAE;AAAnB,GATF,CAFmB,EAarB,EAbqB,CAAvB;AAgBA,QAAMC,OAAO,GAAG5B,0BAA0B,CACxC;AACEK,IAAAA,cAAc,EAAGD,KAAD,IAAwB;AACtC;;AACAgB,MAAAA,UAAU,CAAC3B,KAAX,GAAmBW,KAAK,CAACf,QAAzB;AACAgC,MAAAA,QAAQ,CAAC5B,KAAT,GAAiBW,KAAK,CAACb,MAAvB;AACD;AALH,GADwC,EAQxC,EARwC,CAA1C;AAWA,sBACE,6BAAC,eAAD,CAAiB,QAAjB;AAA0B,IAAA,KAAK,EAAEO;AAAjC,kBACE,6BAAC,8BAAD;AACE,IAAA,wBAAwB,EAAE8B,OAD5B;AAEE,IAAA,cAAc,EAAEvB,cAFlB;AAGE,IAAA,oBAAoB,EAAEa,oBAHxB;AAIE,IAAA,KAAK,EAAEV,MAAM,CAACG;AAJhB,kBAME,yEACE,6BAAC,qBAAD,CAAU,IAAV;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAA,KAAK,EAAEW;AATT,IADF,EAYGL,QAZH,CANF,CADF,CADF;AAyBD,CA3EM","sourcesContent":["import React, { useContext, useMemo, useRef } from 'react';\nimport { Animated, StyleSheet, ViewStyle } from 'react-native';\nimport Reanimated, {\n  useEvent,\n  useHandler,\n  useSharedValue,\n} from 'react-native-reanimated';\nimport {\n  EventWithName,\n  KeyboardControllerProps,\n  KeyboardControllerView,\n  NativeEvent,\n  useResizeMode,\n} from './native';\n\nconst KeyboardControllerViewAnimated = Reanimated.createAnimatedComponent(\n  Animated.createAnimatedComponent(\n    KeyboardControllerView\n  ) as React.FC<KeyboardControllerProps>\n);\n\ntype AnimatedContext = {\n  progress: Animated.Value;\n  height: Animated.Value;\n};\ntype ReanimatedContext = {\n  progress: Reanimated.SharedValue<number>;\n  height: Reanimated.SharedValue<number>;\n};\ntype KeyboardAnimationContext = {\n  animated: AnimatedContext;\n  reanimated: ReanimatedContext;\n};\nconst defaultContext: KeyboardAnimationContext = {\n  animated: {\n    progress: new Animated.Value(0),\n    height: new Animated.Value(0),\n  },\n  reanimated: {\n    progress: { value: 0 },\n    height: { value: 0 },\n  },\n};\nexport const KeyboardContext = React.createContext(defaultContext);\n\nexport const useKeyboardAnimation = (): AnimatedContext => {\n  useResizeMode();\n  const context = useContext(KeyboardContext);\n\n  return context.animated;\n};\n\nexport const useReanimatedKeyboardAnimation = (): ReanimatedContext => {\n  useResizeMode();\n  const context = useContext(KeyboardContext);\n\n  return context.reanimated;\n};\n\nfunction useAnimatedKeyboardHandler<TContext extends Record<string, unknown>>(\n  handlers: {\n    onKeyboardMove?: (e: NativeEvent, context: TContext) => void;\n  },\n  dependencies?: ReadonlyArray<unknown>\n) {\n  const { context, doDependenciesDiffer } = useHandler(handlers, dependencies);\n\n  return useEvent(\n    (event: EventWithName<NativeEvent>) => {\n      'worklet';\n      const { onKeyboardMove } = handlers;\n\n      if (onKeyboardMove && event.eventName.endsWith('onKeyboardMove')) {\n        onKeyboardMove(event, context);\n      }\n    },\n    ['onKeyboardMove'],\n    doDependenciesDiffer\n  );\n}\n\ntype Styles = {\n  container: ViewStyle;\n  hidden: ViewStyle;\n};\n\nexport const styles = StyleSheet.create<Styles>({\n  container: {\n    flex: 1,\n  },\n  hidden: {\n    display: 'none',\n    position: 'absolute',\n  },\n});\n\ntype KeyboardProviderProps = {\n  children: React.ReactNode;\n  /**\n   * Set the value to `true`, if you use translucent status bar on Android.\n   * If you already control status bar translucency via `react-native-screens`\n   * or `StatusBar` component from `react-native`, you can ignore it.\n   * Defaults to `false`.\n   *\n   * @see https://github.com/kirillzyusko/react-native-keyboard-controller/issues/14\n   * @platform android\n   */\n  statusBarTranslucent?: boolean;\n};\n\nexport const KeyboardProvider = ({\n  children,\n  statusBarTranslucent,\n}: KeyboardProviderProps) => {\n  const progress = useRef(new Animated.Value(0)).current;\n  const height = useRef(new Animated.Value(0)).current;\n  const progressSV = useSharedValue(0);\n  const heightSV = useSharedValue(0);\n  const context = useMemo(\n    () => ({\n      animated: { progress: progress, height: height },\n      reanimated: { progress: progressSV, height: heightSV },\n    }),\n    []\n  );\n  const style = useMemo(\n    () => [\n      styles.hidden,\n      { transform: [{ translateX: height }, { translateY: progress }] },\n    ],\n    []\n  );\n\n  const onKeyboardMove = useMemo(\n    () =>\n      Animated.event(\n        [\n          {\n            nativeEvent: {\n              progress,\n              height,\n            },\n          },\n        ],\n        { useNativeDriver: true }\n      ),\n    []\n  );\n\n  const handler = useAnimatedKeyboardHandler(\n    {\n      onKeyboardMove: (event: NativeEvent) => {\n        'worklet';\n        progressSV.value = event.progress;\n        heightSV.value = event.height;\n      },\n    },\n    []\n  );\n\n  return (\n    <KeyboardContext.Provider value={context}>\n      <KeyboardControllerViewAnimated\n        onKeyboardMoveReanimated={handler}\n        onKeyboardMove={onKeyboardMove}\n        statusBarTranslucent={statusBarTranslucent}\n        style={styles.container}\n      >\n        <>\n          <Animated.View\n            // we are using this small hack, because if the component (where\n            // animated value has been used) is unmounted, then animation will\n            // stop receiving events (seems like it's react-native optimization).\n            // So we need to keep a reference to the animated value, to keep it's\n            // always mounted (keep a reference to an animated value).\n            //\n            // To test why it's needed, try to open screen which consumes Animated.Value\n            // then close it and open it again (for example 'Animated transition').\n            style={style}\n          />\n          {children}\n        </>\n      </KeyboardControllerViewAnimated>\n    </KeyboardContext.Provider>\n  );\n};\n"]}

package/lib/commonjs/index.js

@@ -4,6 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
+require("./monkey-patch");
+
 var _native = require("./native");
 
 Object.keys(_native).forEach(function (key) {

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './native';\nexport * from './animated';\nexport * from './replicas';\n"]}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAEA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["import './monkey-patch';\n\nexport * from './native';\nexport * from './animated';\nexport * from './replicas';\n"]}

package/lib/commonjs/monkey-patch.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _reactNative = require("react-native");
+
+var NativeAndroidManager = _interopRequireWildcard(require("react-native/Libraries/Components/StatusBar/NativeStatusBarManagerAndroid"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+// @ts-expect-error because there is no corresponding type definition
+const getConstants = NativeAndroidManager.default.getConstants;
+const RCTStatusBarManagerCompat = _reactNative.NativeModules.StatusBarManagerCompat; // On Android < 11 RN uses legacy API which breaks EdgeToEdge mode in RN, so
+// in order to use library on all available platforms we have to monkey patch
+// default RN implementation and use modern `WindowInsetsControllerCompat`.
+
+if (_reactNative.Platform.OS === 'android') {
+  NativeAndroidManager.default = {
+    getConstants,
+
+    setColor(color, animated) {
+      RCTStatusBarManagerCompat.setColor(color, animated);
+    },
+
+    setTranslucent(translucent) {
+      RCTStatusBarManagerCompat.setTranslucent(translucent);
+    },
+
+    /**
+     *  - statusBarStyles can be:
+     *    - 'default'
+     *    - 'dark-content'
+     */
+    setStyle(statusBarStyle) {
+      RCTStatusBarManagerCompat.setStyle(statusBarStyle);
+    },
+
+    setHidden(hidden) {
+      RCTStatusBarManagerCompat.setHidden(hidden);
+    }
+
+  };
+}
+//# sourceMappingURL=monkey-patch.js.map

package/lib/commonjs/monkey-patch.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["monkey-patch.tsx"],"names":["getConstants","NativeAndroidManager","default","RCTStatusBarManagerCompat","NativeModules","StatusBarManagerCompat","Platform","OS","setColor","color","animated","setTranslucent","translucent","setStyle","statusBarStyle","setHidden","hidden"],"mappings":";;AAAA;;AAEA;;;;;;AADA;AAGA,MAAMA,YAAY,GAAGC,oBAAoB,CAACC,OAArB,CAA6BF,YAAlD;AAEA,MAAMG,yBAAyB,GAAGC,2BAAcC,sBAAhD,C,CAEA;AACA;AACA;;AACA,IAAIC,sBAASC,EAAT,KAAgB,SAApB,EAA+B;AAC7BN,EAAAA,oBAAoB,CAACC,OAArB,GAA+B;AAC7BF,IAAAA,YAD6B;;AAE7BQ,IAAAA,QAAQ,CAACC,KAAD,EAAgBC,QAAhB,EAAyC;AAC/CP,MAAAA,yBAAyB,CAACK,QAA1B,CAAmCC,KAAnC,EAA0CC,QAA1C;AACD,KAJ4B;;AAM7BC,IAAAA,cAAc,CAACC,WAAD,EAA6B;AACzCT,MAAAA,yBAAyB,CAACQ,cAA1B,CAAyCC,WAAzC;AACD,KAR4B;;AAU7B;AACJ;AACA;AACA;AACA;AACIC,IAAAA,QAAQ,CAACC,cAAD,EAAgC;AACtCX,MAAAA,yBAAyB,CAACU,QAA1B,CAAmCC,cAAnC;AACD,KAjB4B;;AAmB7BC,IAAAA,SAAS,CAACC,MAAD,EAAwB;AAC/Bb,MAAAA,yBAAyB,CAACY,SAA1B,CAAoCC,MAApC;AACD;;AArB4B,GAA/B;AAuBD","sourcesContent":["import { NativeModules, Platform } from 'react-native';\n// @ts-expect-error because there is no corresponding type definition\nimport * as NativeAndroidManager from 'react-native/Libraries/Components/StatusBar/NativeStatusBarManagerAndroid';\n\nconst getConstants = NativeAndroidManager.default.getConstants;\n\nconst RCTStatusBarManagerCompat = NativeModules.StatusBarManagerCompat;\n\n// On Android < 11 RN uses legacy API which breaks EdgeToEdge mode in RN, so\n// in order to use library on all available platforms we have to monkey patch\n// default RN implementation and use modern `WindowInsetsControllerCompat`.\nif (Platform.OS === 'android') {\n  NativeAndroidManager.default = {\n    getConstants,\n    setColor(color: number, animated: boolean): void {\n      RCTStatusBarManagerCompat.setColor(color, animated);\n    },\n\n    setTranslucent(translucent: boolean): void {\n      RCTStatusBarManagerCompat.setTranslucent(translucent);\n    },\n\n    /**\n     *  - statusBarStyles can be:\n     *    - 'default'\n     *    - 'dark-content'\n     */\n    setStyle(statusBarStyle?: string): void {\n      RCTStatusBarManagerCompat.setStyle(statusBarStyle);\n    },\n\n    setHidden(hidden: boolean): void {\n      RCTStatusBarManagerCompat.setHidden(hidden);\n    },\n  };\n}\n"]}

package/lib/module/animated.js

@@ -1,4 +1,4 @@
-import React, { useContext, useMemo } from 'react';
+import React, { useContext, useMemo, useRef } from 'react';
 import { Animated, StyleSheet } from 'react-native';
 import Reanimated, { useEvent, useHandler, useSharedValue } from 'react-native-reanimated';
 import { KeyboardControllerView, useResizeMode } from './native';
@@ -17,7 +17,7 @@ const defaultContext = {
     }
   }
 };
-const KeyboardContext = /*#__PURE__*/React.createContext(defaultContext);
+export const KeyboardContext = /*#__PURE__*/React.createContext(defaultContext);
 export const useKeyboardAnimation = () => {
   useResizeMode();
   const context = useContext(KeyboardContext);
@@ -61,8 +61,8 @@ export const KeyboardProvider = _ref => {
     children,
     statusBarTranslucent
   } = _ref;
-  const progress = useMemo(() => new Animated.Value(0), []);
-  const height = useMemo(() => new Animated.Value(0), []);
+  const progress = useRef(new Animated.Value(0)).current;
+  const height = useRef(new Animated.Value(0)).current;
   const progressSV = useSharedValue(0);
   const heightSV = useSharedValue(0);
   const context = useMemo(() => ({
@@ -75,6 +75,13 @@ export const KeyboardProvider = _ref => {
       height: heightSV
     }
   }), []);
+  const style = useMemo(() => [styles.hidden, {
+    transform: [{
+      translateX: height
+    }, {
+      translateY: progress
+    }]
+  }], []);
   const onKeyboardMove = useMemo(() => Animated.event([{
     nativeEvent: {
       progress,
@@ -99,7 +106,7 @@ export const KeyboardProvider = _ref => {
     statusBarTranslucent: statusBarTranslucent,
     style: styles.container
   }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Animated.View, {
-    style: [// we are using this small hack, because if the component (where
+    // we are using this small hack, because if the component (where
     // animated value has been used) is unmounted, then animation will
     // stop receiving events (seems like it's react-native optimization).
     // So we need to keep a reference to the animated value, to keep it's
@@ -107,13 +114,7 @@ export const KeyboardProvider = _ref => {
     //
     // To test why it's needed, try to open screen which consumes Animated.Value
     // then close it and open it again (for example 'Animated transition').
-    styles.hidden, {
-      transform: [{
-        translateX: height
-      }, {
-        translateY: progress
-      }]
-    }]
+    style: style
   }), children)));
 };
 //# sourceMappingURL=animated.js.map

package/lib/module/animated.js.map

@@ -1 +1 @@
-{"version":3,"sources":["animated.tsx"],"names":["React","useContext","useMemo","Animated","StyleSheet","Reanimated","useEvent","useHandler","useSharedValue","KeyboardControllerView","useResizeMode","KeyboardControllerViewAnimated","createAnimatedComponent","defaultContext","animated","progress","Value","height","reanimated","value","KeyboardContext","createContext","useKeyboardAnimation","context","useReanimatedKeyboardAnimation","useAnimatedKeyboardHandler","handlers","dependencies","doDependenciesDiffer","event","onKeyboardMove","eventName","endsWith","styles","create","container","flex","hidden","display","position","KeyboardProvider","children","statusBarTranslucent","progressSV","heightSV","nativeEvent","useNativeDriver","handler","transform","translateX","translateY"],"mappings":"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","sourcesContent":["import React, { useContext, useMemo } from 'react';\nimport { Animated, StyleSheet, ViewStyle } from 'react-native';\nimport Reanimated, {\n  useEvent,\n  useHandler,\n  useSharedValue,\n} from 'react-native-reanimated';\nimport {\n  EventWithName,\n  KeyboardControllerProps,\n  KeyboardControllerView,\n  NativeEvent,\n  useResizeMode,\n} from './native';\n\nconst KeyboardControllerViewAnimated = Reanimated.createAnimatedComponent(\n  Animated.createAnimatedComponent(\n    KeyboardControllerView\n  ) as React.FC<KeyboardControllerProps>\n);\n\ntype AnimatedContext = {\n  progress: Animated.Value;\n  height: Animated.Value;\n};\ntype ReanimatedContext = {\n  progress: Reanimated.SharedValue<number>;\n  height: Reanimated.SharedValue<number>;\n};\ntype KeyboardAnimationContext = {\n  animated: AnimatedContext;\n  reanimated: ReanimatedContext;\n};\nconst defaultContext: KeyboardAnimationContext = {\n  animated: {\n    progress: new Animated.Value(0),\n    height: new Animated.Value(0),\n  },\n  reanimated: {\n    progress: { value: 0 },\n    height: { value: 0 },\n  },\n};\nconst KeyboardContext = React.createContext(defaultContext);\n\nexport const useKeyboardAnimation = (): AnimatedContext => {\n  useResizeMode();\n  const context = useContext(KeyboardContext);\n\n  return context.animated;\n};\n\nexport const useReanimatedKeyboardAnimation = (): ReanimatedContext => {\n  useResizeMode();\n  const context = useContext(KeyboardContext);\n\n  return context.reanimated;\n};\n\nfunction useAnimatedKeyboardHandler<TContext extends Record<string, unknown>>(\n  handlers: {\n    onKeyboardMove?: (e: NativeEvent, context: TContext) => void;\n  },\n  dependencies?: ReadonlyArray<unknown>\n) {\n  const { context, doDependenciesDiffer } = useHandler(handlers, dependencies);\n\n  return useEvent(\n    (event: EventWithName<NativeEvent>) => {\n      'worklet';\n      const { onKeyboardMove } = handlers;\n\n      if (onKeyboardMove && event.eventName.endsWith('onKeyboardMove')) {\n        onKeyboardMove(event, context);\n      }\n    },\n    ['onKeyboardMove'],\n    doDependenciesDiffer\n  );\n}\n\ntype Styles = {\n  container: ViewStyle;\n  hidden: ViewStyle;\n};\n\nexport const styles = StyleSheet.create<Styles>({\n  container: {\n    flex: 1,\n  },\n  hidden: {\n    display: 'none',\n    position: 'absolute',\n  },\n});\n\ntype KeyboardProviderProps = {\n  children: React.ReactNode;\n  /**\n   * Set the value to `true`, if you use translucent status bar on Android.\n   * If you already control status bar translucency via `react-native-screens`\n   * or `StatusBar` component from `react-native`, you can ignore it.\n   * Defaults to `false`.\n   *\n   * @see https://github.com/kirillzyusko/react-native-keyboard-controller/issues/14\n   * @platform android\n   */\n  statusBarTranslucent?: boolean;\n};\n\nexport const KeyboardProvider = ({\n  children,\n  statusBarTranslucent,\n}: KeyboardProviderProps) => {\n  const progress = useMemo(() => new Animated.Value(0), []);\n  const height = useMemo(() => new Animated.Value(0), []);\n  const progressSV = useSharedValue(0);\n  const heightSV = useSharedValue(0);\n  const context = useMemo(\n    () => ({\n      animated: { progress: progress, height: height },\n      reanimated: { progress: progressSV, height: heightSV },\n    }),\n    []\n  );\n\n  const onKeyboardMove = useMemo(\n    () =>\n      Animated.event(\n        [\n          {\n            nativeEvent: {\n              progress,\n              height,\n            },\n          },\n        ],\n        { useNativeDriver: true }\n      ),\n    []\n  );\n\n  const handler = useAnimatedKeyboardHandler(\n    {\n      onKeyboardMove: (event: NativeEvent) => {\n        'worklet';\n        progressSV.value = event.progress;\n        heightSV.value = event.height;\n      },\n    },\n    []\n  );\n\n  return (\n    <KeyboardContext.Provider value={context}>\n      <KeyboardControllerViewAnimated\n        onKeyboardMoveReanimated={handler}\n        onKeyboardMove={onKeyboardMove}\n        statusBarTranslucent={statusBarTranslucent}\n        style={styles.container}\n      >\n        <>\n          <Animated.View\n            style={[\n              // we are using this small hack, because if the component (where\n              // animated value has been used) is unmounted, then animation will\n              // stop receiving events (seems like it's react-native optimization).\n              // So we need to keep a reference to the animated value, to keep it's\n              // always mounted (keep a reference to an animated value).\n              //\n              // To test why it's needed, try to open screen which consumes Animated.Value\n              // then close it and open it again (for example 'Animated transition').\n              styles.hidden,\n              { transform: [{ translateX: height }, { translateY: progress }] },\n            ]}\n          />\n          {children}\n        </>\n      </KeyboardControllerViewAnimated>\n    </KeyboardContext.Provider>\n  );\n};\n"]}
+{"version":3,"sources":["animated.tsx"],"names":["React","useContext","useMemo","useRef","Animated","StyleSheet","Reanimated","useEvent","useHandler","useSharedValue","KeyboardControllerView","useResizeMode","KeyboardControllerViewAnimated","createAnimatedComponent","defaultContext","animated","progress","Value","height","reanimated","value","KeyboardContext","createContext","useKeyboardAnimation","context","useReanimatedKeyboardAnimation","useAnimatedKeyboardHandler","handlers","dependencies","doDependenciesDiffer","event","onKeyboardMove","eventName","endsWith","styles","create","container","flex","hidden","display","position","KeyboardProvider","children","statusBarTranslucent","current","progressSV","heightSV","style","transform","translateX","translateY","nativeEvent","useNativeDriver","handler"],"mappings":"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","sourcesContent":["import React, { useContext, useMemo, useRef } from 'react';\nimport { Animated, StyleSheet, ViewStyle } from 'react-native';\nimport Reanimated, {\n  useEvent,\n  useHandler,\n  useSharedValue,\n} from 'react-native-reanimated';\nimport {\n  EventWithName,\n  KeyboardControllerProps,\n  KeyboardControllerView,\n  NativeEvent,\n  useResizeMode,\n} from './native';\n\nconst KeyboardControllerViewAnimated = Reanimated.createAnimatedComponent(\n  Animated.createAnimatedComponent(\n    KeyboardControllerView\n  ) as React.FC<KeyboardControllerProps>\n);\n\ntype AnimatedContext = {\n  progress: Animated.Value;\n  height: Animated.Value;\n};\ntype ReanimatedContext = {\n  progress: Reanimated.SharedValue<number>;\n  height: Reanimated.SharedValue<number>;\n};\ntype KeyboardAnimationContext = {\n  animated: AnimatedContext;\n  reanimated: ReanimatedContext;\n};\nconst defaultContext: KeyboardAnimationContext = {\n  animated: {\n    progress: new Animated.Value(0),\n    height: new Animated.Value(0),\n  },\n  reanimated: {\n    progress: { value: 0 },\n    height: { value: 0 },\n  },\n};\nexport const KeyboardContext = React.createContext(defaultContext);\n\nexport const useKeyboardAnimation = (): AnimatedContext => {\n  useResizeMode();\n  const context = useContext(KeyboardContext);\n\n  return context.animated;\n};\n\nexport const useReanimatedKeyboardAnimation = (): ReanimatedContext => {\n  useResizeMode();\n  const context = useContext(KeyboardContext);\n\n  return context.reanimated;\n};\n\nfunction useAnimatedKeyboardHandler<TContext extends Record<string, unknown>>(\n  handlers: {\n    onKeyboardMove?: (e: NativeEvent, context: TContext) => void;\n  },\n  dependencies?: ReadonlyArray<unknown>\n) {\n  const { context, doDependenciesDiffer } = useHandler(handlers, dependencies);\n\n  return useEvent(\n    (event: EventWithName<NativeEvent>) => {\n      'worklet';\n      const { onKeyboardMove } = handlers;\n\n      if (onKeyboardMove && event.eventName.endsWith('onKeyboardMove')) {\n        onKeyboardMove(event, context);\n      }\n    },\n    ['onKeyboardMove'],\n    doDependenciesDiffer\n  );\n}\n\ntype Styles = {\n  container: ViewStyle;\n  hidden: ViewStyle;\n};\n\nexport const styles = StyleSheet.create<Styles>({\n  container: {\n    flex: 1,\n  },\n  hidden: {\n    display: 'none',\n    position: 'absolute',\n  },\n});\n\ntype KeyboardProviderProps = {\n  children: React.ReactNode;\n  /**\n   * Set the value to `true`, if you use translucent status bar on Android.\n   * If you already control status bar translucency via `react-native-screens`\n   * or `StatusBar` component from `react-native`, you can ignore it.\n   * Defaults to `false`.\n   *\n   * @see https://github.com/kirillzyusko/react-native-keyboard-controller/issues/14\n   * @platform android\n   */\n  statusBarTranslucent?: boolean;\n};\n\nexport const KeyboardProvider = ({\n  children,\n  statusBarTranslucent,\n}: KeyboardProviderProps) => {\n  const progress = useRef(new Animated.Value(0)).current;\n  const height = useRef(new Animated.Value(0)).current;\n  const progressSV = useSharedValue(0);\n  const heightSV = useSharedValue(0);\n  const context = useMemo(\n    () => ({\n      animated: { progress: progress, height: height },\n      reanimated: { progress: progressSV, height: heightSV },\n    }),\n    []\n  );\n  const style = useMemo(\n    () => [\n      styles.hidden,\n      { transform: [{ translateX: height }, { translateY: progress }] },\n    ],\n    []\n  );\n\n  const onKeyboardMove = useMemo(\n    () =>\n      Animated.event(\n        [\n          {\n            nativeEvent: {\n              progress,\n              height,\n            },\n          },\n        ],\n        { useNativeDriver: true }\n      ),\n    []\n  );\n\n  const handler = useAnimatedKeyboardHandler(\n    {\n      onKeyboardMove: (event: NativeEvent) => {\n        'worklet';\n        progressSV.value = event.progress;\n        heightSV.value = event.height;\n      },\n    },\n    []\n  );\n\n  return (\n    <KeyboardContext.Provider value={context}>\n      <KeyboardControllerViewAnimated\n        onKeyboardMoveReanimated={handler}\n        onKeyboardMove={onKeyboardMove}\n        statusBarTranslucent={statusBarTranslucent}\n        style={styles.container}\n      >\n        <>\n          <Animated.View\n            // we are using this small hack, because if the component (where\n            // animated value has been used) is unmounted, then animation will\n            // stop receiving events (seems like it's react-native optimization).\n            // So we need to keep a reference to the animated value, to keep it's\n            // always mounted (keep a reference to an animated value).\n            //\n            // To test why it's needed, try to open screen which consumes Animated.Value\n            // then close it and open it again (for example 'Animated transition').\n            style={style}\n          />\n          {children}\n        </>\n      </KeyboardControllerViewAnimated>\n    </KeyboardContext.Provider>\n  );\n};\n"]}

package/lib/module/index.js

@@ -1,3 +1,4 @@
+import './monkey-patch';
 export * from './native';
 export * from './animated';
 export * from './replicas';

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAd;AACA,cAAc,YAAd;AACA,cAAc,YAAd","sourcesContent":["export * from './native';\nexport * from './animated';\nexport * from './replicas';\n"]}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAP;AAEA,cAAc,UAAd;AACA,cAAc,YAAd;AACA,cAAc,YAAd","sourcesContent":["import './monkey-patch';\n\nexport * from './native';\nexport * from './animated';\nexport * from './replicas';\n"]}

package/lib/module/monkey-patch.js

@@ -0,0 +1,36 @@
+import { NativeModules, Platform } from 'react-native'; // @ts-expect-error because there is no corresponding type definition
+
+import * as NativeAndroidManager from 'react-native/Libraries/Components/StatusBar/NativeStatusBarManagerAndroid';
+const getConstants = NativeAndroidManager.default.getConstants;
+const RCTStatusBarManagerCompat = NativeModules.StatusBarManagerCompat; // On Android < 11 RN uses legacy API which breaks EdgeToEdge mode in RN, so
+// in order to use library on all available platforms we have to monkey patch
+// default RN implementation and use modern `WindowInsetsControllerCompat`.
+
+if (Platform.OS === 'android') {
+  NativeAndroidManager.default = {
+    getConstants,
+
+    setColor(color, animated) {
+      RCTStatusBarManagerCompat.setColor(color, animated);
+    },
+
+    setTranslucent(translucent) {
+      RCTStatusBarManagerCompat.setTranslucent(translucent);
+    },
+
+    /**
+     *  - statusBarStyles can be:
+     *    - 'default'
+     *    - 'dark-content'
+     */
+    setStyle(statusBarStyle) {
+      RCTStatusBarManagerCompat.setStyle(statusBarStyle);
+    },
+
+    setHidden(hidden) {
+      RCTStatusBarManagerCompat.setHidden(hidden);
+    }
+
+  };
+}
+//# sourceMappingURL=monkey-patch.js.map

package/lib/module/monkey-patch.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["monkey-patch.tsx"],"names":["NativeModules","Platform","NativeAndroidManager","getConstants","default","RCTStatusBarManagerCompat","StatusBarManagerCompat","OS","setColor","color","animated","setTranslucent","translucent","setStyle","statusBarStyle","setHidden","hidden"],"mappings":"AAAA,SAASA,aAAT,EAAwBC,QAAxB,QAAwC,cAAxC,C,CACA;;AACA,OAAO,KAAKC,oBAAZ,MAAsC,2EAAtC;AAEA,MAAMC,YAAY,GAAGD,oBAAoB,CAACE,OAArB,CAA6BD,YAAlD;AAEA,MAAME,yBAAyB,GAAGL,aAAa,CAACM,sBAAhD,C,CAEA;AACA;AACA;;AACA,IAAIL,QAAQ,CAACM,EAAT,KAAgB,SAApB,EAA+B;AAC7BL,EAAAA,oBAAoB,CAACE,OAArB,GAA+B;AAC7BD,IAAAA,YAD6B;;AAE7BK,IAAAA,QAAQ,CAACC,KAAD,EAAgBC,QAAhB,EAAyC;AAC/CL,MAAAA,yBAAyB,CAACG,QAA1B,CAAmCC,KAAnC,EAA0CC,QAA1C;AACD,KAJ4B;;AAM7BC,IAAAA,cAAc,CAACC,WAAD,EAA6B;AACzCP,MAAAA,yBAAyB,CAACM,cAA1B,CAAyCC,WAAzC;AACD,KAR4B;;AAU7B;AACJ;AACA;AACA;AACA;AACIC,IAAAA,QAAQ,CAACC,cAAD,EAAgC;AACtCT,MAAAA,yBAAyB,CAACQ,QAA1B,CAAmCC,cAAnC;AACD,KAjB4B;;AAmB7BC,IAAAA,SAAS,CAACC,MAAD,EAAwB;AAC/BX,MAAAA,yBAAyB,CAACU,SAA1B,CAAoCC,MAApC;AACD;;AArB4B,GAA/B;AAuBD","sourcesContent":["import { NativeModules, Platform } from 'react-native';\n// @ts-expect-error because there is no corresponding type definition\nimport * as NativeAndroidManager from 'react-native/Libraries/Components/StatusBar/NativeStatusBarManagerAndroid';\n\nconst getConstants = NativeAndroidManager.default.getConstants;\n\nconst RCTStatusBarManagerCompat = NativeModules.StatusBarManagerCompat;\n\n// On Android < 11 RN uses legacy API which breaks EdgeToEdge mode in RN, so\n// in order to use library on all available platforms we have to monkey patch\n// default RN implementation and use modern `WindowInsetsControllerCompat`.\nif (Platform.OS === 'android') {\n  NativeAndroidManager.default = {\n    getConstants,\n    setColor(color: number, animated: boolean): void {\n      RCTStatusBarManagerCompat.setColor(color, animated);\n    },\n\n    setTranslucent(translucent: boolean): void {\n      RCTStatusBarManagerCompat.setTranslucent(translucent);\n    },\n\n    /**\n     *  - statusBarStyles can be:\n     *    - 'default'\n     *    - 'dark-content'\n     */\n    setStyle(statusBarStyle?: string): void {\n      RCTStatusBarManagerCompat.setStyle(statusBarStyle);\n    },\n\n    setHidden(hidden: boolean): void {\n      RCTStatusBarManagerCompat.setHidden(hidden);\n    },\n  };\n}\n"]}

package/lib/typescript/animated.d.ts

@@ -9,6 +9,11 @@ declare type ReanimatedContext = {
     progress: Reanimated.SharedValue<number>;
     height: Reanimated.SharedValue<number>;
 };
+declare type KeyboardAnimationContext = {
+    animated: AnimatedContext;
+    reanimated: ReanimatedContext;
+};
+export declare const KeyboardContext: React.Context<KeyboardAnimationContext>;
 export declare const useKeyboardAnimation: () => AnimatedContext;
 export declare const useReanimatedKeyboardAnimation: () => ReanimatedContext;
 declare type Styles = {

package/lib/typescript/index.d.ts

@@ -1,3 +1,4 @@
+import './monkey-patch';
 export * from './native';
 export * from './animated';
 export * from './replicas';

package/lib/typescript/monkey-patch.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-keyboard-controller",
-  "version": "1.0.0-alpha.3",
+  "version": "1.0.0-beta.0",
   "description": "Platform agnostic keyboard manager",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -24,7 +24,7 @@
   "scripts": {
     "test": "jest",
     "typescript": "tsc --noEmit",
-    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "lint": "eslint --quiet \"**/*.{js,ts,tsx}\"",
     "prepare": "bob build",
     "release": "release-it",
     "example": "yarn --cwd example",
@@ -33,6 +33,8 @@
   },
   "keywords": [
     "react-native",
+    "keyboard",
+    "animation",
     "ios",
     "android"
   ],
@@ -118,7 +120,8 @@
           "trailingComma": "es5",
           "useTabs": false
         }
-      ]
+      ],
+      "react-hooks/exhaustive-deps": "warn"
     }
   },
   "eslintIgnore": [

package/src/animated.tsx

@@ -1,4 +1,4 @@
-import React, { useContext, useMemo } from 'react';
+import React, { useContext, useMemo, useRef } from 'react';
 import { Animated, StyleSheet, ViewStyle } from 'react-native';
 import Reanimated, {
   useEvent,
@@ -41,7 +41,7 @@ const defaultContext: KeyboardAnimationContext = {
     height: { value: 0 },
   },
 };
-const KeyboardContext = React.createContext(defaultContext);
+export const KeyboardContext = React.createContext(defaultContext);
 
 export const useKeyboardAnimation = (): AnimatedContext => {
   useResizeMode();
@@ -112,8 +112,8 @@ export const KeyboardProvider = ({
   children,
   statusBarTranslucent,
 }: KeyboardProviderProps) => {
-  const progress = useMemo(() => new Animated.Value(0), []);
-  const height = useMemo(() => new Animated.Value(0), []);
+  const progress = useRef(new Animated.Value(0)).current;
+  const height = useRef(new Animated.Value(0)).current;
   const progressSV = useSharedValue(0);
   const heightSV = useSharedValue(0);
   const context = useMemo(
@@ -123,6 +123,13 @@ export const KeyboardProvider = ({
     }),
     []
   );
+  const style = useMemo(
+    () => [
+      styles.hidden,
+      { transform: [{ translateX: height }, { translateY: progress }] },
+    ],
+    []
+  );
 
   const onKeyboardMove = useMemo(
     () =>
@@ -161,18 +168,15 @@ export const KeyboardProvider = ({
       >
         <>
           <Animated.View
-            style={[
-              // we are using this small hack, because if the component (where
-              // animated value has been used) is unmounted, then animation will
-              // stop receiving events (seems like it's react-native optimization).
-              // So we need to keep a reference to the animated value, to keep it's
-              // always mounted (keep a reference to an animated value).
-              //
-              // To test why it's needed, try to open screen which consumes Animated.Value
-              // then close it and open it again (for example 'Animated transition').
-              styles.hidden,
-              { transform: [{ translateX: height }, { translateY: progress }] },
-            ]}
+            // we are using this small hack, because if the component (where
+            // animated value has been used) is unmounted, then animation will
+            // stop receiving events (seems like it's react-native optimization).
+            // So we need to keep a reference to the animated value, to keep it's
+            // always mounted (keep a reference to an animated value).
+            //
+            // To test why it's needed, try to open screen which consumes Animated.Value
+            // then close it and open it again (for example 'Animated transition').
+            style={style}
           />
           {children}
         </>

package/src/index.ts

@@ -1,3 +1,5 @@
+import './monkey-patch';
+
 export * from './native';
 export * from './animated';
 export * from './replicas';

package/src/monkey-patch.tsx

@@ -0,0 +1,36 @@
+import { NativeModules, Platform } from 'react-native';
+// @ts-expect-error because there is no corresponding type definition
+import * as NativeAndroidManager from 'react-native/Libraries/Components/StatusBar/NativeStatusBarManagerAndroid';
+
+const getConstants = NativeAndroidManager.default.getConstants;
+
+const RCTStatusBarManagerCompat = NativeModules.StatusBarManagerCompat;
+
+// On Android < 11 RN uses legacy API which breaks EdgeToEdge mode in RN, so
+// in order to use library on all available platforms we have to monkey patch
+// default RN implementation and use modern `WindowInsetsControllerCompat`.
+if (Platform.OS === 'android') {
+  NativeAndroidManager.default = {
+    getConstants,
+    setColor(color: number, animated: boolean): void {
+      RCTStatusBarManagerCompat.setColor(color, animated);
+    },
+
+    setTranslucent(translucent: boolean): void {
+      RCTStatusBarManagerCompat.setTranslucent(translucent);
+    },
+
+    /**
+     *  - statusBarStyles can be:
+     *    - 'default'
+     *    - 'dark-content'
+     */
+    setStyle(statusBarStyle?: string): void {
+      RCTStatusBarManagerCompat.setStyle(statusBarStyle);
+    },
+
+    setHidden(hidden: boolean): void {
+      RCTStatusBarManagerCompat.setHidden(hidden);
+    },
+  };
+}

package/android/.gradle/buildOutputCleanup/cache.properties

@@ -1,2 +0,0 @@
-#Fri Apr 22 19:15:51 MSK 2022
-gradle.version=6.8

package/ios/KeyboardController.xcodeproj/project.xcworkspace/contents.xcworkspacedata

@@ -1,7 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<Workspace
-   version = "1.0">
-   <FileRef
-      location = "self:">
-   </FileRef>
-</Workspace>

package/ios/KeyboardController.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
-<plist version="1.0">
-<dict>
-	<key>IDEDidComputeMac32BitWarning</key>
-	<true/>
-</dict>
-</plist>

package/ios/KeyboardController.xcodeproj/xcuserdata/kiryl.xcuserdatad/xcschemes/xcschememanagement.plist

@@ -1,14 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
-<plist version="1.0">
-<dict>
-	<key>SchemeUserState</key>
-	<dict>
-		<key>KeyboardController.xcscheme_^#shared#^_</key>
-		<dict>
-			<key>orderHint</key>
-			<integer>0</integer>
-		</dict>
-	</dict>
-</dict>
-</plist>