react-native-keyboard-controller 1.3.0 → 1.4.0

package/lib/commonjs/specs/KeyboardControllerViewNativeComponent.js.map

@@ -1 +1 @@
-{"version":3,"names":["codegenNativeComponent"],"sources":["KeyboardControllerViewNativeComponent.ts"],"sourcesContent":["import type { HostComponent } from 'react-native';\n// @ts-expect-error - no type definition\nimport type { ViewProps } from 'react-native/Libraries/Components/View/ViewPropTypes';\nimport type {\n  DirectEventHandler,\n  Float,\n  Int32,\n} from 'react-native/Libraries/Types/CodegenTypes';\nimport codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';\n\ntype KeyboardMoveEvent = Readonly<{\n  height: Int32;\n  progress: Float;\n}>;\n\nexport interface NativeProps extends ViewProps {\n  statusBarTranslucent?: boolean;\n  onKeyboardMove?: DirectEventHandler<KeyboardMoveEvent>;\n}\n\nexport default codegenNativeComponent<NativeProps>(\n  'KeyboardControllerView'\n) as HostComponent<NativeProps>;\n"],"mappings":";;;;;;;AAQA;;;;AAPA;eAmBe,IAAAA,+BAAA,EACb,wBADa,C"}
+{"version":3,"names":["codegenNativeComponent"],"sources":["KeyboardControllerViewNativeComponent.ts"],"sourcesContent":["import type { HostComponent } from 'react-native';\n// @ts-expect-error - no type definition\nimport type { ViewProps } from 'react-native/Libraries/Components/View/ViewPropTypes';\nimport type {\n  DirectEventHandler,\n  Float,\n  Int32,\n} from 'react-native/Libraries/Types/CodegenTypes';\nimport codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';\n\ntype KeyboardMoveEvent = Readonly<{\n  height: Int32;\n  progress: Float;\n}>;\n\nexport interface NativeProps extends ViewProps {\n  // props\n  statusBarTranslucent?: boolean;\n  // callbacks\n  onKeyboardMove?: DirectEventHandler<KeyboardMoveEvent>;\n  onKeyboardMoveStart?: DirectEventHandler<KeyboardMoveEvent>;\n  onKeyboardMoveEnd?: DirectEventHandler<KeyboardMoveEvent>;\n}\n\nexport default codegenNativeComponent<NativeProps>(\n  'KeyboardControllerView'\n) as HostComponent<NativeProps>;\n"],"mappings":";;;;;;;AAQA;;;;AAPA;eAuBe,IAAAA,+BAAA,EACb,wBADa,C"}

package/lib/commonjs/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { NativeSyntheticEvent, ViewProps } from 'react-native';\n\n// DirectEventHandler events declaration\n\nexport type NativeEvent = {\n  progress: number;\n  height: number;\n};\nexport type EventWithName<T> = {\n  eventName: string;\n} & T;\n\n// native View/Module declarations\n\nexport type KeyboardControllerProps = {\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  statusBarTranslucent?: boolean;\n} & ViewProps;\n\nexport type KeyboardControllerModule = {\n  // android only\n  setDefaultMode: () => void;\n  setInputMode: (mode: number) => void;\n  // native event module stuff\n  addListener: (eventName: string) => void;\n  removeListeners: (count: number) => void;\n};\n\n// Event module declarations\n\nexport type KeyboardControllerEvents =\n  | 'keyboardWillShow'\n  | 'keyboardDidShow'\n  | 'keyboardWillHide'\n  | 'keyboardDidHide';\nexport type KeyboardEventData = {\n  height: number;\n};\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { NativeSyntheticEvent, ViewProps } from 'react-native';\n\n// DirectEventHandler events declaration\n\nexport type NativeEvent = {\n  progress: number;\n  height: number;\n};\nexport type EventWithName<T> = {\n  eventName: string;\n} & T;\n\n// native View/Module declarations\n\nexport type KeyboardControllerProps = {\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  // fake prop used to activate reanimated bindings\n  onKeyboardMoveReanimated: (\n    e: NativeSyntheticEvent<EventWithName<NativeEvent>>\n  ) => void;\n  statusBarTranslucent?: boolean;\n} & ViewProps;\n\nexport type KeyboardControllerModule = {\n  // android only\n  setDefaultMode: () => void;\n  setInputMode: (mode: number) => void;\n  // native event module stuff\n  addListener: (eventName: string) => void;\n  removeListeners: (count: number) => void;\n};\n\n// Event module declarations\n\nexport type KeyboardControllerEvents =\n  | 'keyboardWillShow'\n  | 'keyboardDidShow'\n  | 'keyboardWillHide'\n  | 'keyboardDidHide';\nexport type KeyboardEventData = {\n  height: number;\n};\n\n// package types\n\nexport type Handlers<T> = Record<string, T | undefined>;\nexport type KeyboardHandler = {\n  onStart?: (e: NativeEvent) => void;\n  onMove?: (e: NativeEvent) => void;\n  onEnd?: (e: NativeEvent) => void;\n};\nexport type KeyboardHandlers = Handlers<KeyboardHandler>;\n"],"mappings":""}

package/lib/commonjs/utils.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.uuid = void 0;
+
+const uuid = () => Math.random().toString(36).slice(-6);
+
+exports.uuid = uuid;
+//# sourceMappingURL=utils.js.map

package/lib/commonjs/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["uuid","Math","random","toString","slice"],"sources":["utils.ts"],"sourcesContent":["export const uuid = () => Math.random().toString(36).slice(-6);\n"],"mappings":";;;;;;;AAAO,MAAMA,IAAI,GAAG,MAAMC,IAAI,CAACC,MAAL,GAAcC,QAAd,CAAuB,EAAvB,EAA2BC,KAA3B,CAAiC,CAAC,CAAlC,CAAnB"}

package/lib/module/animated.js

@@ -1,8 +1,8 @@
 import React, { useMemo, useRef } from 'react';
-import { Animated, StyleSheet } from 'react-native';
+import { Animated, Platform, StyleSheet } from 'react-native';
 import Reanimated, { useSharedValue } from 'react-native-reanimated';
 import { KeyboardContext } from './context';
-import { useAnimatedKeyboardHandler } from './internal';
+import { useAnimatedKeyboardHandler, useSharedHandlers } from './internal';
 import { KeyboardControllerView } from './native';
 const KeyboardControllerViewAnimated = Reanimated.createAnimatedComponent(Animated.createAnimatedComponent(KeyboardControllerView));
 export const styles = StyleSheet.create({
@@ -24,17 +24,22 @@ export const KeyboardProvider = _ref => {
   const height = useRef(new Animated.Value(0)).current; // shared values
 
   const progressSV = useSharedValue(0);
-  const heightSV = useSharedValue(0); // memo
+  const heightSV = useSharedValue(0);
+  const {
+    setHandlers,
+    broadcast
+  } = useSharedHandlers(); // memo
 
   const context = useMemo(() => ({
     animated: {
       progress: progress,
-      height: height
+      height: Animated.multiply(height, -1)
     },
     reanimated: {
       progress: progressSV,
       height: heightSV
-    }
+    },
+    setHandlers
   }), []);
   const style = useMemo(() => [styles.hidden, {
     transform: [{
@@ -52,19 +57,40 @@ export const KeyboardProvider = _ref => {
     useNativeDriver: true
   }), []); // handlers
 
+  const updateSharedValues = (event, platforms) => {
+    'worklet';
+
+    if (platforms.includes(Platform.OS)) {
+      progressSV.value = event.progress;
+      heightSV.value = -event.height;
+    }
+  };
+
   const handler = useAnimatedKeyboardHandler({
+    onKeyboardMoveStart: event => {
+      'worklet';
+
+      broadcast('onStart', event);
+      updateSharedValues(event, ['ios']);
+    },
     onKeyboardMove: event => {
       'worklet';
 
-      progressSV.value = event.progress;
-      heightSV.value = event.height;
+      broadcast('onMove', event);
+      updateSharedValues(event, ['android']);
+    },
+    onKeyboardMoveEnd: event => {
+      'worklet';
+
+      broadcast('onEnd', event);
     }
   }, []);
   return /*#__PURE__*/React.createElement(KeyboardContext.Provider, {
     value: context
   }, /*#__PURE__*/React.createElement(KeyboardControllerViewAnimated, {
     onKeyboardMoveReanimated: handler,
-    onKeyboardMove: onKeyboardMove,
+    onKeyboardMoveStart: Platform.OS === 'ios' ? onKeyboardMove : undefined,
+    onKeyboardMove: Platform.OS === 'android' ? onKeyboardMove : undefined,
     statusBarTranslucent: statusBarTranslucent,
     style: styles.container
   }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Animated.View, {

package/lib/module/animated.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","useRef","Animated","StyleSheet","Reanimated","useSharedValue","KeyboardContext","useAnimatedKeyboardHandler","KeyboardControllerView","KeyboardControllerViewAnimated","createAnimatedComponent","styles","create","container","flex","hidden","display","position","KeyboardProvider","children","statusBarTranslucent","progress","Value","current","height","progressSV","heightSV","context","animated","reanimated","style","transform","translateX","translateY","onKeyboardMove","event","nativeEvent","useNativeDriver","handler","value"],"sources":["animated.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport { Animated, StyleSheet, ViewStyle } from 'react-native';\nimport Reanimated, { useSharedValue } from 'react-native-reanimated';\n\nimport { KeyboardContext } from './context';\nimport { useAnimatedKeyboardHandler } from './internal';\nimport { KeyboardControllerView } from './native';\n\nimport type { KeyboardControllerProps, NativeEvent } from './types';\n\nconst KeyboardControllerViewAnimated = Reanimated.createAnimatedComponent(\n  Animated.createAnimatedComponent(\n    KeyboardControllerView\n  ) as React.FC<KeyboardControllerProps>\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\ntype KeyboardProviderProps = {\n  children: React.ReactNode;\n  /**\n   * Set the value to `true`, if you use translucent status bar on Android.\n   * If you already control status bar translucency via `react-native-screens`\n   * or `StatusBar` component from `react-native`, you can ignore it.\n   * Defaults to `false`.\n   *\n   * @see https://github.com/kirillzyusko/react-native-keyboard-controller/issues/14\n   * @platform android\n   */\n  statusBarTranslucent?: boolean;\n};\n\nexport const KeyboardProvider = ({\n  children,\n  statusBarTranslucent,\n}: KeyboardProviderProps) => {\n  // animated values\n  const progress = useRef(new Animated.Value(0)).current;\n  const height = useRef(new Animated.Value(0)).current;\n  // shared values\n  const progressSV = useSharedValue(0);\n  const heightSV = useSharedValue(0);\n  // memo\n  const context = useMemo(\n    () => ({\n      animated: { progress: progress, height: height },\n      reanimated: { progress: progressSV, height: heightSV },\n    }),\n    []\n  );\n  const style = useMemo(\n    () => [\n      styles.hidden,\n      { transform: [{ translateX: height }, { translateY: progress }] },\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  // handlers\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        statusBarTranslucent={statusBarTranslucent}\n        style={styles.container}\n      >\n        <>\n          <Animated.View\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            style={style}\n          />\n          {children}\n        </>\n      </KeyboardControllerViewAnimated>\n    </KeyboardContext.Provider>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,OAAhB,EAAyBC,MAAzB,QAAuC,OAAvC;AACA,SAASC,QAAT,EAAmBC,UAAnB,QAAgD,cAAhD;AACA,OAAOC,UAAP,IAAqBC,cAArB,QAA2C,yBAA3C;AAEA,SAASC,eAAT,QAAgC,WAAhC;AACA,SAASC,0BAAT,QAA2C,YAA3C;AACA,SAASC,sBAAT,QAAuC,UAAvC;AAIA,MAAMC,8BAA8B,GAAGL,UAAU,CAACM,uBAAX,CACrCR,QAAQ,CAACQ,uBAAT,CACEF,sBADF,CADqC,CAAvC;AAWA,OAAO,MAAMG,MAAM,GAAGR,UAAU,CAACS,MAAX,CAA0B;EAC9CC,SAAS,EAAE;IACTC,IAAI,EAAE;EADG,CADmC;EAI9CC,MAAM,EAAE;IACNC,OAAO,EAAE,MADH;IAENC,QAAQ,EAAE;EAFJ;AAJsC,CAA1B,CAAf;AAwBP,OAAO,MAAMC,gBAAgB,GAAG,QAGH;EAAA,IAHI;IAC/BC,QAD+B;IAE/BC;EAF+B,CAGJ;EAC3B;EACA,MAAMC,QAAQ,GAAGpB,MAAM,CAAC,IAAIC,QAAQ,CAACoB,KAAb,CAAmB,CAAnB,CAAD,CAAN,CAA8BC,OAA/C;EACA,MAAMC,MAAM,GAAGvB,MAAM,CAAC,IAAIC,QAAQ,CAACoB,KAAb,CAAmB,CAAnB,CAAD,CAAN,CAA8BC,OAA7C,CAH2B,CAI3B;;EACA,MAAME,UAAU,GAAGpB,cAAc,CAAC,CAAD,CAAjC;EACA,MAAMqB,QAAQ,GAAGrB,cAAc,CAAC,CAAD,CAA/B,CAN2B,CAO3B;;EACA,MAAMsB,OAAO,GAAG3B,OAAO,CACrB,OAAO;IACL4B,QAAQ,EAAE;MAAEP,QAAQ,EAAEA,QAAZ;MAAsBG,MAAM,EAAEA;IAA9B,CADL;IAELK,UAAU,EAAE;MAAER,QAAQ,EAAEI,UAAZ;MAAwBD,MAAM,EAAEE;IAAhC;EAFP,CAAP,CADqB,EAKrB,EALqB,CAAvB;EAOA,MAAMI,KAAK,GAAG9B,OAAO,CACnB,MAAM,CACJW,MAAM,CAACI,MADH,EAEJ;IAAEgB,SAAS,EAAE,CAAC;MAAEC,UAAU,EAAER;IAAd,CAAD,EAAyB;MAAES,UAAU,EAAEZ;IAAd,CAAzB;EAAb,CAFI,CADa,EAKnB,EALmB,CAArB;EAOA,MAAMa,cAAc,GAAGlC,OAAO,CAC5B,MACEE,QAAQ,CAACiC,KAAT,CACE,CACE;IACEC,WAAW,EAAE;MACXf,QADW;MAEXG;IAFW;EADf,CADF,CADF,EASE;IAAEa,eAAe,EAAE;EAAnB,CATF,CAF0B,EAa5B,EAb4B,CAA9B,CAtB2B,CAqC3B;;EACA,MAAMC,OAAO,GAAG/B,0BAA0B,CACxC;IACE2B,cAAc,EAAGC,KAAD,IAAwB;MACtC;;MACAV,UAAU,CAACc,KAAX,GAAmBJ,KAAK,CAACd,QAAzB;MACAK,QAAQ,CAACa,KAAT,GAAiBJ,KAAK,CAACX,MAAvB;IACD;EALH,CADwC,EAQxC,EARwC,CAA1C;EAWA,oBACE,oBAAC,eAAD,CAAiB,QAAjB;IAA0B,KAAK,EAAEG;EAAjC,gBACE,oBAAC,8BAAD;IACE,wBAAwB,EAAEW,OAD5B;IAEE,cAAc,EAAEJ,cAFlB;IAGE,oBAAoB,EAAEd,oBAHxB;IAIE,KAAK,EAAET,MAAM,CAACE;EAJhB,gBAME,uDACE,oBAAC,QAAD,CAAU,IAAV;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA,KAAK,EAAEiB;EATT,EADF,EAYGX,QAZH,CANF,CADF,CADF;AAyBD,CA7EM"}
+{"version":3,"names":["React","useMemo","useRef","Animated","Platform","StyleSheet","Reanimated","useSharedValue","KeyboardContext","useAnimatedKeyboardHandler","useSharedHandlers","KeyboardControllerView","KeyboardControllerViewAnimated","createAnimatedComponent","styles","create","container","flex","hidden","display","position","KeyboardProvider","children","statusBarTranslucent","progress","Value","current","height","progressSV","heightSV","setHandlers","broadcast","context","animated","multiply","reanimated","style","transform","translateX","translateY","onKeyboardMove","event","nativeEvent","useNativeDriver","updateSharedValues","platforms","includes","OS","value","handler","onKeyboardMoveStart","onKeyboardMoveEnd","undefined"],"sources":["animated.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport { Animated, Platform, StyleSheet, ViewStyle } from 'react-native';\nimport Reanimated, { useSharedValue } from 'react-native-reanimated';\n\nimport { KeyboardContext } from './context';\nimport { useAnimatedKeyboardHandler, useSharedHandlers } from './internal';\nimport { KeyboardControllerView } from './native';\n\nimport type {\n  KeyboardControllerProps,\n  KeyboardHandler,\n  NativeEvent,\n} from './types';\n\nconst KeyboardControllerViewAnimated = Reanimated.createAnimatedComponent(\n  Animated.createAnimatedComponent(\n    KeyboardControllerView\n  ) as React.FC<KeyboardControllerProps>\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\ntype KeyboardProviderProps = {\n  children: React.ReactNode;\n  /**\n   * Set the value to `true`, if you use translucent status bar on Android.\n   * If you already control status bar translucency via `react-native-screens`\n   * or `StatusBar` component from `react-native`, you can ignore it.\n   * Defaults to `false`.\n   *\n   * @see https://github.com/kirillzyusko/react-native-keyboard-controller/issues/14\n   * @platform android\n   */\n  statusBarTranslucent?: boolean;\n};\n\nexport const KeyboardProvider = ({\n  children,\n  statusBarTranslucent,\n}: KeyboardProviderProps) => {\n  // animated values\n  const progress = useRef(new Animated.Value(0)).current;\n  const height = useRef(new Animated.Value(0)).current;\n  // shared values\n  const progressSV = useSharedValue(0);\n  const heightSV = useSharedValue(0);\n  const { setHandlers, broadcast } = useSharedHandlers<KeyboardHandler>();\n  // memo\n  const context = useMemo(\n    () => ({\n      animated: { progress: progress, height: Animated.multiply(height, -1) },\n      reanimated: { progress: progressSV, height: heightSV },\n      setHandlers,\n    }),\n    []\n  );\n  const style = useMemo(\n    () => [\n      styles.hidden,\n      { transform: [{ translateX: height }, { translateY: progress }] },\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  // handlers\n  const updateSharedValues = (event: NativeEvent, platforms: string[]) => {\n    'worklet';\n\n    if (platforms.includes(Platform.OS)) {\n      progressSV.value = event.progress;\n      heightSV.value = -event.height;\n    }\n  };\n  const handler = useAnimatedKeyboardHandler(\n    {\n      onKeyboardMoveStart: (event: NativeEvent) => {\n        'worklet';\n\n        broadcast('onStart', event);\n        updateSharedValues(event, ['ios']);\n      },\n      onKeyboardMove: (event: NativeEvent) => {\n        'worklet';\n\n        broadcast('onMove', event);\n        updateSharedValues(event, ['android']);\n      },\n      onKeyboardMoveEnd: (event: NativeEvent) => {\n        'worklet';\n\n        broadcast('onEnd', event);\n      },\n    },\n    []\n  );\n\n  return (\n    <KeyboardContext.Provider value={context}>\n      <KeyboardControllerViewAnimated\n        onKeyboardMoveReanimated={handler}\n        onKeyboardMoveStart={Platform.OS === 'ios' ? onKeyboardMove : undefined}\n        onKeyboardMove={Platform.OS === 'android' ? onKeyboardMove : undefined}\n        statusBarTranslucent={statusBarTranslucent}\n        style={styles.container}\n      >\n        <>\n          <Animated.View\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            style={style}\n          />\n          {children}\n        </>\n      </KeyboardControllerViewAnimated>\n    </KeyboardContext.Provider>\n  );\n};\n"],"mappings":"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"}

package/lib/module/context.js

@@ -12,7 +12,8 @@ const defaultContext = {
     height: {
       value: 0
     }
-  }
+  },
+  setHandlers: () => {}
 };
 export const KeyboardContext = /*#__PURE__*/createContext(defaultContext);
 //# sourceMappingURL=context.js.map

package/lib/module/context.js.map

@@ -1 +1 @@
-{"version":3,"names":["createContext","Animated","defaultContext","animated","progress","Value","height","reanimated","value","KeyboardContext"],"sources":["context.ts"],"sourcesContent":["import { createContext } from 'react';\nimport { Animated } from 'react-native';\n\nimport type { SharedValue } from 'react-native-reanimated';\n\nexport type AnimatedContext = {\n  progress: Animated.Value;\n  height: Animated.Value;\n};\nexport type ReanimatedContext = {\n  progress: SharedValue<number>;\n  height: SharedValue<number>;\n};\nexport type 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};\nexport const KeyboardContext = createContext(defaultContext);\n"],"mappings":"AAAA,SAASA,aAAT,QAA8B,OAA9B;AACA,SAASC,QAAT,QAAyB,cAAzB;AAgBA,MAAMC,cAAwC,GAAG;EAC/CC,QAAQ,EAAE;IACRC,QAAQ,EAAE,IAAIH,QAAQ,CAACI,KAAb,CAAmB,CAAnB,CADF;IAERC,MAAM,EAAE,IAAIL,QAAQ,CAACI,KAAb,CAAmB,CAAnB;EAFA,CADqC;EAK/CE,UAAU,EAAE;IACVH,QAAQ,EAAE;MAAEI,KAAK,EAAE;IAAT,CADA;IAEVF,MAAM,EAAE;MAAEE,KAAK,EAAE;IAAT;EAFE;AALmC,CAAjD;AAUA,OAAO,MAAMC,eAAe,gBAAGT,aAAa,CAACE,cAAD,CAArC"}
+{"version":3,"names":["createContext","Animated","defaultContext","animated","progress","Value","height","reanimated","value","setHandlers","KeyboardContext"],"sources":["context.ts"],"sourcesContent":["import { createContext } from 'react';\nimport { Animated } from 'react-native';\n\nimport type { SharedValue } from 'react-native-reanimated';\nimport type { KeyboardHandlers } from './types';\n\nexport type AnimatedContext = {\n  progress: Animated.Value;\n  height: Animated.AnimatedMultiplication<number>;\n};\nexport type ReanimatedContext = {\n  progress: SharedValue<number>;\n  height: SharedValue<number>;\n};\nexport type KeyboardAnimationContext = {\n  animated: AnimatedContext;\n  reanimated: ReanimatedContext;\n  setHandlers: (handlers: KeyboardHandlers) => void;\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  setHandlers: () => {},\n};\nexport const KeyboardContext = createContext(defaultContext);\n"],"mappings":"AAAA,SAASA,aAAT,QAA8B,OAA9B;AACA,SAASC,QAAT,QAAyB,cAAzB;AAkBA,MAAMC,cAAwC,GAAG;EAC/CC,QAAQ,EAAE;IACRC,QAAQ,EAAE,IAAIH,QAAQ,CAACI,KAAb,CAAmB,CAAnB,CADF;IAERC,MAAM,EAAE,IAAIL,QAAQ,CAACI,KAAb,CAAmB,CAAnB;EAFA,CADqC;EAK/CE,UAAU,EAAE;IACVH,QAAQ,EAAE;MAAEI,KAAK,EAAE;IAAT,CADA;IAEVF,MAAM,EAAE;MAAEE,KAAK,EAAE;IAAT;EAFE,CALmC;EAS/CC,WAAW,EAAE,MAAM,CAAE;AAT0B,CAAjD;AAWA,OAAO,MAAMC,eAAe,gBAAGV,aAAa,CAACE,cAAD,CAArC"}

package/lib/module/hooks.js

@@ -1,6 +1,7 @@
 import { useContext, useEffect } from 'react';
 import { KeyboardContext } from './context';
 import { AndroidSoftInputModes, KeyboardController } from './native';
+import { uuid } from './utils';
 export const useResizeMode = () => {
   useEffect(() => {
     KeyboardController.setInputMode(AndroidSoftInputModes.SOFT_INPUT_ADJUST_RESIZE);
@@ -17,4 +18,22 @@ export const useReanimatedKeyboardAnimation = () => {
   const context = useContext(KeyboardContext);
   return context.reanimated;
 };
+export function useGenericKeyboardHandler(handler, deps) {
+  const context = useContext(KeyboardContext);
+  useEffect(() => {
+    const key = uuid();
+    context.setHandlers({
+      [key]: handler
+    });
+    return () => {
+      context.setHandlers({
+        [key]: undefined
+      });
+    };
+  }, deps);
+}
+export function useKeyboardHandler(handler, deps) {
+  useResizeMode();
+  useGenericKeyboardHandler(handler, deps);
+}
 //# sourceMappingURL=hooks.js.map

package/lib/module/hooks.js.map

@@ -1 +1 @@
-{"version":3,"names":["useContext","useEffect","KeyboardContext","AndroidSoftInputModes","KeyboardController","useResizeMode","setInputMode","SOFT_INPUT_ADJUST_RESIZE","setDefaultMode","useKeyboardAnimation","context","animated","useReanimatedKeyboardAnimation","reanimated"],"sources":["hooks.ts"],"sourcesContent":["import { useContext, useEffect } from 'react';\n\nimport { AnimatedContext, KeyboardContext, ReanimatedContext } from './context';\nimport { AndroidSoftInputModes, KeyboardController } from './native';\n\nexport const useResizeMode = () => {\n  useEffect(() => {\n    KeyboardController.setInputMode(\n      AndroidSoftInputModes.SOFT_INPUT_ADJUST_RESIZE\n    );\n\n    return () => KeyboardController.setDefaultMode();\n  }, []);\n};\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"],"mappings":"AAAA,SAASA,UAAT,EAAqBC,SAArB,QAAsC,OAAtC;AAEA,SAA0BC,eAA1B,QAAoE,WAApE;AACA,SAASC,qBAAT,EAAgCC,kBAAhC,QAA0D,UAA1D;AAEA,OAAO,MAAMC,aAAa,GAAG,MAAM;EACjCJ,SAAS,CAAC,MAAM;IACdG,kBAAkB,CAACE,YAAnB,CACEH,qBAAqB,CAACI,wBADxB;IAIA,OAAO,MAAMH,kBAAkB,CAACI,cAAnB,EAAb;EACD,CANQ,EAMN,EANM,CAAT;AAOD,CARM;AAUP,OAAO,MAAMC,oBAAoB,GAAG,MAAuB;EACzDJ,aAAa;EACb,MAAMK,OAAO,GAAGV,UAAU,CAACE,eAAD,CAA1B;EAEA,OAAOQ,OAAO,CAACC,QAAf;AACD,CALM;AAOP,OAAO,MAAMC,8BAA8B,GAAG,MAAyB;EACrEP,aAAa;EACb,MAAMK,OAAO,GAAGV,UAAU,CAACE,eAAD,CAA1B;EAEA,OAAOQ,OAAO,CAACG,UAAf;AACD,CALM"}
+{"version":3,"names":["useContext","useEffect","KeyboardContext","AndroidSoftInputModes","KeyboardController","uuid","useResizeMode","setInputMode","SOFT_INPUT_ADJUST_RESIZE","setDefaultMode","useKeyboardAnimation","context","animated","useReanimatedKeyboardAnimation","reanimated","useGenericKeyboardHandler","handler","deps","key","setHandlers","undefined","useKeyboardHandler"],"sources":["hooks.ts"],"sourcesContent":["import { DependencyList, useContext, useEffect } from 'react';\n\nimport { AnimatedContext, KeyboardContext, ReanimatedContext } from './context';\nimport { AndroidSoftInputModes, KeyboardController } from './native';\nimport { uuid } from './utils';\n\nimport type { KeyboardHandler } from './types';\n\nexport const useResizeMode = () => {\n  useEffect(() => {\n    KeyboardController.setInputMode(\n      AndroidSoftInputModes.SOFT_INPUT_ADJUST_RESIZE\n    );\n\n    return () => KeyboardController.setDefaultMode();\n  }, []);\n};\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\nexport function useGenericKeyboardHandler(\n  handler: KeyboardHandler,\n  deps?: DependencyList\n) {\n  const context = useContext(KeyboardContext);\n\n  useEffect(() => {\n    const key = uuid();\n\n    context.setHandlers({ [key]: handler });\n\n    return () => {\n      context.setHandlers({ [key]: undefined });\n    };\n  }, deps);\n}\n\nexport function useKeyboardHandler(\n  handler: KeyboardHandler,\n  deps?: DependencyList\n) {\n  useResizeMode();\n  useGenericKeyboardHandler(handler, deps);\n}\n"],"mappings":"AAAA,SAAyBA,UAAzB,EAAqCC,SAArC,QAAsD,OAAtD;AAEA,SAA0BC,eAA1B,QAAoE,WAApE;AACA,SAASC,qBAAT,EAAgCC,kBAAhC,QAA0D,UAA1D;AACA,SAASC,IAAT,QAAqB,SAArB;AAIA,OAAO,MAAMC,aAAa,GAAG,MAAM;EACjCL,SAAS,CAAC,MAAM;IACdG,kBAAkB,CAACG,YAAnB,CACEJ,qBAAqB,CAACK,wBADxB;IAIA,OAAO,MAAMJ,kBAAkB,CAACK,cAAnB,EAAb;EACD,CANQ,EAMN,EANM,CAAT;AAOD,CARM;AAUP,OAAO,MAAMC,oBAAoB,GAAG,MAAuB;EACzDJ,aAAa;EACb,MAAMK,OAAO,GAAGX,UAAU,CAACE,eAAD,CAA1B;EAEA,OAAOS,OAAO,CAACC,QAAf;AACD,CALM;AAOP,OAAO,MAAMC,8BAA8B,GAAG,MAAyB;EACrEP,aAAa;EACb,MAAMK,OAAO,GAAGX,UAAU,CAACE,eAAD,CAA1B;EAEA,OAAOS,OAAO,CAACG,UAAf;AACD,CALM;AAOP,OAAO,SAASC,yBAAT,CACLC,OADK,EAELC,IAFK,EAGL;EACA,MAAMN,OAAO,GAAGX,UAAU,CAACE,eAAD,CAA1B;EAEAD,SAAS,CAAC,MAAM;IACd,MAAMiB,GAAG,GAAGb,IAAI,EAAhB;IAEAM,OAAO,CAACQ,WAAR,CAAoB;MAAE,CAACD,GAAD,GAAOF;IAAT,CAApB;IAEA,OAAO,MAAM;MACXL,OAAO,CAACQ,WAAR,CAAoB;QAAE,CAACD,GAAD,GAAOE;MAAT,CAApB;IACD,CAFD;EAGD,CARQ,EAQNH,IARM,CAAT;AASD;AAED,OAAO,SAASI,kBAAT,CACLL,OADK,EAELC,IAFK,EAGL;EACAX,aAAa;EACbS,yBAAyB,CAACC,OAAD,EAAUC,IAAV,CAAzB;AACD"}

package/lib/module/internal.js

@@ -1,4 +1,5 @@
-import { useEvent, useHandler } from 'react-native-reanimated';
+import { useCallback, useRef } from 'react';
+import { useEvent, useHandler, useSharedValue } from 'react-native-reanimated';
 export function useAnimatedKeyboardHandler(handlers, dependencies) {
   const {
     context,
@@ -8,12 +9,72 @@ export function useAnimatedKeyboardHandler(handlers, dependencies) {
     'worklet';
 
     const {
-      onKeyboardMove
+      onKeyboardMoveStart,
+      onKeyboardMove,
+      onKeyboardMoveEnd
     } = handlers;
 
+    if (onKeyboardMoveStart && event.eventName.endsWith('onKeyboardMoveStart')) {
+      onKeyboardMoveStart(event, context);
+    }
+
     if (onKeyboardMove && event.eventName.endsWith('onKeyboardMove')) {
       onKeyboardMove(event, context);
     }
-  }, ['onKeyboardMove'], doDependenciesDiffer);
+
+    if (onKeyboardMoveEnd && event.eventName.endsWith('onKeyboardMoveEnd')) {
+      onKeyboardMoveEnd(event, context);
+    }
+  }, ['onKeyboardMoveStart', 'onKeyboardMove', 'onKeyboardMoveEnd'], doDependenciesDiffer);
+}
+/**
+ * Hook for storing worklet handlers (objects with keys, where values are worklets).
+ * Returns methods for setting handlers and broadcasting events in them.
+ *
+ * T is a generic that looks like:
+ * @example
+ * {
+ *  onEvent: () => {},
+ *  onEvent2: () => {},
+ * }
+ */
+
+export function useSharedHandlers() {
+  const handlers = useSharedValue({});
+  const jsHandlers = useRef({}); // since js -> worklet -> js call is asynchronous, we can not write handlers
+  // straight into shared variable (using current shared value as a previous result),
+  // since there may be a race condition in a call, and closure may have out-of-dated
+  // values. As a result, some of handlers may be not written to "all handlers" object.
+  // Below we are writing all handlers to `ref` and afterwards synchronize them with
+  // shared value (since `refs` are not referring to actual value in worklets).
+  // This approach allow us to update synchronously handlers in js thread (and it assures,
+  // that it will have all of them) and then update them in worklet thread (calls are
+  // happening in FIFO order, so we will always have actual value).
+
+  const updateSharedHandlers = () => {
+    handlers.value = jsHandlers.current;
+  };
+
+  const setHandlers = useCallback(handler => {
+    jsHandlers.current = { ...jsHandlers.current,
+      ...handler
+    };
+    updateSharedHandlers();
+  }, []);
+
+  const broadcast = (type, event) => {
+    'worklet';
+
+    Object.keys(handlers.value).forEach(key => {
+      var _handlers$value$key, _handlers$value$key$t;
+
+      return (_handlers$value$key = handlers.value[key]) === null || _handlers$value$key === void 0 ? void 0 : (_handlers$value$key$t = _handlers$value$key[type]) === null || _handlers$value$key$t === void 0 ? void 0 : _handlers$value$key$t.call(_handlers$value$key, event);
+    });
+  };
+
+  return {
+    setHandlers,
+    broadcast
+  };
 }
 //# sourceMappingURL=internal.js.map

package/lib/module/internal.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEvent","useHandler","useAnimatedKeyboardHandler","handlers","dependencies","context","doDependenciesDiffer","event","onKeyboardMove","eventName","endsWith"],"sources":["internal.ts"],"sourcesContent":["import { useEvent, useHandler } from 'react-native-reanimated';\n\nimport type { EventWithName, NativeEvent } from './types';\n\nexport function useAnimatedKeyboardHandler<\n  TContext extends Record<string, unknown>\n>(\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"],"mappings":"AAAA,SAASA,QAAT,EAAmBC,UAAnB,QAAqC,yBAArC;AAIA,OAAO,SAASC,0BAAT,CAGLC,QAHK,EAMLC,YANK,EAOL;EACA,MAAM;IAAEC,OAAF;IAAWC;EAAX,IAAoCL,UAAU,CAACE,QAAD,EAAWC,YAAX,CAApD;EAEA,OAAOJ,QAAQ,CACZO,KAAD,IAAuC;IACrC;;IACA,MAAM;MAAEC;IAAF,IAAqBL,QAA3B;;IAEA,IAAIK,cAAc,IAAID,KAAK,CAACE,SAAN,CAAgBC,QAAhB,CAAyB,gBAAzB,CAAtB,EAAkE;MAChEF,cAAc,CAACD,KAAD,EAAQF,OAAR,CAAd;IACD;EACF,CARY,EASb,CAAC,gBAAD,CATa,EAUbC,oBAVa,CAAf;AAYD"}
+{"version":3,"names":["useCallback","useRef","useEvent","useHandler","useSharedValue","useAnimatedKeyboardHandler","handlers","dependencies","context","doDependenciesDiffer","event","onKeyboardMoveStart","onKeyboardMove","onKeyboardMoveEnd","eventName","endsWith","useSharedHandlers","jsHandlers","updateSharedHandlers","value","current","setHandlers","handler","broadcast","type","Object","keys","forEach","key"],"sources":["internal.ts"],"sourcesContent":["import { useCallback, useRef } from 'react';\nimport { useEvent, useHandler, useSharedValue } from 'react-native-reanimated';\n\nimport type { EventWithName, Handlers, NativeEvent } from './types';\n\nexport function useAnimatedKeyboardHandler<\n  TContext extends Record<string, unknown>\n>(\n  handlers: {\n    onKeyboardMoveStart?: (e: NativeEvent, context: TContext) => void;\n    onKeyboardMove?: (e: NativeEvent, context: TContext) => void;\n    onKeyboardMoveEnd?: (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 { onKeyboardMoveStart, onKeyboardMove, onKeyboardMoveEnd } =\n        handlers;\n\n      if (\n        onKeyboardMoveStart &&\n        event.eventName.endsWith('onKeyboardMoveStart')\n      ) {\n        onKeyboardMoveStart(event, context);\n      }\n\n      if (onKeyboardMove && event.eventName.endsWith('onKeyboardMove')) {\n        onKeyboardMove(event, context);\n      }\n\n      if (onKeyboardMoveEnd && event.eventName.endsWith('onKeyboardMoveEnd')) {\n        onKeyboardMoveEnd(event, context);\n      }\n    },\n    ['onKeyboardMoveStart', 'onKeyboardMove', 'onKeyboardMoveEnd'],\n    doDependenciesDiffer\n  );\n}\n\n/**\n * Hook for storing worklet handlers (objects with keys, where values are worklets).\n * Returns methods for setting handlers and broadcasting events in them.\n *\n * T is a generic that looks like:\n * @example\n * {\n *  onEvent: () => {},\n *  onEvent2: () => {},\n * }\n */\nexport function useSharedHandlers<T extends Record<string, Function>>() {\n  const handlers = useSharedValue<Handlers<T>>({});\n  const jsHandlers = useRef<Handlers<T>>({});\n\n  // since js -> worklet -> js call is asynchronous, we can not write handlers\n  // straight into shared variable (using current shared value as a previous result),\n  // since there may be a race condition in a call, and closure may have out-of-dated\n  // values. As a result, some of handlers may be not written to \"all handlers\" object.\n  // Below we are writing all handlers to `ref` and afterwards synchronize them with\n  // shared value (since `refs` are not referring to actual value in worklets).\n  // This approach allow us to update synchronously handlers in js thread (and it assures,\n  // that it will have all of them) and then update them in worklet thread (calls are\n  // happening in FIFO order, so we will always have actual value).\n  const updateSharedHandlers = () => {\n    handlers.value = jsHandlers.current;\n  };\n  const setHandlers = useCallback((handler: Handlers<T>) => {\n    jsHandlers.current = {\n      ...jsHandlers.current,\n      ...handler,\n    };\n    updateSharedHandlers();\n  }, []);\n  const broadcast = (type: keyof T, event: NativeEvent) => {\n    'worklet';\n\n    Object.keys(handlers.value).forEach((key) =>\n      handlers.value[key]?.[type]?.(event)\n    );\n  };\n\n  return { setHandlers, broadcast };\n}\n"],"mappings":"AAAA,SAASA,WAAT,EAAsBC,MAAtB,QAAoC,OAApC;AACA,SAASC,QAAT,EAAmBC,UAAnB,EAA+BC,cAA/B,QAAqD,yBAArD;AAIA,OAAO,SAASC,0BAAT,CAGLC,QAHK,EAQLC,YARK,EASL;EACA,MAAM;IAAEC,OAAF;IAAWC;EAAX,IAAoCN,UAAU,CAACG,QAAD,EAAWC,YAAX,CAApD;EAEA,OAAOL,QAAQ,CACZQ,KAAD,IAAuC;IACrC;;IACA,MAAM;MAAEC,mBAAF;MAAuBC,cAAvB;MAAuCC;IAAvC,IACJP,QADF;;IAGA,IACEK,mBAAmB,IACnBD,KAAK,CAACI,SAAN,CAAgBC,QAAhB,CAAyB,qBAAzB,CAFF,EAGE;MACAJ,mBAAmB,CAACD,KAAD,EAAQF,OAAR,CAAnB;IACD;;IAED,IAAII,cAAc,IAAIF,KAAK,CAACI,SAAN,CAAgBC,QAAhB,CAAyB,gBAAzB,CAAtB,EAAkE;MAChEH,cAAc,CAACF,KAAD,EAAQF,OAAR,CAAd;IACD;;IAED,IAAIK,iBAAiB,IAAIH,KAAK,CAACI,SAAN,CAAgBC,QAAhB,CAAyB,mBAAzB,CAAzB,EAAwE;MACtEF,iBAAiB,CAACH,KAAD,EAAQF,OAAR,CAAjB;IACD;EACF,CApBY,EAqBb,CAAC,qBAAD,EAAwB,gBAAxB,EAA0C,mBAA1C,CArBa,EAsBbC,oBAtBa,CAAf;AAwBD;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASO,iBAAT,GAAiE;EACtE,MAAMV,QAAQ,GAAGF,cAAc,CAAc,EAAd,CAA/B;EACA,MAAMa,UAAU,GAAGhB,MAAM,CAAc,EAAd,CAAzB,CAFsE,CAItE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;EACA,MAAMiB,oBAAoB,GAAG,MAAM;IACjCZ,QAAQ,CAACa,KAAT,GAAiBF,UAAU,CAACG,OAA5B;EACD,CAFD;;EAGA,MAAMC,WAAW,GAAGrB,WAAW,CAAEsB,OAAD,IAA0B;IACxDL,UAAU,CAACG,OAAX,GAAqB,EACnB,GAAGH,UAAU,CAACG,OADK;MAEnB,GAAGE;IAFgB,CAArB;IAIAJ,oBAAoB;EACrB,CAN8B,EAM5B,EAN4B,CAA/B;;EAOA,MAAMK,SAAS,GAAG,CAACC,IAAD,EAAgBd,KAAhB,KAAuC;IACvD;;IAEAe,MAAM,CAACC,IAAP,CAAYpB,QAAQ,CAACa,KAArB,EAA4BQ,OAA5B,CAAqCC,GAAD;MAAA;;MAAA,8BAClCtB,QAAQ,CAACa,KAAT,CAAeS,GAAf,CADkC,iFAClC,oBAAsBJ,IAAtB,CADkC,0DAClC,gDAA8Bd,KAA9B,CADkC;IAAA,CAApC;EAGD,CAND;;EAQA,OAAO;IAAEW,WAAF;IAAeE;EAAf,CAAP;AACD"}

package/lib/module/specs/KeyboardControllerViewNativeComponent.js.map

@@ -1 +1 @@
-{"version":3,"names":["codegenNativeComponent"],"sources":["KeyboardControllerViewNativeComponent.ts"],"sourcesContent":["import type { HostComponent } from 'react-native';\n// @ts-expect-error - no type definition\nimport type { ViewProps } from 'react-native/Libraries/Components/View/ViewPropTypes';\nimport type {\n  DirectEventHandler,\n  Float,\n  Int32,\n} from 'react-native/Libraries/Types/CodegenTypes';\nimport codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';\n\ntype KeyboardMoveEvent = Readonly<{\n  height: Int32;\n  progress: Float;\n}>;\n\nexport interface NativeProps extends ViewProps {\n  statusBarTranslucent?: boolean;\n  onKeyboardMove?: DirectEventHandler<KeyboardMoveEvent>;\n}\n\nexport default codegenNativeComponent<NativeProps>(\n  'KeyboardControllerView'\n) as HostComponent<NativeProps>;\n"],"mappings":"AACA;AAOA,OAAOA,sBAAP,MAAmC,yDAAnC;AAYA,eAAeA,sBAAsB,CACnC,wBADmC,CAArC"}
+{"version":3,"names":["codegenNativeComponent"],"sources":["KeyboardControllerViewNativeComponent.ts"],"sourcesContent":["import type { HostComponent } from 'react-native';\n// @ts-expect-error - no type definition\nimport type { ViewProps } from 'react-native/Libraries/Components/View/ViewPropTypes';\nimport type {\n  DirectEventHandler,\n  Float,\n  Int32,\n} from 'react-native/Libraries/Types/CodegenTypes';\nimport codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';\n\ntype KeyboardMoveEvent = Readonly<{\n  height: Int32;\n  progress: Float;\n}>;\n\nexport interface NativeProps extends ViewProps {\n  // props\n  statusBarTranslucent?: boolean;\n  // callbacks\n  onKeyboardMove?: DirectEventHandler<KeyboardMoveEvent>;\n  onKeyboardMoveStart?: DirectEventHandler<KeyboardMoveEvent>;\n  onKeyboardMoveEnd?: DirectEventHandler<KeyboardMoveEvent>;\n}\n\nexport default codegenNativeComponent<NativeProps>(\n  'KeyboardControllerView'\n) as HostComponent<NativeProps>;\n"],"mappings":"AACA;AAOA,OAAOA,sBAAP,MAAmC,yDAAnC;AAgBA,eAAeA,sBAAsB,CACnC,wBADmC,CAArC"}

package/lib/module/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { NativeSyntheticEvent, ViewProps } from 'react-native';\n\n// DirectEventHandler events declaration\n\nexport type NativeEvent = {\n  progress: number;\n  height: number;\n};\nexport type EventWithName<T> = {\n  eventName: string;\n} & T;\n\n// native View/Module declarations\n\nexport type KeyboardControllerProps = {\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  statusBarTranslucent?: boolean;\n} & ViewProps;\n\nexport type KeyboardControllerModule = {\n  // android only\n  setDefaultMode: () => void;\n  setInputMode: (mode: number) => void;\n  // native event module stuff\n  addListener: (eventName: string) => void;\n  removeListeners: (count: number) => void;\n};\n\n// Event module declarations\n\nexport type KeyboardControllerEvents =\n  | 'keyboardWillShow'\n  | 'keyboardDidShow'\n  | 'keyboardWillHide'\n  | 'keyboardDidHide';\nexport type KeyboardEventData = {\n  height: number;\n};\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { NativeSyntheticEvent, ViewProps } from 'react-native';\n\n// DirectEventHandler events declaration\n\nexport type NativeEvent = {\n  progress: number;\n  height: number;\n};\nexport type EventWithName<T> = {\n  eventName: string;\n} & T;\n\n// native View/Module declarations\n\nexport type KeyboardControllerProps = {\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  // fake prop used to activate reanimated bindings\n  onKeyboardMoveReanimated: (\n    e: NativeSyntheticEvent<EventWithName<NativeEvent>>\n  ) => void;\n  statusBarTranslucent?: boolean;\n} & ViewProps;\n\nexport type KeyboardControllerModule = {\n  // android only\n  setDefaultMode: () => void;\n  setInputMode: (mode: number) => void;\n  // native event module stuff\n  addListener: (eventName: string) => void;\n  removeListeners: (count: number) => void;\n};\n\n// Event module declarations\n\nexport type KeyboardControllerEvents =\n  | 'keyboardWillShow'\n  | 'keyboardDidShow'\n  | 'keyboardWillHide'\n  | 'keyboardDidHide';\nexport type KeyboardEventData = {\n  height: number;\n};\n\n// package types\n\nexport type Handlers<T> = Record<string, T | undefined>;\nexport type KeyboardHandler = {\n  onStart?: (e: NativeEvent) => void;\n  onMove?: (e: NativeEvent) => void;\n  onEnd?: (e: NativeEvent) => void;\n};\nexport type KeyboardHandlers = Handlers<KeyboardHandler>;\n"],"mappings":""}

package/lib/module/utils.js

@@ -0,0 +1,2 @@
+export const uuid = () => Math.random().toString(36).slice(-6);
+//# sourceMappingURL=utils.js.map

package/lib/module/utils.js.map

@@ -0,0 +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,MAAL,GAAcC,QAAd,CAAuB,EAAvB,EAA2BC,KAA3B,CAAiC,CAAC,CAAlC,CAAnB"}

package/lib/typescript/context.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
 import { Animated } from 'react-native';
 import type { SharedValue } from 'react-native-reanimated';
+import type { KeyboardHandlers } from './types';
 export declare type AnimatedContext = {
     progress: Animated.Value;
-    height: Animated.Value;
+    height: Animated.AnimatedMultiplication<number>;
 };
 export declare type ReanimatedContext = {
     progress: SharedValue<number>;
@@ -12,5 +13,6 @@ export declare type ReanimatedContext = {
 export declare type KeyboardAnimationContext = {
     animated: AnimatedContext;
     reanimated: ReanimatedContext;
+    setHandlers: (handlers: KeyboardHandlers) => void;
 };
 export declare const KeyboardContext: import("react").Context<KeyboardAnimationContext>;

package/lib/typescript/hooks.d.ts

@@ -1,4 +1,8 @@
+import { DependencyList } from 'react';
 import { AnimatedContext, ReanimatedContext } from './context';
+import type { KeyboardHandler } from './types';
 export declare const useResizeMode: () => void;
 export declare const useKeyboardAnimation: () => AnimatedContext;
 export declare const useReanimatedKeyboardAnimation: () => ReanimatedContext;
+export declare function useGenericKeyboardHandler(handler: KeyboardHandler, deps?: DependencyList): void;
+export declare function useKeyboardHandler(handler: KeyboardHandler, deps?: DependencyList): void;

package/lib/typescript/internal.d.ts

@@ -1,4 +1,21 @@
-import type { EventWithName, NativeEvent } from './types';
+import type { EventWithName, Handlers, NativeEvent } from './types';
 export declare function useAnimatedKeyboardHandler<TContext extends Record<string, unknown>>(handlers: {
+    onKeyboardMoveStart?: (e: NativeEvent, context: TContext) => void;
     onKeyboardMove?: (e: NativeEvent, context: TContext) => void;
+    onKeyboardMoveEnd?: (e: NativeEvent, context: TContext) => void;
 }, dependencies?: ReadonlyArray<unknown>): (e: import("react-native").NativeSyntheticEvent<EventWithName<NativeEvent>>) => void;
+/**
+ * Hook for storing worklet handlers (objects with keys, where values are worklets).
+ * Returns methods for setting handlers and broadcasting events in them.
+ *
+ * T is a generic that looks like:
+ * @example
+ * {
+ *  onEvent: () => {},
+ *  onEvent2: () => {},
+ * }
+ */
+export declare function useSharedHandlers<T extends Record<string, Function>>(): {
+    setHandlers: (handler: Handlers<T>) => void;
+    broadcast: (type: keyof T, event: NativeEvent) => void;
+};

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

@@ -8,6 +8,8 @@ declare type KeyboardMoveEvent = Readonly<{
 export interface NativeProps extends ViewProps {
     statusBarTranslucent?: boolean;
     onKeyboardMove?: DirectEventHandler<KeyboardMoveEvent>;
+    onKeyboardMoveStart?: DirectEventHandler<KeyboardMoveEvent>;
+    onKeyboardMoveEnd?: DirectEventHandler<KeyboardMoveEvent>;
 }
 declare const _default: HostComponent<NativeProps>;
 export default _default;

package/lib/typescript/types.d.ts

@@ -7,7 +7,9 @@ export declare type EventWithName<T> = {
     eventName: string;
 } & T;
 export declare type KeyboardControllerProps = {
-    onKeyboardMove: (e: NativeSyntheticEvent<EventWithName<NativeEvent>>) => void;
+    onKeyboardMoveStart?: (e: NativeSyntheticEvent<EventWithName<NativeEvent>>) => void;
+    onKeyboardMove?: (e: NativeSyntheticEvent<EventWithName<NativeEvent>>) => void;
+    onKeyboardMoveEnd?: (e: NativeSyntheticEvent<EventWithName<NativeEvent>>) => void;
     onKeyboardMoveReanimated: (e: NativeSyntheticEvent<EventWithName<NativeEvent>>) => void;
     statusBarTranslucent?: boolean;
 } & ViewProps;
@@ -21,3 +23,10 @@ export declare type KeyboardControllerEvents = 'keyboardWillShow' | 'keyboardDid
 export declare type KeyboardEventData = {
     height: number;
 };
+export declare type Handlers<T> = Record<string, T | undefined>;
+export declare type KeyboardHandler = {
+    onStart?: (e: NativeEvent) => void;
+    onMove?: (e: NativeEvent) => void;
+    onEnd?: (e: NativeEvent) => void;
+};
+export declare type KeyboardHandlers = Handlers<KeyboardHandler>;

package/lib/typescript/utils.d.ts

@@ -0,0 +1 @@
+export declare const uuid: () => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-keyboard-controller",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "Keyboard manager which works in identical way on both iOS and Android",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/animated.tsx

@@ -1,12 +1,16 @@
 import React, { useMemo, useRef } from 'react';
-import { Animated, StyleSheet, ViewStyle } from 'react-native';
+import { Animated, Platform, StyleSheet, ViewStyle } from 'react-native';
 import Reanimated, { useSharedValue } from 'react-native-reanimated';
 
 import { KeyboardContext } from './context';
-import { useAnimatedKeyboardHandler } from './internal';
+import { useAnimatedKeyboardHandler, useSharedHandlers } from './internal';
 import { KeyboardControllerView } from './native';
 
-import type { KeyboardControllerProps, NativeEvent } from './types';
+import type {
+  KeyboardControllerProps,
+  KeyboardHandler,
+  NativeEvent,
+} from './types';
 
 const KeyboardControllerViewAnimated = Reanimated.createAnimatedComponent(
   Animated.createAnimatedComponent(
@@ -53,11 +57,13 @@ export const KeyboardProvider = ({
   // shared values
   const progressSV = useSharedValue(0);
   const heightSV = useSharedValue(0);
+  const { setHandlers, broadcast } = useSharedHandlers<KeyboardHandler>();
   // memo
   const context = useMemo(
     () => ({
-      animated: { progress: progress, height: height },
+      animated: { progress: progress, height: Animated.multiply(height, -1) },
       reanimated: { progress: progressSV, height: heightSV },
+      setHandlers,
     }),
     []
   );
@@ -84,12 +90,32 @@ export const KeyboardProvider = ({
     []
   );
   // handlers
+  const updateSharedValues = (event: NativeEvent, platforms: string[]) => {
+    'worklet';
+
+    if (platforms.includes(Platform.OS)) {
+      progressSV.value = event.progress;
+      heightSV.value = -event.height;
+    }
+  };
   const handler = useAnimatedKeyboardHandler(
     {
+      onKeyboardMoveStart: (event: NativeEvent) => {
+        'worklet';
+
+        broadcast('onStart', event);
+        updateSharedValues(event, ['ios']);
+      },
       onKeyboardMove: (event: NativeEvent) => {
         'worklet';
-        progressSV.value = event.progress;
-        heightSV.value = event.height;
+
+        broadcast('onMove', event);
+        updateSharedValues(event, ['android']);
+      },
+      onKeyboardMoveEnd: (event: NativeEvent) => {
+        'worklet';
+
+        broadcast('onEnd', event);
       },
     },
     []
@@ -99,7 +125,8 @@ export const KeyboardProvider = ({
     <KeyboardContext.Provider value={context}>
       <KeyboardControllerViewAnimated
         onKeyboardMoveReanimated={handler}
-        onKeyboardMove={onKeyboardMove}
+        onKeyboardMoveStart={Platform.OS === 'ios' ? onKeyboardMove : undefined}
+        onKeyboardMove={Platform.OS === 'android' ? onKeyboardMove : undefined}
         statusBarTranslucent={statusBarTranslucent}
         style={styles.container}
       >

package/src/context.ts

@@ -2,10 +2,11 @@ import { createContext } from 'react';
 import { Animated } from 'react-native';
 
 import type { SharedValue } from 'react-native-reanimated';
+import type { KeyboardHandlers } from './types';
 
 export type AnimatedContext = {
   progress: Animated.Value;
-  height: Animated.Value;
+  height: Animated.AnimatedMultiplication<number>;
 };
 export type ReanimatedContext = {
   progress: SharedValue<number>;
@@ -14,6 +15,7 @@ export type ReanimatedContext = {
 export type KeyboardAnimationContext = {
   animated: AnimatedContext;
   reanimated: ReanimatedContext;
+  setHandlers: (handlers: KeyboardHandlers) => void;
 };
 const defaultContext: KeyboardAnimationContext = {
   animated: {
@@ -24,5 +26,6 @@ const defaultContext: KeyboardAnimationContext = {
     progress: { value: 0 },
     height: { value: 0 },
   },
+  setHandlers: () => {},
 };
 export const KeyboardContext = createContext(defaultContext);

package/src/hooks.ts

@@ -1,7 +1,10 @@
-import { useContext, useEffect } from 'react';
+import { DependencyList, useContext, useEffect } from 'react';
 
 import { AnimatedContext, KeyboardContext, ReanimatedContext } from './context';
 import { AndroidSoftInputModes, KeyboardController } from './native';
+import { uuid } from './utils';
+
+import type { KeyboardHandler } from './types';
 
 export const useResizeMode = () => {
   useEffect(() => {
@@ -26,3 +29,28 @@ export const useReanimatedKeyboardAnimation = (): ReanimatedContext => {
 
   return context.reanimated;
 };
+
+export function useGenericKeyboardHandler(
+  handler: KeyboardHandler,
+  deps?: DependencyList
+) {
+  const context = useContext(KeyboardContext);
+
+  useEffect(() => {
+    const key = uuid();
+
+    context.setHandlers({ [key]: handler });
+
+    return () => {
+      context.setHandlers({ [key]: undefined });
+    };
+  }, deps);
+}
+
+export function useKeyboardHandler(
+  handler: KeyboardHandler,
+  deps?: DependencyList
+) {
+  useResizeMode();
+  useGenericKeyboardHandler(handler, deps);
+}