react-native-keyboard-controller 1.9.5 → 1.10.1

package/lib/module/animated.js

@@ -1,19 +1,19 @@
-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 { useAnimatedKeyboardHandler, useFocusedInputHandler } from './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 { useAnimatedKeyboardHandler, useFocusedInputLayoutHandler, useFocusedInputTextHandler } from "./reanimated";
 const KeyboardControllerViewAnimated = Reanimated.createAnimatedComponent(Animated.createAnimatedComponent(KeyboardControllerView));
 const styles = StyleSheet.create({
   container: {
     flex: 1
   },
   hidden: {
-    display: 'none',
-    position: 'absolute'
+    display: "none",
+    position: "absolute"
   }
 });
 export const KeyboardProvider = _ref => {
@@ -23,6 +23,7 @@ export const KeyboardProvider = _ref => {
     navigationBarTranslucent,
     enabled: initiallyEnabled = true
   } = _ref;
+  // state
   const [enabled, setEnabled] = useState(initiallyEnabled);
   // animated values
   const progress = useAnimatedValue(0);
@@ -31,10 +32,8 @@ export const KeyboardProvider = _ref => {
   const progressSV = useSharedValue(0);
   const heightSV = useSharedValue(0);
   const layout = useSharedValue(null);
-  const {
-    setHandlers,
-    broadcast
-  } = useSharedHandlers();
+  const [setKeyboardHandlers, broadcastKeyboardEvents] = useSharedHandlers();
+  const [setInputHandlers, broadcastInputEvents] = useSharedHandlers();
   // memo
   const context = useMemo(() => ({
     enabled,
@@ -47,7 +46,8 @@ export const KeyboardProvider = _ref => {
       height: heightSV
     },
     layout,
-    setHandlers,
+    setKeyboardHandlers,
+    setInputHandlers,
     setEnabled
   }), [enabled]);
   const style = useMemo(() => [styles.hidden, {
@@ -67,7 +67,7 @@ export const KeyboardProvider = _ref => {
   }), []);
   // handlers
   const updateSharedValues = (event, platforms) => {
-    'worklet';
+    "worklet";
 
     if (platforms.includes(Platform.OS)) {
       progressSV.value = event.progress;
@@ -76,32 +76,32 @@ export const KeyboardProvider = _ref => {
   };
   const keyboardHandler = useAnimatedKeyboardHandler({
     onKeyboardMoveStart: event => {
-      'worklet';
+      "worklet";
 
-      broadcast('onStart', event);
-      updateSharedValues(event, ['ios']);
+      broadcastKeyboardEvents("onStart", event);
+      updateSharedValues(event, ["ios"]);
     },
     onKeyboardMove: event => {
-      'worklet';
+      "worklet";
 
-      broadcast('onMove', event);
-      updateSharedValues(event, ['android']);
+      broadcastKeyboardEvents("onMove", event);
+      updateSharedValues(event, ["android"]);
     },
     onKeyboardMoveEnd: event => {
-      'worklet';
+      "worklet";
 
-      broadcast('onEnd', event);
+      broadcastKeyboardEvents("onEnd", event);
     },
     onKeyboardMoveInteractive: event => {
-      'worklet';
+      "worklet";
 
-      updateSharedValues(event, ['android', 'ios']);
-      broadcast('onInteractive', event);
+      updateSharedValues(event, ["android", "ios"]);
+      broadcastKeyboardEvents("onInteractive", event);
     }
   }, []);
-  const inputHandler = useFocusedInputHandler({
+  const inputLayoutHandler = useFocusedInputLayoutHandler({
     onFocusedInputLayoutChanged: e => {
-      'worklet';
+      "worklet";
 
       if (e.target !== -1) {
         layout.value = e;
@@ -110,6 +110,13 @@ export const KeyboardProvider = _ref => {
       }
     }
   }, []);
+  const inputTextHandler = useFocusedInputTextHandler({
+    onFocusedInputTextChanged: e => {
+      "worklet";
+
+      broadcastInputEvents("onChangeText", e);
+    }
+  }, []);
   // effects
   useEffect(() => {
     if (enabled) {
@@ -123,14 +130,13 @@ export const KeyboardProvider = _ref => {
   }, /*#__PURE__*/React.createElement(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: inputHandler,
+    onFocusedInputLayoutChangedReanimated: inputLayoutHandler,
+    onFocusedInputTextChangedReanimated: inputTextHandler,
     navigationBarTranslucent: navigationBarTranslucent,
-    statusBarTranslucent: statusBarTranslucent
-    // @ts-expect-error https://github.com/software-mansion/react-native-reanimated/pull/4923
-    ,
+    statusBarTranslucent: statusBarTranslucent,
     style: styles.container
   }, children), /*#__PURE__*/React.createElement(Animated.View, {
     // we are using this small hack, because if the component (where

package/lib/module/animated.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useMemo","useState","Animated","Platform","StyleSheet","Reanimated","useSharedValue","KeyboardControllerView","KeyboardContext","useAnimatedValue","useSharedHandlers","applyMonkeyPatch","revertMonkeyPatch","useAnimatedKeyboardHandler","useFocusedInputHandler","KeyboardControllerViewAnimated","createAnimatedComponent","styles","create","container","flex","hidden","display","position","KeyboardProvider","children","statusBarTranslucent","navigationBarTranslucent","enabled","initiallyEnabled","setEnabled","progress","height","progressSV","heightSV","layout","setHandlers","broadcast","context","animated","multiply","reanimated","style","transform","translateX","translateY","onKeyboardMove","event","nativeEvent","useNativeDriver","updateSharedValues","platforms","includes","OS","value","keyboardHandler","onKeyboardMoveStart","onKeyboardMoveEnd","onKeyboardMoveInteractive","inputHandler","onFocusedInputLayoutChanged","e","target","undefined"],"sources":["animated.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport { Animated, Platform, StyleSheet } from 'react-native';\nimport Reanimated, { useSharedValue } from 'react-native-reanimated';\n\nimport { KeyboardControllerView } from './bindings';\nimport { KeyboardContext } from './context';\nimport { useAnimatedValue, useSharedHandlers } from './internal';\nimport { applyMonkeyPatch, revertMonkeyPatch } from './monkey-patch';\nimport {\n  useAnimatedKeyboardHandler,\n  useFocusedInputHandler,\n} from './reanimated';\n\nimport type { KeyboardAnimationContext } from './context';\nimport type {\n  FocusedInputLayoutChangedEvent,\n  KeyboardControllerProps,\n  KeyboardHandler,\n  NativeEvent,\n} from './types';\nimport type { ViewStyle } from 'react-native';\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\nconst 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   * Set the value to `true`, if you use translucent navigation bar on Android.\n   * Defaults to `false`.\n   *\n   * @see https://github.com/kirillzyusko/react-native-keyboard-controller/issues/119\n   * @platform android\n   */\n  navigationBarTranslucent?: boolean;\n  /**\n   * A boolean prop indicating whether the module is enabled. It indicate only initial state,\n   * i. e. if you try to change this prop after component mount it will not have any effect.\n   * To change the property in runtime use `useKeyboardController` hook and `setEnabled` method.\n   * Defaults to `true`.\n   */\n  enabled?: boolean;\n};\n\nexport const KeyboardProvider = ({\n  children,\n  statusBarTranslucent,\n  navigationBarTranslucent,\n  enabled: initiallyEnabled = true,\n}: KeyboardProviderProps) => {\n  const [enabled, setEnabled] = useState(initiallyEnabled);\n  // animated values\n  const progress = useAnimatedValue(0);\n  const height = useAnimatedValue(0);\n  // shared values\n  const progressSV = useSharedValue(0);\n  const heightSV = useSharedValue(0);\n  const layout = useSharedValue<FocusedInputLayoutChangedEvent | null>(null);\n  const { setHandlers, broadcast } = useSharedHandlers<KeyboardHandler>();\n  // memo\n  const context = useMemo<KeyboardAnimationContext>(\n    () => ({\n      enabled,\n      animated: { progress: progress, height: Animated.multiply(height, -1) },\n      reanimated: { progress: progressSV, height: heightSV },\n      layout,\n      setHandlers,\n      setEnabled,\n    }),\n    [enabled]\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 keyboardHandler = 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      onKeyboardMoveInteractive: (event: NativeEvent) => {\n        'worklet';\n\n        updateSharedValues(event, ['android', 'ios']);\n        broadcast('onInteractive', event);\n      },\n    },\n    []\n  );\n  const inputHandler = useFocusedInputHandler(\n    {\n      onFocusedInputLayoutChanged: (e) => {\n        'worklet';\n\n        if (e.target !== -1) {\n          layout.value = e;\n        } else {\n          layout.value = null;\n        }\n      },\n    },\n    []\n  );\n  // effects\n  useEffect(() => {\n    if (enabled) {\n      applyMonkeyPatch();\n    } else {\n      revertMonkeyPatch();\n    }\n  }, [enabled]);\n\n  return (\n    <KeyboardContext.Provider value={context}>\n      <KeyboardControllerViewAnimated\n        enabled={enabled}\n        onKeyboardMoveReanimated={keyboardHandler}\n        onKeyboardMoveStart={Platform.OS === 'ios' ? onKeyboardMove : undefined}\n        onKeyboardMove={Platform.OS === 'android' ? onKeyboardMove : undefined}\n        onKeyboardMoveInteractive={onKeyboardMove}\n        onFocusedInputLayoutChangedReanimated={inputHandler}\n        navigationBarTranslucent={navigationBarTranslucent}\n        statusBarTranslucent={statusBarTranslucent}\n        // @ts-expect-error https://github.com/software-mansion/react-native-reanimated/pull/4923\n        style={styles.container}\n      >\n        {children}\n      </KeyboardControllerViewAnimated>\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    </KeyboardContext.Provider>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"names":["React","useEffect","useMemo","useState","Animated","Platform","StyleSheet","Reanimated","useSharedValue","KeyboardControllerView","KeyboardContext","useAnimatedValue","useSharedHandlers","applyMonkeyPatch","revertMonkeyPatch","useAnimatedKeyboardHandler","useFocusedInputLayoutHandler","useFocusedInputTextHandler","KeyboardControllerViewAnimated","createAnimatedComponent","styles","create","container","flex","hidden","display","position","KeyboardProvider","_ref","children","statusBarTranslucent","navigationBarTranslucent","enabled","initiallyEnabled","setEnabled","progress","height","progressSV","heightSV","layout","setKeyboardHandlers","broadcastKeyboardEvents","setInputHandlers","broadcastInputEvents","context","animated","multiply","reanimated","style","transform","translateX","translateY","onKeyboardMove","event","nativeEvent","useNativeDriver","updateSharedValues","platforms","includes","OS","value","keyboardHandler","onKeyboardMoveStart","onKeyboardMoveEnd","onKeyboardMoveInteractive","inputLayoutHandler","onFocusedInputLayoutChanged","e","target","inputTextHandler","onFocusedInputTextChanged","createElement","Provider","onKeyboardMoveReanimated","undefined","onFocusedInputLayoutChangedReanimated","onFocusedInputTextChangedReanimated","View"],"sources":["animated.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport { Animated, Platform, StyleSheet } from \"react-native\";\nimport Reanimated, { useSharedValue } from \"react-native-reanimated\";\n\nimport { KeyboardControllerView } from \"./bindings\";\nimport { KeyboardContext } from \"./context\";\nimport { useAnimatedValue, useSharedHandlers } from \"./internal\";\nimport { applyMonkeyPatch, revertMonkeyPatch } from \"./monkey-patch\";\nimport {\n  useAnimatedKeyboardHandler,\n  useFocusedInputLayoutHandler,\n  useFocusedInputTextHandler,\n} from \"./reanimated\";\n\nimport type { KeyboardAnimationContext } from \"./context\";\nimport type {\n  FocusedInputHandler,\n  FocusedInputLayoutChangedEvent,\n  KeyboardControllerProps,\n  KeyboardHandler,\n  NativeEvent,\n} from \"./types\";\nimport type { ViewStyle } from \"react-native\";\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\nconst 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   * Set the value to `true`, if you use translucent navigation bar on Android.\n   * Defaults to `false`.\n   *\n   * @see https://github.com/kirillzyusko/react-native-keyboard-controller/issues/119\n   * @platform android\n   */\n  navigationBarTranslucent?: boolean;\n  /**\n   * A boolean prop indicating whether the module is enabled. It indicate only initial state,\n   * i. e. if you try to change this prop after component mount it will not have any effect.\n   * To change the property in runtime use `useKeyboardController` hook and `setEnabled` method.\n   * Defaults to `true`.\n   */\n  enabled?: boolean;\n};\n\nexport const KeyboardProvider = ({\n  children,\n  statusBarTranslucent,\n  navigationBarTranslucent,\n  enabled: initiallyEnabled = true,\n}: KeyboardProviderProps) => {\n  // state\n  const [enabled, setEnabled] = useState(initiallyEnabled);\n  // animated values\n  const progress = useAnimatedValue(0);\n  const height = useAnimatedValue(0);\n  // shared values\n  const progressSV = useSharedValue(0);\n  const heightSV = useSharedValue(0);\n  const layout = useSharedValue<FocusedInputLayoutChangedEvent | null>(null);\n  const [setKeyboardHandlers, broadcastKeyboardEvents] =\n    useSharedHandlers<KeyboardHandler>();\n  const [setInputHandlers, broadcastInputEvents] =\n    useSharedHandlers<FocusedInputHandler>();\n  // memo\n  const context = useMemo<KeyboardAnimationContext>(\n    () => ({\n      enabled,\n      animated: { progress: progress, height: Animated.multiply(height, -1) },\n      reanimated: { progress: progressSV, height: heightSV },\n      layout,\n      setKeyboardHandlers,\n      setInputHandlers,\n      setEnabled,\n    }),\n    [enabled],\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 keyboardHandler = useAnimatedKeyboardHandler(\n    {\n      onKeyboardMoveStart: (event: NativeEvent) => {\n        \"worklet\";\n\n        broadcastKeyboardEvents(\"onStart\", event);\n        updateSharedValues(event, [\"ios\"]);\n      },\n      onKeyboardMove: (event: NativeEvent) => {\n        \"worklet\";\n\n        broadcastKeyboardEvents(\"onMove\", event);\n        updateSharedValues(event, [\"android\"]);\n      },\n      onKeyboardMoveEnd: (event: NativeEvent) => {\n        \"worklet\";\n\n        broadcastKeyboardEvents(\"onEnd\", event);\n      },\n      onKeyboardMoveInteractive: (event: NativeEvent) => {\n        \"worklet\";\n\n        updateSharedValues(event, [\"android\", \"ios\"]);\n        broadcastKeyboardEvents(\"onInteractive\", event);\n      },\n    },\n    [],\n  );\n  const inputLayoutHandler = useFocusedInputLayoutHandler(\n    {\n      onFocusedInputLayoutChanged: (e) => {\n        \"worklet\";\n\n        if (e.target !== -1) {\n          layout.value = e;\n        } else {\n          layout.value = null;\n        }\n      },\n    },\n    [],\n  );\n  const inputTextHandler = useFocusedInputTextHandler(\n    {\n      onFocusedInputTextChanged: (e) => {\n        \"worklet\";\n\n        broadcastInputEvents(\"onChangeText\", e);\n      },\n    },\n    [],\n  );\n  // effects\n  useEffect(() => {\n    if (enabled) {\n      applyMonkeyPatch();\n    } else {\n      revertMonkeyPatch();\n    }\n  }, [enabled]);\n\n  return (\n    <KeyboardContext.Provider value={context}>\n      <KeyboardControllerViewAnimated\n        enabled={enabled}\n        onKeyboardMoveReanimated={keyboardHandler}\n        onKeyboardMoveStart={Platform.OS === \"ios\" ? onKeyboardMove : undefined}\n        onKeyboardMove={Platform.OS === \"android\" ? onKeyboardMove : undefined}\n        onKeyboardMoveInteractive={onKeyboardMove}\n        onFocusedInputLayoutChangedReanimated={inputLayoutHandler}\n        onFocusedInputTextChangedReanimated={inputTextHandler}\n        navigationBarTranslucent={navigationBarTranslucent}\n        statusBarTranslucent={statusBarTranslucent}\n        style={styles.container}\n      >\n        {children}\n      </KeyboardControllerViewAnimated>\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    </KeyboardContext.Provider>\n  );\n};\n"],"mappings":"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"}

package/lib/module/bindings.js

@@ -1,8 +1,9 @@
-import { View } from 'react-native';
+import { View } from "react-native";
 const NOOP = () => {};
 export const KeyboardController = {
   setDefaultMode: NOOP,
   setInputMode: NOOP,
+  dismiss: NOOP,
   addListener: NOOP,
   removeListeners: NOOP
 };

package/lib/module/bindings.js.map

@@ -1 +1 @@
-{"version":3,"names":["View","NOOP","KeyboardController","setDefaultMode","setInputMode","addListener","removeListeners","KeyboardEvents","remove","KeyboardControllerView","KeyboardGestureArea"],"sources":["bindings.ts"],"sourcesContent":["import { View } from 'react-native';\n\nimport type {\n  KeyboardControllerModule,\n  KeyboardControllerProps,\n  KeyboardEventsModule,\n  KeyboardGestureAreaProps,\n} from './types';\nimport type { EmitterSubscription } from 'react-native';\n\nconst NOOP = () => {};\nexport const KeyboardController: KeyboardControllerModule = {\n  setDefaultMode: NOOP,\n  setInputMode: NOOP,\n  addListener: NOOP,\n  removeListeners: NOOP,\n};\nexport const KeyboardEvents: KeyboardEventsModule = {\n  addListener: () => ({ remove: NOOP } as EmitterSubscription),\n};\nexport const KeyboardControllerView =\n  View as unknown as React.FC<KeyboardControllerProps>;\nexport const KeyboardGestureArea =\n  View as unknown as React.FC<KeyboardGestureAreaProps>;\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,cAAc;AAUnC,MAAMC,IAAI,GAAG,MAAM,CAAC,CAAC;AACrB,OAAO,MAAMC,kBAA4C,GAAG;EAC1DC,cAAc,EAAEF,IAAI;EACpBG,YAAY,EAAEH,IAAI;EAClBI,WAAW,EAAEJ,IAAI;EACjBK,eAAe,EAAEL;AACnB,CAAC;AACD,OAAO,MAAMM,cAAoC,GAAG;EAClDF,WAAW,EAAE,OAAO;IAAEG,MAAM,EAAEP;EAAK,CAAC;AACtC,CAAC;AACD,OAAO,MAAMQ,sBAAsB,GACjCT,IAAoD;AACtD,OAAO,MAAMU,mBAAmB,GAC9BV,IAAqD"}
+{"version":3,"names":["View","NOOP","KeyboardController","setDefaultMode","setInputMode","dismiss","addListener","removeListeners","KeyboardEvents","remove","KeyboardControllerView","KeyboardGestureArea"],"sources":["bindings.ts"],"sourcesContent":["import { View } from \"react-native\";\n\nimport type {\n  KeyboardControllerModule,\n  KeyboardControllerProps,\n  KeyboardEventsModule,\n  KeyboardGestureAreaProps,\n} from \"./types\";\nimport type { EmitterSubscription } from \"react-native\";\n\nconst NOOP = () => {};\nexport const KeyboardController: KeyboardControllerModule = {\n  setDefaultMode: NOOP,\n  setInputMode: NOOP,\n  dismiss: NOOP,\n  addListener: NOOP,\n  removeListeners: NOOP,\n};\nexport const KeyboardEvents: KeyboardEventsModule = {\n  addListener: () => ({ remove: NOOP } as EmitterSubscription),\n};\nexport const KeyboardControllerView =\n  View as unknown as React.FC<KeyboardControllerProps>;\nexport const KeyboardGestureArea =\n  View as unknown as React.FC<KeyboardGestureAreaProps>;\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,cAAc;AAUnC,MAAMC,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AACrB,OAAO,MAAMC,kBAA4C,GAAG;EAC1DC,cAAc,EAAEF,IAAI;EACpBG,YAAY,EAAEH,IAAI;EAClBI,OAAO,EAAEJ,IAAI;EACbK,WAAW,EAAEL,IAAI;EACjBM,eAAe,EAAEN;AACnB,CAAC;AACD,OAAO,MAAMO,cAAoC,GAAG;EAClDF,WAAW,EAAEA,CAAA,MAAO;IAAEG,MAAM,EAAER;EAAK,CAAC;AACtC,CAAC;AACD,OAAO,MAAMS,sBAAsB,GACjCV,IAAoD;AACtD,OAAO,MAAMW,mBAAmB,GAC9BX,IAAqD"}

package/lib/module/bindings.native.js

@@ -1,9 +1,9 @@
-import { NativeEventEmitter, Platform } from 'react-native';
+import { NativeEventEmitter, Platform } from "react-native";
 const LINKING_ERROR = `The package 'react-native-keyboard-controller' doesn't seem to be linked. Make sure: \n\n` + Platform.select({
   ios: "- You have run 'pod install'\n",
-  default: ''
-}) + '- You rebuilt the app after installing the package\n' + '- You are not using Expo Go\n';
-const RCTKeyboardController = require('./specs/NativeKeyboardController').default;
+  default: ""
+}) + "- You rebuilt the app after installing the package\n" + "- You are not using Expo Go\n";
+const RCTKeyboardController = require("./specs/NativeKeyboardController").default;
 export const KeyboardController = RCTKeyboardController ? RCTKeyboardController : new Proxy({}, {
   get() {
     throw new Error(LINKING_ERROR);
@@ -11,10 +11,10 @@ export const KeyboardController = RCTKeyboardController ? RCTKeyboardController
 });
 const eventEmitter = new NativeEventEmitter(KeyboardController);
 export const KeyboardEvents = {
-  addListener: (name, cb) => eventEmitter.addListener('KeyboardController::' + name, cb)
+  addListener: (name, cb) => eventEmitter.addListener("KeyboardController::" + name, cb)
 };
-export const KeyboardControllerView = require('./specs/KeyboardControllerViewNativeComponent').default;
-export const KeyboardGestureArea = Platform.OS === 'android' && Platform.Version >= 30 ? require('./specs/KeyboardGestureAreaNativeComponent').default : _ref => {
+export const KeyboardControllerView = require("./specs/KeyboardControllerViewNativeComponent").default;
+export const KeyboardGestureArea = Platform.OS === "android" && Platform.Version >= 30 ? require("./specs/KeyboardGestureAreaNativeComponent").default : _ref => {
   let {
     children
   } = _ref;

package/lib/module/bindings.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["NativeEventEmitter","Platform","LINKING_ERROR","select","ios","default","RCTKeyboardController","require","KeyboardController","Proxy","get","Error","eventEmitter","KeyboardEvents","addListener","name","cb","KeyboardControllerView","KeyboardGestureArea","OS","Version","children"],"sources":["bindings.native.ts"],"sourcesContent":["import { NativeEventEmitter, Platform } from 'react-native';\n\nimport type {\n  KeyboardControllerModule,\n  KeyboardControllerProps,\n  KeyboardEventsModule,\n  KeyboardGestureAreaProps,\n} from './types';\n\nconst LINKING_ERROR =\n  `The package 'react-native-keyboard-controller' doesn't seem to be linked. Make sure: \\n\\n` +\n  Platform.select({ ios: \"- You have run 'pod install'\\n\", default: '' }) +\n  '- You rebuilt the app after installing the package\\n' +\n  '- You are not using Expo Go\\n';\n\nconst RCTKeyboardController =\n  require('./specs/NativeKeyboardController').default;\nexport const KeyboardController = (\n  RCTKeyboardController\n    ? RCTKeyboardController\n    : new Proxy(\n        {},\n        {\n          get() {\n            throw new Error(LINKING_ERROR);\n          },\n        }\n      )\n) as KeyboardControllerModule;\n\nconst eventEmitter = new NativeEventEmitter(KeyboardController);\n\nexport const KeyboardEvents: KeyboardEventsModule = {\n  addListener: (name, cb) =>\n    eventEmitter.addListener('KeyboardController::' + name, cb),\n};\nexport const KeyboardControllerView: React.FC<KeyboardControllerProps> =\n  require('./specs/KeyboardControllerViewNativeComponent').default;\nexport const KeyboardGestureArea: React.FC<KeyboardGestureAreaProps> =\n  Platform.OS === 'android' && Platform.Version >= 30\n    ? require('./specs/KeyboardGestureAreaNativeComponent').default\n    : ({ children }: KeyboardGestureAreaProps) => children;\n"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,QAAQ,QAAQ,cAAc;AAS3D,MAAMC,aAAa,GAChB,2FAA0F,GAC3FD,QAAQ,CAACE,MAAM,CAAC;EAAEC,GAAG,EAAE,gCAAgC;EAAEC,OAAO,EAAE;AAAG,CAAC,CAAC,GACvE,sDAAsD,GACtD,+BAA+B;AAEjC,MAAMC,qBAAqB,GACzBC,OAAO,CAAC,kCAAkC,CAAC,CAACF,OAAO;AACrD,OAAO,MAAMG,kBAAkB,GAC7BF,qBAAqB,GACjBA,qBAAqB,GACrB,IAAIG,KAAK,CACP,CAAC,CAAC,EACF;EACEC,GAAG,GAAG;IACJ,MAAM,IAAIC,KAAK,CAACT,aAAa,CAAC;EAChC;AACF,CAAC,CAEoB;AAE7B,MAAMU,YAAY,GAAG,IAAIZ,kBAAkB,CAACQ,kBAAkB,CAAC;AAE/D,OAAO,MAAMK,cAAoC,GAAG;EAClDC,WAAW,EAAE,CAACC,IAAI,EAAEC,EAAE,KACpBJ,YAAY,CAACE,WAAW,CAAC,sBAAsB,GAAGC,IAAI,EAAEC,EAAE;AAC9D,CAAC;AACD,OAAO,MAAMC,sBAAyD,GACpEV,OAAO,CAAC,+CAA+C,CAAC,CAACF,OAAO;AAClE,OAAO,MAAMa,mBAAuD,GAClEjB,QAAQ,CAACkB,EAAE,KAAK,SAAS,IAAIlB,QAAQ,CAACmB,OAAO,IAAI,EAAE,GAC/Cb,OAAO,CAAC,4CAA4C,CAAC,CAACF,OAAO,GAC7D;EAAA,IAAC;IAAEgB;EAAmC,CAAC;EAAA,OAAKA,QAAQ;AAAA"}
+{"version":3,"names":["NativeEventEmitter","Platform","LINKING_ERROR","select","ios","default","RCTKeyboardController","require","KeyboardController","Proxy","get","Error","eventEmitter","KeyboardEvents","addListener","name","cb","KeyboardControllerView","KeyboardGestureArea","OS","Version","_ref","children"],"sources":["bindings.native.ts"],"sourcesContent":["import { NativeEventEmitter, Platform } from \"react-native\";\n\nimport type {\n  KeyboardControllerModule,\n  KeyboardControllerProps,\n  KeyboardEventsModule,\n  KeyboardGestureAreaProps,\n} from \"./types\";\n\nconst LINKING_ERROR =\n  `The package 'react-native-keyboard-controller' doesn't seem to be linked. Make sure: \\n\\n` +\n  Platform.select({ ios: \"- You have run 'pod install'\\n\", default: \"\" }) +\n  \"- You rebuilt the app after installing the package\\n\" +\n  \"- You are not using Expo Go\\n\";\n\nconst RCTKeyboardController =\n  require(\"./specs/NativeKeyboardController\").default;\nexport const KeyboardController = (\n  RCTKeyboardController\n    ? RCTKeyboardController\n    : new Proxy(\n        {},\n        {\n          get() {\n            throw new Error(LINKING_ERROR);\n          },\n        },\n      )\n) as KeyboardControllerModule;\n\nconst eventEmitter = new NativeEventEmitter(KeyboardController);\n\nexport const KeyboardEvents: KeyboardEventsModule = {\n  addListener: (name, cb) =>\n    eventEmitter.addListener(\"KeyboardController::\" + name, cb),\n};\nexport const KeyboardControllerView: React.FC<KeyboardControllerProps> =\n  require(\"./specs/KeyboardControllerViewNativeComponent\").default;\nexport const KeyboardGestureArea: React.FC<KeyboardGestureAreaProps> =\n  Platform.OS === \"android\" && Platform.Version >= 30\n    ? require(\"./specs/KeyboardGestureAreaNativeComponent\").default\n    : ({ children }: KeyboardGestureAreaProps) => children;\n"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,QAAQ,QAAQ,cAAc;AAS3D,MAAMC,aAAa,GAChB,2FAA0F,GAC3FD,QAAQ,CAACE,MAAM,CAAC;EAAEC,GAAG,EAAE,gCAAgC;EAAEC,OAAO,EAAE;AAAG,CAAC,CAAC,GACvE,sDAAsD,GACtD,+BAA+B;AAEjC,MAAMC,qBAAqB,GACzBC,OAAO,CAAC,kCAAkC,CAAC,CAACF,OAAO;AACrD,OAAO,MAAMG,kBAAkB,GAC7BF,qBAAqB,GACjBA,qBAAqB,GACrB,IAAIG,KAAK,CACP,CAAC,CAAC,EACF;EACEC,GAAGA,CAAA,EAAG;IACJ,MAAM,IAAIC,KAAK,CAACT,aAAa,CAAC;EAChC;AACF,CACF,CACuB;AAE7B,MAAMU,YAAY,GAAG,IAAIZ,kBAAkB,CAACQ,kBAAkB,CAAC;AAE/D,OAAO,MAAMK,cAAoC,GAAG;EAClDC,WAAW,EAAEA,CAACC,IAAI,EAAEC,EAAE,KACpBJ,YAAY,CAACE,WAAW,CAAC,sBAAsB,GAAGC,IAAI,EAAEC,EAAE;AAC9D,CAAC;AACD,OAAO,MAAMC,sBAAyD,GACpEV,OAAO,CAAC,+CAA+C,CAAC,CAACF,OAAO;AAClE,OAAO,MAAMa,mBAAuD,GAClEjB,QAAQ,CAACkB,EAAE,KAAK,SAAS,IAAIlB,QAAQ,CAACmB,OAAO,IAAI,EAAE,GAC/Cb,OAAO,CAAC,4CAA4C,CAAC,CAACF,OAAO,GAC7DgB,IAAA;EAAA,IAAC;IAAEC;EAAmC,CAAC,GAAAD,IAAA;EAAA,OAAKC,QAAQ;AAAA"}

package/lib/module/components/KeyboardAvoidingView/hooks.js

@@ -1,5 +1,5 @@
-import { useSharedValue } from 'react-native-reanimated';
-import { useKeyboardHandler } from '../../hooks';
+import { useSharedValue } from "react-native-reanimated";
+import { useKeyboardHandler } from "../../hooks";
 export const useKeyboardAnimation = () => {
   const heightWhenOpened = useSharedValue(0);
   const height = useSharedValue(0);
@@ -7,7 +7,7 @@ export const useKeyboardAnimation = () => {
   const isClosed = useSharedValue(true);
   useKeyboardHandler({
     onStart: e => {
-      'worklet';
+      "worklet";
 
       if (e.height > 0) {
         isClosed.value = false;
@@ -15,15 +15,17 @@ export const useKeyboardAnimation = () => {
       }
     },
     onMove: e => {
-      'worklet';
+      "worklet";
 
       progress.value = e.progress;
       height.value = e.height;
     },
     onEnd: e => {
-      'worklet';
+      "worklet";
 
       isClosed.value = e.height === 0;
+      progress.value = e.progress;
+      height.value = e.height;
     }
   }, []);
   return {

package/lib/module/components/KeyboardAvoidingView/hooks.js.map

@@ -1 +1 @@
-{"version":3,"names":["useSharedValue","useKeyboardHandler","useKeyboardAnimation","heightWhenOpened","height","progress","isClosed","onStart","e","value","onMove","onEnd"],"sources":["hooks.ts"],"sourcesContent":["import { useSharedValue } from 'react-native-reanimated';\n\nimport { useKeyboardHandler } from '../../hooks';\n\nexport const useKeyboardAnimation = () => {\n  const heightWhenOpened = useSharedValue(0);\n  const height = useSharedValue(0);\n  const progress = useSharedValue(0);\n  const isClosed = useSharedValue(true);\n\n  useKeyboardHandler(\n    {\n      onStart: (e) => {\n        'worklet';\n\n        if (e.height > 0) {\n          isClosed.value = false;\n          heightWhenOpened.value = e.height;\n        }\n      },\n      onMove: (e) => {\n        'worklet';\n\n        progress.value = e.progress;\n        height.value = e.height;\n      },\n      onEnd: (e) => {\n        'worklet';\n\n        isClosed.value = e.height === 0;\n      },\n    },\n    []\n  );\n\n  return { height, progress, heightWhenOpened, isClosed };\n};\n"],"mappings":"AAAA,SAASA,cAAc,QAAQ,yBAAyB;AAExD,SAASC,kBAAkB,QAAQ,aAAa;AAEhD,OAAO,MAAMC,oBAAoB,GAAG,MAAM;EACxC,MAAMC,gBAAgB,GAAGH,cAAc,CAAC,CAAC,CAAC;EAC1C,MAAMI,MAAM,GAAGJ,cAAc,CAAC,CAAC,CAAC;EAChC,MAAMK,QAAQ,GAAGL,cAAc,CAAC,CAAC,CAAC;EAClC,MAAMM,QAAQ,GAAGN,cAAc,CAAC,IAAI,CAAC;EAErCC,kBAAkB,CAChB;IACEM,OAAO,EAAGC,CAAC,IAAK;MACd,SAAS;;MAET,IAAIA,CAAC,CAACJ,MAAM,GAAG,CAAC,EAAE;QAChBE,QAAQ,CAACG,KAAK,GAAG,KAAK;QACtBN,gBAAgB,CAACM,KAAK,GAAGD,CAAC,CAACJ,MAAM;MACnC;IACF,CAAC;IACDM,MAAM,EAAGF,CAAC,IAAK;MACb,SAAS;;MAETH,QAAQ,CAACI,KAAK,GAAGD,CAAC,CAACH,QAAQ;MAC3BD,MAAM,CAACK,KAAK,GAAGD,CAAC,CAACJ,MAAM;IACzB,CAAC;IACDO,KAAK,EAAGH,CAAC,IAAK;MACZ,SAAS;;MAETF,QAAQ,CAACG,KAAK,GAAGD,CAAC,CAACJ,MAAM,KAAK,CAAC;IACjC;EACF,CAAC,EACD,EAAE,CACH;EAED,OAAO;IAAEA,MAAM;IAAEC,QAAQ;IAAEF,gBAAgB;IAAEG;EAAS,CAAC;AACzD,CAAC"}
+{"version":3,"names":["useSharedValue","useKeyboardHandler","useKeyboardAnimation","heightWhenOpened","height","progress","isClosed","onStart","e","value","onMove","onEnd"],"sources":["hooks.ts"],"sourcesContent":["import { useSharedValue } from \"react-native-reanimated\";\n\nimport { useKeyboardHandler } from \"../../hooks\";\n\nexport const useKeyboardAnimation = () => {\n  const heightWhenOpened = useSharedValue(0);\n  const height = useSharedValue(0);\n  const progress = useSharedValue(0);\n  const isClosed = useSharedValue(true);\n\n  useKeyboardHandler(\n    {\n      onStart: (e) => {\n        \"worklet\";\n\n        if (e.height > 0) {\n          isClosed.value = false;\n          heightWhenOpened.value = e.height;\n        }\n      },\n      onMove: (e) => {\n        \"worklet\";\n\n        progress.value = e.progress;\n        height.value = e.height;\n      },\n      onEnd: (e) => {\n        \"worklet\";\n\n        isClosed.value = e.height === 0;\n\n        progress.value = e.progress;\n        height.value = e.height;\n      },\n    },\n    [],\n  );\n\n  return { height, progress, heightWhenOpened, isClosed };\n};\n"],"mappings":"AAAA,SAASA,cAAc,QAAQ,yBAAyB;AAExD,SAASC,kBAAkB,QAAQ,aAAa;AAEhD,OAAO,MAAMC,oBAAoB,GAAGA,CAAA,KAAM;EACxC,MAAMC,gBAAgB,GAAGH,cAAc,CAAC,CAAC,CAAC;EAC1C,MAAMI,MAAM,GAAGJ,cAAc,CAAC,CAAC,CAAC;EAChC,MAAMK,QAAQ,GAAGL,cAAc,CAAC,CAAC,CAAC;EAClC,MAAMM,QAAQ,GAAGN,cAAc,CAAC,IAAI,CAAC;EAErCC,kBAAkB,CAChB;IACEM,OAAO,EAAGC,CAAC,IAAK;MACd,SAAS;;MAET,IAAIA,CAAC,CAACJ,MAAM,GAAG,CAAC,EAAE;QAChBE,QAAQ,CAACG,KAAK,GAAG,KAAK;QACtBN,gBAAgB,CAACM,KAAK,GAAGD,CAAC,CAACJ,MAAM;MACnC;IACF,CAAC;IACDM,MAAM,EAAGF,CAAC,IAAK;MACb,SAAS;;MAETH,QAAQ,CAACI,KAAK,GAAGD,CAAC,CAACH,QAAQ;MAC3BD,MAAM,CAACK,KAAK,GAAGD,CAAC,CAACJ,MAAM;IACzB,CAAC;IACDO,KAAK,EAAGH,CAAC,IAAK;MACZ,SAAS;;MAETF,QAAQ,CAACG,KAAK,GAAGD,CAAC,CAACJ,MAAM,KAAK,CAAC;MAE/BC,QAAQ,CAACI,KAAK,GAAGD,CAAC,CAACH,QAAQ;MAC3BD,MAAM,CAACK,KAAK,GAAGD,CAAC,CAACJ,MAAM;IACzB;EACF,CAAC,EACD,EACF,CAAC;EAED,OAAO;IAAEA,MAAM;IAAEC,QAAQ;IAAEF,gBAAgB;IAAEG;EAAS,CAAC;AACzD,CAAC"}

package/lib/module/components/KeyboardAvoidingView/index.js

@@ -1,8 +1,9 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import React, { forwardRef, useCallback, useMemo } from 'react';
-import { View, useWindowDimensions } from 'react-native';
-import Reanimated, { interpolate, runOnUI, useAnimatedStyle, useDerivedValue, useSharedValue, useWorkletCallback } from 'react-native-reanimated';
-import { useKeyboardAnimation } from './hooks';
+import React, { forwardRef, useCallback, useMemo } from "react";
+import { View, useWindowDimensions } from "react-native";
+import Reanimated, { runOnUI, useAnimatedStyle, useDerivedValue, useSharedValue } from "react-native-reanimated";
+import useKeyboardInterpolation from "../hooks/useKeyboardInterpolation";
+import { useKeyboardAnimation } from "./hooks";
 const defaultLayout = {
   x: 0,
   y: 0,
@@ -31,24 +32,31 @@ const KeyboardAvoidingView = /*#__PURE__*/forwardRef((_ref, ref) => {
   const {
     height: screenHeight
   } = useWindowDimensions();
-  const relativeKeyboardHeight = useWorkletCallback(() => {
+  const relativeKeyboardHeight = useCallback(() => {
+    "worklet";
+
     const keyboardY = screenHeight - keyboard.heightWhenOpened.value - keyboardVerticalOffset;
     return Math.max(frame.value.y + frame.value.height - keyboardY, 0);
   }, [screenHeight, keyboardVerticalOffset]);
-  const onLayoutWorklet = useWorkletCallback(layout => {
+  const {
+    interpolate
+  } = useKeyboardInterpolation();
+  const onLayoutWorklet = useCallback(layout => {
+    "worklet";
+
     if (keyboard.isClosed.value) {
       initialFrame.value = layout;
     }
-  });
+  }, []);
   const onLayout = useCallback(e => {
     runOnUI(onLayoutWorklet)(e.nativeEvent.layout);
     onLayoutProps === null || onLayoutProps === void 0 ? void 0 : onLayoutProps(e);
   }, [onLayoutProps]);
   const animatedStyle = useAnimatedStyle(() => {
-    const bottom = interpolate(keyboard.progress.value, [0, 1], [0, relativeKeyboardHeight()]);
+    const bottom = interpolate(keyboard.height.value, [0, relativeKeyboardHeight()]);
     const bottomHeight = enabled ? bottom : 0;
     switch (behavior) {
-      case 'height':
+      case "height":
         if (!keyboard.isClosed.value) {
           return {
             height: frame.value.height - bottomHeight,
@@ -56,11 +64,11 @@ const KeyboardAvoidingView = /*#__PURE__*/forwardRef((_ref, ref) => {
           };
         }
         return {};
-      case 'position':
+      case "position":
         return {
           bottom: bottomHeight
         };
-      case 'padding':
+      case "padding":
         return {
           paddingBottom: bottomHeight
         };
@@ -68,7 +76,7 @@ const KeyboardAvoidingView = /*#__PURE__*/forwardRef((_ref, ref) => {
         return {};
     }
   }, [behavior, enabled, relativeKeyboardHeight]);
-  const isPositionBehavior = behavior === 'position';
+  const isPositionBehavior = behavior === "position";
   const containerStyle = isPositionBehavior ? contentContainerStyle : style;
   const combinedStyles = useMemo(() => [containerStyle, animatedStyle], [containerStyle, animatedStyle]);
   if (isPositionBehavior) {
@@ -81,7 +89,6 @@ const KeyboardAvoidingView = /*#__PURE__*/forwardRef((_ref, ref) => {
     }, children));
   }
   return /*#__PURE__*/React.createElement(Reanimated.View, _extends({
-    // @ts-expect-error because `ref` from reanimated is not compatible with react-native
     ref: ref,
     onLayout: onLayout,
     style: combinedStyles

package/lib/module/components/KeyboardAvoidingView/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","useCallback","useMemo","View","useWindowDimensions","Reanimated","interpolate","runOnUI","useAnimatedStyle","useDerivedValue","useSharedValue","useWorkletCallback","useKeyboardAnimation","defaultLayout","x","y","width","height","KeyboardAvoidingView","ref","behavior","children","contentContainerStyle","enabled","keyboardVerticalOffset","style","onLayout","onLayoutProps","props","initialFrame","frame","value","keyboard","screenHeight","relativeKeyboardHeight","keyboardY","heightWhenOpened","Math","max","onLayoutWorklet","layout","isClosed","e","nativeEvent","animatedStyle","bottom","progress","bottomHeight","flex","paddingBottom","isPositionBehavior","containerStyle","combinedStyles"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from 'react';\nimport { View, useWindowDimensions } from 'react-native';\nimport Reanimated, {\n  interpolate,\n  runOnUI,\n  useAnimatedStyle,\n  useDerivedValue,\n  useSharedValue,\n  useWorkletCallback,\n} from 'react-native-reanimated';\n\nimport { useKeyboardAnimation } from './hooks';\n\nimport type { LayoutRectangle, ViewProps } from 'react-native';\n\ntype Props = {\n  /**\n   * Specify how to react to the presence of the keyboard.\n   */\n  behavior?: 'height' | 'position' | 'padding';\n\n  /**\n   * Style of the content container when `behavior` is 'position'.\n   */\n  contentContainerStyle?: ViewProps['style'];\n\n  /**\n   * Controls whether this `KeyboardAvoidingView` instance should take effect.\n   * This is useful when more than one is on the screen. Defaults to true.\n   */\n  enabled?: boolean;\n\n  /**\n   * Distance between the top of the user screen and the React Native view. This\n   * may be non-zero in some cases. Defaults to 0.\n   */\n  keyboardVerticalOffset?: number;\n} & ViewProps;\n\nconst defaultLayout: LayoutRectangle = {\n  x: 0,\n  y: 0,\n  width: 0,\n  height: 0,\n};\n\n/**\n * View that moves out of the way when the keyboard appears by automatically\n * adjusting its height, position, or bottom padding.\n */\nconst KeyboardAvoidingView = forwardRef<View, React.PropsWithChildren<Props>>(\n  (\n    {\n      behavior,\n      children,\n      contentContainerStyle,\n      enabled = true,\n      keyboardVerticalOffset = 0,\n      style,\n      onLayout: onLayoutProps,\n      ...props\n    },\n    ref\n  ) => {\n    const initialFrame = useSharedValue<LayoutRectangle | null>(null);\n    const frame = useDerivedValue(() => initialFrame.value || defaultLayout);\n\n    const keyboard = useKeyboardAnimation();\n    const { height: screenHeight } = useWindowDimensions();\n\n    const relativeKeyboardHeight = useWorkletCallback(() => {\n      const keyboardY =\n        screenHeight - keyboard.heightWhenOpened.value - keyboardVerticalOffset;\n\n      return Math.max(frame.value.y + frame.value.height - keyboardY, 0);\n    }, [screenHeight, keyboardVerticalOffset]);\n\n    const onLayoutWorklet = useWorkletCallback((layout: LayoutRectangle) => {\n      if (keyboard.isClosed.value) {\n        initialFrame.value = layout;\n      }\n    });\n    const onLayout = useCallback<NonNullable<ViewProps['onLayout']>>(\n      (e) => {\n        runOnUI(onLayoutWorklet)(e.nativeEvent.layout);\n        onLayoutProps?.(e);\n      },\n      [onLayoutProps]\n    );\n\n    const animatedStyle = useAnimatedStyle(() => {\n      const bottom = interpolate(\n        keyboard.progress.value,\n        [0, 1],\n        [0, relativeKeyboardHeight()]\n      );\n      const bottomHeight = enabled ? bottom : 0;\n\n      switch (behavior) {\n        case 'height':\n          if (!keyboard.isClosed.value) {\n            return {\n              height: frame.value.height - bottomHeight,\n              flex: 0,\n            };\n          }\n\n          return {};\n\n        case 'position':\n          return { bottom: bottomHeight };\n\n        case 'padding':\n          return { paddingBottom: bottomHeight };\n\n        default:\n          return {};\n      }\n    }, [behavior, enabled, relativeKeyboardHeight]);\n    const isPositionBehavior = behavior === 'position';\n    const containerStyle = isPositionBehavior ? contentContainerStyle : style;\n    const combinedStyles = useMemo(\n      () => [containerStyle, animatedStyle],\n      [containerStyle, animatedStyle]\n    );\n\n    if (isPositionBehavior) {\n      return (\n        <View ref={ref} style={style} onLayout={onLayout} {...props}>\n          <Reanimated.View style={combinedStyles}>{children}</Reanimated.View>\n        </View>\n      );\n    }\n\n    return (\n      <Reanimated.View\n        // @ts-expect-error because `ref` from reanimated is not compatible with react-native\n        ref={ref}\n        onLayout={onLayout}\n        style={combinedStyles}\n        {...props}\n      >\n        {children}\n      </Reanimated.View>\n    );\n  }\n);\n\nexport default KeyboardAvoidingView;\n"],"mappings":"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"}
+{"version":3,"names":["React","forwardRef","useCallback","useMemo","View","useWindowDimensions","Reanimated","runOnUI","useAnimatedStyle","useDerivedValue","useSharedValue","useKeyboardInterpolation","useKeyboardAnimation","defaultLayout","x","y","width","height","KeyboardAvoidingView","_ref","ref","behavior","children","contentContainerStyle","enabled","keyboardVerticalOffset","style","onLayout","onLayoutProps","props","initialFrame","frame","value","keyboard","screenHeight","relativeKeyboardHeight","keyboardY","heightWhenOpened","Math","max","interpolate","onLayoutWorklet","layout","isClosed","e","nativeEvent","animatedStyle","bottom","bottomHeight","flex","paddingBottom","isPositionBehavior","containerStyle","combinedStyles","createElement","_extends"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from \"react\";\nimport { View, useWindowDimensions } from \"react-native\";\nimport Reanimated, {\n  runOnUI,\n  useAnimatedStyle,\n  useDerivedValue,\n  useSharedValue,\n} from \"react-native-reanimated\";\n\nimport useKeyboardInterpolation from \"../hooks/useKeyboardInterpolation\";\n\nimport { useKeyboardAnimation } from \"./hooks\";\n\nimport type { LayoutRectangle, ViewProps } from \"react-native\";\n\ntype Props = {\n  /**\n   * Specify how to react to the presence of the keyboard.\n   */\n  behavior?: \"height\" | \"position\" | \"padding\";\n\n  /**\n   * Style of the content container when `behavior` is 'position'.\n   */\n  contentContainerStyle?: ViewProps[\"style\"];\n\n  /**\n   * Controls whether this `KeyboardAvoidingView` instance should take effect.\n   * This is useful when more than one is on the screen. Defaults to true.\n   */\n  enabled?: boolean;\n\n  /**\n   * Distance between the top of the user screen and the React Native view. This\n   * may be non-zero in some cases. Defaults to 0.\n   */\n  keyboardVerticalOffset?: number;\n} & ViewProps;\n\nconst defaultLayout: LayoutRectangle = {\n  x: 0,\n  y: 0,\n  width: 0,\n  height: 0,\n};\n\n/**\n * View that moves out of the way when the keyboard appears by automatically\n * adjusting its height, position, or bottom padding.\n */\nconst KeyboardAvoidingView = forwardRef<View, React.PropsWithChildren<Props>>(\n  (\n    {\n      behavior,\n      children,\n      contentContainerStyle,\n      enabled = true,\n      keyboardVerticalOffset = 0,\n      style,\n      onLayout: onLayoutProps,\n      ...props\n    },\n    ref,\n  ) => {\n    const initialFrame = useSharedValue<LayoutRectangle | null>(null);\n    const frame = useDerivedValue(() => initialFrame.value || defaultLayout);\n\n    const keyboard = useKeyboardAnimation();\n    const { height: screenHeight } = useWindowDimensions();\n\n    const relativeKeyboardHeight = useCallback(() => {\n      \"worklet\";\n\n      const keyboardY =\n        screenHeight - keyboard.heightWhenOpened.value - keyboardVerticalOffset;\n\n      return Math.max(frame.value.y + frame.value.height - keyboardY, 0);\n    }, [screenHeight, keyboardVerticalOffset]);\n    const { interpolate } = useKeyboardInterpolation();\n\n    const onLayoutWorklet = useCallback((layout: LayoutRectangle) => {\n      \"worklet\";\n\n      if (keyboard.isClosed.value) {\n        initialFrame.value = layout;\n      }\n    }, []);\n    const onLayout = useCallback<NonNullable<ViewProps[\"onLayout\"]>>(\n      (e) => {\n        runOnUI(onLayoutWorklet)(e.nativeEvent.layout);\n        onLayoutProps?.(e);\n      },\n      [onLayoutProps],\n    );\n\n    const animatedStyle = useAnimatedStyle(() => {\n      const bottom = interpolate(keyboard.height.value, [\n        0,\n        relativeKeyboardHeight(),\n      ]);\n      const bottomHeight = enabled ? bottom : 0;\n\n      switch (behavior) {\n        case \"height\":\n          if (!keyboard.isClosed.value) {\n            return {\n              height: frame.value.height - bottomHeight,\n              flex: 0,\n            };\n          }\n\n          return {};\n\n        case \"position\":\n          return { bottom: bottomHeight };\n\n        case \"padding\":\n          return { paddingBottom: bottomHeight };\n\n        default:\n          return {};\n      }\n    }, [behavior, enabled, relativeKeyboardHeight]);\n    const isPositionBehavior = behavior === \"position\";\n    const containerStyle = isPositionBehavior ? contentContainerStyle : style;\n    const combinedStyles = useMemo(\n      () => [containerStyle, animatedStyle],\n      [containerStyle, animatedStyle],\n    );\n\n    if (isPositionBehavior) {\n      return (\n        <View ref={ref} style={style} onLayout={onLayout} {...props}>\n          <Reanimated.View style={combinedStyles}>{children}</Reanimated.View>\n        </View>\n      );\n    }\n\n    return (\n      <Reanimated.View\n        ref={ref}\n        onLayout={onLayout}\n        style={combinedStyles}\n        {...props}\n      >\n        {children}\n      </Reanimated.View>\n    );\n  },\n);\n\nexport default KeyboardAvoidingView;\n"],"mappings":"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"}