react-native-keyboard-controller 1.1.0 → 1.3.0

package/ios/KeyboardControllerModule.mm

@@ -0,0 +1,105 @@
+//
+//  KeyboardControllerModule.m
+//  KeyboardController
+//
+//  Created by Kiryl Ziusko on 22.04.22.
+//  Copyright © 2022 Facebook. All rights reserved.
+//
+
+#import <React/RCTBridgeModule.h>
+#import <React/RCTEventEmitter.h>
+
+// Thanks to this guard, we won't import this header when we build for the old architecture.
+#ifdef RCT_NEW_ARCH_ENABLED
+#import <FBReactNativeSpec/FBReactNativeSpec.h>
+#import <reactnativekeyboardcontroller/reactnativekeyboardcontroller.h>
+#endif
+
+#import "KeyboardControllerModule-Header.h"
+
+#import <React/RCTEventDispatcherProtocol.h>
+
+#ifdef RCT_NEW_ARCH_ENABLED
+@interface KeyboardController () <NativeKeyboardControllerSpec>
+@end
+#endif
+
+@implementation KeyboardController {
+  bool hasListeners;
+}
+
+static KeyboardController *shared = nil;
+
+RCT_EXPORT_MODULE()
+
+- (instancetype)init
+{
+  self = [super init];
+  shared = self;
+
+  return self;
+}
+
++ (BOOL)requiresMainQueueSetup
+{
+  return NO;
+}
+
+#ifdef RCT_NEW_ARCH_ENABLED
+- (void)setDefaultMode
+#else
+RCT_EXPORT_METHOD(setDefaultMode)
+#endif
+{
+}
+
+#ifdef RCT_NEW_ARCH_ENABLED
+- (void)setInputMode:(double)mode
+#else
+RCT_EXPORT_METHOD(setInputMode : (nonnull NSNumber *)mode)
+#endif
+{
+}
+
++ (KeyboardController *)shared
+{
+  return shared;
+}
+
+- (void)startObserving
+{
+  hasListeners = YES;
+}
+
+- (void)stopObserving
+{
+  hasListeners = NO;
+}
+
+- (void)sendEvent:(NSString *)name body:(id)body
+{
+  if (hasListeners) {
+    [self sendEventWithName:name body:body];
+  }
+}
+
+- (NSArray<NSString *> *)supportedEvents
+{
+  return @[
+    @"KeyboardController::keyboardWillShow",
+    @"KeyboardController::keyboardDidShow",
+    @"KeyboardController::keyboardWillHide",
+    @"KeyboardController::keyboardDidHide",
+  ];
+}
+
+// Thanks to this guard, we won't compile this code when we build for the old architecture.
+#ifdef RCT_NEW_ARCH_ENABLED
+- (std::shared_ptr<facebook::react::TurboModule>)getTurboModule:
+    (const facebook::react::ObjCTurboModule::InitParams &)params
+{
+  return std::make_shared<facebook::react::NativeKeyboardControllerSpecJSI>(params);
+}
+#endif
+
+@end

package/ios/KeyboardControllerView.h

@@ -0,0 +1,23 @@
+//
+//  KeyboardControllerView.h
+//  KeyboardController
+//
+//  Created by Kiryl Ziusko on 2.08.22.
+//  Copyright © 2022 Facebook. All rights reserved.
+//
+
+#pragma once
+
+// This guard prevent this file to be compiled in the old architecture.
+#ifdef RCT_NEW_ARCH_ENABLED
+#import <React/RCTViewComponentView.h>
+#import <UIKit/UIKit.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface KeyboardControllerView : RCTViewComponentView
+@end
+
+NS_ASSUME_NONNULL_END
+
+#endif /* RCT_NEW_ARCH_ENABLED */

package/ios/KeyboardControllerView.mm

@@ -0,0 +1,81 @@
+//
+//  KeyboardControllerView.mm
+//  KeyboardController
+//
+//  Created by Kiryl Ziusko on 2.08.22.
+//  Copyright © 2022 Facebook. All rights reserved.
+//
+
+// This guard prevent the code from being compiled in the old architecture
+#ifdef RCT_NEW_ARCH_ENABLED
+#import "KeyboardControllerView.h"
+#import "KeyboardMoveEvent.h"
+#import "react_native_keyboard_controller-Swift.h"
+
+#import <react/renderer/components/reactnativekeyboardcontroller/ComponentDescriptors.h>
+#import <react/renderer/components/reactnativekeyboardcontroller/EventEmitters.h>
+#import <react/renderer/components/reactnativekeyboardcontroller/Props.h>
+#import <react/renderer/components/reactnativekeyboardcontroller/RCTComponentViewHelpers.h>
+
+#import <React/RCTBridge+Private.h>
+
+#import "KeyboardControllerModule-Header.h"
+#import "RCTFabricComponentsPlugins.h"
+
+using namespace facebook::react;
+
+@interface KeyboardControllerView () <RCTKeyboardControllerViewViewProtocol>
+
+@end
+
+@implementation KeyboardControllerView {
+  KeyboardMovementObserver *observer;
+}
+
++ (ComponentDescriptorProvider)componentDescriptorProvider
+{
+  return concreteComponentDescriptorProvider<KeyboardControllerViewComponentDescriptor>();
+}
+
+- (instancetype)initWithFrame:(CGRect)frame
+{
+  if (self = [super initWithFrame:frame]) {
+    static const auto defaultProps = std::make_shared<const KeyboardControllerViewProps>();
+    _props = defaultProps;
+
+    observer = [[KeyboardMovementObserver alloc]
+        initWithHandler:^(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 built-in _eventEmitter once NativeAnimated module will use ModernEventemitter
+          RCTBridge *bridge = [RCTBridge currentBridge];
+          if (bridge) {
+            KeyboardMoveEvent *keyboardMoveEvent =
+                [[KeyboardMoveEvent alloc] initWithReactTag:@(self.tag)
+                                                     height:height
+                                                   progress:progress];
+            [bridge.eventDispatcher sendEvent:keyboardMoveEvent];
+          }
+        }
+        onNotify:^(NSString *event, NSDictionary *data) {
+          [KeyboardController.shared sendEvent:event body:data];
+        }];
+    [observer mount];
+  }
+
+  return self;
+}
+
+Class<RCTComponentViewProtocol> KeyboardControllerViewCls(void)
+{
+  return KeyboardControllerView.class;
+}
+
+@end
+#endif

package/ios/KeyboardControllerViewManager.swift

@@ -42,7 +42,7 @@ class KeyboardControllerView: UIView {
   func onEvent(height: NSNumber, progress: NSNumber) {
     eventDispatcher.send(
       KeyboardMoveEvent(
-        viewTag: reactTag,
+        reactTag: reactTag,
         height: height,
         progress: progress
       )
@@ -50,6 +50,6 @@ class KeyboardControllerView: UIView {
   }
 
   func onNotify(event: String, data: Any) {
-    KeyboardController.shared?.sendEvent(withName: event, body: data)
+    KeyboardController.shared()?.sendEvent(event, body: data)
   }
 }

package/ios/KeyboardMoveEvent.h

@@ -0,0 +1,18 @@
+//
+//  KeyboardMoveEvent.h
+//  KeyboardController
+//
+//  Created by Kiryl Ziusko on 6.08.22.
+//  Copyright © 2022 Facebook. All rights reserved.
+//
+
+#import <Foundation/Foundation.h>
+#import <React/RCTEventDispatcherProtocol.h>
+
+@interface KeyboardMoveEvent : NSObject <RCTEvent>
+
+- (instancetype)initWithReactTag:(NSNumber *)reactTag
+                          height:(NSNumber *)height
+                        progress:(NSNumber *)progress;
+
+@end

package/ios/KeyboardMoveEvent.m

@@ -0,0 +1,74 @@
+//
+//  KeyboardMoveEvent.m
+//  KeyboardController
+//
+//  Created by Kiryl Ziusko on 6.08.22.
+//  Copyright © 2022 Facebook. All rights reserved.
+//
+
+#import "KeyboardMoveEvent.h"
+#import <React/RCTAssert.h>
+
+@implementation KeyboardMoveEvent {
+  NSNumber *_progress;
+  NSNumber *_height;
+  uint16_t _coalescingKey;
+}
+
+@synthesize viewTag = _viewTag;
+@synthesize eventName = _eventName;
+
+- (instancetype)initWithReactTag:(NSNumber *)reactTag
+                          height:(NSNumber *)height
+                        progress:(NSNumber *)progress
+{
+  RCTAssertParam(reactTag);
+
+  if ((self = [super init])) {
+    _eventName = @"onKeyboardMove";
+    _viewTag = reactTag;
+    _progress = progress;
+    _height = height;
+    _coalescingKey = 0;
+  }
+  return self;
+}
+
+RCT_NOT_IMPLEMENTED(-(instancetype)init)
+
+- (uint16_t)coalescingKey
+{
+  return _coalescingKey;
+}
+
+- (NSDictionary *)body
+{
+  NSDictionary *body = @{
+    @"progress" : _progress,
+    @"height" : _height,
+  };
+
+  return body;
+}
+
+- (BOOL)canCoalesce
+{
+  return NO;
+}
+
+- (KeyboardMoveEvent *)coalesceWithEvent:(KeyboardMoveEvent *)newEvent
+{
+  return newEvent;
+}
+
++ (NSString *)moduleDotMethod
+{
+  return @"RCTEventEmitter.receiveEvent";
+}
+
+- (NSArray *)arguments
+{
+  return @[ self.viewTag, RCTNormalizeInputEventName(self.eventName), [self body] ];
+}
+
+@end

package/lib/commonjs/animated.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useReanimatedKeyboardAnimation = exports.useKeyboardAnimation = exports.styles = exports.KeyboardProvider = exports.KeyboardContext = void 0;
+exports.styles = exports.KeyboardProvider = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -11,6 +11,10 @@ var _reactNative = require("react-native");
 
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
 
+var _context = require("./context");
+
+var _internal = require("./internal");
+
 var _native = require("./native");
 
 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); }
@@ -19,59 +23,6 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 const KeyboardControllerViewAnimated = _reactNativeReanimated.default.createAnimatedComponent(_reactNative.Animated.createAnimatedComponent(_native.KeyboardControllerView));
 
-const defaultContext = {
-  animated: {
-    progress: new _reactNative.Animated.Value(0),
-    height: new _reactNative.Animated.Value(0)
-  },
-  reanimated: {
-    progress: {
-      value: 0
-    },
-    height: {
-      value: 0
-    }
-  }
-};
-
-const KeyboardContext = /*#__PURE__*/_react.default.createContext(defaultContext);
-
-exports.KeyboardContext = KeyboardContext;
-
-const useKeyboardAnimation = () => {
-  (0, _native.useResizeMode)();
-  const context = (0, _react.useContext)(KeyboardContext);
-  return context.animated;
-};
-
-exports.useKeyboardAnimation = useKeyboardAnimation;
-
-const useReanimatedKeyboardAnimation = () => {
-  (0, _native.useResizeMode)();
-  const context = (0, _react.useContext)(KeyboardContext);
-  return context.reanimated;
-};
-
-exports.useReanimatedKeyboardAnimation = useReanimatedKeyboardAnimation;
-
-function useAnimatedKeyboardHandler(handlers, dependencies) {
-  const {
-    context,
-    doDependenciesDiffer
-  } = (0, _reactNativeReanimated.useHandler)(handlers, dependencies);
-  return (0, _reactNativeReanimated.useEvent)(event => {
-    'worklet';
-
-    const {
-      onKeyboardMove
-    } = handlers;
-
-    if (onKeyboardMove && event.eventName.endsWith('onKeyboardMove')) {
-      onKeyboardMove(event, context);
-    }
-  }, ['onKeyboardMove'], doDependenciesDiffer);
-}
-
 const styles = _reactNative.StyleSheet.create({
   container: {
     flex: 1
@@ -89,10 +40,13 @@ const KeyboardProvider = _ref => {
     children,
     statusBarTranslucent
   } = _ref;
+  // animated values
   const progress = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
-  const height = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  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);
+  const heightSV = (0, _reactNativeReanimated.useSharedValue)(0); // memo
+
   const context = (0, _react.useMemo)(() => ({
     animated: {
       progress: progress,
@@ -117,8 +71,9 @@ const KeyboardProvider = _ref => {
     }
   }], {
     useNativeDriver: true
-  }), []);
-  const handler = useAnimatedKeyboardHandler({
+  }), []); // handlers
+
+  const handler = (0, _internal.useAnimatedKeyboardHandler)({
     onKeyboardMove: event => {
       'worklet';
 
@@ -126,7 +81,7 @@ const KeyboardProvider = _ref => {
       heightSV.value = event.height;
     }
   }, []);
-  return /*#__PURE__*/_react.default.createElement(KeyboardContext.Provider, {
+  return /*#__PURE__*/_react.default.createElement(_context.KeyboardContext.Provider, {
     value: context
   }, /*#__PURE__*/_react.default.createElement(KeyboardControllerViewAnimated, {
     onKeyboardMoveReanimated: handler,

package/lib/commonjs/animated.js.map

@@ -1 +1 @@
-{"version":3,"names":["KeyboardControllerViewAnimated","Reanimated","createAnimatedComponent","Animated","KeyboardControllerView","defaultContext","animated","progress","Value","height","reanimated","value","KeyboardContext","React","createContext","useKeyboardAnimation","useResizeMode","context","useContext","useReanimatedKeyboardAnimation","useAnimatedKeyboardHandler","handlers","dependencies","doDependenciesDiffer","useHandler","useEvent","event","onKeyboardMove","eventName","endsWith","styles","StyleSheet","create","container","flex","hidden","display","position","KeyboardProvider","children","statusBarTranslucent","useRef","current","progressSV","useSharedValue","heightSV","useMemo","style","transform","translateX","translateY","nativeEvent","useNativeDriver","handler"],"sources":["animated.tsx"],"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"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAKA;;;;;;AAQA,MAAMA,8BAA8B,GAAGC,8BAAA,CAAWC,uBAAX,CACrCC,qBAAA,CAASD,uBAAT,CACEE,8BADF,CADqC,CAAvC;;AAkBA,MAAMC,cAAwC,GAAG;EAC/CC,QAAQ,EAAE;IACRC,QAAQ,EAAE,IAAIJ,qBAAA,CAASK,KAAb,CAAmB,CAAnB,CADF;IAERC,MAAM,EAAE,IAAIN,qBAAA,CAASK,KAAb,CAAmB,CAAnB;EAFA,CADqC;EAK/CE,UAAU,EAAE;IACVH,QAAQ,EAAE;MAAEI,KAAK,EAAE;IAAT,CADA;IAEVF,MAAM,EAAE;MAAEE,KAAK,EAAE;IAAT;EAFE;AALmC,CAAjD;;AAUO,MAAMC,eAAe,gBAAGC,cAAA,CAAMC,aAAN,CAAoBT,cAApB,CAAxB;;;;AAEA,MAAMU,oBAAoB,GAAG,MAAuB;EACzD,IAAAC,qBAAA;EACA,MAAMC,OAAO,GAAG,IAAAC,iBAAA,EAAWN,eAAX,CAAhB;EAEA,OAAOK,OAAO,CAACX,QAAf;AACD,CALM;;;;AAOA,MAAMa,8BAA8B,GAAG,MAAyB;EACrE,IAAAH,qBAAA;EACA,MAAMC,OAAO,GAAG,IAAAC,iBAAA,EAAWN,eAAX,CAAhB;EAEA,OAAOK,OAAO,CAACP,UAAf;AACD,CALM;;;;AAOP,SAASU,0BAAT,CACEC,QADF,EAIEC,YAJF,EAKE;EACA,MAAM;IAAEL,OAAF;IAAWM;EAAX,IAAoC,IAAAC,iCAAA,EAAWH,QAAX,EAAqBC,YAArB,CAA1C;EAEA,OAAO,IAAAG,+BAAA,EACJC,KAAD,IAAuC;IACrC;;IACA,MAAM;MAAEC;IAAF,IAAqBN,QAA3B;;IAEA,IAAIM,cAAc,IAAID,KAAK,CAACE,SAAN,CAAgBC,QAAhB,CAAyB,gBAAzB,CAAtB,EAAkE;MAChEF,cAAc,CAACD,KAAD,EAAQT,OAAR,CAAd;IACD;EACF,CARI,EASL,CAAC,gBAAD,CATK,EAULM,oBAVK,CAAP;AAYD;;AAOM,MAAMO,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,MAAMjC,QAAQ,GAAG,IAAAkC,aAAA,EAAO,IAAItC,qBAAA,CAASK,KAAb,CAAmB,CAAnB,CAAP,EAA8BkC,OAA/C;EACA,MAAMjC,MAAM,GAAG,IAAAgC,aAAA,EAAO,IAAItC,qBAAA,CAASK,KAAb,CAAmB,CAAnB,CAAP,EAA8BkC,OAA7C;EACA,MAAMC,UAAU,GAAG,IAAAC,qCAAA,EAAe,CAAf,CAAnB;EACA,MAAMC,QAAQ,GAAG,IAAAD,qCAAA,EAAe,CAAf,CAAjB;EACA,MAAM3B,OAAO,GAAG,IAAA6B,cAAA,EACd,OAAO;IACLxC,QAAQ,EAAE;MAAEC,QAAQ,EAAEA,QAAZ;MAAsBE,MAAM,EAAEA;IAA9B,CADL;IAELC,UAAU,EAAE;MAAEH,QAAQ,EAAEoC,UAAZ;MAAwBlC,MAAM,EAAEoC;IAAhC;EAFP,CAAP,CADc,EAKd,EALc,CAAhB;EAOA,MAAME,KAAK,GAAG,IAAAD,cAAA,EACZ,MAAM,CACJhB,MAAM,CAACK,MADH,EAEJ;IAAEa,SAAS,EAAE,CAAC;MAAEC,UAAU,EAAExC;IAAd,CAAD,EAAyB;MAAEyC,UAAU,EAAE3C;IAAd,CAAzB;EAAb,CAFI,CADM,EAKZ,EALY,CAAd;EAQA,MAAMoB,cAAc,GAAG,IAAAmB,cAAA,EACrB,MACE3C,qBAAA,CAASuB,KAAT,CACE,CACE;IACEyB,WAAW,EAAE;MACX5C,QADW;MAEXE;IAFW;EADf,CADF,CADF,EASE;IAAE2C,eAAe,EAAE;EAAnB,CATF,CAFmB,EAarB,EAbqB,CAAvB;EAgBA,MAAMC,OAAO,GAAGjC,0BAA0B,CACxC;IACEO,cAAc,EAAGD,KAAD,IAAwB;MACtC;;MACAiB,UAAU,CAAChC,KAAX,GAAmBe,KAAK,CAACnB,QAAzB;MACAsC,QAAQ,CAAClC,KAAT,GAAiBe,KAAK,CAACjB,MAAvB;IACD;EALH,CADwC,EAQxC,EARwC,CAA1C;EAWA,oBACE,6BAAC,eAAD,CAAiB,QAAjB;IAA0B,KAAK,EAAEQ;EAAjC,gBACE,6BAAC,8BAAD;IACE,wBAAwB,EAAEoC,OAD5B;IAEE,cAAc,EAAE1B,cAFlB;IAGE,oBAAoB,EAAEa,oBAHxB;IAIE,KAAK,EAAEV,MAAM,CAACG;EAJhB,gBAME,yEACE,6BAAC,qBAAD,CAAU,IAAV;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA,KAAK,EAAEc;EATT,EADF,EAYGR,QAZH,CANF,CADF,CADF;AAyBD,CA3EM"}
+{"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"}

package/lib/commonjs/context.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.KeyboardContext = void 0;
+
+var _react = require("react");
+
+var _reactNative = require("react-native");
+
+const defaultContext = {
+  animated: {
+    progress: new _reactNative.Animated.Value(0),
+    height: new _reactNative.Animated.Value(0)
+  },
+  reanimated: {
+    progress: {
+      value: 0
+    },
+    height: {
+      value: 0
+    }
+  }
+};
+const KeyboardContext = /*#__PURE__*/(0, _react.createContext)(defaultContext);
+exports.KeyboardContext = KeyboardContext;
+//# sourceMappingURL=context.js.map

package/lib/commonjs/context.js.map

@@ -0,0 +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"}

package/lib/commonjs/hooks.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useResizeMode = exports.useReanimatedKeyboardAnimation = exports.useKeyboardAnimation = void 0;
+
+var _react = require("react");
+
+var _context = require("./context");
+
+var _native = require("./native");
+
+const useResizeMode = () => {
+  (0, _react.useEffect)(() => {
+    _native.KeyboardController.setInputMode(_native.AndroidSoftInputModes.SOFT_INPUT_ADJUST_RESIZE);
+
+    return () => _native.KeyboardController.setDefaultMode();
+  }, []);
+};
+
+exports.useResizeMode = useResizeMode;
+
+const useKeyboardAnimation = () => {
+  useResizeMode();
+  const context = (0, _react.useContext)(_context.KeyboardContext);
+  return context.animated;
+};
+
+exports.useKeyboardAnimation = useKeyboardAnimation;
+
+const useReanimatedKeyboardAnimation = () => {
+  useResizeMode();
+  const context = (0, _react.useContext)(_context.KeyboardContext);
+  return context.reanimated;
+};
+
+exports.useReanimatedKeyboardAnimation = useReanimatedKeyboardAnimation;
+//# sourceMappingURL=hooks.js.map

package/lib/commonjs/hooks.js.map

@@ -0,0 +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"}

package/lib/commonjs/index.js

@@ -44,4 +44,43 @@ Object.keys(_replicas).forEach(function (key) {
     }
   });
 });
+
+var _context = require("./context");
+
+Object.keys(_context).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _context[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _context[key];
+    }
+  });
+});
+
+var _hooks = require("./hooks");
+
+Object.keys(_hooks).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _hooks[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _hooks[key];
+    }
+  });
+});
+
+var _types = require("./types");
+
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _types[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _types[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

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

package/lib/commonjs/internal.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAnimatedKeyboardHandler = useAnimatedKeyboardHandler;
+
+var _reactNativeReanimated = require("react-native-reanimated");
+
+function useAnimatedKeyboardHandler(handlers, dependencies) {
+  const {
+    context,
+    doDependenciesDiffer
+  } = (0, _reactNativeReanimated.useHandler)(handlers, dependencies);
+  return (0, _reactNativeReanimated.useEvent)(event => {
+    'worklet';
+
+    const {
+      onKeyboardMove
+    } = handlers;
+
+    if (onKeyboardMove && event.eventName.endsWith('onKeyboardMove')) {
+      onKeyboardMove(event, context);
+    }
+  }, ['onKeyboardMove'], doDependenciesDiffer);
+}
+//# sourceMappingURL=internal.js.map

package/lib/commonjs/internal.js.map

@@ -0,0 +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"}

package/lib/commonjs/monkey-patch.js

@@ -10,10 +10,12 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 // @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
+
+const RCTStatusBarManagerCompat = require('./specs/NativeStatusBarManagerCompat').default; // 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,