react-native-keyboard-controller 1.10.0 → 1.10.2

package/src/index.ts

@@ -1,13 +1,13 @@
-export * from './bindings';
-export * from './animated';
-export * from './replicas';
-export * from './context';
-export * from './hooks';
-export * from './constants';
-export * from './types';
+export * from "./bindings";
+export * from "./animated";
+export * from "./replicas";
+export * from "./context";
+export * from "./hooks";
+export * from "./constants";
+export * from "./types";
 
 export {
   KeyboardAvoidingView,
   KeyboardStickyView,
   KeyboardAwareScrollView,
-} from './components';
+} from "./components";

package/src/internal.ts

@@ -1,13 +1,13 @@
-import { useCallback, useRef } from 'react';
-import { Animated } from 'react-native';
-import { useSharedValue } from 'react-native-reanimated';
+import { useCallback, useRef } from "react";
+import { Animated } from "react-native";
+import { useSharedValue } from "react-native-reanimated";
 
-import type { Handlers } from './types';
+import type { Handlers } from "./types";
 
 type UntypedHandler = Record<string, (event: never) => void>;
 type SharedHandlersReturnType<T extends UntypedHandler> = [
   (handler: Handlers<T>) => void,
-  <K extends keyof T>(type: K, event: Parameters<T[K]>[0]) => void
+  <K extends keyof T>(type: K, event: Parameters<T[K]>[0]) => void,
 ];
 
 /**
@@ -22,7 +22,7 @@ type SharedHandlersReturnType<T extends UntypedHandler> = [
  * }
  */
 export function useSharedHandlers<
-  T extends UntypedHandler
+  T extends UntypedHandler,
 >(): SharedHandlersReturnType<T> {
   const handlers = useSharedValue<Handlers<T>>({});
   const jsHandlers = useRef<Handlers<T>>({});
@@ -48,9 +48,9 @@ export function useSharedHandlers<
   }, []);
   const broadcast = <K extends keyof T>(
     type: K,
-    event: Parameters<T[K]>[0]
+    event: Parameters<T[K]>[0],
   ) => {
-    'worklet';
+    "worklet";
 
     Object.keys(handlers.value).forEach((key) => {
       handlers.value[key]?.[type]?.(event);
@@ -71,7 +71,7 @@ export function useSharedHandlers<
  */
 export function useAnimatedValue(
   initialValue: number,
-  config?: Animated.AnimatedConfig
+  config?: Animated.AnimatedConfig,
 ): Animated.Value {
   const ref = useRef<Animated.Value | null>(null);
 

package/src/monkey-patch.android.ts

@@ -1,10 +1,10 @@
 // @ts-expect-error because there is no corresponding type definition
-import * as NativeAndroidManager from 'react-native/Libraries/Components/StatusBar/NativeStatusBarManagerAndroid';
+import * as NativeAndroidManager from "react-native/Libraries/Components/StatusBar/NativeStatusBarManagerAndroid";
 
 const DefaultNativeAndroidManager = NativeAndroidManager.default;
 const getConstants = NativeAndroidManager.default.getConstants;
 const RCTStatusBarManagerCompat =
-  require('./specs/NativeStatusBarManagerCompat').default;
+  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/reanimated.native.ts

@@ -1,4 +1,4 @@
-import { useEvent, useHandler } from 'react-native-reanimated';
+import { useEvent, useHandler } from "react-native-reanimated";
 
 import type {
   EventWithName,
@@ -8,7 +8,7 @@ import type {
   FocusedInputTextHandlerHook,
   KeyboardHandlerHook,
   NativeEvent,
-} from './types';
+} from "./types";
 
 export const useAnimatedKeyboardHandler: KeyboardHandlerHook<
   Record<string, unknown>,
@@ -18,7 +18,7 @@ export const useAnimatedKeyboardHandler: KeyboardHandlerHook<
 
   return useEvent(
     (event) => {
-      'worklet';
+      "worklet";
       const {
         onKeyboardMoveStart,
         onKeyboardMove,
@@ -28,33 +28,33 @@ export const useAnimatedKeyboardHandler: KeyboardHandlerHook<
 
       if (
         onKeyboardMoveStart &&
-        event.eventName.endsWith('onKeyboardMoveStart')
+        event.eventName.endsWith("onKeyboardMoveStart")
       ) {
         onKeyboardMoveStart(event, context);
       }
 
-      if (onKeyboardMove && event.eventName.endsWith('onKeyboardMove')) {
+      if (onKeyboardMove && event.eventName.endsWith("onKeyboardMove")) {
         onKeyboardMove(event, context);
       }
 
-      if (onKeyboardMoveEnd && event.eventName.endsWith('onKeyboardMoveEnd')) {
+      if (onKeyboardMoveEnd && event.eventName.endsWith("onKeyboardMoveEnd")) {
         onKeyboardMoveEnd(event, context);
       }
 
       if (
         onKeyboardMoveInteractive &&
-        event.eventName.endsWith('onKeyboardMoveInteractive')
+        event.eventName.endsWith("onKeyboardMoveInteractive")
       ) {
         onKeyboardMoveInteractive(event, context);
       }
     },
     [
-      'onKeyboardMoveStart',
-      'onKeyboardMove',
-      'onKeyboardMoveEnd',
-      'onKeyboardMoveInteractive',
+      "onKeyboardMoveStart",
+      "onKeyboardMove",
+      "onKeyboardMoveEnd",
+      "onKeyboardMoveInteractive",
     ],
-    doDependenciesDiffer
+    doDependenciesDiffer,
   );
 };
 
@@ -66,18 +66,18 @@ export const useFocusedInputLayoutHandler: FocusedInputLayoutHandlerHook<
 
   return useEvent(
     (event) => {
-      'worklet';
+      "worklet";
       const { onFocusedInputLayoutChanged } = handlers;
 
       if (
         onFocusedInputLayoutChanged &&
-        event.eventName.endsWith('onFocusedInputLayoutChanged')
+        event.eventName.endsWith("onFocusedInputLayoutChanged")
       ) {
         onFocusedInputLayoutChanged(event, context);
       }
     },
-    ['onFocusedInputLayoutChanged'],
-    doDependenciesDiffer
+    ["onFocusedInputLayoutChanged"],
+    doDependenciesDiffer,
   );
 };
 
@@ -89,17 +89,17 @@ export const useFocusedInputTextHandler: FocusedInputTextHandlerHook<
 
   return useEvent(
     (event) => {
-      'worklet';
+      "worklet";
       const { onFocusedInputTextChanged } = handlers;
 
       if (
         onFocusedInputTextChanged &&
-        event.eventName.endsWith('onFocusedInputTextChanged')
+        event.eventName.endsWith("onFocusedInputTextChanged")
       ) {
         onFocusedInputTextChanged(event, context);
       }
     },
-    ['onFocusedInputTextChanged'],
-    doDependenciesDiffer
+    ["onFocusedInputTextChanged"],
+    doDependenciesDiffer,
   );
 };

package/src/reanimated.ts

@@ -6,7 +6,7 @@ import type {
   FocusedInputTextHandlerHook,
   KeyboardHandlerHook,
   NativeEvent,
-} from './types';
+} from "./types";
 
 const NOOP = () => () => {};
 export const useAnimatedKeyboardHandler: KeyboardHandlerHook<

package/src/replicas.ts

@@ -1,18 +1,18 @@
-import { useCallback, useEffect, useMemo, useRef } from 'react';
-import { Animated, Easing, Keyboard, Platform } from 'react-native';
+import { useCallback, useEffect, useMemo, useRef } from "react";
+import { Animated, Easing, Keyboard, Platform } from "react-native";
 import {
   runOnUI,
   useAnimatedReaction,
   useDerivedValue,
   useSharedValue,
   withSpring,
-} from 'react-native-reanimated';
+} from "react-native-reanimated";
 
-import { KeyboardController } from './bindings';
-import { AndroidSoftInputModes } from './constants';
-import { useReanimatedKeyboardAnimation } from './hooks';
+import { KeyboardController } from "./bindings";
+import { AndroidSoftInputModes } from "./constants";
+import { useReanimatedKeyboardAnimation } from "./hooks";
 
-const availableOSEventType = Platform.OS === 'ios' ? 'Will' : 'Did';
+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);
@@ -37,12 +37,12 @@ export const useKeyboardAnimationReplica = (): KeyboardAnimation => {
       height: height.current,
       progress: progress.current,
     }),
-    []
+    [],
   );
 
   useEffect(() => {
     KeyboardController.setInputMode(
-      AndroidSoftInputModes.SOFT_INPUT_ADJUST_RESIZE
+      AndroidSoftInputModes.SOFT_INPUT_ADJUST_RESIZE,
     );
 
     return () => KeyboardController.setDefaultMode();
@@ -59,7 +59,7 @@ export const useKeyboardAnimationReplica = (): KeyboardAnimation => {
         }).start();
 
         return () => listener.remove();
-      }
+      },
     );
   }, []);
   useEffect(() => {
@@ -74,7 +74,7 @@ export const useKeyboardAnimationReplica = (): KeyboardAnimation => {
         }).start();
 
         return () => listener.remove();
-      }
+      },
     );
   }, []);
 
@@ -111,7 +111,7 @@ export const useReanimatedKeyboardAnimationReplica = () => {
   const progress = useDerivedValue(() => height.value / heightEvent.value);
 
   const handler = useCallback((_height: number) => {
-    'worklet';
+    "worklet";
 
     heightEvent.value = _height;
   }, []);
@@ -128,14 +128,14 @@ export const useReanimatedKeyboardAnimationReplica = () => {
         height.value = withSpring(_keyboardHeight, IOS_SPRING_CONFIG);
       }
     },
-    []
+    [],
   );
 
   useEffect(() => {
-    const show = Keyboard.addListener('keyboardWillShow', (e) => {
+    const show = Keyboard.addListener("keyboardWillShow", (e) => {
       runOnUI(handler)(-e.endCoordinates.height);
     });
-    const hide = Keyboard.addListener('keyboardWillHide', () => {
+    const hide = Keyboard.addListener("keyboardWillHide", () => {
       runOnUI(handler)(0);
     });
 
@@ -149,6 +149,6 @@ export const useReanimatedKeyboardAnimationReplica = () => {
 };
 
 export const useGradualKeyboardAnimation =
-  Platform.OS === 'ios'
+  Platform.OS === "ios"
     ? useReanimatedKeyboardAnimationReplica
     : useReanimatedKeyboardAnimation;

package/src/specs/KeyboardControllerViewNativeComponent.ts

@@ -1,12 +1,12 @@
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import codegenNativeComponent from "react-native/Libraries/Utilities/codegenNativeComponent";
 
-import type { HostComponent } from 'react-native';
-import type { ViewProps } from 'react-native/Libraries/Components/View/ViewPropTypes';
+import type { HostComponent } from "react-native";
+import type { ViewProps } from "react-native/Libraries/Components/View/ViewPropTypes";
 import type {
   DirectEventHandler,
   Double,
   Int32,
-} from 'react-native/Libraries/Types/CodegenTypes';
+} from "react-native/Libraries/Types/CodegenTypes";
 
 type KeyboardMoveEvent = Readonly<{
   height: Double;
@@ -48,5 +48,5 @@ export interface NativeProps extends ViewProps {
 }
 
 export default codegenNativeComponent<NativeProps>(
-  'KeyboardControllerView'
+  "KeyboardControllerView",
 ) as HostComponent<NativeProps>;

package/src/specs/KeyboardGestureAreaNativeComponent.ts

@@ -1,15 +1,15 @@
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import codegenNativeComponent from "react-native/Libraries/Utilities/codegenNativeComponent";
 
-import type { HostComponent } from 'react-native';
-import type { ViewProps } from 'react-native/Libraries/Components/View/ViewPropTypes';
-import type { WithDefault } from 'react-native/Libraries/Types/CodegenTypes';
+import type { HostComponent } from "react-native";
+import type { ViewProps } from "react-native/Libraries/Components/View/ViewPropTypes";
+import type { WithDefault } from "react-native/Libraries/Types/CodegenTypes";
 
 export interface NativeProps extends ViewProps {
-  interpolator?: WithDefault<'linear' | 'ios', 'linear'>;
+  interpolator?: WithDefault<"linear" | "ios", "linear">;
   showOnSwipeUp?: boolean;
   enableSwipeToDismiss?: boolean;
 }
 
-export default codegenNativeComponent<NativeProps>('KeyboardGestureArea', {
-  excludedPlatforms: ['iOS'],
+export default codegenNativeComponent<NativeProps>("KeyboardGestureArea", {
+  excludedPlatforms: ["iOS"],
 }) as HostComponent<NativeProps>;

package/src/specs/NativeKeyboardController.ts

@@ -1,6 +1,6 @@
-import { TurboModuleRegistry } from 'react-native';
+import { TurboModuleRegistry } from "react-native";
 
-import type { TurboModule } from 'react-native';
+import type { TurboModule } from "react-native";
 
 export interface Spec extends TurboModule {
   readonly getConstants: () => {};
@@ -15,4 +15,4 @@ export interface Spec extends TurboModule {
   removeListeners: (count: number) => void;
 }
 
-export default TurboModuleRegistry.get<Spec>('KeyboardController');
+export default TurboModuleRegistry.get<Spec>("KeyboardController");

package/src/specs/NativeStatusBarManagerCompat.ts

@@ -1,6 +1,6 @@
-import { TurboModuleRegistry } from 'react-native';
+import { TurboModuleRegistry } from "react-native";
 
-import type { TurboModule } from 'react-native';
+import type { TurboModule } from "react-native";
 
 export interface Spec extends TurboModule {
   readonly getConstants: () => {};
@@ -11,4 +11,4 @@ export interface Spec extends TurboModule {
   setStyle(style: string): void;
 }
 
-export default TurboModuleRegistry.get<Spec>('StatusBarManagerCompat');
+export default TurboModuleRegistry.get<Spec>("StatusBarManagerCompat");

package/src/types.ts

@@ -2,7 +2,7 @@ import type {
   EmitterSubscription,
   NativeSyntheticEvent,
   ViewProps,
-} from 'react-native';
+} from "react-native";
 
 // DirectEventHandler events declaration
 export type NativeEvent = {
@@ -33,32 +33,32 @@ export type EventWithName<T> = {
 export type KeyboardControllerProps = {
   // callback props
   onKeyboardMoveStart?: (
-    e: NativeSyntheticEvent<EventWithName<NativeEvent>>
+    e: NativeSyntheticEvent<EventWithName<NativeEvent>>,
   ) => void;
   onKeyboardMove?: (
-    e: NativeSyntheticEvent<EventWithName<NativeEvent>>
+    e: NativeSyntheticEvent<EventWithName<NativeEvent>>,
   ) => void;
   onKeyboardMoveEnd?: (
-    e: NativeSyntheticEvent<EventWithName<NativeEvent>>
+    e: NativeSyntheticEvent<EventWithName<NativeEvent>>,
   ) => void;
   onKeyboardMoveInteractive?: (
-    e: NativeSyntheticEvent<EventWithName<NativeEvent>>
+    e: NativeSyntheticEvent<EventWithName<NativeEvent>>,
   ) => void;
   onFocusedInputLayoutChanged?: (
-    e: NativeSyntheticEvent<EventWithName<FocusedInputLayoutChangedEvent>>
+    e: NativeSyntheticEvent<EventWithName<FocusedInputLayoutChangedEvent>>,
   ) => void;
   onFocusedInputTextChanged?: (
-    e: NativeSyntheticEvent<EventWithName<FocusedInputTextChangedEvent>>
+    e: NativeSyntheticEvent<EventWithName<FocusedInputTextChangedEvent>>,
   ) => void;
   // fake props used to activate reanimated bindings
   onKeyboardMoveReanimated?: (
-    e: NativeSyntheticEvent<EventWithName<NativeEvent>>
+    e: NativeSyntheticEvent<EventWithName<NativeEvent>>,
   ) => void;
   onFocusedInputLayoutChangedReanimated?: (
-    e: NativeSyntheticEvent<EventWithName<FocusedInputLayoutChangedEvent>>
+    e: NativeSyntheticEvent<EventWithName<FocusedInputLayoutChangedEvent>>,
   ) => void;
   onFocusedInputTextChangedReanimated?: (
-    e: NativeSyntheticEvent<EventWithName<FocusedInputTextChangedEvent>>
+    e: NativeSyntheticEvent<EventWithName<FocusedInputTextChangedEvent>>,
   ) => void;
   // props
   statusBarTranslucent?: boolean;
@@ -67,7 +67,7 @@ export type KeyboardControllerProps = {
 } & ViewProps;
 
 export type KeyboardGestureAreaProps = {
-  interpolator: 'ios' | 'linear';
+  interpolator: "ios" | "linear";
   /**
    * Whether to allow to show a keyboard from dismissed state by swipe up.
    * Default to `false`.
@@ -94,10 +94,10 @@ export type KeyboardControllerModule = {
 
 // Event module declarations
 export type KeyboardControllerEvents =
-  | 'keyboardWillShow'
-  | 'keyboardDidShow'
-  | 'keyboardWillHide'
-  | 'keyboardDidHide';
+  | "keyboardWillShow"
+  | "keyboardDidShow"
+  | "keyboardWillHide"
+  | "keyboardDidHide";
 export type KeyboardEventData = {
   height: number;
   duration: number;
@@ -107,7 +107,7 @@ export type KeyboardEventData = {
 export type KeyboardEventsModule = {
   addListener: (
     name: KeyboardControllerEvents,
-    cb: (e: KeyboardEventData) => void
+    cb: (e: KeyboardEventData) => void,
   ) => EmitterSubscription;
 };
 
@@ -119,25 +119,25 @@ export type KeyboardHandlerHook<TContext, Event> = (
     onKeyboardMoveEnd?: (e: NativeEvent, context: TContext) => void;
     onKeyboardMoveInteractive?: (e: NativeEvent, context: TContext) => void;
   },
-  dependencies?: unknown[]
+  dependencies?: unknown[],
 ) => (e: NativeSyntheticEvent<Event>) => void;
 export type FocusedInputLayoutHandlerHook<TContext, Event> = (
   handlers: {
     onFocusedInputLayoutChanged?: (
       e: FocusedInputLayoutChangedEvent,
-      context: TContext
+      context: TContext,
     ) => void;
   },
-  dependencies?: unknown[]
+  dependencies?: unknown[],
 ) => (e: NativeSyntheticEvent<Event>) => void;
 export type FocusedInputTextHandlerHook<TContext, Event> = (
   handlers: {
     onFocusedInputTextChanged?: (
       e: FocusedInputTextChangedEvent,
-      context: TContext
+      context: TContext,
     ) => void;
   },
-  dependencies?: unknown[]
+  dependencies?: unknown[],
 ) => (e: NativeSyntheticEvent<Event>) => void;
 
 // package types