react-native-keyboard-controller 1.3.0 → 1.4.1

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

@@ -74,14 +74,16 @@ class KeyboardAnimationCallback(
       val keyboardHeight = getCurrentKeyboardHeight()
 
       this.emitEvent("KeyboardController::keyboardWillShow", getEventParams(keyboardHeight))
+      this.sendEventToJS(KeyboardTransitionEvent(view.id, "topKeyboardMoveStart", keyboardHeight, 1.0))
 
-      val animation = ValueAnimator.ofInt(-this.persistentKeyboardHeight, -keyboardHeight)
+      val animation = ValueAnimator.ofInt(this.persistentKeyboardHeight, keyboardHeight)
       animation.addUpdateListener { animator ->
         val toValue = animator.animatedValue as Int
-        this.sendEventToJS(KeyboardTransitionEvent(view.id, toValue, -toValue.toDouble() / keyboardHeight))
+        this.sendEventToJS(KeyboardTransitionEvent(view.id, "topKeyboardMove", toValue, toValue.toDouble() / keyboardHeight))
       }
       animation.doOnEnd {
         this.emitEvent("KeyboardController::keyboardDidShow", getEventParams(keyboardHeight))
+        this.sendEventToJS(KeyboardTransitionEvent(view.id, "topKeyboardMoveEnd", keyboardHeight, 1.0))
       }
       animation.setDuration(250).startDelay = 0
       animation.start()
@@ -108,6 +110,7 @@ class KeyboardAnimationCallback(
     this.emitEvent("KeyboardController::" + if (!isKeyboardVisible) "keyboardWillHide" else "keyboardWillShow", getEventParams(keyboardHeight))
 
     Log.i(TAG, "HEIGHT:: $keyboardHeight")
+    this.sendEventToJS(KeyboardTransitionEvent(view.id, "topKeyboardMoveStart", keyboardHeight, if (!isKeyboardVisible) 0.0 else 1.0))
 
     return super.onStart(animation, bounds)
   }
@@ -128,7 +131,7 @@ class KeyboardAnimationCallback(
     val diff = Insets.subtract(typesInset, otherInset).let {
       Insets.max(it, Insets.NONE)
     }
-    val diffY = (diff.top - diff.bottom).toFloat()
+    val diffY = (diff.bottom - diff.top).toFloat()
     val height = toDp(diffY, context)
 
     var progress = 0.0
@@ -139,7 +142,7 @@ class KeyboardAnimationCallback(
     }
     Log.i(TAG, "DiffY: $diffY $height $progress")
 
-    this.sendEventToJS(KeyboardTransitionEvent(view.id, height, progress))
+    this.sendEventToJS(KeyboardTransitionEvent(view.id, "topKeyboardMove", height, progress))
 
     return insets
   }
@@ -150,6 +153,7 @@ class KeyboardAnimationCallback(
     isTransitioning = false
     this.persistentKeyboardHeight = getCurrentKeyboardHeight()
     this.emitEvent("KeyboardController::" + if (!isKeyboardVisible) "keyboardDidHide" else "keyboardDidShow", getEventParams(this.persistentKeyboardHeight))
+    this.sendEventToJS(KeyboardTransitionEvent(view.id, "topKeyboardMoveEnd", this.persistentKeyboardHeight, if (!isKeyboardVisible) 0.0 else 1.0))
   }
 
   private fun isKeyboardVisible(): Boolean {

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

@@ -9,7 +9,6 @@ import com.facebook.react.bridge.ReactApplicationContext
 import com.facebook.react.common.MapBuilder
 import com.facebook.react.uimanager.ThemedReactContext
 import com.facebook.react.views.view.ReactViewGroup
-import com.reactnativekeyboardcontroller.events.KeyboardTransitionEvent
 
 class KeyboardControllerViewManagerImpl(reactContext: ReactApplicationContext) {
   private val TAG = KeyboardControllerViewManagerImpl::class.qualifiedName
@@ -58,8 +57,12 @@ class KeyboardControllerViewManagerImpl(reactContext: ReactApplicationContext) {
 
   fun getExportedCustomDirectEventTypeConstants(): MutableMap<String, Any> {
     val map: MutableMap<String, Any> = MapBuilder.of(
-      KeyboardTransitionEvent.EVENT_NAME,
-      MapBuilder.of("registrationName", "onKeyboardMove")
+      "topKeyboardMove",
+      MapBuilder.of("registrationName", "onKeyboardMove"),
+      "topKeyboardMoveStart",
+      MapBuilder.of("registrationName", "onKeyboardMoveStart"),
+      "topKeyboardMoveEnd",
+      MapBuilder.of("registrationName", "onKeyboardMoveEnd"),
     )
 
     return map

package/android/src/main/java/com/reactnativekeyboardcontroller/events/KeyboardTransitionEvent.kt

@@ -4,8 +4,8 @@ import com.facebook.react.bridge.Arguments
 import com.facebook.react.uimanager.events.Event
 import com.facebook.react.uimanager.events.RCTEventEmitter
 
-class KeyboardTransitionEvent(private val viewId: Int, private val height: Int, private val progress: Double) : Event<KeyboardTransitionEvent>(viewId) {
-  override fun getEventName() = EVENT_NAME
+class KeyboardTransitionEvent(viewId: Int, private val event: String, private val height: Int, private val progress: Double) : Event<KeyboardTransitionEvent>(viewId) {
+  override fun getEventName() = event
 
   // TODO: All events for a given view can be coalesced?
   override fun getCoalescingKey(): Short = 0
@@ -16,8 +16,4 @@ class KeyboardTransitionEvent(private val viewId: Int, private val height: Int,
     map.putInt("height", height)
     rctEventEmitter.receiveEvent(viewTag, eventName, map)
   }
-
-  companion object {
-    const val EVENT_NAME = "topKeyboardMove"
-  }
 }

package/ios/.swiftlint.yml

@@ -1,5 +1,9 @@
 disabled_rules:
   - trailing_comma
 
+line_length:
+  warning: 120
+  ignores_urls: true
+
 excluded:
   - Pods

package/ios/KeyboardControllerView.mm

@@ -44,13 +44,30 @@ using namespace facebook::react;
     _props = defaultProps;
 
     observer = [[KeyboardMovementObserver alloc]
-        initWithHandler:^(NSNumber *height, NSNumber *progress) {
+        initWithHandler:^(NSString *event, NSNumber *height, NSNumber *progress) {
           if (self->_eventEmitter) {
-            std::dynamic_pointer_cast<const facebook::react::KeyboardControllerViewEventEmitter>(
-                self->_eventEmitter)
-                ->onKeyboardMove(
-                    facebook::react::KeyboardControllerViewEventEmitter::OnKeyboardMove{
-                        .height = [height intValue], .progress = static_cast<Float>(self.tag)});
+            // TODO: use reflection to reduce code duplication?
+            if ([event isEqualToString:@"onKeyboardMoveStart"]) {
+              std::dynamic_pointer_cast<const facebook::react::KeyboardControllerViewEventEmitter>(
+                  self->_eventEmitter)
+                  ->onKeyboardMoveStart(
+                      facebook::react::KeyboardControllerViewEventEmitter::OnKeyboardMoveStart{
+                          .height = [height intValue], .progress = [progress floatValue]});
+            }
+            if ([event isEqualToString:@"onKeyboardMove"]) {
+              std::dynamic_pointer_cast<const facebook::react::KeyboardControllerViewEventEmitter>(
+                  self->_eventEmitter)
+                  ->onKeyboardMove(
+                      facebook::react::KeyboardControllerViewEventEmitter::OnKeyboardMove{
+                          .height = [height intValue], .progress = [progress floatValue]});
+            }
+            if ([event isEqualToString:@"onKeyboardMoveEnd"]) {
+              std::dynamic_pointer_cast<const facebook::react::KeyboardControllerViewEventEmitter>(
+                  self->_eventEmitter)
+                  ->onKeyboardMoveEnd(
+                      facebook::react::KeyboardControllerViewEventEmitter::OnKeyboardMoveEnd{
+                          .height = [height intValue], .progress = [progress floatValue]});
+            }
           }
 
           // TODO: use built-in _eventEmitter once NativeAnimated module will use ModernEventemitter
@@ -58,6 +75,7 @@ using namespace facebook::react;
           if (bridge) {
             KeyboardMoveEvent *keyboardMoveEvent =
                 [[KeyboardMoveEvent alloc] initWithReactTag:@(self.tag)
+                                                      event:event
                                                      height:height
                                                    progress:progress];
             [bridge.eventDispatcher sendEvent:keyboardMoveEvent];

package/ios/KeyboardControllerViewManager.mm

@@ -2,6 +2,8 @@
 
 @interface RCT_EXTERN_MODULE (KeyboardControllerViewManager, RCTViewManager)
 
+RCT_EXPORT_VIEW_PROPERTY(onKeyboardMoveStart, RCTDirectEventBlock);
 RCT_EXPORT_VIEW_PROPERTY(onKeyboardMove, RCTDirectEventBlock);
+RCT_EXPORT_VIEW_PROPERTY(onKeyboardMoveEnd, RCTDirectEventBlock);
 
 @end

package/ios/KeyboardControllerViewManager.swift

@@ -12,7 +12,9 @@ class KeyboardControllerViewManager: RCTViewManager {
 class KeyboardControllerView: UIView {
   private var keyboardObserver: KeyboardMovementObserver?
   private var eventDispatcher: RCTEventDispatcherProtocol
+  @objc var onKeyboardMoveStart: RCTDirectEventBlock?
   @objc var onKeyboardMove: RCTDirectEventBlock?
+  @objc var onKeyboardMoveEnd: RCTDirectEventBlock?
 
   init(frame: CGRect, eventDispatcher: RCTEventDispatcherProtocol) {
     self.eventDispatcher = eventDispatcher
@@ -39,10 +41,11 @@ class KeyboardControllerView: UIView {
     }
   }
 
-  func onEvent(height: NSNumber, progress: NSNumber) {
+  func onEvent(event: NSString, height: NSNumber, progress: NSNumber) {
     eventDispatcher.send(
       KeyboardMoveEvent(
         reactTag: reactTag,
+        event: event as String,
         height: height,
         progress: progress
       )

package/ios/KeyboardMoveEvent.h

@@ -12,6 +12,7 @@
 @interface KeyboardMoveEvent : NSObject <RCTEvent>
 
 - (instancetype)initWithReactTag:(NSNumber *)reactTag
+                           event:(NSString *)event
                           height:(NSNumber *)height
                         progress:(NSNumber *)progress;
 

package/ios/KeyboardMoveEvent.m

@@ -19,13 +19,14 @@
 @synthesize eventName = _eventName;
 
 - (instancetype)initWithReactTag:(NSNumber *)reactTag
+                           event:(NSString *)event
                           height:(NSNumber *)height
                         progress:(NSNumber *)progress
 {
   RCTAssertParam(reactTag);
 
   if ((self = [super init])) {
-    _eventName = @"onKeyboardMove";
+    _eventName = [event copy];
     _viewTag = reactTag;
     _progress = progress;
     _height = height;

package/ios/KeyboardMovementObserver.swift

@@ -10,10 +10,31 @@ import Foundation
 
 @objc(KeyboardMovementObserver)
 public class KeyboardMovementObserver: NSObject {
-  var onEvent: (NSNumber, NSNumber) -> Void
+  // class members
+  var onEvent: (NSString, NSNumber, NSNumber) -> Void
   var onNotify: (String, Any) -> Void
+  // progress tracker
+  private var _keyboardView: UIView?
+  private var keyboardView: UIView? {
+    let windowsCount = UIApplication.shared.windows.count
 
-  @objc public init(handler: @escaping (NSNumber, NSNumber) -> Void, onNotify: @escaping (String, Any) -> Void) {
+    if _keyboardView == nil || windowsCount != _windowsCount {
+      _keyboardView = findKeyboardView()
+      _windowsCount = windowsCount
+    }
+
+    return _keyboardView
+  }
+
+  private var _windowsCount: Int = 0
+  private var prevKeyboardPosition = 0.0
+  private var displayLink: CADisplayLink?
+  private var keyboardHeight: CGFloat = 0.0
+
+  @objc public init(
+    handler: @escaping (NSString, NSNumber, NSNumber) -> Void,
+    onNotify: @escaping (String, Any) -> Void
+  ) {
     onEvent = handler
     self.onNotify = onNotify
   }
@@ -53,12 +74,15 @@ public class KeyboardMovementObserver: NSObject {
   @objc func keyboardWillAppear(_ notification: Notification) {
     if let keyboardFrame: NSValue = notification.userInfo?[UIResponder.keyboardFrameEndUserInfoKey] as? NSValue {
       let keyboardHeight = keyboardFrame.cgRectValue.size.height
+      self.keyboardHeight = keyboardHeight
 
       var data = [AnyHashable: Any]()
       data["height"] = keyboardHeight
 
-      onEvent(Float(-keyboardHeight) as NSNumber, 1)
+      onEvent("onKeyboardMoveStart", Float(keyboardHeight) as NSNumber, 1)
       onNotify("KeyboardController::keyboardWillShow", data)
+
+      setupKeyboardWatcher()
     }
   }
 
@@ -66,18 +90,24 @@ public class KeyboardMovementObserver: NSObject {
     var data = [AnyHashable: Any]()
     data["height"] = 0
 
-    onEvent(0, 0)
+    onEvent("onKeyboardMoveStart", 0, 0)
     onNotify("KeyboardController::keyboardWillHide", data)
+
+    setupKeyboardWatcher()
   }
 
   @objc func keyboardDidAppear(_ notification: Notification) {
     if let keyboardFrame: NSValue = notification.userInfo?[UIResponder.keyboardFrameEndUserInfoKey] as? NSValue {
       let keyboardHeight = keyboardFrame.cgRectValue.size.height
+      self.keyboardHeight = keyboardHeight
 
       var data = [AnyHashable: Any]()
       data["height"] = keyboardHeight
 
+      onEvent("onKeyboardMoveEnd", keyboardHeight as NSNumber, 1)
       onNotify("KeyboardController::keyboardDidShow", data)
+
+      removeKeyboardWatcher()
     }
   }
 
@@ -85,6 +115,61 @@ public class KeyboardMovementObserver: NSObject {
     var data = [AnyHashable: Any]()
     data["height"] = 0
 
+    onEvent("onKeyboardMoveEnd", 0 as NSNumber, 0)
     onNotify("KeyboardController::keyboardDidHide", data)
+
+    removeKeyboardWatcher()
+  }
+
+  @objc func setupKeyboardWatcher() {
+    displayLink = CADisplayLink(target: self, selector: #selector(updateKeyboardFrame))
+    displayLink?.preferredFramesPerSecond = 120 // will fallback to 60 fps for devices without Pro Motion display
+    displayLink?.add(to: .main, forMode: .common)
+  }
+
+  @objc func removeKeyboardWatcher() {
+    displayLink?.invalidate()
+    displayLink = nil
+  }
+
+  // https://stackoverflow.com/questions/32598490/show-uiview-with-buttons-over-keyboard-like-in-skype-viber-messengers-swift-i
+  func findKeyboardView() -> UIView? {
+    var result: UIView?
+
+    let windows = UIApplication.shared.windows
+    for window in windows {
+      if window.description.hasPrefix("<UITextEffectsWindow") {
+        for subview in window.subviews {
+          if subview.description.hasPrefix("<UIInputSetContainerView") {
+            for hostView in subview.subviews {
+              if hostView.description.hasPrefix("<UIInputSetHostView") {
+                result = hostView as? UIView
+                break
+              }
+            }
+            break
+          }
+        }
+        break
+      }
+    }
+    return result
+  }
+
+  @objc func updateKeyboardFrame() {
+    if keyboardView == nil {
+      return
+    }
+
+    var keyboardFrameY = keyboardView?.layer.presentation()?.frame.origin.y ?? 0
+    var keyboardWindowH = keyboardView?.window?.bounds.size.height ?? 0
+    var keyboardPosition = keyboardWindowH - keyboardFrameY
+
+    if keyboardPosition == prevKeyboardPosition || keyboardFrameY == 0 {
+      return
+    }
+
+    prevKeyboardPosition = keyboardPosition
+    onEvent("onKeyboardMove", keyboardPosition as NSNumber, keyboardPosition / CGFloat(keyboardHeight) as NSNumber)
   }
 }

package/lib/commonjs/animated.js

@@ -45,17 +45,22 @@ const KeyboardProvider = _ref => {
   const height = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current; // shared values
 
   const progressSV = (0, _reactNativeReanimated.useSharedValue)(0);
-  const heightSV = (0, _reactNativeReanimated.useSharedValue)(0); // memo
+  const heightSV = (0, _reactNativeReanimated.useSharedValue)(0);
+  const {
+    setHandlers,
+    broadcast
+  } = (0, _internal.useSharedHandlers)(); // memo
 
   const context = (0, _react.useMemo)(() => ({
     animated: {
       progress: progress,
-      height: height
+      height: _reactNative.Animated.multiply(height, -1)
     },
     reanimated: {
       progress: progressSV,
       height: heightSV
-    }
+    },
+    setHandlers
   }), []);
   const style = (0, _react.useMemo)(() => [styles.hidden, {
     transform: [{
@@ -73,19 +78,40 @@ const KeyboardProvider = _ref => {
     useNativeDriver: true
   }), []); // handlers
 
+  const updateSharedValues = (event, platforms) => {
+    'worklet';
+
+    if (platforms.includes(_reactNative.Platform.OS)) {
+      progressSV.value = event.progress;
+      heightSV.value = -event.height;
+    }
+  };
+
   const handler = (0, _internal.useAnimatedKeyboardHandler)({
+    onKeyboardMoveStart: event => {
+      'worklet';
+
+      broadcast('onStart', event);
+      updateSharedValues(event, ['ios']);
+    },
     onKeyboardMove: event => {
       'worklet';
 
-      progressSV.value = event.progress;
-      heightSV.value = event.height;
+      broadcast('onMove', event);
+      updateSharedValues(event, ['android']);
+    },
+    onKeyboardMoveEnd: event => {
+      'worklet';
+
+      broadcast('onEnd', event);
     }
   }, []);
   return /*#__PURE__*/_react.default.createElement(_context.KeyboardContext.Provider, {
     value: context
   }, /*#__PURE__*/_react.default.createElement(KeyboardControllerViewAnimated, {
     onKeyboardMoveReanimated: handler,
-    onKeyboardMove: onKeyboardMove,
+    onKeyboardMoveStart: _reactNative.Platform.OS === 'ios' ? onKeyboardMove : undefined,
+    onKeyboardMove: _reactNative.Platform.OS === 'android' ? onKeyboardMove : undefined,
     statusBarTranslucent: statusBarTranslucent,
     style: styles.container
   }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {

package/lib/commonjs/animated.js.map

@@ -1 +1 @@
-{"version":3,"names":["KeyboardControllerViewAnimated","Reanimated","createAnimatedComponent","Animated","KeyboardControllerView","styles","StyleSheet","create","container","flex","hidden","display","position","KeyboardProvider","children","statusBarTranslucent","progress","useRef","Value","current","height","progressSV","useSharedValue","heightSV","context","useMemo","animated","reanimated","style","transform","translateX","translateY","onKeyboardMove","event","nativeEvent","useNativeDriver","handler","useAnimatedKeyboardHandler","value"],"sources":["animated.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport { Animated, StyleSheet, ViewStyle } from 'react-native';\nimport Reanimated, { useSharedValue } from 'react-native-reanimated';\n\nimport { KeyboardContext } from './context';\nimport { useAnimatedKeyboardHandler } from './internal';\nimport { KeyboardControllerView } from './native';\n\nimport type { KeyboardControllerProps, NativeEvent } from './types';\n\nconst KeyboardControllerViewAnimated = Reanimated.createAnimatedComponent(\n  Animated.createAnimatedComponent(\n    KeyboardControllerView\n  ) as React.FC<KeyboardControllerProps>\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  // animated values\n  const progress = useRef(new Animated.Value(0)).current;\n  const height = useRef(new Animated.Value(0)).current;\n  // shared values\n  const progressSV = useSharedValue(0);\n  const heightSV = useSharedValue(0);\n  // memo\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  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  // handlers\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"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;AAIA,MAAMA,8BAA8B,GAAGC,8BAAA,CAAWC,uBAAX,CACrCC,qBAAA,CAASD,uBAAT,CACEE,8BADF,CADqC,CAAvC;;AAWO,MAAMC,MAAM,GAAGC,uBAAA,CAAWC,MAAX,CAA0B;EAC9CC,SAAS,EAAE;IACTC,IAAI,EAAE;EADG,CADmC;EAI9CC,MAAM,EAAE;IACNC,OAAO,EAAE,MADH;IAENC,QAAQ,EAAE;EAFJ;AAJsC,CAA1B,CAAf;;;;AAwBA,MAAMC,gBAAgB,GAAG,QAGH;EAAA,IAHI;IAC/BC,QAD+B;IAE/BC;EAF+B,CAGJ;EAC3B;EACA,MAAMC,QAAQ,GAAG,IAAAC,aAAA,EAAO,IAAId,qBAAA,CAASe,KAAb,CAAmB,CAAnB,CAAP,EAA8BC,OAA/C;EACA,MAAMC,MAAM,GAAG,IAAAH,aAAA,EAAO,IAAId,qBAAA,CAASe,KAAb,CAAmB,CAAnB,CAAP,EAA8BC,OAA7C,CAH2B,CAI3B;;EACA,MAAME,UAAU,GAAG,IAAAC,qCAAA,EAAe,CAAf,CAAnB;EACA,MAAMC,QAAQ,GAAG,IAAAD,qCAAA,EAAe,CAAf,CAAjB,CAN2B,CAO3B;;EACA,MAAME,OAAO,GAAG,IAAAC,cAAA,EACd,OAAO;IACLC,QAAQ,EAAE;MAAEV,QAAQ,EAAEA,QAAZ;MAAsBI,MAAM,EAAEA;IAA9B,CADL;IAELO,UAAU,EAAE;MAAEX,QAAQ,EAAEK,UAAZ;MAAwBD,MAAM,EAAEG;IAAhC;EAFP,CAAP,CADc,EAKd,EALc,CAAhB;EAOA,MAAMK,KAAK,GAAG,IAAAH,cAAA,EACZ,MAAM,CACJpB,MAAM,CAACK,MADH,EAEJ;IAAEmB,SAAS,EAAE,CAAC;MAAEC,UAAU,EAAEV;IAAd,CAAD,EAAyB;MAAEW,UAAU,EAAEf;IAAd,CAAzB;EAAb,CAFI,CADM,EAKZ,EALY,CAAd;EAOA,MAAMgB,cAAc,GAAG,IAAAP,cAAA,EACrB,MACEtB,qBAAA,CAAS8B,KAAT,CACE,CACE;IACEC,WAAW,EAAE;MACXlB,QADW;MAEXI;IAFW;EADf,CADF,CADF,EASE;IAAEe,eAAe,EAAE;EAAnB,CATF,CAFmB,EAarB,EAbqB,CAAvB,CAtB2B,CAqC3B;;EACA,MAAMC,OAAO,GAAG,IAAAC,oCAAA,EACd;IACEL,cAAc,EAAGC,KAAD,IAAwB;MACtC;;MACAZ,UAAU,CAACiB,KAAX,GAAmBL,KAAK,CAACjB,QAAzB;MACAO,QAAQ,CAACe,KAAT,GAAiBL,KAAK,CAACb,MAAvB;IACD;EALH,CADc,EAQd,EARc,CAAhB;EAWA,oBACE,6BAAC,wBAAD,CAAiB,QAAjB;IAA0B,KAAK,EAAEI;EAAjC,gBACE,6BAAC,8BAAD;IACE,wBAAwB,EAAEY,OAD5B;IAEE,cAAc,EAAEJ,cAFlB;IAGE,oBAAoB,EAAEjB,oBAHxB;IAIE,KAAK,EAAEV,MAAM,CAACG;EAJhB,gBAME,yEACE,6BAAC,qBAAD,CAAU,IAAV;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA,KAAK,EAAEoB;EATT,EADF,EAYGd,QAZH,CANF,CADF,CADF;AAyBD,CA7EM"}
+{"version":3,"names":["KeyboardControllerViewAnimated","Reanimated","createAnimatedComponent","Animated","KeyboardControllerView","styles","StyleSheet","create","container","flex","hidden","display","position","KeyboardProvider","children","statusBarTranslucent","progress","useRef","Value","current","height","progressSV","useSharedValue","heightSV","setHandlers","broadcast","useSharedHandlers","context","useMemo","animated","multiply","reanimated","style","transform","translateX","translateY","onKeyboardMove","event","nativeEvent","useNativeDriver","updateSharedValues","platforms","includes","Platform","OS","value","handler","useAnimatedKeyboardHandler","onKeyboardMoveStart","onKeyboardMoveEnd","undefined"],"sources":["animated.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport { Animated, Platform, StyleSheet, ViewStyle } from 'react-native';\nimport Reanimated, { useSharedValue } from 'react-native-reanimated';\n\nimport { KeyboardContext } from './context';\nimport { useAnimatedKeyboardHandler, useSharedHandlers } from './internal';\nimport { KeyboardControllerView } from './native';\n\nimport type {\n  KeyboardControllerProps,\n  KeyboardHandler,\n  NativeEvent,\n} from './types';\n\nconst KeyboardControllerViewAnimated = Reanimated.createAnimatedComponent(\n  Animated.createAnimatedComponent(\n    KeyboardControllerView\n  ) as React.FC<KeyboardControllerProps>\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  // animated values\n  const progress = useRef(new Animated.Value(0)).current;\n  const height = useRef(new Animated.Value(0)).current;\n  // shared values\n  const progressSV = useSharedValue(0);\n  const heightSV = useSharedValue(0);\n  const { setHandlers, broadcast } = useSharedHandlers<KeyboardHandler>();\n  // memo\n  const context = useMemo(\n    () => ({\n      animated: { progress: progress, height: Animated.multiply(height, -1) },\n      reanimated: { progress: progressSV, height: heightSV },\n      setHandlers,\n    }),\n    []\n  );\n  const style = useMemo(\n    () => [\n      styles.hidden,\n      { transform: [{ translateX: height }, { translateY: progress }] },\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  // handlers\n  const updateSharedValues = (event: NativeEvent, platforms: string[]) => {\n    'worklet';\n\n    if (platforms.includes(Platform.OS)) {\n      progressSV.value = event.progress;\n      heightSV.value = -event.height;\n    }\n  };\n  const handler = useAnimatedKeyboardHandler(\n    {\n      onKeyboardMoveStart: (event: NativeEvent) => {\n        'worklet';\n\n        broadcast('onStart', event);\n        updateSharedValues(event, ['ios']);\n      },\n      onKeyboardMove: (event: NativeEvent) => {\n        'worklet';\n\n        broadcast('onMove', event);\n        updateSharedValues(event, ['android']);\n      },\n      onKeyboardMoveEnd: (event: NativeEvent) => {\n        'worklet';\n\n        broadcast('onEnd', event);\n      },\n    },\n    []\n  );\n\n  return (\n    <KeyboardContext.Provider value={context}>\n      <KeyboardControllerViewAnimated\n        onKeyboardMoveReanimated={handler}\n        onKeyboardMoveStart={Platform.OS === 'ios' ? onKeyboardMove : undefined}\n        onKeyboardMove={Platform.OS === 'android' ? onKeyboardMove : undefined}\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"],"mappings":"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"}

package/lib/commonjs/context.js

@@ -21,7 +21,8 @@ const defaultContext = {
     height: {
       value: 0
     }
-  }
+  },
+  setHandlers: () => {}
 };
 const KeyboardContext = /*#__PURE__*/(0, _react.createContext)(defaultContext);
 exports.KeyboardContext = KeyboardContext;

package/lib/commonjs/context.js.map

@@ -1 +1 @@
-{"version":3,"names":["defaultContext","animated","progress","Animated","Value","height","reanimated","value","KeyboardContext","createContext"],"sources":["context.ts"],"sourcesContent":["import { createContext } from 'react';\nimport { Animated } from 'react-native';\n\nimport type { SharedValue } from 'react-native-reanimated';\n\nexport type AnimatedContext = {\n  progress: Animated.Value;\n  height: Animated.Value;\n};\nexport type ReanimatedContext = {\n  progress: SharedValue<number>;\n  height: SharedValue<number>;\n};\nexport type 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 = createContext(defaultContext);\n"],"mappings":";;;;;;;AAAA;;AACA;;AAgBA,MAAMA,cAAwC,GAAG;EAC/CC,QAAQ,EAAE;IACRC,QAAQ,EAAE,IAAIC,qBAAA,CAASC,KAAb,CAAmB,CAAnB,CADF;IAERC,MAAM,EAAE,IAAIF,qBAAA,CAASC,KAAb,CAAmB,CAAnB;EAFA,CADqC;EAK/CE,UAAU,EAAE;IACVJ,QAAQ,EAAE;MAAEK,KAAK,EAAE;IAAT,CADA;IAEVF,MAAM,EAAE;MAAEE,KAAK,EAAE;IAAT;EAFE;AALmC,CAAjD;AAUO,MAAMC,eAAe,gBAAG,IAAAC,oBAAA,EAAcT,cAAd,CAAxB"}
+{"version":3,"names":["defaultContext","animated","progress","Animated","Value","height","reanimated","value","setHandlers","KeyboardContext","createContext"],"sources":["context.ts"],"sourcesContent":["import { createContext } from 'react';\nimport { Animated } from 'react-native';\n\nimport type { SharedValue } from 'react-native-reanimated';\nimport type { KeyboardHandlers } from './types';\n\nexport type AnimatedContext = {\n  progress: Animated.Value;\n  height: Animated.AnimatedMultiplication<number>;\n};\nexport type ReanimatedContext = {\n  progress: SharedValue<number>;\n  height: SharedValue<number>;\n};\nexport type KeyboardAnimationContext = {\n  animated: AnimatedContext;\n  reanimated: ReanimatedContext;\n  setHandlers: (handlers: KeyboardHandlers) => void;\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  setHandlers: () => {},\n};\nexport const KeyboardContext = createContext(defaultContext);\n"],"mappings":";;;;;;;AAAA;;AACA;;AAkBA,MAAMA,cAAwC,GAAG;EAC/CC,QAAQ,EAAE;IACRC,QAAQ,EAAE,IAAIC,qBAAA,CAASC,KAAb,CAAmB,CAAnB,CADF;IAERC,MAAM,EAAE,IAAIF,qBAAA,CAASC,KAAb,CAAmB,CAAnB;EAFA,CADqC;EAK/CE,UAAU,EAAE;IACVJ,QAAQ,EAAE;MAAEK,KAAK,EAAE;IAAT,CADA;IAEVF,MAAM,EAAE;MAAEE,KAAK,EAAE;IAAT;EAFE,CALmC;EAS/CC,WAAW,EAAE,MAAM,CAAE;AAT0B,CAAjD;AAWO,MAAMC,eAAe,gBAAG,IAAAC,oBAAA,EAAcV,cAAd,CAAxB"}

package/lib/commonjs/hooks.js

@@ -3,7 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useResizeMode = exports.useReanimatedKeyboardAnimation = exports.useKeyboardAnimation = void 0;
+exports.useGenericKeyboardHandler = useGenericKeyboardHandler;
+exports.useKeyboardAnimation = void 0;
+exports.useKeyboardHandler = useKeyboardHandler;
+exports.useResizeMode = exports.useReanimatedKeyboardAnimation = void 0;
 
 var _react = require("react");
 
@@ -11,6 +14,8 @@ var _context = require("./context");
 
 var _native = require("./native");
 
+var _utils = require("./utils");
+
 const useResizeMode = () => {
   (0, _react.useEffect)(() => {
     _native.KeyboardController.setInputMode(_native.AndroidSoftInputModes.SOFT_INPUT_ADJUST_RESIZE);
@@ -36,4 +41,24 @@ const useReanimatedKeyboardAnimation = () => {
 };
 
 exports.useReanimatedKeyboardAnimation = useReanimatedKeyboardAnimation;
+
+function useGenericKeyboardHandler(handler, deps) {
+  const context = (0, _react.useContext)(_context.KeyboardContext);
+  (0, _react.useEffect)(() => {
+    const key = (0, _utils.uuid)();
+    context.setHandlers({
+      [key]: handler
+    });
+    return () => {
+      context.setHandlers({
+        [key]: undefined
+      });
+    };
+  }, deps);
+}
+
+function useKeyboardHandler(handler, deps) {
+  useResizeMode();
+  useGenericKeyboardHandler(handler, deps);
+}
 //# sourceMappingURL=hooks.js.map

package/lib/commonjs/hooks.js.map

@@ -1 +1 @@
-{"version":3,"names":["useResizeMode","useEffect","KeyboardController","setInputMode","AndroidSoftInputModes","SOFT_INPUT_ADJUST_RESIZE","setDefaultMode","useKeyboardAnimation","context","useContext","KeyboardContext","animated","useReanimatedKeyboardAnimation","reanimated"],"sources":["hooks.ts"],"sourcesContent":["import { useContext, useEffect } from 'react';\n\nimport { AnimatedContext, KeyboardContext, ReanimatedContext } from './context';\nimport { AndroidSoftInputModes, KeyboardController } from './native';\n\nexport const useResizeMode = () => {\n  useEffect(() => {\n    KeyboardController.setInputMode(\n      AndroidSoftInputModes.SOFT_INPUT_ADJUST_RESIZE\n    );\n\n    return () => KeyboardController.setDefaultMode();\n  }, []);\n};\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"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AAEO,MAAMA,aAAa,GAAG,MAAM;EACjC,IAAAC,gBAAA,EAAU,MAAM;IACdC,0BAAA,CAAmBC,YAAnB,CACEC,6BAAA,CAAsBC,wBADxB;;IAIA,OAAO,MAAMH,0BAAA,CAAmBI,cAAnB,EAAb;EACD,CAND,EAMG,EANH;AAOD,CARM;;;;AAUA,MAAMC,oBAAoB,GAAG,MAAuB;EACzDP,aAAa;EACb,MAAMQ,OAAO,GAAG,IAAAC,iBAAA,EAAWC,wBAAX,CAAhB;EAEA,OAAOF,OAAO,CAACG,QAAf;AACD,CALM;;;;AAOA,MAAMC,8BAA8B,GAAG,MAAyB;EACrEZ,aAAa;EACb,MAAMQ,OAAO,GAAG,IAAAC,iBAAA,EAAWC,wBAAX,CAAhB;EAEA,OAAOF,OAAO,CAACK,UAAf;AACD,CALM"}
+{"version":3,"names":["useResizeMode","useEffect","KeyboardController","setInputMode","AndroidSoftInputModes","SOFT_INPUT_ADJUST_RESIZE","setDefaultMode","useKeyboardAnimation","context","useContext","KeyboardContext","animated","useReanimatedKeyboardAnimation","reanimated","useGenericKeyboardHandler","handler","deps","key","uuid","setHandlers","undefined","useKeyboardHandler"],"sources":["hooks.ts"],"sourcesContent":["import { DependencyList, useContext, useEffect } from 'react';\n\nimport { AnimatedContext, KeyboardContext, ReanimatedContext } from './context';\nimport { AndroidSoftInputModes, KeyboardController } from './native';\nimport { uuid } from './utils';\n\nimport type { KeyboardHandler } from './types';\n\nexport const useResizeMode = () => {\n  useEffect(() => {\n    KeyboardController.setInputMode(\n      AndroidSoftInputModes.SOFT_INPUT_ADJUST_RESIZE\n    );\n\n    return () => KeyboardController.setDefaultMode();\n  }, []);\n};\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\nexport function useGenericKeyboardHandler(\n  handler: KeyboardHandler,\n  deps?: DependencyList\n) {\n  const context = useContext(KeyboardContext);\n\n  useEffect(() => {\n    const key = uuid();\n\n    context.setHandlers({ [key]: handler });\n\n    return () => {\n      context.setHandlers({ [key]: undefined });\n    };\n  }, deps);\n}\n\nexport function useKeyboardHandler(\n  handler: KeyboardHandler,\n  deps?: DependencyList\n) {\n  useResizeMode();\n  useGenericKeyboardHandler(handler, deps);\n}\n"],"mappings":";;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AAIO,MAAMA,aAAa,GAAG,MAAM;EACjC,IAAAC,gBAAA,EAAU,MAAM;IACdC,0BAAA,CAAmBC,YAAnB,CACEC,6BAAA,CAAsBC,wBADxB;;IAIA,OAAO,MAAMH,0BAAA,CAAmBI,cAAnB,EAAb;EACD,CAND,EAMG,EANH;AAOD,CARM;;;;AAUA,MAAMC,oBAAoB,GAAG,MAAuB;EACzDP,aAAa;EACb,MAAMQ,OAAO,GAAG,IAAAC,iBAAA,EAAWC,wBAAX,CAAhB;EAEA,OAAOF,OAAO,CAACG,QAAf;AACD,CALM;;;;AAOA,MAAMC,8BAA8B,GAAG,MAAyB;EACrEZ,aAAa;EACb,MAAMQ,OAAO,GAAG,IAAAC,iBAAA,EAAWC,wBAAX,CAAhB;EAEA,OAAOF,OAAO,CAACK,UAAf;AACD,CALM;;;;AAOA,SAASC,yBAAT,CACLC,OADK,EAELC,IAFK,EAGL;EACA,MAAMR,OAAO,GAAG,IAAAC,iBAAA,EAAWC,wBAAX,CAAhB;EAEA,IAAAT,gBAAA,EAAU,MAAM;IACd,MAAMgB,GAAG,GAAG,IAAAC,WAAA,GAAZ;IAEAV,OAAO,CAACW,WAAR,CAAoB;MAAE,CAACF,GAAD,GAAOF;IAAT,CAApB;IAEA,OAAO,MAAM;MACXP,OAAO,CAACW,WAAR,CAAoB;QAAE,CAACF,GAAD,GAAOG;MAAT,CAApB;IACD,CAFD;EAGD,CARD,EAQGJ,IARH;AASD;;AAEM,SAASK,kBAAT,CACLN,OADK,EAELC,IAFK,EAGL;EACAhB,aAAa;EACbc,yBAAyB,CAACC,OAAD,EAAUC,IAAV,CAAzB;AACD"}

package/lib/commonjs/internal.js

@@ -4,6 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useAnimatedKeyboardHandler = useAnimatedKeyboardHandler;
+exports.useSharedHandlers = useSharedHandlers;
+
+var _react = require("react");
 
 var _reactNativeReanimated = require("react-native-reanimated");
 
@@ -16,12 +19,73 @@ function useAnimatedKeyboardHandler(handlers, dependencies) {
     'worklet';
 
     const {
-      onKeyboardMove
+      onKeyboardMoveStart,
+      onKeyboardMove,
+      onKeyboardMoveEnd
     } = handlers;
 
+    if (onKeyboardMoveStart && event.eventName.endsWith('onKeyboardMoveStart')) {
+      onKeyboardMoveStart(event, context);
+    }
+
     if (onKeyboardMove && event.eventName.endsWith('onKeyboardMove')) {
       onKeyboardMove(event, context);
     }
-  }, ['onKeyboardMove'], doDependenciesDiffer);
+
+    if (onKeyboardMoveEnd && event.eventName.endsWith('onKeyboardMoveEnd')) {
+      onKeyboardMoveEnd(event, context);
+    }
+  }, ['onKeyboardMoveStart', 'onKeyboardMove', 'onKeyboardMoveEnd'], doDependenciesDiffer);
+}
+/**
+ * Hook for storing worklet handlers (objects with keys, where values are worklets).
+ * Returns methods for setting handlers and broadcasting events in them.
+ *
+ * T is a generic that looks like:
+ * @example
+ * {
+ *  onEvent: () => {},
+ *  onEvent2: () => {},
+ * }
+ */
+
+
+function useSharedHandlers() {
+  const handlers = (0, _reactNativeReanimated.useSharedValue)({});
+  const jsHandlers = (0, _react.useRef)({}); // since js -> worklet -> js call is asynchronous, we can not write handlers
+  // straight into shared variable (using current shared value as a previous result),
+  // since there may be a race condition in a call, and closure may have out-of-dated
+  // values. As a result, some of handlers may be not written to "all handlers" object.
+  // Below we are writing all handlers to `ref` and afterwards synchronize them with
+  // shared value (since `refs` are not referring to actual value in worklets).
+  // This approach allow us to update synchronously handlers in js thread (and it assures,
+  // that it will have all of them) and then update them in worklet thread (calls are
+  // happening in FIFO order, so we will always have actual value).
+
+  const updateSharedHandlers = () => {
+    handlers.value = jsHandlers.current;
+  };
+
+  const setHandlers = (0, _react.useCallback)(handler => {
+    jsHandlers.current = { ...jsHandlers.current,
+      ...handler
+    };
+    updateSharedHandlers();
+  }, []);
+
+  const broadcast = (type, event) => {
+    'worklet';
+
+    Object.keys(handlers.value).forEach(key => {
+      var _handlers$value$key, _handlers$value$key$t;
+
+      return (_handlers$value$key = handlers.value[key]) === null || _handlers$value$key === void 0 ? void 0 : (_handlers$value$key$t = _handlers$value$key[type]) === null || _handlers$value$key$t === void 0 ? void 0 : _handlers$value$key$t.call(_handlers$value$key, event);
+    });
+  };
+
+  return {
+    setHandlers,
+    broadcast
+  };
 }
 //# sourceMappingURL=internal.js.map

package/lib/commonjs/internal.js.map

@@ -1 +1 @@
-{"version":3,"names":["useAnimatedKeyboardHandler","handlers","dependencies","context","doDependenciesDiffer","useHandler","useEvent","event","onKeyboardMove","eventName","endsWith"],"sources":["internal.ts"],"sourcesContent":["import { useEvent, useHandler } from 'react-native-reanimated';\n\nimport type { EventWithName, NativeEvent } from './types';\n\nexport function useAnimatedKeyboardHandler<\n  TContext extends Record<string, unknown>\n>(\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"],"mappings":";;;;;;;AAAA;;AAIO,SAASA,0BAAT,CAGLC,QAHK,EAMLC,YANK,EAOL;EACA,MAAM;IAAEC,OAAF;IAAWC;EAAX,IAAoC,IAAAC,iCAAA,EAAWJ,QAAX,EAAqBC,YAArB,CAA1C;EAEA,OAAO,IAAAI,+BAAA,EACJC,KAAD,IAAuC;IACrC;;IACA,MAAM;MAAEC;IAAF,IAAqBP,QAA3B;;IAEA,IAAIO,cAAc,IAAID,KAAK,CAACE,SAAN,CAAgBC,QAAhB,CAAyB,gBAAzB,CAAtB,EAAkE;MAChEF,cAAc,CAACD,KAAD,EAAQJ,OAAR,CAAd;IACD;EACF,CARI,EASL,CAAC,gBAAD,CATK,EAULC,oBAVK,CAAP;AAYD"}
+{"version":3,"names":["useAnimatedKeyboardHandler","handlers","dependencies","context","doDependenciesDiffer","useHandler","useEvent","event","onKeyboardMoveStart","onKeyboardMove","onKeyboardMoveEnd","eventName","endsWith","useSharedHandlers","useSharedValue","jsHandlers","useRef","updateSharedHandlers","value","current","setHandlers","useCallback","handler","broadcast","type","Object","keys","forEach","key"],"sources":["internal.ts"],"sourcesContent":["import { useCallback, useRef } from 'react';\nimport { useEvent, useHandler, useSharedValue } from 'react-native-reanimated';\n\nimport type { EventWithName, Handlers, NativeEvent } from './types';\n\nexport function useAnimatedKeyboardHandler<\n  TContext extends Record<string, unknown>\n>(\n  handlers: {\n    onKeyboardMoveStart?: (e: NativeEvent, context: TContext) => void;\n    onKeyboardMove?: (e: NativeEvent, context: TContext) => void;\n    onKeyboardMoveEnd?: (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 { onKeyboardMoveStart, onKeyboardMove, onKeyboardMoveEnd } =\n        handlers;\n\n      if (\n        onKeyboardMoveStart &&\n        event.eventName.endsWith('onKeyboardMoveStart')\n      ) {\n        onKeyboardMoveStart(event, context);\n      }\n\n      if (onKeyboardMove && event.eventName.endsWith('onKeyboardMove')) {\n        onKeyboardMove(event, context);\n      }\n\n      if (onKeyboardMoveEnd && event.eventName.endsWith('onKeyboardMoveEnd')) {\n        onKeyboardMoveEnd(event, context);\n      }\n    },\n    ['onKeyboardMoveStart', 'onKeyboardMove', 'onKeyboardMoveEnd'],\n    doDependenciesDiffer\n  );\n}\n\n/**\n * Hook for storing worklet handlers (objects with keys, where values are worklets).\n * Returns methods for setting handlers and broadcasting events in them.\n *\n * T is a generic that looks like:\n * @example\n * {\n *  onEvent: () => {},\n *  onEvent2: () => {},\n * }\n */\nexport function useSharedHandlers<T extends Record<string, Function>>() {\n  const handlers = useSharedValue<Handlers<T>>({});\n  const jsHandlers = useRef<Handlers<T>>({});\n\n  // since js -> worklet -> js call is asynchronous, we can not write handlers\n  // straight into shared variable (using current shared value as a previous result),\n  // since there may be a race condition in a call, and closure may have out-of-dated\n  // values. As a result, some of handlers may be not written to \"all handlers\" object.\n  // Below we are writing all handlers to `ref` and afterwards synchronize them with\n  // shared value (since `refs` are not referring to actual value in worklets).\n  // This approach allow us to update synchronously handlers in js thread (and it assures,\n  // that it will have all of them) and then update them in worklet thread (calls are\n  // happening in FIFO order, so we will always have actual value).\n  const updateSharedHandlers = () => {\n    handlers.value = jsHandlers.current;\n  };\n  const setHandlers = useCallback((handler: Handlers<T>) => {\n    jsHandlers.current = {\n      ...jsHandlers.current,\n      ...handler,\n    };\n    updateSharedHandlers();\n  }, []);\n  const broadcast = (type: keyof T, event: NativeEvent) => {\n    'worklet';\n\n    Object.keys(handlers.value).forEach((key) =>\n      handlers.value[key]?.[type]?.(event)\n    );\n  };\n\n  return { setHandlers, broadcast };\n}\n"],"mappings":";;;;;;;;AAAA;;AACA;;AAIO,SAASA,0BAAT,CAGLC,QAHK,EAQLC,YARK,EASL;EACA,MAAM;IAAEC,OAAF;IAAWC;EAAX,IAAoC,IAAAC,iCAAA,EAAWJ,QAAX,EAAqBC,YAArB,CAA1C;EAEA,OAAO,IAAAI,+BAAA,EACJC,KAAD,IAAuC;IACrC;;IACA,MAAM;MAAEC,mBAAF;MAAuBC,cAAvB;MAAuCC;IAAvC,IACJT,QADF;;IAGA,IACEO,mBAAmB,IACnBD,KAAK,CAACI,SAAN,CAAgBC,QAAhB,CAAyB,qBAAzB,CAFF,EAGE;MACAJ,mBAAmB,CAACD,KAAD,EAAQJ,OAAR,CAAnB;IACD;;IAED,IAAIM,cAAc,IAAIF,KAAK,CAACI,SAAN,CAAgBC,QAAhB,CAAyB,gBAAzB,CAAtB,EAAkE;MAChEH,cAAc,CAACF,KAAD,EAAQJ,OAAR,CAAd;IACD;;IAED,IAAIO,iBAAiB,IAAIH,KAAK,CAACI,SAAN,CAAgBC,QAAhB,CAAyB,mBAAzB,CAAzB,EAAwE;MACtEF,iBAAiB,CAACH,KAAD,EAAQJ,OAAR,CAAjB;IACD;EACF,CApBI,EAqBL,CAAC,qBAAD,EAAwB,gBAAxB,EAA0C,mBAA1C,CArBK,EAsBLC,oBAtBK,CAAP;AAwBD;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,SAASS,iBAAT,GAAiE;EACtE,MAAMZ,QAAQ,GAAG,IAAAa,qCAAA,EAA4B,EAA5B,CAAjB;EACA,MAAMC,UAAU,GAAG,IAAAC,aAAA,EAAoB,EAApB,CAAnB,CAFsE,CAItE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;EACA,MAAMC,oBAAoB,GAAG,MAAM;IACjChB,QAAQ,CAACiB,KAAT,GAAiBH,UAAU,CAACI,OAA5B;EACD,CAFD;;EAGA,MAAMC,WAAW,GAAG,IAAAC,kBAAA,EAAaC,OAAD,IAA0B;IACxDP,UAAU,CAACI,OAAX,GAAqB,EACnB,GAAGJ,UAAU,CAACI,OADK;MAEnB,GAAGG;IAFgB,CAArB;IAIAL,oBAAoB;EACrB,CANmB,EAMjB,EANiB,CAApB;;EAOA,MAAMM,SAAS,GAAG,CAACC,IAAD,EAAgBjB,KAAhB,KAAuC;IACvD;;IAEAkB,MAAM,CAACC,IAAP,CAAYzB,QAAQ,CAACiB,KAArB,EAA4BS,OAA5B,CAAqCC,GAAD;MAAA;;MAAA,8BAClC3B,QAAQ,CAACiB,KAAT,CAAeU,GAAf,CADkC,iFAClC,oBAAsBJ,IAAtB,CADkC,0DAClC,gDAA8BjB,KAA9B,CADkC;IAAA,CAApC;EAGD,CAND;;EAQA,OAAO;IAAEa,WAAF;IAAeG;EAAf,CAAP;AACD"}