react-native-keyboard-controller 1.2.0 → 1.3.0

package/lib/typescript/native.d.ts

@@ -1,34 +1,22 @@
-import { NativeSyntheticEvent, ViewProps } from 'react-native';
+import type { KeyboardControllerEvents, KeyboardControllerModule, KeyboardEventData } from './types';
 export declare enum AndroidSoftInputModes {
     SOFT_INPUT_ADJUST_NOTHING = 48,
     SOFT_INPUT_ADJUST_PAN = 32,
     SOFT_INPUT_ADJUST_RESIZE = 16,
-    SOFT_INPUT_ADJUST_UNSPECIFIED = 0
+    SOFT_INPUT_ADJUST_UNSPECIFIED = 0,
+    SOFT_INPUT_IS_FORWARD_NAVIGATION = 256,
+    SOFT_INPUT_MASK_ADJUST = 240,
+    SOFT_INPUT_MASK_STATE = 15,
+    SOFT_INPUT_MODE_CHANGED = 512,
+    SOFT_INPUT_STATE_ALWAYS_HIDDEN = 3,
+    SOFT_INPUT_STATE_ALWAYS_VISIBLE = 5,
+    SOFT_INPUT_STATE_HIDDEN = 2,
+    SOFT_INPUT_STATE_UNCHANGED = 1,
+    SOFT_INPUT_STATE_UNSPECIFIED = 0,
+    SOFT_INPUT_STATE_VISIBLE = 4
 }
-export declare type NativeEvent = {
-    progress: number;
-    height: number;
-};
-export declare type EventWithName<T> = {
-    eventName: string;
-} & T;
-export declare type KeyboardControllerProps = {
-    onKeyboardMove: (e: NativeSyntheticEvent<EventWithName<NativeEvent>>) => void;
-    onKeyboardMoveReanimated: (e: NativeSyntheticEvent<EventWithName<NativeEvent>>) => void;
-    statusBarTranslucent?: boolean;
-} & ViewProps;
-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 KeyboardController: KeyboardControllerModule;
 export declare const KeyboardEvents: {
-    addListener: (name: KeyboardControllerEvents, cb: (e: KeyboardEvent) => void) => import("react-native").EmitterSubscription;
+    addListener: (name: KeyboardControllerEvents, cb: (e: KeyboardEventData) => void) => import("react-native").EmitterSubscription;
 };
 export declare const KeyboardControllerView: any;
-export declare const useResizeMode: () => void;
-export {};

package/lib/typescript/types.d.ts

@@ -0,0 +1,23 @@
+import type { NativeSyntheticEvent, ViewProps } from 'react-native';
+export declare type NativeEvent = {
+    progress: number;
+    height: number;
+};
+export declare type EventWithName<T> = {
+    eventName: string;
+} & T;
+export declare type KeyboardControllerProps = {
+    onKeyboardMove: (e: NativeSyntheticEvent<EventWithName<NativeEvent>>) => void;
+    onKeyboardMoveReanimated: (e: NativeSyntheticEvent<EventWithName<NativeEvent>>) => void;
+    statusBarTranslucent?: boolean;
+} & ViewProps;
+export declare type KeyboardControllerModule = {
+    setDefaultMode: () => void;
+    setInputMode: (mode: number) => void;
+    addListener: (eventName: string) => void;
+    removeListeners: (count: number) => void;
+};
+export declare type KeyboardControllerEvents = 'keyboardWillShow' | 'keyboardDidShow' | 'keyboardWillHide' | 'keyboardDidHide';
+export declare type KeyboardEventData = {
+    height: number;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-keyboard-controller",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "Keyboard manager which works in identical way on both iOS and Android",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -17,6 +17,9 @@
     "!lib/typescript/example",
     "!android/build",
     "!android/.gradle",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
     "!ios/build",
     "!**/__tests__",
     "!**/__fixtures__",
@@ -55,8 +58,8 @@
     "@react-native-community/eslint-config": "^2.0.0",
     "@release-it/conventional-changelog": "^2.0.0",
     "@types/jest": "^27.4.1",
-    "@types/react": "^18.0.17",
-    "@types/react-native": "0.69.5",
+    "@types/react": "^18.0.21",
+    "@types/react-native": "0.70.4",
     "commitlint": "^11.0.0",
     "clang-format": "^1.8.0",
     "eslint": "^7.2.0",
@@ -66,17 +69,17 @@
     "jest": "^27.5.1",
     "pod-install": "^0.1.0",
     "prettier": "^2.6.2",
-    "react": "18.0.0",
-    "react-native": "0.69.4",
+    "react": "18.1.0",
+    "react-native": "0.70.2",
     "react-native-builder-bob": "^0.18.0",
-    "react-native-reanimated": "2.9.1",
+    "react-native-reanimated": "2.10.0",
     "release-it": "^14.2.2",
-    "typescript": "^4.6.3"
+    "typescript": "^4.8.4"
   },
   "peerDependencies": {
     "react": "*",
     "react-native": "*",
-    "react-native-reanimated": "^2.3.0"
+    "react-native-reanimated": ">=2.3.0"
   },
   "jest": {
     "preset": "react-native",
@@ -153,17 +156,11 @@
     ]
   },
   "codegenConfig": {
-    "libraries": [
-      {
-        "name": "RNKeyboardControllerSpec",
-        "type": "modules",
-        "jsSrcsDir": "src"
-      },
-      {
-        "name": "RNKeyboardControllerViewSpec",
-        "type": "components",
-        "jsSrcsDir": "src"
-      }
-    ]
+    "name": "reactnativekeyboardcontroller",
+    "type": "all",
+    "jsSrcsDir": "./src/specs",
+    "android": {
+      "javaPackageName": "com.reactnativekeyboardcontroller"
+    }
   }
 }

package/react-native-keyboard-controller.podspec

@@ -12,7 +12,7 @@ Pod::Spec.new do |s|
   s.license      = package["license"]
   s.authors      = package["author"]
 
-  s.platforms    = { :ios => "10.0" }
+  s.platforms    = { :ios => "11.0" }
   s.source       = { :git => "https://github.com/kirillzyusko/react-native-keyboard-controller.git", :tag => "#{s.version}" }
 
   s.source_files = "ios/**/*.{h,m,mm,swift}"
@@ -25,6 +25,7 @@ Pod::Spec.new do |s|
     s.compiler_flags = folly_compiler_flags + " -DRCT_NEW_ARCH_ENABLED=1"
     s.pod_target_xcconfig    = {
       "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/boost\"",
+      "OTHER_CPLUSPLUSFLAGS" => "-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1",
       "CLANG_CXX_LANGUAGE_STANDARD" => "c++17"
     }
 

package/src/animated.tsx

@@ -1,17 +1,12 @@
-import React, { useContext, useMemo, useRef } from 'react';
+import React, { useMemo, useRef } 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';
+import Reanimated, { useSharedValue } from 'react-native-reanimated';
+
+import { KeyboardContext } from './context';
+import { useAnimatedKeyboardHandler } from './internal';
+import { KeyboardControllerView } from './native';
+
+import type { KeyboardControllerProps, NativeEvent } from './types';
 
 const KeyboardControllerViewAnimated = Reanimated.createAnimatedComponent(
   Animated.createAnimatedComponent(
@@ -19,66 +14,6 @@ const KeyboardControllerViewAnimated = Reanimated.createAnimatedComponent(
   ) 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 },
-  },
-};
-export 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;
@@ -112,10 +47,13 @@ export const KeyboardProvider = ({
   children,
   statusBarTranslucent,
 }: KeyboardProviderProps) => {
+  // animated values
   const progress = useRef(new Animated.Value(0)).current;
   const height = useRef(new Animated.Value(0)).current;
+  // shared values
   const progressSV = useSharedValue(0);
   const heightSV = useSharedValue(0);
+  // memo
   const context = useMemo(
     () => ({
       animated: { progress: progress, height: height },
@@ -130,7 +68,6 @@ export const KeyboardProvider = ({
     ],
     []
   );
-
   const onKeyboardMove = useMemo(
     () =>
       Animated.event(
@@ -146,7 +83,7 @@ export const KeyboardProvider = ({
       ),
     []
   );
-
+  // handlers
   const handler = useAnimatedKeyboardHandler(
     {
       onKeyboardMove: (event: NativeEvent) => {

package/src/context.ts

@@ -0,0 +1,28 @@
+import { createContext } from 'react';
+import { Animated } from 'react-native';
+
+import type { SharedValue } from 'react-native-reanimated';
+
+export type AnimatedContext = {
+  progress: Animated.Value;
+  height: Animated.Value;
+};
+export type ReanimatedContext = {
+  progress: SharedValue<number>;
+  height: SharedValue<number>;
+};
+export 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 },
+  },
+};
+export const KeyboardContext = createContext(defaultContext);

package/src/hooks.ts

@@ -0,0 +1,28 @@
+import { useContext, useEffect } from 'react';
+
+import { AnimatedContext, KeyboardContext, ReanimatedContext } from './context';
+import { AndroidSoftInputModes, KeyboardController } from './native';
+
+export const useResizeMode = () => {
+  useEffect(() => {
+    KeyboardController.setInputMode(
+      AndroidSoftInputModes.SOFT_INPUT_ADJUST_RESIZE
+    );
+
+    return () => KeyboardController.setDefaultMode();
+  }, []);
+};
+
+export const useKeyboardAnimation = (): AnimatedContext => {
+  useResizeMode();
+  const context = useContext(KeyboardContext);
+
+  return context.animated;
+};
+
+export const useReanimatedKeyboardAnimation = (): ReanimatedContext => {
+  useResizeMode();
+  const context = useContext(KeyboardContext);
+
+  return context.reanimated;
+};

package/src/index.ts

@@ -3,3 +3,6 @@ import './monkey-patch';
 export * from './native';
 export * from './animated';
 export * from './replicas';
+export * from './context';
+export * from './hooks';
+export * from './types';

package/src/internal.ts

@@ -0,0 +1,27 @@
+import { useEvent, useHandler } from 'react-native-reanimated';
+
+import type { EventWithName, NativeEvent } from './types';
+
+export 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
+  );
+}

package/src/{monkey-patch.tsx → monkey-patch.ts}

@@ -1,14 +1,11 @@
-import { NativeModules, Platform } from 'react-native';
+import { Platform } from 'react-native';
 // @ts-expect-error because there is no corresponding type definition
 import * as NativeAndroidManager from 'react-native/Libraries/Components/StatusBar/NativeStatusBarManagerAndroid';
 
-import { isTurboModuleEnabled } from './architecture';
-
 const getConstants = NativeAndroidManager.default.getConstants;
 
-const RCTStatusBarManagerCompat = isTurboModuleEnabled
-  ? require('./NativeStatusBarManagerCompat').default
-  : NativeModules.StatusBarManagerCompat;
+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

package/src/native.ts

@@ -1,86 +1,57 @@
-import { useEffect } from 'react';
-import {
-  requireNativeComponent,
-  UIManager,
-  Platform,
-  NativeModules,
-  NativeEventEmitter,
-  NativeSyntheticEvent,
-  ViewProps,
-} from 'react-native';
+import { Platform, NativeEventEmitter } from 'react-native';
 
-import { isFabricEnabled, isTurboModuleEnabled } from './architecture';
+import type {
+  KeyboardControllerEvents,
+  KeyboardControllerModule,
+  KeyboardEventData,
+} from './types';
 
 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';
+  '- You are not using Expo Go\n';
 
+// copied from `android.view.WindowManager.LayoutParams`
 export enum AndroidSoftInputModes {
   SOFT_INPUT_ADJUST_NOTHING = 48,
   SOFT_INPUT_ADJUST_PAN = 32,
   SOFT_INPUT_ADJUST_RESIZE = 16,
   SOFT_INPUT_ADJUST_UNSPECIFIED = 0,
+  SOFT_INPUT_IS_FORWARD_NAVIGATION = 256,
+  SOFT_INPUT_MASK_ADJUST = 240,
+  SOFT_INPUT_MASK_STATE = 15,
+  SOFT_INPUT_MODE_CHANGED = 512,
+  SOFT_INPUT_STATE_ALWAYS_HIDDEN = 3,
+  SOFT_INPUT_STATE_ALWAYS_VISIBLE = 5,
+  SOFT_INPUT_STATE_HIDDEN = 2,
+  SOFT_INPUT_STATE_UNCHANGED = 1,
+  SOFT_INPUT_STATE_UNSPECIFIED = 0,
+  SOFT_INPUT_STATE_VISIBLE = 4,
 }
 
-export type NativeEvent = {
-  progress: number;
-  height: number;
-};
-export type EventWithName<T> = {
-  eventName: string;
-} & T;
-export type KeyboardControllerProps = {
-  onKeyboardMove: (e: NativeSyntheticEvent<EventWithName<NativeEvent>>) => void;
-  // fake prop used to activate reanimated bindings
-  onKeyboardMoveReanimated: (
-    e: NativeSyntheticEvent<EventWithName<NativeEvent>>
-  ) => void;
-  statusBarTranslucent?: boolean;
-} & ViewProps;
-type KeyboardController = {
-  // android only
-  setDefaultMode: () => void;
-  setInputMode: (mode: AndroidSoftInputModes) => void;
-};
-
-const ComponentName = 'KeyboardControllerView';
-
-const RCTKeyboardController = isTurboModuleEnabled
-  ? require('./NativeKeyboardController').default
-  : NativeModules.KeyboardController;
-export const KeyboardController = RCTKeyboardController as KeyboardController;
+const RCTKeyboardController =
+  require('./specs/NativeKeyboardController').default;
+export const KeyboardController = (
+  RCTKeyboardController
+    ? RCTKeyboardController
+    : new Proxy(
+        {},
+        {
+          get() {
+            throw new Error(LINKING_ERROR);
+          },
+        }
+      )
+) as KeyboardControllerModule;
+
+const eventEmitter = new NativeEventEmitter(KeyboardController);
 
-const eventEmitter = new NativeEventEmitter(RCTKeyboardController);
-type KeyboardControllerEvents =
-  | 'keyboardWillShow'
-  | 'keyboardDidShow'
-  | 'keyboardWillHide'
-  | 'keyboardDidHide';
-type KeyboardEvent = {
-  height: number;
-};
 export const KeyboardEvents = {
   addListener: (
     name: KeyboardControllerEvents,
-    cb: (e: KeyboardEvent) => void
+    cb: (e: KeyboardEventData) => void
   ) => eventEmitter.addListener('KeyboardController::' + name, cb),
 };
-export const KeyboardControllerView = isFabricEnabled
-  ? require('./KeyboardControllerViewNativeComponent').default
-  : UIManager.getViewManagerConfig(ComponentName) != null
-  ? requireNativeComponent<KeyboardControllerProps>(ComponentName)
-  : () => {
-      throw new Error(LINKING_ERROR);
-    };
-
-export const useResizeMode = () => {
-  useEffect(() => {
-    KeyboardController.setInputMode(
-      AndroidSoftInputModes.SOFT_INPUT_ADJUST_RESIZE
-    );
-
-    return () => KeyboardController.setDefaultMode();
-  }, []);
-};
+export const KeyboardControllerView =
+  require('./specs/KeyboardControllerViewNativeComponent').default;

package/src/replicas.ts

@@ -8,7 +8,7 @@ import {
   useWorkletCallback,
   withSpring,
 } from 'react-native-reanimated';
-import { useReanimatedKeyboardAnimation } from './animated';
+import { useReanimatedKeyboardAnimation } from './hooks';
 
 import { AndroidSoftInputModes, KeyboardController } from './native';
 

package/src/types.ts

@@ -0,0 +1,42 @@
+import type { NativeSyntheticEvent, ViewProps } from 'react-native';
+
+// DirectEventHandler events declaration
+
+export type NativeEvent = {
+  progress: number;
+  height: number;
+};
+export type EventWithName<T> = {
+  eventName: string;
+} & T;
+
+// native View/Module declarations
+
+export type KeyboardControllerProps = {
+  onKeyboardMove: (e: NativeSyntheticEvent<EventWithName<NativeEvent>>) => void;
+  // fake prop used to activate reanimated bindings
+  onKeyboardMoveReanimated: (
+    e: NativeSyntheticEvent<EventWithName<NativeEvent>>
+  ) => void;
+  statusBarTranslucent?: boolean;
+} & ViewProps;
+
+export type KeyboardControllerModule = {
+  // android only
+  setDefaultMode: () => void;
+  setInputMode: (mode: number) => void;
+  // native event module stuff
+  addListener: (eventName: string) => void;
+  removeListeners: (count: number) => void;
+};
+
+// Event module declarations
+
+export type KeyboardControllerEvents =
+  | 'keyboardWillShow'
+  | 'keyboardDidShow'
+  | 'keyboardWillHide'
+  | 'keyboardDidHide';
+export type KeyboardEventData = {
+  height: number;
+};

package/android/gradle/wrapper/gradle-wrapper.properties

@@ -1,5 +0,0 @@
-distributionBase=GRADLE_USER_HOME
-distributionPath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-6.8-bin.zip
-zipStoreBase=GRADLE_USER_HOME
-zipStorePath=wrapper/dists