react-native-keyboard-controller 1.0.0-alpha.0

package/ios/KeyboardControllerViewManager.swift

@@ -0,0 +1,74 @@
+@objc(KeyboardControllerViewManager)
+class KeyboardControllerViewManager: RCTViewManager {
+  override class func requiresMainQueueSetup() -> Bool {
+    return false
+  }
+
+  override func view() -> (KeyboardControllerView) {
+      return KeyboardControllerView(frame: CGRect.zero, eventDispatcher: self.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?) {
+        super.willMove(toWindow: newWindow)
+        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 keyboardWillAppear(_ notification: Notification) {
+        if let keyboardFrame: NSValue = notification.userInfo?[UIResponder.keyboardFrameEndUserInfoKey] as? NSValue {
+            let keyboardHeight = keyboardFrame.cgRectValue.size.height
+
+            self.eventDispatcher.send(KeyboardMoveEvent(reactTag: self.reactTag, height: -keyboardHeight as NSNumber, progress: 1))
+
+            var data = [AnyHashable: Any]()
+            data["height"] = keyboardHeight
+            KeyboardController.shared?.sendEvent(withName: "KeyboardController::keyboardWillShow", body: data)
+        }
+    }
+
+    @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)
+    }
+    
+    @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)
+    }
+
+    override func willRemoveSubview(_ subview: UIView) {
+        super.willRemoveSubview(subview)
+        NotificationCenter.default.removeObserver(self) // TODO: correct place?
+    }
+}

package/ios/KeyboardMoveEvent.swift

@@ -0,0 +1,37 @@
+//
+//  KeyboardMoveEvent.swift
+//  KeyboardController
+//
+//  Created by Kiryl Ziusko on 26.04.22.
+//  Copyright © 2022 Facebook. All rights reserved.
+//
+
+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
+    }
+}

package/lib/commonjs/animated.js

@@ -0,0 +1,145 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useReanimatedKeyboardAnimation = exports.useKeyboardAnimation = exports.styles = exports.KeyboardProvider = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+
+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); }
+
+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; }
+
+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);
+
+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
+  },
+  hidden: {
+    display: 'none',
+    position: 'absolute'
+  }
+});
+
+exports.styles = styles;
+
+const KeyboardProvider = _ref => {
+  let {
+    children
+  } = _ref;
+  const progress = (0, _react.useMemo)(() => new _reactNative.Animated.Value(0), []);
+  const height = (0, _react.useMemo)(() => new _reactNative.Animated.Value(0), []);
+  const progressSV = (0, _reactNativeReanimated.useSharedValue)(0);
+  const heightSV = (0, _reactNativeReanimated.useSharedValue)(0);
+  const context = (0, _react.useMemo)(() => ({
+    animated: {
+      progress: progress,
+      height: height
+    },
+    reanimated: {
+      progress: progressSV,
+      height: heightSV
+    }
+  }), []);
+  const onKeyboardMove = (0, _react.useMemo)(() => _reactNative.Animated.event([{
+    nativeEvent: {
+      progress,
+      height
+    }
+  }], {
+    useNativeDriver: true
+  }), []);
+  const handler = useAnimatedKeyboardHandler({
+    onKeyboardMove: event => {
+      'worklet';
+
+      progressSV.value = event.progress;
+      heightSV.value = event.height;
+    }
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(KeyboardContext.Provider, {
+    value: context
+  }, /*#__PURE__*/_react.default.createElement(KeyboardControllerViewAnimated, {
+    onKeyboardMoveReanimated: handler,
+    onKeyboardMove: onKeyboardMove,
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.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
+      }]
+    }]
+  }), children));
+};
+
+exports.KeyboardProvider = KeyboardProvider;
+//# sourceMappingURL=animated.js.map

package/lib/commonjs/animated.js.map

@@ -0,0 +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","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\nexport const KeyboardProvider = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\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        style={styles.container}\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      </KeyboardControllerViewAnimated>\n    </KeyboardContext.Provider>\n  );\n};\n"]}

package/lib/commonjs/index.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _native = require("./native");
+
+Object.keys(_native).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _native[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _native[key];
+    }
+  });
+});
+
+var _animated = require("./animated");
+
+Object.keys(_animated).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _animated[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _animated[key];
+    }
+  });
+});
+
+var _replicas = require("./replicas");
+
+Object.keys(_replicas).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _replicas[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _replicas[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

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

package/lib/commonjs/native.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useResizeMode = exports.KeyboardEvents = exports.KeyboardControllerView = exports.KeyboardController = exports.AndroidSoftInputModes = void 0;
+
+var _react = require("react");
+
+var _reactNative = require("react-native");
+
+const LINKING_ERROR = `The package 'react-native-keyboard-controller' doesn't seem to be linked. Make sure: \n\n` + _reactNative.Platform.select({
+  ios: "- You have run 'pod install'\n",
+  default: ''
+}) + '- You rebuilt the app after installing the package\n' + '- You are not using Expo managed workflow\n';
+let AndroidSoftInputModes;
+exports.AndroidSoftInputModes = AndroidSoftInputModes;
+
+(function (AndroidSoftInputModes) {
+  AndroidSoftInputModes[AndroidSoftInputModes["SOFT_INPUT_ADJUST_NOTHING"] = 48] = "SOFT_INPUT_ADJUST_NOTHING";
+  AndroidSoftInputModes[AndroidSoftInputModes["SOFT_INPUT_ADJUST_PAN"] = 32] = "SOFT_INPUT_ADJUST_PAN";
+  AndroidSoftInputModes[AndroidSoftInputModes["SOFT_INPUT_ADJUST_RESIZE"] = 16] = "SOFT_INPUT_ADJUST_RESIZE";
+  AndroidSoftInputModes[AndroidSoftInputModes["SOFT_INPUT_ADJUST_UNSPECIFIED"] = 0] = "SOFT_INPUT_ADJUST_UNSPECIFIED";
+})(AndroidSoftInputModes || (exports.AndroidSoftInputModes = AndroidSoftInputModes = {}));
+
+const ComponentName = 'KeyboardControllerView';
+const RCTKeyboardController = _reactNative.NativeModules.KeyboardController;
+const KeyboardController = RCTKeyboardController;
+exports.KeyboardController = KeyboardController;
+const eventEmitter = new _reactNative.NativeEventEmitter(RCTKeyboardController);
+const KeyboardEvents = {
+  addListener: (name, cb) => eventEmitter.addListener('KeyboardController::' + name, cb)
+};
+exports.KeyboardEvents = KeyboardEvents;
+const KeyboardControllerView = _reactNative.UIManager.getViewManagerConfig(ComponentName) != null ? (0, _reactNative.requireNativeComponent)(ComponentName) : () => {
+  throw new Error(LINKING_ERROR);
+};
+exports.KeyboardControllerView = KeyboardControllerView;
+
+const useResizeMode = () => {
+  (0, _react.useEffect)(() => {
+    KeyboardController.setInputMode(AndroidSoftInputModes.SOFT_INPUT_ADJUST_RESIZE);
+    return () => KeyboardController.setDefaultMode();
+  }, []);
+};
+
+exports.useResizeMode = useResizeMode;
+//# sourceMappingURL=native.js.map

package/lib/commonjs/native.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["native.ts"],"names":["LINKING_ERROR","Platform","select","ios","default","AndroidSoftInputModes","ComponentName","RCTKeyboardController","NativeModules","KeyboardController","eventEmitter","NativeEventEmitter","KeyboardEvents","addListener","name","cb","KeyboardControllerView","UIManager","getViewManagerConfig","Error","useResizeMode","setInputMode","SOFT_INPUT_ADJUST_RESIZE","setDefaultMode"],"mappings":";;;;;;;AAAA;;AACA;;AAUA,MAAMA,aAAa,GAChB,2FAAD,GACAC,sBAASC,MAAT,CAAgB;AAAEC,EAAAA,GAAG,EAAE,gCAAP;AAAyCC,EAAAA,OAAO,EAAE;AAAlD,CAAhB,CADA,GAEA,sDAFA,GAGA,6CAJF;IAMYC,qB;;;WAAAA,qB;AAAAA,EAAAA,qB,CAAAA,qB;AAAAA,EAAAA,qB,CAAAA,qB;AAAAA,EAAAA,qB,CAAAA,qB;AAAAA,EAAAA,qB,CAAAA,qB;GAAAA,qB,qCAAAA,qB;;AA6BZ,MAAMC,aAAa,GAAG,wBAAtB;AAEA,MAAMC,qBAAqB,GAAGC,2BAAcC,kBAA5C;AACO,MAAMA,kBAAkB,GAAGF,qBAA3B;;AAEP,MAAMG,YAAY,GAAG,IAAIC,+BAAJ,CAAuBJ,qBAAvB,CAArB;AASO,MAAMK,cAAc,GAAG;AAC5BC,EAAAA,WAAW,EAAE,CACXC,IADW,EAEXC,EAFW,KAGRL,YAAY,CAACG,WAAb,CAAyB,yBAAyBC,IAAlD,EAAwDC,EAAxD;AAJuB,CAAvB;;AAMA,MAAMC,sBAAsB,GACjCC,uBAAUC,oBAAV,CAA+BZ,aAA/B,KAAiD,IAAjD,GACI,yCAAgDA,aAAhD,CADJ,GAEI,MAAM;AACJ,QAAM,IAAIa,KAAJ,CAAUnB,aAAV,CAAN;AACD,CALA;;;AAOA,MAAMoB,aAAa,GAAG,MAAM;AACjC,wBAAU,MAAM;AACdX,IAAAA,kBAAkB,CAACY,YAAnB,CACEhB,qBAAqB,CAACiB,wBADxB;AAIA,WAAO,MAAMb,kBAAkB,CAACc,cAAnB,EAAb;AACD,GAND,EAMG,EANH;AAOD,CARM","sourcesContent":["import React, { useEffect } from 'react';\nimport {\n  requireNativeComponent,\n  UIManager,\n  Platform,\n  ViewStyle,\n  NativeModules,\n  NativeEventEmitter,\n  NativeSyntheticEvent,\n} from 'react-native';\n\nconst LINKING_ERROR =\n  `The package 'react-native-keyboard-controller' doesn't seem to be linked. Make sure: \\n\\n` +\n  Platform.select({ ios: \"- You have run 'pod install'\\n\", default: '' }) +\n  '- You rebuilt the app after installing the package\\n' +\n  '- You are not using Expo managed workflow\\n';\n\nexport enum AndroidSoftInputModes {\n  SOFT_INPUT_ADJUST_NOTHING = 48,\n  SOFT_INPUT_ADJUST_PAN = 32,\n  SOFT_INPUT_ADJUST_RESIZE = 16,\n  SOFT_INPUT_ADJUST_UNSPECIFIED = 0,\n}\n\nexport type NativeEvent = {\n  progress: number;\n  height: number;\n};\nexport type EventWithName<T> = {\n  eventName: string;\n} & T;\nexport type KeyboardControllerProps = {\n  style?: ViewStyle;\n  children: React.ReactNode;\n  onKeyboardMove: (e: NativeSyntheticEvent<EventWithName<NativeEvent>>) => void;\n  // fake prop used to activate reanimated bindings\n  onKeyboardMoveReanimated: (\n    e: NativeSyntheticEvent<EventWithName<NativeEvent>>\n  ) => void;\n};\ntype KeyboardController = {\n  // android only\n  setDefaultMode: () => void;\n  setInputMode: (mode: AndroidSoftInputModes) => void;\n};\n\nconst ComponentName = 'KeyboardControllerView';\n\nconst RCTKeyboardController = NativeModules.KeyboardController;\nexport const KeyboardController = RCTKeyboardController as KeyboardController;\n\nconst eventEmitter = new NativeEventEmitter(RCTKeyboardController);\ntype KeyboardControllerEvents =\n  | 'keyboardWillShow'\n  | 'keyboardDidShow'\n  | 'keyboardWillHide'\n  | 'keyboardDidHide';\ntype KeyboardEvent = {\n  height: number;\n};\nexport const KeyboardEvents = {\n  addListener: (\n    name: KeyboardControllerEvents,\n    cb: (e: KeyboardEvent) => void\n  ) => eventEmitter.addListener('KeyboardController::' + name, cb),\n};\nexport const KeyboardControllerView =\n  UIManager.getViewManagerConfig(ComponentName) != null\n    ? requireNativeComponent<KeyboardControllerProps>(ComponentName)\n    : () => {\n        throw new Error(LINKING_ERROR);\n      };\n\nexport const useResizeMode = () => {\n  useEffect(() => {\n    KeyboardController.setInputMode(\n      AndroidSoftInputModes.SOFT_INPUT_ADJUST_RESIZE\n    );\n\n    return () => KeyboardController.setDefaultMode();\n  }, []);\n};\n"]}

package/lib/commonjs/replicas.js

@@ -0,0 +1,138 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useReanimatedKeyboardAnimationReplica = exports.useKeyboardAnimationReplica = exports.useGradualKeyboardAnimation = exports.defaultAndroidEasing = void 0;
+
+var _react = require("react");
+
+var _reactNative = require("react-native");
+
+var _reactNativeReanimated = require("react-native-reanimated");
+
+var _animated = require("./animated");
+
+var _native = require("./native");
+
+const availableOSEventType = _reactNative.Platform.OS === 'ios' ? 'Will' : 'Did'; // cubic-bezier(.17,.67,.34,.94)
+
+const defaultAndroidEasing = _reactNative.Easing.bezier(0.4, 0.0, 0.2, 1);
+
+exports.defaultAndroidEasing = defaultAndroidEasing;
+
+/**
+ * An experimental implementation of tracing keyboard appearance.
+ * Switch an input mode to adjust resize mode. In this case all did* events
+ * are triggering before keyboard appears, and using some approximations
+ * it tries to mimicries a native transition.
+ *
+ * @returns {Animated.Value}
+ */
+const useKeyboardAnimationReplica = () => {
+  const height = (0, _react.useRef)(new _reactNative.Animated.Value(0));
+  const progress = (0, _react.useRef)(new _reactNative.Animated.Value(0));
+  const animation = (0, _react.useMemo)(() => ({
+    height: height.current,
+    progress: progress.current
+  }), []);
+  (0, _react.useEffect)(() => {
+    _native.KeyboardController.setInputMode(_native.AndroidSoftInputModes.SOFT_INPUT_ADJUST_RESIZE);
+
+    return () => _native.KeyboardController.setDefaultMode();
+  }, []);
+  (0, _react.useEffect)(() => {
+    const listener = _reactNative.Keyboard.addListener(`keyboard${availableOSEventType}Show`, e => {
+      _reactNative.Animated.timing(height.current, {
+        toValue: -e.endCoordinates.height,
+        duration: e.duration !== 0 ? e.duration : 300,
+        easing: _reactNative.Easing.bezier(0.4, 0.0, 0.2, 1),
+        useNativeDriver: true
+      }).start();
+
+      return () => listener.remove();
+    });
+  }, []);
+  (0, _react.useEffect)(() => {
+    const listener = _reactNative.Keyboard.addListener(`keyboard${availableOSEventType}Hide`, e => {
+      _reactNative.Animated.timing(height.current, {
+        toValue: 0,
+        duration: e.duration !== 0 ? e.duration : 300,
+        easing: _reactNative.Easing.bezier(0.4, 0.0, 0.2, 1),
+        useNativeDriver: true
+      }).start();
+
+      return () => listener.remove();
+    });
+  }, []);
+  return animation;
+};
+
+exports.useKeyboardAnimationReplica = useKeyboardAnimationReplica;
+const IOS_SPRING_CONFIG = {
+  damping: 500,
+  stiffness: 1000,
+  mass: 3,
+  overshootClamping: true,
+  restDisplacementThreshold: 10,
+  restSpeedThreshold: 10
+};
+/**
+ * A close replica to native iOS keyboard animation. The problem is that
+ * iOS (unlike Android) can not fire events for each keyboard frame movement.
+ * As a result we can not get gradual values (for example, for progress it always
+ * will be 1 or 0). So if you want to rely on gradual values you will need to use
+ * this replica.
+ *
+ * The transition is hardcoded and may vary from one to another OS versions. But it
+ * seems like last time it has been changed in iOS 7. Since RN supports at least iOS
+ * 11 it doesn't make sense to replicate iOS 7 behavior. If it changes in next OS
+ * versions, then this implementation should be revisited and reflect necessary changes.
+ *
+ * @returns {height, progress} - animated values
+ */
+
+const useReanimatedKeyboardAnimationReplica = () => {
+  const height = (0, _reactNativeReanimated.useSharedValue)(0);
+  const heightEvent = (0, _reactNativeReanimated.useSharedValue)(0);
+  const progress = (0, _reactNativeReanimated.useDerivedValue)(() => height.value / heightEvent.value);
+  const handler = (0, _reactNativeReanimated.useWorkletCallback)(_height => {
+    heightEvent.value = _height;
+  }, []);
+  (0, _reactNativeReanimated.useAnimatedReaction)(() => ({
+    _keyboardHeight: heightEvent.value
+  }), (result, _previousResult) => {
+    const {
+      _keyboardHeight
+    } = result;
+
+    const _previousKeyboardHeight = _previousResult === null || _previousResult === void 0 ? void 0 : _previousResult._keyboardHeight;
+
+    if (_keyboardHeight !== _previousKeyboardHeight) {
+      height.value = (0, _reactNativeReanimated.withSpring)(_keyboardHeight, IOS_SPRING_CONFIG);
+    }
+  }, []);
+  (0, _react.useEffect)(() => {
+    const show = _reactNative.Keyboard.addListener('keyboardWillShow', e => {
+      (0, _reactNativeReanimated.runOnUI)(handler)(-e.endCoordinates.height);
+    });
+
+    const hide = _reactNative.Keyboard.addListener('keyboardWillHide', () => {
+      (0, _reactNativeReanimated.runOnUI)(handler)(0);
+    });
+
+    return () => {
+      show.remove();
+      hide.remove();
+    };
+  }, []);
+  return {
+    height,
+    progress
+  };
+};
+
+exports.useReanimatedKeyboardAnimationReplica = useReanimatedKeyboardAnimationReplica;
+const useGradualKeyboardAnimation = _reactNative.Platform.OS === 'ios' ? useReanimatedKeyboardAnimationReplica : _animated.useReanimatedKeyboardAnimation;
+exports.useGradualKeyboardAnimation = useGradualKeyboardAnimation;
+//# sourceMappingURL=replicas.js.map

package/lib/commonjs/replicas.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["replicas.ts"],"names":["availableOSEventType","Platform","OS","defaultAndroidEasing","Easing","bezier","useKeyboardAnimationReplica","height","Animated","Value","progress","animation","current","KeyboardController","setInputMode","AndroidSoftInputModes","SOFT_INPUT_ADJUST_RESIZE","setDefaultMode","listener","Keyboard","addListener","e","timing","toValue","endCoordinates","duration","easing","useNativeDriver","start","remove","IOS_SPRING_CONFIG","damping","stiffness","mass","overshootClamping","restDisplacementThreshold","restSpeedThreshold","useReanimatedKeyboardAnimationReplica","heightEvent","value","handler","_height","_keyboardHeight","result","_previousResult","_previousKeyboardHeight","show","hide","useGradualKeyboardAnimation","useReanimatedKeyboardAnimation"],"mappings":"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","sourcesContent":["import { useRef, useEffect, useMemo } from 'react';\nimport { Animated, Easing, Keyboard, Platform } from 'react-native';\nimport {\n  runOnUI,\n  useAnimatedReaction,\n  useDerivedValue,\n  useSharedValue,\n  useWorkletCallback,\n  withSpring,\n} from 'react-native-reanimated';\nimport { useReanimatedKeyboardAnimation } from './animated';\n\nimport { AndroidSoftInputModes, KeyboardController } from './native';\n\nconst availableOSEventType = Platform.OS === 'ios' ? 'Will' : 'Did';\n\n// cubic-bezier(.17,.67,.34,.94)\nexport const defaultAndroidEasing = Easing.bezier(0.4, 0.0, 0.2, 1);\ntype KeyboardAnimation = {\n  progress: Animated.Value;\n  height: Animated.Value;\n};\n\n/**\n * An experimental implementation of tracing keyboard appearance.\n * Switch an input mode to adjust resize mode. In this case all did* events\n * are triggering before keyboard appears, and using some approximations\n * it tries to mimicries a native transition.\n *\n * @returns {Animated.Value}\n */\nexport const useKeyboardAnimationReplica = (): KeyboardAnimation => {\n  const height = useRef(new Animated.Value(0));\n  const progress = useRef(new Animated.Value(0));\n  const animation = useMemo(\n    () => ({\n      height: height.current,\n      progress: progress.current,\n    }),\n    []\n  );\n\n  useEffect(() => {\n    KeyboardController.setInputMode(\n      AndroidSoftInputModes.SOFT_INPUT_ADJUST_RESIZE\n    );\n\n    return () => KeyboardController.setDefaultMode();\n  }, []);\n  useEffect(() => {\n    const listener = Keyboard.addListener(\n      `keyboard${availableOSEventType}Show`,\n      (e) => {\n        Animated.timing(height.current, {\n          toValue: -e.endCoordinates.height,\n          duration: e.duration !== 0 ? e.duration : 300,\n          easing: Easing.bezier(0.4, 0.0, 0.2, 1),\n          useNativeDriver: true,\n        }).start();\n\n        return () => listener.remove();\n      }\n    );\n  }, []);\n  useEffect(() => {\n    const listener = Keyboard.addListener(\n      `keyboard${availableOSEventType}Hide`,\n      (e) => {\n        Animated.timing(height.current, {\n          toValue: 0,\n          duration: e.duration !== 0 ? e.duration : 300,\n          easing: Easing.bezier(0.4, 0.0, 0.2, 1),\n          useNativeDriver: true,\n        }).start();\n\n        return () => listener.remove();\n      }\n    );\n  }, []);\n\n  return animation;\n};\n\nconst IOS_SPRING_CONFIG = {\n  damping: 500,\n  stiffness: 1000,\n  mass: 3,\n  overshootClamping: true,\n  restDisplacementThreshold: 10,\n  restSpeedThreshold: 10,\n};\n\n/**\n * A close replica to native iOS keyboard animation. The problem is that\n * iOS (unlike Android) can not fire events for each keyboard frame movement.\n * As a result we can not get gradual values (for example, for progress it always\n * will be 1 or 0). So if you want to rely on gradual values you will need to use\n * this replica.\n *\n * The transition is hardcoded and may vary from one to another OS versions. But it\n * seems like last time it has been changed in iOS 7. Since RN supports at least iOS\n * 11 it doesn't make sense to replicate iOS 7 behavior. If it changes in next OS\n * versions, then this implementation should be revisited and reflect necessary changes.\n *\n * @returns {height, progress} - animated values\n */\nexport const useReanimatedKeyboardAnimationReplica = () => {\n  const height = useSharedValue(0);\n  const heightEvent = useSharedValue(0);\n\n  const progress = useDerivedValue(() => height.value / heightEvent.value);\n\n  const handler = useWorkletCallback((_height: number) => {\n    heightEvent.value = _height;\n  }, []);\n\n  useAnimatedReaction(\n    () => ({\n      _keyboardHeight: heightEvent.value,\n    }),\n    (result, _previousResult) => {\n      const { _keyboardHeight } = result;\n      const _previousKeyboardHeight = _previousResult?._keyboardHeight;\n\n      if (_keyboardHeight !== _previousKeyboardHeight) {\n        height.value = withSpring(_keyboardHeight, IOS_SPRING_CONFIG);\n      }\n    },\n    []\n  );\n\n  useEffect(() => {\n    const show = Keyboard.addListener('keyboardWillShow', (e) => {\n      runOnUI(handler)(-e.endCoordinates.height);\n    });\n    const hide = Keyboard.addListener('keyboardWillHide', () => {\n      runOnUI(handler)(0);\n    });\n\n    return () => {\n      show.remove();\n      hide.remove();\n    };\n  }, []);\n\n  return { height, progress };\n};\n\nexport const useGradualKeyboardAnimation =\n  Platform.OS === 'ios'\n    ? useReanimatedKeyboardAnimationReplica\n    : useReanimatedKeyboardAnimation;\n"]}

package/lib/module/animated.js

@@ -0,0 +1,117 @@
+import React, { useContext, useMemo } from 'react';
+import { Animated, StyleSheet } from 'react-native';
+import Reanimated, { useEvent, useHandler, useSharedValue } from 'react-native-reanimated';
+import { KeyboardControllerView, useResizeMode } from './native';
+const KeyboardControllerViewAnimated = Reanimated.createAnimatedComponent(Animated.createAnimatedComponent(KeyboardControllerView));
+const defaultContext = {
+  animated: {
+    progress: new Animated.Value(0),
+    height: new Animated.Value(0)
+  },
+  reanimated: {
+    progress: {
+      value: 0
+    },
+    height: {
+      value: 0
+    }
+  }
+};
+const KeyboardContext = /*#__PURE__*/React.createContext(defaultContext);
+export const useKeyboardAnimation = () => {
+  useResizeMode();
+  const context = useContext(KeyboardContext);
+  return context.animated;
+};
+export const useReanimatedKeyboardAnimation = () => {
+  useResizeMode();
+  const context = useContext(KeyboardContext);
+  return context.reanimated;
+};
+
+function useAnimatedKeyboardHandler(handlers, dependencies) {
+  const {
+    context,
+    doDependenciesDiffer
+  } = useHandler(handlers, dependencies);
+  return useEvent(event => {
+    'worklet';
+
+    const {
+      onKeyboardMove
+    } = handlers;
+
+    if (onKeyboardMove && event.eventName.endsWith('onKeyboardMove')) {
+      onKeyboardMove(event, context);
+    }
+  }, ['onKeyboardMove'], doDependenciesDiffer);
+}
+
+export const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  hidden: {
+    display: 'none',
+    position: 'absolute'
+  }
+});
+export const KeyboardProvider = _ref => {
+  let {
+    children
+  } = _ref;
+  const progress = useMemo(() => new Animated.Value(0), []);
+  const height = useMemo(() => new Animated.Value(0), []);
+  const progressSV = useSharedValue(0);
+  const heightSV = useSharedValue(0);
+  const context = useMemo(() => ({
+    animated: {
+      progress: progress,
+      height: height
+    },
+    reanimated: {
+      progress: progressSV,
+      height: heightSV
+    }
+  }), []);
+  const onKeyboardMove = useMemo(() => Animated.event([{
+    nativeEvent: {
+      progress,
+      height
+    }
+  }], {
+    useNativeDriver: true
+  }), []);
+  const handler = useAnimatedKeyboardHandler({
+    onKeyboardMove: event => {
+      'worklet';
+
+      progressSV.value = event.progress;
+      heightSV.value = event.height;
+    }
+  }, []);
+  return /*#__PURE__*/React.createElement(KeyboardContext.Provider, {
+    value: context
+  }, /*#__PURE__*/React.createElement(KeyboardControllerViewAnimated, {
+    onKeyboardMoveReanimated: handler,
+    onKeyboardMove: onKeyboardMove,
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(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
+      }]
+    }]
+  }), children));
+};
+//# sourceMappingURL=animated.js.map