react-native-keyboard-controller 1.10.0 → 1.10.2

package/lib/module/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type {\n  EmitterSubscription,\n  NativeSyntheticEvent,\n  ViewProps,\n} from 'react-native';\n\n// DirectEventHandler events declaration\nexport type NativeEvent = {\n  progress: number;\n  height: number;\n  duration: number;\n  target: number;\n};\nexport type FocusedInputLayoutChangedEvent = {\n  target: number;\n  layout: {\n    x: number;\n    y: number;\n    width: number;\n    height: number;\n    absoluteX: number;\n    absoluteY: number;\n  };\n};\nexport type FocusedInputTextChangedEvent = {\n  text: string;\n};\nexport type EventWithName<T> = {\n  eventName: string;\n} & T;\n\n// native View/Module declarations\nexport type KeyboardControllerProps = {\n  // callback props\n  onKeyboardMoveStart?: (\n    e: NativeSyntheticEvent<EventWithName<NativeEvent>>\n  ) => void;\n  onKeyboardMove?: (\n    e: NativeSyntheticEvent<EventWithName<NativeEvent>>\n  ) => void;\n  onKeyboardMoveEnd?: (\n    e: NativeSyntheticEvent<EventWithName<NativeEvent>>\n  ) => void;\n  onKeyboardMoveInteractive?: (\n    e: NativeSyntheticEvent<EventWithName<NativeEvent>>\n  ) => void;\n  onFocusedInputLayoutChanged?: (\n    e: NativeSyntheticEvent<EventWithName<FocusedInputLayoutChangedEvent>>\n  ) => void;\n  onFocusedInputTextChanged?: (\n    e: NativeSyntheticEvent<EventWithName<FocusedInputTextChangedEvent>>\n  ) => void;\n  // fake props used to activate reanimated bindings\n  onKeyboardMoveReanimated?: (\n    e: NativeSyntheticEvent<EventWithName<NativeEvent>>\n  ) => void;\n  onFocusedInputLayoutChangedReanimated?: (\n    e: NativeSyntheticEvent<EventWithName<FocusedInputLayoutChangedEvent>>\n  ) => void;\n  onFocusedInputTextChangedReanimated?: (\n    e: NativeSyntheticEvent<EventWithName<FocusedInputTextChangedEvent>>\n  ) => void;\n  // props\n  statusBarTranslucent?: boolean;\n  navigationBarTranslucent?: boolean;\n  enabled?: boolean;\n} & ViewProps;\n\nexport type KeyboardGestureAreaProps = {\n  interpolator: 'ios' | 'linear';\n  /**\n   * Whether to allow to show a keyboard from dismissed state by swipe up.\n   * Default to `false`.\n   */\n  showOnSwipeUp?: boolean;\n  /**\n   * Whether to allow to control a keyboard by gestures. The strategy how\n   * it should be controlled is determined by `interpolator` property.\n   * Defaults to `true`.\n   */\n  enableSwipeToDismiss?: boolean;\n} & ViewProps;\n\nexport type KeyboardControllerModule = {\n  // android only\n  setDefaultMode: () => void;\n  setInputMode: (mode: number) => void;\n  // all platforms\n  dismiss: () => void;\n  // native event module stuff\n  addListener: (eventName: string) => void;\n  removeListeners: (count: number) => void;\n};\n\n// Event module declarations\nexport type KeyboardControllerEvents =\n  | 'keyboardWillShow'\n  | 'keyboardDidShow'\n  | 'keyboardWillHide'\n  | 'keyboardDidHide';\nexport type KeyboardEventData = {\n  height: number;\n  duration: number;\n  timestamp: number;\n  target: number;\n};\nexport type KeyboardEventsModule = {\n  addListener: (\n    name: KeyboardControllerEvents,\n    cb: (e: KeyboardEventData) => void\n  ) => EmitterSubscription;\n};\n\n// reanimated hook declaration\nexport type KeyboardHandlerHook<TContext, Event> = (\n  handlers: {\n    onKeyboardMoveStart?: (e: NativeEvent, context: TContext) => void;\n    onKeyboardMove?: (e: NativeEvent, context: TContext) => void;\n    onKeyboardMoveEnd?: (e: NativeEvent, context: TContext) => void;\n    onKeyboardMoveInteractive?: (e: NativeEvent, context: TContext) => void;\n  },\n  dependencies?: unknown[]\n) => (e: NativeSyntheticEvent<Event>) => void;\nexport type FocusedInputLayoutHandlerHook<TContext, Event> = (\n  handlers: {\n    onFocusedInputLayoutChanged?: (\n      e: FocusedInputLayoutChangedEvent,\n      context: TContext\n    ) => void;\n  },\n  dependencies?: unknown[]\n) => (e: NativeSyntheticEvent<Event>) => void;\nexport type FocusedInputTextHandlerHook<TContext, Event> = (\n  handlers: {\n    onFocusedInputTextChanged?: (\n      e: FocusedInputTextChangedEvent,\n      context: TContext\n    ) => void;\n  },\n  dependencies?: unknown[]\n) => (e: NativeSyntheticEvent<Event>) => void;\n\n// package types\nexport type Handlers<T> = Record<string, T | undefined>;\nexport type KeyboardHandler = Partial<{\n  onStart: (e: NativeEvent) => void;\n  onMove: (e: NativeEvent) => void;\n  onEnd: (e: NativeEvent) => void;\n  onInteractive: (e: NativeEvent) => void;\n}>;\nexport type KeyboardHandlers = Handlers<KeyboardHandler>;\nexport type FocusedInputHandler = Partial<{\n  onChangeText: (e: FocusedInputTextChangedEvent) => void;\n}>;\nexport type FocusedInputHandlers = Handlers<FocusedInputHandler>;\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type {\n  EmitterSubscription,\n  NativeSyntheticEvent,\n  ViewProps,\n} from \"react-native\";\n\n// DirectEventHandler events declaration\nexport type NativeEvent = {\n  progress: number;\n  height: number;\n  duration: number;\n  target: number;\n};\nexport type FocusedInputLayoutChangedEvent = {\n  target: number;\n  layout: {\n    x: number;\n    y: number;\n    width: number;\n    height: number;\n    absoluteX: number;\n    absoluteY: number;\n  };\n};\nexport type FocusedInputTextChangedEvent = {\n  text: string;\n};\nexport type EventWithName<T> = {\n  eventName: string;\n} & T;\n\n// native View/Module declarations\nexport type KeyboardControllerProps = {\n  // callback props\n  onKeyboardMoveStart?: (\n    e: NativeSyntheticEvent<EventWithName<NativeEvent>>,\n  ) => void;\n  onKeyboardMove?: (\n    e: NativeSyntheticEvent<EventWithName<NativeEvent>>,\n  ) => void;\n  onKeyboardMoveEnd?: (\n    e: NativeSyntheticEvent<EventWithName<NativeEvent>>,\n  ) => void;\n  onKeyboardMoveInteractive?: (\n    e: NativeSyntheticEvent<EventWithName<NativeEvent>>,\n  ) => void;\n  onFocusedInputLayoutChanged?: (\n    e: NativeSyntheticEvent<EventWithName<FocusedInputLayoutChangedEvent>>,\n  ) => void;\n  onFocusedInputTextChanged?: (\n    e: NativeSyntheticEvent<EventWithName<FocusedInputTextChangedEvent>>,\n  ) => void;\n  // fake props used to activate reanimated bindings\n  onKeyboardMoveReanimated?: (\n    e: NativeSyntheticEvent<EventWithName<NativeEvent>>,\n  ) => void;\n  onFocusedInputLayoutChangedReanimated?: (\n    e: NativeSyntheticEvent<EventWithName<FocusedInputLayoutChangedEvent>>,\n  ) => void;\n  onFocusedInputTextChangedReanimated?: (\n    e: NativeSyntheticEvent<EventWithName<FocusedInputTextChangedEvent>>,\n  ) => void;\n  // props\n  statusBarTranslucent?: boolean;\n  navigationBarTranslucent?: boolean;\n  enabled?: boolean;\n} & ViewProps;\n\nexport type KeyboardGestureAreaProps = {\n  interpolator: \"ios\" | \"linear\";\n  /**\n   * Whether to allow to show a keyboard from dismissed state by swipe up.\n   * Default to `false`.\n   */\n  showOnSwipeUp?: boolean;\n  /**\n   * Whether to allow to control a keyboard by gestures. The strategy how\n   * it should be controlled is determined by `interpolator` property.\n   * Defaults to `true`.\n   */\n  enableSwipeToDismiss?: boolean;\n} & ViewProps;\n\nexport type KeyboardControllerModule = {\n  // android only\n  setDefaultMode: () => void;\n  setInputMode: (mode: number) => void;\n  // all platforms\n  dismiss: () => void;\n  // native event module stuff\n  addListener: (eventName: string) => void;\n  removeListeners: (count: number) => void;\n};\n\n// Event module declarations\nexport type KeyboardControllerEvents =\n  | \"keyboardWillShow\"\n  | \"keyboardDidShow\"\n  | \"keyboardWillHide\"\n  | \"keyboardDidHide\";\nexport type KeyboardEventData = {\n  height: number;\n  duration: number;\n  timestamp: number;\n  target: number;\n};\nexport type KeyboardEventsModule = {\n  addListener: (\n    name: KeyboardControllerEvents,\n    cb: (e: KeyboardEventData) => void,\n  ) => EmitterSubscription;\n};\n\n// reanimated hook declaration\nexport type KeyboardHandlerHook<TContext, Event> = (\n  handlers: {\n    onKeyboardMoveStart?: (e: NativeEvent, context: TContext) => void;\n    onKeyboardMove?: (e: NativeEvent, context: TContext) => void;\n    onKeyboardMoveEnd?: (e: NativeEvent, context: TContext) => void;\n    onKeyboardMoveInteractive?: (e: NativeEvent, context: TContext) => void;\n  },\n  dependencies?: unknown[],\n) => (e: NativeSyntheticEvent<Event>) => void;\nexport type FocusedInputLayoutHandlerHook<TContext, Event> = (\n  handlers: {\n    onFocusedInputLayoutChanged?: (\n      e: FocusedInputLayoutChangedEvent,\n      context: TContext,\n    ) => void;\n  },\n  dependencies?: unknown[],\n) => (e: NativeSyntheticEvent<Event>) => void;\nexport type FocusedInputTextHandlerHook<TContext, Event> = (\n  handlers: {\n    onFocusedInputTextChanged?: (\n      e: FocusedInputTextChangedEvent,\n      context: TContext,\n    ) => void;\n  },\n  dependencies?: unknown[],\n) => (e: NativeSyntheticEvent<Event>) => void;\n\n// package types\nexport type Handlers<T> = Record<string, T | undefined>;\nexport type KeyboardHandler = Partial<{\n  onStart: (e: NativeEvent) => void;\n  onMove: (e: NativeEvent) => void;\n  onEnd: (e: NativeEvent) => void;\n  onInteractive: (e: NativeEvent) => void;\n}>;\nexport type KeyboardHandlers = Handlers<KeyboardHandler>;\nexport type FocusedInputHandler = Partial<{\n  onChangeText: (e: FocusedInputTextChangedEvent) => void;\n}>;\nexport type FocusedInputHandlers = Handlers<FocusedInputHandler>;\n"],"mappings":""}

package/lib/module/utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["uuid","Math","random","toString","slice"],"sources":["utils.ts"],"sourcesContent":["export const uuid = () => Math.random().toString(36).slice(-6);\n"],"mappings":"AAAA,OAAO,MAAMA,IAAI,GAAG,MAAMC,IAAI,CAACC,MAAM,EAAE,CAACC,QAAQ,CAAC,EAAE,CAAC,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC"}
+{"version":3,"names":["uuid","Math","random","toString","slice"],"sources":["utils.ts"],"sourcesContent":["export const uuid = () => Math.random().toString(36).slice(-6);\n"],"mappings":"AAAA,OAAO,MAAMA,IAAI,GAAGA,CAAA,KAAMC,IAAI,CAACC,MAAM,CAAC,CAAC,CAACC,QAAQ,CAAC,EAAE,CAAC,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC"}

package/lib/typescript/animated.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 type KeyboardProviderProps = {
     children: React.ReactNode;
     /**

package/lib/typescript/bindings.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { KeyboardControllerModule, KeyboardControllerProps, KeyboardEventsModule, KeyboardGestureAreaProps } from './types';
+import type { KeyboardControllerModule, KeyboardControllerProps, KeyboardEventsModule, KeyboardGestureAreaProps } from "./types";
 export declare const KeyboardController: KeyboardControllerModule;
 export declare const KeyboardEvents: KeyboardEventsModule;
 export declare const KeyboardControllerView: import("react").FC<KeyboardControllerProps>;

package/lib/typescript/bindings.native.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { KeyboardControllerModule, KeyboardControllerProps, KeyboardEventsModule, KeyboardGestureAreaProps } from './types';
+import type { KeyboardControllerModule, KeyboardControllerProps, KeyboardEventsModule, KeyboardGestureAreaProps } from "./types";
 export declare const KeyboardController: KeyboardControllerModule;
 export declare const KeyboardEvents: KeyboardEventsModule;
 export declare const KeyboardControllerView: React.FC<KeyboardControllerProps>;

package/lib/typescript/components/KeyboardAvoidingView/index.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { View } from 'react-native';
-import type { ViewProps } from 'react-native';
+import React from "react";
+import { View } from "react-native";
+import type { ViewProps } from "react-native";
 /**
  * View that moves out of the way when the keyboard appears by automatically
  * adjusting its height, position, or bottom padding.
@@ -13,7 +13,7 @@ declare const KeyboardAvoidingView: React.ForwardRefExoticComponent<{
     /**
      * Style of the content container when `behavior` is 'position'.
      */
-    contentContainerStyle?: ViewProps['style'];
+    contentContainerStyle?: ViewProps["style"];
     /**
      * Controls whether this `KeyboardAvoidingView` instance should take effect.
      * This is useful when more than one is on the screen. Defaults to true.

package/lib/typescript/components/KeyboardAwareScrollView/index.d.ts

@@ -1,5 +1,5 @@
-import type { FC } from 'react';
-import type { ScrollViewProps } from 'react-native';
+import type { FC } from "react";
+import type { ScrollViewProps } from "react-native";
 type KeyboardAwareScrollViewProps = {
     bottomOffset?: number;
 } & ScrollViewProps;

package/lib/typescript/components/KeyboardAwareScrollView/useSmoothKeyboardHandler.d.ts

@@ -1,4 +1,4 @@
-import { useKeyboardHandler } from 'react-native-keyboard-controller';
+import { useKeyboardHandler } from "react-native-keyboard-controller";
 /**
  * Hook that uses default transitions for iOS and Android > 11, and uses
  * custom interpolation on Android < 11 to achieve more smooth animation

package/lib/typescript/components/KeyboardStickyView/index.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import type { View, ViewProps } from 'react-native';
+import React from "react";
+import type { View, ViewProps } from "react-native";
 declare const KeyboardStickyView: React.ForwardRefExoticComponent<{
     /**
      * Specify additional offset to the view for given keyboard state.

package/lib/typescript/components/hooks/useKeyboardInterpolation.d.ts

@@ -0,0 +1,20 @@
+type KeyboardInterpolationOutput = [number, number];
+/**
+ * Hook that can be used for interpolation keyboard movement. The main concern is the thing
+ * when keyboard is opened and gets resized on Android. Let's say we are interpolating from
+ * closed to open [0, 200] and we want to interpolate it to [0, 230] (to achieve nice parallax effect).
+ * Then let's say keyboard changes its height to 220 (and we want to interpolate the value to 250, +30
+ * to keyboard height). If we interpolate based on `progress` value, then we will have a jump on first frame:
+ * the last interpolated position was 230, now we will interpolate to 250, but first frame will be calculated
+ * as 200 / 220 * 250 = 227 (and last interpolated position was 230) so we will have a jump.
+ *
+ * This hook handles it, and when keyboard changes its size it does an interpolation as:
+ * [200, 220] -> [230, 250], i. e. we preserve last interpolated value and use it as initial value for interpolation
+ * and because of that we will not have a jump and animation will start from the last frame and will be smooth.
+ *
+ * @see https://github.com/kirillzyusko/react-native-keyboard-controller/issues/315
+ */
+declare const useKeyboardInterpolation: () => {
+    interpolate: (keyboardPosition: number, output: KeyboardInterpolationOutput) => number;
+};
+export default useKeyboardInterpolation;

package/lib/typescript/components/index.d.ts

@@ -1,3 +1,3 @@
-export { default as KeyboardAvoidingView } from './KeyboardAvoidingView';
-export { default as KeyboardStickyView } from './KeyboardStickyView';
-export { default as KeyboardAwareScrollView } from './KeyboardAwareScrollView';
+export { default as KeyboardAvoidingView } from "./KeyboardAvoidingView";
+export { default as KeyboardStickyView } from "./KeyboardStickyView";
+export { default as KeyboardAwareScrollView } from "./KeyboardAwareScrollView";

package/lib/typescript/context.d.ts

@@ -1,7 +1,7 @@
-import { Animated } from 'react-native';
-import type { FocusedInputHandlers, FocusedInputLayoutChangedEvent, KeyboardHandlers } from './types';
-import type React from 'react';
-import type { SharedValue } from 'react-native-reanimated';
+import { Animated } from "react-native";
+import type { FocusedInputHandlers, FocusedInputLayoutChangedEvent, KeyboardHandlers } from "./types";
+import type React from "react";
+import type { SharedValue } from "react-native-reanimated";
 export type AnimatedContext = {
     progress: Animated.Value;
     height: Animated.AnimatedMultiplication<number>;

package/lib/typescript/hooks.d.ts

@@ -1,6 +1,6 @@
-import type { AnimatedContext, ReanimatedContext } from './context';
-import type { FocusedInputHandler, KeyboardHandler } from './types';
-import type { DependencyList } from 'react';
+import type { AnimatedContext, ReanimatedContext } from "./context";
+import type { FocusedInputHandler, KeyboardHandler } from "./types";
+import type { DependencyList } from "react";
 export declare const useResizeMode: () => void;
 export declare const useKeyboardAnimation: () => AnimatedContext;
 export declare const useReanimatedKeyboardAnimation: () => ReanimatedContext;

package/lib/typescript/index.d.ts

@@ -1,8 +1,8 @@
-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';
+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";

package/lib/typescript/internal.d.ts

@@ -1,5 +1,5 @@
-import { Animated } from 'react-native';
-import type { Handlers } from './types';
+import { Animated } from "react-native";
+import type { Handlers } from "./types";
 type UntypedHandler = Record<string, (event: never) => void>;
 type SharedHandlersReturnType<T extends UntypedHandler> = [
     (handler: Handlers<T>) => void,

package/lib/typescript/reanimated.d.ts

@@ -1,4 +1,4 @@
-import type { EventWithName, FocusedInputLayoutChangedEvent, FocusedInputLayoutHandlerHook, FocusedInputTextChangedEvent, FocusedInputTextHandlerHook, KeyboardHandlerHook, NativeEvent } from './types';
+import type { EventWithName, FocusedInputLayoutChangedEvent, FocusedInputLayoutHandlerHook, FocusedInputTextChangedEvent, FocusedInputTextHandlerHook, KeyboardHandlerHook, NativeEvent } from "./types";
 export declare const useAnimatedKeyboardHandler: KeyboardHandlerHook<Record<string, unknown>, EventWithName<NativeEvent>>;
 export declare const useFocusedInputLayoutHandler: FocusedInputLayoutHandlerHook<Record<string, unknown>, EventWithName<FocusedInputLayoutChangedEvent>>;
 export declare const useFocusedInputTextHandler: FocusedInputTextHandlerHook<Record<string, unknown>, EventWithName<FocusedInputTextChangedEvent>>;

package/lib/typescript/reanimated.native.d.ts

@@ -1,4 +1,4 @@
-import type { EventWithName, FocusedInputLayoutChangedEvent, FocusedInputLayoutHandlerHook, FocusedInputTextChangedEvent, FocusedInputTextHandlerHook, KeyboardHandlerHook, NativeEvent } from './types';
+import type { EventWithName, FocusedInputLayoutChangedEvent, FocusedInputLayoutHandlerHook, FocusedInputTextChangedEvent, FocusedInputTextHandlerHook, KeyboardHandlerHook, NativeEvent } from "./types";
 export declare const useAnimatedKeyboardHandler: KeyboardHandlerHook<Record<string, unknown>, EventWithName<NativeEvent>>;
 export declare const useFocusedInputLayoutHandler: FocusedInputLayoutHandlerHook<Record<string, unknown>, EventWithName<FocusedInputLayoutChangedEvent>>;
 export declare const useFocusedInputTextHandler: FocusedInputTextHandlerHook<Record<string, unknown>, EventWithName<FocusedInputTextChangedEvent>>;

package/lib/typescript/replicas.d.ts

@@ -1,4 +1,4 @@
-import { Animated } from 'react-native';
+import { Animated } from "react-native";
 export declare const defaultAndroidEasing: import("react-native").EasingFunction;
 type KeyboardAnimation = {
     progress: Animated.Value;

package/lib/typescript/specs/KeyboardControllerViewNativeComponent.d.ts

@@ -1,6 +1,6 @@
-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';
+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";
 type KeyboardMoveEvent = Readonly<{
     height: Double;
     progress: Double;

package/lib/typescript/specs/KeyboardGestureAreaNativeComponent.d.ts

@@ -1,8 +1,8 @@
-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;
 }

package/lib/typescript/specs/NativeKeyboardController.d.ts

@@ -1,4 +1,4 @@
-import type { TurboModule } from 'react-native';
+import type { TurboModule } from "react-native";
 export interface Spec extends TurboModule {
     readonly getConstants: () => {};
     setInputMode(mode: number): void;

package/lib/typescript/specs/NativeStatusBarManagerCompat.d.ts

@@ -1,4 +1,4 @@
-import type { TurboModule } from 'react-native';
+import type { TurboModule } from "react-native";
 export interface Spec extends TurboModule {
     readonly getConstants: () => {};
     setHidden(hidden: boolean): void;

package/lib/typescript/types.d.ts

@@ -1,4 +1,4 @@
-import type { EmitterSubscription, NativeSyntheticEvent, ViewProps } from 'react-native';
+import type { EmitterSubscription, NativeSyntheticEvent, ViewProps } from "react-native";
 export type NativeEvent = {
     progress: number;
     height: number;
@@ -37,7 +37,7 @@ export type KeyboardControllerProps = {
     enabled?: boolean;
 } & 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`.
@@ -57,7 +57,7 @@ export type KeyboardControllerModule = {
     addListener: (eventName: string) => void;
     removeListeners: (count: number) => void;
 };
-export type KeyboardControllerEvents = 'keyboardWillShow' | 'keyboardDidShow' | 'keyboardWillHide' | 'keyboardDidHide';
+export type KeyboardControllerEvents = "keyboardWillShow" | "keyboardDidShow" | "keyboardWillHide" | "keyboardDidHide";
 export type KeyboardEventData = {
     height: number;
     duration: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-keyboard-controller",
-  "version": "1.10.0",
+  "version": "1.10.2",
   "description": "Keyboard manager which works in identical way on both iOS and Android",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -27,6 +27,7 @@
     "!**/__mocks__"
   ],
   "scripts": {
+    "format": "prettier '**/*' --ignore-unknown --write",
     "test": "jest",
     "typescript": "tsc --noEmit --project tsconfig.build.json",
     "lint": "eslint --quiet \"**/*.{js,ts,tsx}\"",
@@ -62,7 +63,7 @@
   },
   "devDependencies": {
     "@commitlint/config-conventional": "^11.0.0",
-    "@react-native/eslint-config": "^0.72.2",
+    "@react-native/eslint-config": "^0.74.0",
     "@release-it/conventional-changelog": "^2.0.0",
     "@types/jest": "^29.2.1",
     "@types/react": "^18.0.24",
@@ -71,15 +72,15 @@
     "clang-format": "^1.8.0",
     "commitlint": "^11.0.0",
     "eslint": "^8.19.0",
-    "eslint-config-prettier": "^7.0.0",
+    "eslint-config-prettier": "^8.5.0",
     "eslint-import-resolver-typescript": "^3.6.1",
     "eslint-plugin-import": "^2.28.1",
-    "eslint-plugin-jest": "^27.4.2",
-    "eslint-plugin-prettier": "^3.1.3",
+    "eslint-plugin-jest": "^26.5.3",
+    "eslint-plugin-prettier": "^4.2.1",
     "husky": "^6.0.0",
     "jest": "^29.2.1",
     "pod-install": "^0.1.0",
-    "prettier": "^2.4.1",
+    "prettier": "^2.8.8",
     "react": "18.2.0",
     "react-native": "0.72.4",
     "react-native-builder-bob": "^0.18.0",
@@ -123,10 +124,7 @@
   },
   "prettier": {
     "quoteProps": "consistent",
-    "singleQuote": true,
-    "tabWidth": 2,
-    "trailingComma": "es5",
-    "useTabs": false
+    "trailingComma": "all"
   },
   "react-native-builder-bob": {
     "source": "src",

package/src/animated.tsx

@@ -1,31 +1,31 @@
-import React, { useEffect, useMemo, useState } from 'react';
-import { Animated, Platform, StyleSheet } from 'react-native';
-import Reanimated, { useSharedValue } from 'react-native-reanimated';
+import React, { useEffect, useMemo, useState } from "react";
+import { Animated, Platform, StyleSheet } from "react-native";
+import Reanimated, { useSharedValue } from "react-native-reanimated";
 
-import { KeyboardControllerView } from './bindings';
-import { KeyboardContext } from './context';
-import { useAnimatedValue, useSharedHandlers } from './internal';
-import { applyMonkeyPatch, revertMonkeyPatch } from './monkey-patch';
+import { KeyboardControllerView } from "./bindings";
+import { KeyboardContext } from "./context";
+import { useAnimatedValue, useSharedHandlers } from "./internal";
+import { applyMonkeyPatch, revertMonkeyPatch } from "./monkey-patch";
 import {
   useAnimatedKeyboardHandler,
   useFocusedInputLayoutHandler,
   useFocusedInputTextHandler,
-} from './reanimated';
+} from "./reanimated";
 
-import type { KeyboardAnimationContext } from './context';
+import type { KeyboardAnimationContext } from "./context";
 import type {
   FocusedInputHandler,
   FocusedInputLayoutChangedEvent,
   KeyboardControllerProps,
   KeyboardHandler,
   NativeEvent,
-} from './types';
-import type { ViewStyle } from 'react-native';
+} from "./types";
+import type { ViewStyle } from "react-native";
 
 const KeyboardControllerViewAnimated = Reanimated.createAnimatedComponent(
   Animated.createAnimatedComponent(
-    KeyboardControllerView
-  ) as React.FC<KeyboardControllerProps>
+    KeyboardControllerView,
+  ) as React.FC<KeyboardControllerProps>,
 );
 
 type Styles = {
@@ -38,8 +38,8 @@ const styles = StyleSheet.create<Styles>({
     flex: 1,
   },
   hidden: {
-    display: 'none',
-    position: 'absolute',
+    display: "none",
+    position: "absolute",
   },
 });
 
@@ -102,14 +102,14 @@ export const KeyboardProvider = ({
       setInputHandlers,
       setEnabled,
     }),
-    [enabled]
+    [enabled],
   );
   const style = useMemo(
     () => [
       styles.hidden,
       { transform: [{ translateX: height }, { translateY: progress }] },
     ],
-    []
+    [],
   );
   const onKeyboardMove = useMemo(
     () =>
@@ -122,13 +122,13 @@ export const KeyboardProvider = ({
             },
           },
         ],
-        { useNativeDriver: true }
+        { useNativeDriver: true },
       ),
-    []
+    [],
   );
   // handlers
   const updateSharedValues = (event: NativeEvent, platforms: string[]) => {
-    'worklet';
+    "worklet";
 
     if (platforms.includes(Platform.OS)) {
       progressSV.value = event.progress;
@@ -138,35 +138,35 @@ export const KeyboardProvider = ({
   const keyboardHandler = useAnimatedKeyboardHandler(
     {
       onKeyboardMoveStart: (event: NativeEvent) => {
-        'worklet';
+        "worklet";
 
-        broadcastKeyboardEvents('onStart', event);
-        updateSharedValues(event, ['ios']);
+        broadcastKeyboardEvents("onStart", event);
+        updateSharedValues(event, ["ios"]);
       },
       onKeyboardMove: (event: NativeEvent) => {
-        'worklet';
+        "worklet";
 
-        broadcastKeyboardEvents('onMove', event);
-        updateSharedValues(event, ['android']);
+        broadcastKeyboardEvents("onMove", event);
+        updateSharedValues(event, ["android"]);
       },
       onKeyboardMoveEnd: (event: NativeEvent) => {
-        'worklet';
+        "worklet";
 
-        broadcastKeyboardEvents('onEnd', event);
+        broadcastKeyboardEvents("onEnd", event);
       },
       onKeyboardMoveInteractive: (event: NativeEvent) => {
-        'worklet';
+        "worklet";
 
-        updateSharedValues(event, ['android', 'ios']);
-        broadcastKeyboardEvents('onInteractive', event);
+        updateSharedValues(event, ["android", "ios"]);
+        broadcastKeyboardEvents("onInteractive", event);
       },
     },
-    []
+    [],
   );
   const inputLayoutHandler = useFocusedInputLayoutHandler(
     {
       onFocusedInputLayoutChanged: (e) => {
-        'worklet';
+        "worklet";
 
         if (e.target !== -1) {
           layout.value = e;
@@ -175,17 +175,17 @@ export const KeyboardProvider = ({
         }
       },
     },
-    []
+    [],
   );
   const inputTextHandler = useFocusedInputTextHandler(
     {
       onFocusedInputTextChanged: (e) => {
-        'worklet';
+        "worklet";
 
-        broadcastInputEvents('onChangeText', e);
+        broadcastInputEvents("onChangeText", e);
       },
     },
-    []
+    [],
   );
   // effects
   useEffect(() => {
@@ -201,8 +201,8 @@ export const KeyboardProvider = ({
       <KeyboardControllerViewAnimated
         enabled={enabled}
         onKeyboardMoveReanimated={keyboardHandler}
-        onKeyboardMoveStart={Platform.OS === 'ios' ? onKeyboardMove : undefined}
-        onKeyboardMove={Platform.OS === 'android' ? onKeyboardMove : undefined}
+        onKeyboardMoveStart={Platform.OS === "ios" ? onKeyboardMove : undefined}
+        onKeyboardMove={Platform.OS === "android" ? onKeyboardMove : undefined}
         onKeyboardMoveInteractive={onKeyboardMove}
         onFocusedInputLayoutChangedReanimated={inputLayoutHandler}
         onFocusedInputTextChangedReanimated={inputTextHandler}

package/src/bindings.native.ts

@@ -1,20 +1,20 @@
-import { NativeEventEmitter, Platform } from 'react-native';
+import { NativeEventEmitter, Platform } from "react-native";
 
 import type {
   KeyboardControllerModule,
   KeyboardControllerProps,
   KeyboardEventsModule,
   KeyboardGestureAreaProps,
-} from './types';
+} 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 Go\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 Go\n";
 
 const RCTKeyboardController =
-  require('./specs/NativeKeyboardController').default;
+  require("./specs/NativeKeyboardController").default;
 export const KeyboardController = (
   RCTKeyboardController
     ? RCTKeyboardController
@@ -24,7 +24,7 @@ export const KeyboardController = (
           get() {
             throw new Error(LINKING_ERROR);
           },
-        }
+        },
       )
 ) as KeyboardControllerModule;
 
@@ -32,11 +32,11 @@ const eventEmitter = new NativeEventEmitter(KeyboardController);
 
 export const KeyboardEvents: KeyboardEventsModule = {
   addListener: (name, cb) =>
-    eventEmitter.addListener('KeyboardController::' + name, cb),
+    eventEmitter.addListener("KeyboardController::" + name, cb),
 };
 export const KeyboardControllerView: React.FC<KeyboardControllerProps> =
-  require('./specs/KeyboardControllerViewNativeComponent').default;
+  require("./specs/KeyboardControllerViewNativeComponent").default;
 export const KeyboardGestureArea: React.FC<KeyboardGestureAreaProps> =
-  Platform.OS === 'android' && Platform.Version >= 30
-    ? require('./specs/KeyboardGestureAreaNativeComponent').default
+  Platform.OS === "android" && Platform.Version >= 30
+    ? require("./specs/KeyboardGestureAreaNativeComponent").default
     : ({ children }: KeyboardGestureAreaProps) => children;

package/src/bindings.ts

@@ -1,12 +1,12 @@
-import { View } from 'react-native';
+import { View } from "react-native";
 
 import type {
   KeyboardControllerModule,
   KeyboardControllerProps,
   KeyboardEventsModule,
   KeyboardGestureAreaProps,
-} from './types';
-import type { EmitterSubscription } from 'react-native';
+} from "./types";
+import type { EmitterSubscription } from "react-native";
 
 const NOOP = () => {};
 export const KeyboardController: KeyboardControllerModule = {

package/src/components/KeyboardAvoidingView/hooks.ts

@@ -1,6 +1,6 @@
-import { useSharedValue } from 'react-native-reanimated';
+import { useSharedValue } from "react-native-reanimated";
 
-import { useKeyboardHandler } from '../../hooks';
+import { useKeyboardHandler } from "react-native-keyboard-controller";
 
 export const useKeyboardAnimation = () => {
   const heightWhenOpened = useSharedValue(0);
@@ -11,7 +11,7 @@ export const useKeyboardAnimation = () => {
   useKeyboardHandler(
     {
       onStart: (e) => {
-        'worklet';
+        "worklet";
 
         if (e.height > 0) {
           isClosed.value = false;
@@ -19,18 +19,32 @@ export const useKeyboardAnimation = () => {
         }
       },
       onMove: (e) => {
-        'worklet';
+        "worklet";
 
         progress.value = e.progress;
         height.value = e.height;
       },
       onEnd: (e) => {
-        'worklet';
+        "worklet";
 
         isClosed.value = e.height === 0;
+
+        // `height` update happens in `onMove` handler
+        // in `onEnd` we need to update only if `onMove`
+        // wasn't called (i. e. duration === 0)
+        //
+        // we can not call this code without condition below
+        // because in some corner cases (iOS with `secureTextEntry`)
+        // `onEnd` can be emitted before `onMove` and in this case
+        // it may lead to choppy/glitchy/jumpy UI
+        // see https://github.com/kirillzyusko/react-native-keyboard-controller/issues/327
+        if (e.duration === 0) {
+          progress.value = e.progress;
+          height.value = e.height;
+        }
       },
     },
-    []
+    [],
   );
 
   return { height, progress, heightWhenOpened, isClosed };