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

package/lib/module/animated.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["animated.tsx"],"names":["React","useContext","useMemo","Animated","StyleSheet","Reanimated","useEvent","useHandler","useSharedValue","KeyboardControllerView","useResizeMode","KeyboardControllerViewAnimated","createAnimatedComponent","defaultContext","animated","progress","Value","height","reanimated","value","KeyboardContext","createContext","useKeyboardAnimation","context","useReanimatedKeyboardAnimation","useAnimatedKeyboardHandler","handlers","dependencies","doDependenciesDiffer","event","onKeyboardMove","eventName","endsWith","styles","create","container","flex","hidden","display","position","KeyboardProvider","children","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/module/index.js

@@ -0,0 +1,4 @@
+export * from './native';
+export * from './animated';
+export * from './replicas';
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

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

package/lib/module/native.js

@@ -0,0 +1,32 @@
+import { useEffect } from 'react';
+import { requireNativeComponent, UIManager, Platform, NativeModules, NativeEventEmitter } from 'react-native';
+const LINKING_ERROR = `The package 'react-native-keyboard-controller' doesn't seem to be linked. Make sure: \n\n` + 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';
+export let 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 || (AndroidSoftInputModes = {}));
+
+const ComponentName = 'KeyboardControllerView';
+const RCTKeyboardController = NativeModules.KeyboardController;
+export const KeyboardController = RCTKeyboardController;
+const eventEmitter = new NativeEventEmitter(RCTKeyboardController);
+export const KeyboardEvents = {
+  addListener: (name, cb) => eventEmitter.addListener('KeyboardController::' + name, cb)
+};
+export const KeyboardControllerView = UIManager.getViewManagerConfig(ComponentName) != null ? requireNativeComponent(ComponentName) : () => {
+  throw new Error(LINKING_ERROR);
+};
+export const useResizeMode = () => {
+  useEffect(() => {
+    KeyboardController.setInputMode(AndroidSoftInputModes.SOFT_INPUT_ADJUST_RESIZE);
+    return () => KeyboardController.setDefaultMode();
+  }, []);
+};
+//# sourceMappingURL=native.js.map

package/lib/module/native.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["native.ts"],"names":["useEffect","requireNativeComponent","UIManager","Platform","NativeModules","NativeEventEmitter","LINKING_ERROR","select","ios","default","AndroidSoftInputModes","ComponentName","RCTKeyboardController","KeyboardController","eventEmitter","KeyboardEvents","addListener","name","cb","KeyboardControllerView","getViewManagerConfig","Error","useResizeMode","setInputMode","SOFT_INPUT_ADJUST_RESIZE","setDefaultMode"],"mappings":"AAAA,SAAgBA,SAAhB,QAAiC,OAAjC;AACA,SACEC,sBADF,EAEEC,SAFF,EAGEC,QAHF,EAKEC,aALF,EAMEC,kBANF,QAQO,cARP;AAUA,MAAMC,aAAa,GAChB,2FAAD,GACAH,QAAQ,CAACI,MAAT,CAAgB;AAAEC,EAAAA,GAAG,EAAE,gCAAP;AAAyCC,EAAAA,OAAO,EAAE;AAAlD,CAAhB,CADA,GAEA,sDAFA,GAGA,6CAJF;AAMA,WAAYC,qBAAZ;;WAAYA,qB;AAAAA,EAAAA,qB,CAAAA,qB;AAAAA,EAAAA,qB,CAAAA,qB;AAAAA,EAAAA,qB,CAAAA,qB;AAAAA,EAAAA,qB,CAAAA,qB;GAAAA,qB,KAAAA,qB;;AA6BZ,MAAMC,aAAa,GAAG,wBAAtB;AAEA,MAAMC,qBAAqB,GAAGR,aAAa,CAACS,kBAA5C;AACA,OAAO,MAAMA,kBAAkB,GAAGD,qBAA3B;AAEP,MAAME,YAAY,GAAG,IAAIT,kBAAJ,CAAuBO,qBAAvB,CAArB;AASA,OAAO,MAAMG,cAAc,GAAG;AAC5BC,EAAAA,WAAW,EAAE,CACXC,IADW,EAEXC,EAFW,KAGRJ,YAAY,CAACE,WAAb,CAAyB,yBAAyBC,IAAlD,EAAwDC,EAAxD;AAJuB,CAAvB;AAMP,OAAO,MAAMC,sBAAsB,GACjCjB,SAAS,CAACkB,oBAAV,CAA+BT,aAA/B,KAAiD,IAAjD,GACIV,sBAAsB,CAA0BU,aAA1B,CAD1B,GAEI,MAAM;AACJ,QAAM,IAAIU,KAAJ,CAAUf,aAAV,CAAN;AACD,CALA;AAOP,OAAO,MAAMgB,aAAa,GAAG,MAAM;AACjCtB,EAAAA,SAAS,CAAC,MAAM;AACda,IAAAA,kBAAkB,CAACU,YAAnB,CACEb,qBAAqB,CAACc,wBADxB;AAIA,WAAO,MAAMX,kBAAkB,CAACY,cAAnB,EAAb;AACD,GANQ,EAMN,EANM,CAAT;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/module/replicas.js

@@ -0,0 +1,114 @@
+import { useRef, useEffect, useMemo } from 'react';
+import { Animated, Easing, Keyboard, Platform } from 'react-native';
+import { runOnUI, useAnimatedReaction, useDerivedValue, useSharedValue, useWorkletCallback, withSpring } from 'react-native-reanimated';
+import { useReanimatedKeyboardAnimation } from './animated';
+import { AndroidSoftInputModes, KeyboardController } from './native';
+const availableOSEventType = Platform.OS === 'ios' ? 'Will' : 'Did'; // cubic-bezier(.17,.67,.34,.94)
+
+export const defaultAndroidEasing = Easing.bezier(0.4, 0.0, 0.2, 1);
+
+/**
+ * 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}
+ */
+export const useKeyboardAnimationReplica = () => {
+  const height = useRef(new Animated.Value(0));
+  const progress = useRef(new Animated.Value(0));
+  const animation = useMemo(() => ({
+    height: height.current,
+    progress: progress.current
+  }), []);
+  useEffect(() => {
+    KeyboardController.setInputMode(AndroidSoftInputModes.SOFT_INPUT_ADJUST_RESIZE);
+    return () => KeyboardController.setDefaultMode();
+  }, []);
+  useEffect(() => {
+    const listener = Keyboard.addListener(`keyboard${availableOSEventType}Show`, e => {
+      Animated.timing(height.current, {
+        toValue: -e.endCoordinates.height,
+        duration: e.duration !== 0 ? e.duration : 300,
+        easing: Easing.bezier(0.4, 0.0, 0.2, 1),
+        useNativeDriver: true
+      }).start();
+      return () => listener.remove();
+    });
+  }, []);
+  useEffect(() => {
+    const listener = Keyboard.addListener(`keyboard${availableOSEventType}Hide`, e => {
+      Animated.timing(height.current, {
+        toValue: 0,
+        duration: e.duration !== 0 ? e.duration : 300,
+        easing: Easing.bezier(0.4, 0.0, 0.2, 1),
+        useNativeDriver: true
+      }).start();
+      return () => listener.remove();
+    });
+  }, []);
+  return animation;
+};
+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
+ */
+
+export const useReanimatedKeyboardAnimationReplica = () => {
+  const height = useSharedValue(0);
+  const heightEvent = useSharedValue(0);
+  const progress = useDerivedValue(() => height.value / heightEvent.value);
+  const handler = useWorkletCallback(_height => {
+    heightEvent.value = _height;
+  }, []);
+  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 = withSpring(_keyboardHeight, IOS_SPRING_CONFIG);
+    }
+  }, []);
+  useEffect(() => {
+    const show = Keyboard.addListener('keyboardWillShow', e => {
+      runOnUI(handler)(-e.endCoordinates.height);
+    });
+    const hide = Keyboard.addListener('keyboardWillHide', () => {
+      runOnUI(handler)(0);
+    });
+    return () => {
+      show.remove();
+      hide.remove();
+    };
+  }, []);
+  return {
+    height,
+    progress
+  };
+};
+export const useGradualKeyboardAnimation = Platform.OS === 'ios' ? useReanimatedKeyboardAnimationReplica : useReanimatedKeyboardAnimation;
+//# sourceMappingURL=replicas.js.map

package/lib/module/replicas.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["replicas.ts"],"names":["useRef","useEffect","useMemo","Animated","Easing","Keyboard","Platform","runOnUI","useAnimatedReaction","useDerivedValue","useSharedValue","useWorkletCallback","withSpring","useReanimatedKeyboardAnimation","AndroidSoftInputModes","KeyboardController","availableOSEventType","OS","defaultAndroidEasing","bezier","useKeyboardAnimationReplica","height","Value","progress","animation","current","setInputMode","SOFT_INPUT_ADJUST_RESIZE","setDefaultMode","listener","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"],"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/typescript/animated.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Animated, ViewStyle } from 'react-native';
+import Reanimated from 'react-native-reanimated';
+declare type AnimatedContext = {
+    progress: Animated.Value;
+    height: Animated.Value;
+};
+declare type ReanimatedContext = {
+    progress: Reanimated.SharedValue<number>;
+    height: Reanimated.SharedValue<number>;
+};
+export declare const useKeyboardAnimation: () => AnimatedContext;
+export declare const useReanimatedKeyboardAnimation: () => ReanimatedContext;
+declare type Styles = {
+    container: ViewStyle;
+    hidden: ViewStyle;
+};
+export declare const styles: Styles;
+export declare const KeyboardProvider: ({ children, }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export {};

package/lib/typescript/index.d.ts

@@ -0,0 +1,3 @@
+export * from './native';
+export * from './animated';
+export * from './replicas';

package/lib/typescript/native.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import { ViewStyle, NativeSyntheticEvent } from 'react-native';
+export declare enum AndroidSoftInputModes {
+    SOFT_INPUT_ADJUST_NOTHING = 48,
+    SOFT_INPUT_ADJUST_PAN = 32,
+    SOFT_INPUT_ADJUST_RESIZE = 16,
+    SOFT_INPUT_ADJUST_UNSPECIFIED = 0
+}
+export declare type NativeEvent = {
+    progress: number;
+    height: number;
+};
+export declare type EventWithName<T> = {
+    eventName: string;
+} & T;
+export declare type KeyboardControllerProps = {
+    style?: ViewStyle;
+    children: React.ReactNode;
+    onKeyboardMove: (e: NativeSyntheticEvent<EventWithName<NativeEvent>>) => void;
+    onKeyboardMoveReanimated: (e: NativeSyntheticEvent<EventWithName<NativeEvent>>) => void;
+};
+declare type KeyboardController = {
+    setDefaultMode: () => void;
+    setInputMode: (mode: AndroidSoftInputModes) => void;
+};
+export declare const KeyboardController: KeyboardController;
+declare type KeyboardControllerEvents = 'keyboardWillShow' | 'keyboardDidShow' | 'keyboardWillHide' | 'keyboardDidHide';
+declare type KeyboardEvent = {
+    height: number;
+};
+export declare const KeyboardEvents: {
+    addListener: (name: KeyboardControllerEvents, cb: (e: KeyboardEvent) => void) => import("react-native").EmitterSubscription;
+};
+export declare const KeyboardControllerView: import("react-native").HostComponent<KeyboardControllerProps> | (() => never);
+export declare const useResizeMode: () => void;
+export {};

package/lib/typescript/replicas.d.ts

@@ -0,0 +1,45 @@
+/// <reference types="react-native-reanimated" />
+import { Animated } from 'react-native';
+export declare const defaultAndroidEasing: import("react-native").EasingFunction;
+declare type KeyboardAnimation = {
+    progress: Animated.Value;
+    height: Animated.Value;
+};
+/**
+ * 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}
+ */
+export declare const useKeyboardAnimationReplica: () => KeyboardAnimation;
+/**
+ * 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
+ */
+export declare const useReanimatedKeyboardAnimationReplica: () => {
+    height: import("react-native-reanimated").SharedValue<number>;
+    progress: Readonly<{
+        value: number;
+    }>;
+};
+export declare const useGradualKeyboardAnimation: () => {
+    progress: {
+        value: number;
+    };
+    height: {
+        value: number;
+    };
+};
+export {};

package/package.json

@@ -0,0 +1,149 @@
+{
+  "name": "react-native-keyboard-controller",
+  "version": "1.0.0-alpha.0",
+  "description": "Platform agnostic keyboard manager",
+  "main": "lib/commonjs/index",
+  "module": "lib/module/index",
+  "types": "lib/typescript/index.d.ts",
+  "react-native": "src/index",
+  "source": "src/index",
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "cpp",
+    "react-native-keyboard-controller.podspec",
+    "!lib/typescript/example",
+    "!android/build",
+    "!ios/build",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__"
+  ],
+  "scripts": {
+    "test": "jest",
+    "typescript": "tsc --noEmit",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "prepare": "bob build",
+    "release": "release-it",
+    "example": "yarn --cwd example",
+    "pods": "cd example && pod-install --quiet",
+    "bootstrap": "yarn example && yarn && yarn pods"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android"
+  ],
+  "repository": "https://github.com/kirillzyusko/react-native-keyboard-controller",
+  "author": "Kiryl Ziusko <zyusko.kirik@gmail.com> (https://github.com/kirillzyusko)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/kirillzyusko/react-native-keyboard-controller/issues"
+  },
+  "homepage": "https://github.com/kirillzyusko/react-native-keyboard-controller#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "devDependencies": {
+    "@commitlint/config-conventional": "^11.0.0",
+    "@react-native-community/eslint-config": "^2.0.0",
+    "@release-it/conventional-changelog": "^2.0.0",
+    "@types/jest": "^27.4.1",
+    "@types/react": "^17.0.39",
+    "@types/react-native": "0.67.6",
+    "commitlint": "^11.0.0",
+    "eslint": "^7.2.0",
+    "eslint-config-prettier": "^7.0.0",
+    "eslint-plugin-prettier": "^3.1.3",
+    "husky": "^6.0.0",
+    "jest": "^27.5.1",
+    "pod-install": "^0.1.0",
+    "prettier": "^2.6.2",
+    "react": "17.0.2",
+    "react-native": "0.68.1",
+    "react-native-builder-bob": "^0.18.0",
+    "react-native-reanimated": "2.8.0",
+    "release-it": "^14.2.2",
+    "typescript": "^4.6.3"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*",
+    "react-native-reanimated": "^2.3.0"
+  },
+  "jest": {
+    "preset": "react-native",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/node_modules",
+      "<rootDir>/lib/"
+    ]
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": "angular"
+      }
+    }
+  },
+  "eslintConfig": {
+    "root": true,
+    "extends": [
+      "@react-native-community",
+      "prettier"
+    ],
+    "rules": {
+      "prettier/prettier": [
+        "error",
+        {
+          "quoteProps": "consistent",
+          "singleQuote": true,
+          "tabWidth": 2,
+          "trailingComma": "es5",
+          "useTabs": false
+        }
+      ]
+    }
+  },
+  "eslintIgnore": [
+    "node_modules/",
+    "lib/"
+  ],
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "commonjs",
+      "module",
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  }
+}

package/react-native-keyboard-controller.podspec

@@ -0,0 +1,19 @@
+require "json"
+
+package = JSON.parse(File.read(File.join(__dir__, "package.json")))
+
+Pod::Spec.new do |s|
+  s.name         = "react-native-keyboard-controller"
+  s.version      = package["version"]
+  s.summary      = package["description"]
+  s.homepage     = package["homepage"]
+  s.license      = package["license"]
+  s.authors      = package["author"]
+
+  s.platforms    = { :ios => "10.0" }
+  s.source       = { :git => "https://github.com/kirillzyusko/react-native-keyboard-controller.git", :tag => "#{s.version}" }
+
+  s.source_files = "ios/**/*.{h,m,mm,swift}"
+
+  s.dependency "React-Core"
+end

package/src/animated.tsx

@@ -0,0 +1,166 @@
+import React, { useContext, useMemo } from 'react';
+import { Animated, StyleSheet, ViewStyle } from 'react-native';
+import Reanimated, {
+  useEvent,
+  useHandler,
+  useSharedValue,
+} from 'react-native-reanimated';
+import {
+  EventWithName,
+  KeyboardControllerProps,
+  KeyboardControllerView,
+  NativeEvent,
+  useResizeMode,
+} from './native';
+
+const KeyboardControllerViewAnimated = Reanimated.createAnimatedComponent(
+  Animated.createAnimatedComponent(
+    KeyboardControllerView
+  ) as React.FC<KeyboardControllerProps>
+);
+
+type AnimatedContext = {
+  progress: Animated.Value;
+  height: Animated.Value;
+};
+type ReanimatedContext = {
+  progress: Reanimated.SharedValue<number>;
+  height: Reanimated.SharedValue<number>;
+};
+type KeyboardAnimationContext = {
+  animated: AnimatedContext;
+  reanimated: ReanimatedContext;
+};
+const defaultContext: KeyboardAnimationContext = {
+  animated: {
+    progress: new Animated.Value(0),
+    height: new Animated.Value(0),
+  },
+  reanimated: {
+    progress: { value: 0 },
+    height: { value: 0 },
+  },
+};
+const KeyboardContext = React.createContext(defaultContext);
+
+export const useKeyboardAnimation = (): AnimatedContext => {
+  useResizeMode();
+  const context = useContext(KeyboardContext);
+
+  return context.animated;
+};
+
+export const useReanimatedKeyboardAnimation = (): ReanimatedContext => {
+  useResizeMode();
+  const context = useContext(KeyboardContext);
+
+  return context.reanimated;
+};
+
+function useAnimatedKeyboardHandler<TContext extends Record<string, unknown>>(
+  handlers: {
+    onKeyboardMove?: (e: NativeEvent, context: TContext) => void;
+  },
+  dependencies?: ReadonlyArray<unknown>
+) {
+  const { context, doDependenciesDiffer } = useHandler(handlers, dependencies);
+
+  return useEvent(
+    (event: EventWithName<NativeEvent>) => {
+      'worklet';
+      const { onKeyboardMove } = handlers;
+
+      if (onKeyboardMove && event.eventName.endsWith('onKeyboardMove')) {
+        onKeyboardMove(event, context);
+      }
+    },
+    ['onKeyboardMove'],
+    doDependenciesDiffer
+  );
+}
+
+type Styles = {
+  container: ViewStyle;
+  hidden: ViewStyle;
+};
+
+export const styles = StyleSheet.create<Styles>({
+  container: {
+    flex: 1,
+  },
+  hidden: {
+    display: 'none',
+    position: 'absolute',
+  },
+});
+
+export const KeyboardProvider = ({
+  children,
+}: {
+  children: React.ReactNode;
+}) => {
+  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: NativeEvent) => {
+        'worklet';
+        progressSV.value = event.progress;
+        heightSV.value = event.height;
+      },
+    },
+    []
+  );
+
+  return (
+    <KeyboardContext.Provider value={context}>
+      <KeyboardControllerViewAnimated
+        onKeyboardMoveReanimated={handler}
+        onKeyboardMove={onKeyboardMove}
+        style={styles.container}
+      >
+        <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}
+      </KeyboardControllerViewAnimated>
+    </KeyboardContext.Provider>
+  );
+};

package/src/index.ts

@@ -0,0 +1,3 @@
+export * from './native';
+export * from './animated';
+export * from './replicas';